angular-three-soba 2.0.0-beta.4 → 2.0.0-beta.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/abstractions/billboard/billboard.d.ts +12 -8
- package/abstractions/detailed/detailed.d.ts +26 -0
- package/abstractions/edges/edges.d.ts +24 -12
- package/abstractions/grid/grid.d.ts +42 -51
- package/abstractions/index.d.ts +1 -7
- package/abstractions/text/text.d.ts +10 -4
- package/abstractions/text-3d/text-3d.d.ts +51 -41
- package/cameras/camera/camera-content.d.ts +1 -1
- package/cameras/camera/camera.d.ts +16 -13
- package/cameras/cube-camera/cube-camera.d.ts +49 -23
- package/cameras/index.d.ts +0 -1
- package/cameras/orthographic-camera/orthographic-camera.d.ts +29 -18
- package/cameras/perspective-camera/perspective-camera.d.ts +10 -1
- package/controls/orbit-controls/orbit-controls.d.ts +34 -15
- package/esm2022/abstractions/billboard/billboard.mjs +36 -33
- package/esm2022/abstractions/detailed/detailed.mjs +64 -0
- package/esm2022/abstractions/edges/edges.mjs +58 -63
- package/esm2022/abstractions/grid/grid.mjs +140 -110
- package/esm2022/abstractions/index.mjs +2 -8
- package/esm2022/abstractions/text/text.mjs +123 -122
- package/esm2022/abstractions/text-3d/text-3d.mjs +120 -115
- package/esm2022/cameras/camera/camera-content.mjs +6 -6
- package/esm2022/cameras/camera/camera.mjs +48 -42
- package/esm2022/cameras/cube-camera/cube-camera.mjs +120 -100
- package/esm2022/cameras/index.mjs +1 -2
- package/esm2022/cameras/orthographic-camera/orthographic-camera.mjs +78 -75
- package/esm2022/cameras/perspective-camera/perspective-camera.mjs +25 -26
- package/esm2022/controls/orbit-controls/orbit-controls.mjs +109 -85
- package/esm2022/gizmos/angular-three-soba-gizmos.mjs +5 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-helper.mjs +198 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewcube/constants.mjs +31 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube-edge.mjs +93 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube-face.mjs +151 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube-input.mjs +66 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube.mjs +71 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewport/gizmo-viewport-axis.mjs +195 -0
- package/esm2022/gizmos/gizmo-helper/gizmo-viewport/gizmo-viewport.mjs +272 -0
- package/esm2022/gizmos/index.mjs +4 -0
- package/esm2022/loaders/gltf-loader/gltf-loader.mjs +14 -9
- package/esm2022/loaders/loader/loader.mjs +92 -87
- package/esm2022/loaders/progress/progress.mjs +31 -30
- package/esm2022/loaders/texture-loader/texture-loader.mjs +20 -15
- package/esm2022/materials/index.mjs +2 -1
- package/esm2022/materials/mesh-distort-material/mesh-distort-material.mjs +60 -51
- package/esm2022/materials/mesh-reflector-material/mesh-reflector-material.mjs +239 -255
- package/esm2022/materials/mesh-refraction-material/mesh-refraction-material.mjs +99 -97
- package/esm2022/materials/mesh-transmission-material/mesh-transmission-material.mjs +164 -144
- package/esm2022/materials/mesh-wobble-material/mesh-wobble-material.mjs +44 -42
- package/esm2022/materials/point-material/point-material.mjs +50 -0
- package/esm2022/misc/animations/animations.mjs +28 -23
- package/esm2022/misc/bake-shadows/bake-shadows.mjs +13 -13
- package/esm2022/misc/caustics/caustics.mjs +387 -0
- package/esm2022/misc/decal/decal.mjs +187 -0
- package/esm2022/misc/depth-buffer/depth-buffer.mjs +41 -37
- package/esm2022/misc/example/example.mjs +161 -0
- package/esm2022/misc/fbo/fbo.mjs +42 -36
- package/esm2022/misc/html/html-wrapper.mjs +478 -0
- package/esm2022/misc/html/html.mjs +305 -0
- package/esm2022/misc/index.mjs +10 -1
- package/esm2022/misc/sampler/sampler.mjs +132 -0
- package/esm2022/misc/shadow/shadow.mjs +111 -0
- package/esm2022/misc/stats-gl/stats-gl.mjs +61 -0
- package/esm2022/misc/trail/trail.mjs +204 -0
- package/esm2022/misc/trail-texture/inject-trail-texture.mjs +17 -0
- package/esm2022/misc/trail-texture/trail-texture.mjs +106 -0
- package/esm2022/modifiers/angular-three-soba-modifiers.mjs +5 -0
- package/esm2022/modifiers/curve-modifier/curve-modifier.mjs +64 -0
- package/esm2022/modifiers/index.mjs +2 -0
- package/esm2022/performances/adaptive-dpr/adaptive-dpr.mjs +44 -0
- package/esm2022/performances/adaptive-events/adaptive-events.mjs +27 -0
- package/esm2022/performances/angular-three-soba-performances.mjs +5 -0
- package/esm2022/performances/index.mjs +8 -0
- package/esm2022/performances/instances/instances.mjs +221 -0
- package/esm2022/performances/instances/position-mesh.mjs +52 -0
- package/esm2022/performances/points/points-input.mjs +64 -0
- package/esm2022/performances/points/points.mjs +327 -0
- package/esm2022/performances/points/position-point.mjs +54 -0
- package/esm2022/performances/segments/segment-object.mjs +9 -0
- package/esm2022/performances/segments/segments.mjs +183 -0
- package/esm2022/shaders/blur-pass/blur-pass.mjs +2 -2
- package/esm2022/shaders/caustics/caustics-material.mjs +130 -0
- package/esm2022/shaders/caustics/caustics-projection-material.mjs +32 -0
- package/esm2022/shaders/convolution-material/convolution-material.mjs +3 -2
- package/esm2022/shaders/discard-material/discard-material.mjs +1 -1
- package/esm2022/shaders/grid-material/grid-material.mjs +30 -14
- package/esm2022/shaders/index.mjs +5 -3
- package/esm2022/shaders/mesh-distort-material/mesh-distort-material.mjs +42 -41
- package/esm2022/shaders/mesh-reflector-material/mesh-reflector-material.mjs +2 -2
- package/esm2022/shaders/mesh-refraction-material/mesh-refraction-material.mjs +3 -2
- package/esm2022/shaders/mesh-transmission-material/mesh-transmission-material.mjs +7 -4
- package/esm2022/shaders/mesh-wobble-material/mesh-wobble-material.mjs +1 -1
- package/esm2022/shaders/shader-material/shader-material.mjs +3 -5
- package/esm2022/shaders/soft-shadow-material/soft-shadow-material.mjs +18 -25
- package/esm2022/shaders/sparkles-material/sparkles-material.mjs +32 -46
- package/esm2022/shaders/spot-light-material/spot-light-material.mjs +8 -7
- package/esm2022/shaders/star-field-material/star-field-material.mjs +3 -2
- package/esm2022/shaders/wireframe-material/wireframe-material.mjs +247 -0
- package/esm2022/staging/accumulative-shadows/accumulative-shadows.mjs +161 -176
- package/esm2022/staging/accumulative-shadows/progressive-light-map.mjs +8 -8
- package/esm2022/staging/accumulative-shadows/randomized-lights.mjs +129 -129
- package/esm2022/staging/backdrop/backdrop.mjs +77 -0
- package/esm2022/staging/bb-anchor/bb-anchor.mjs +69 -0
- package/esm2022/staging/bounds/bounds.mjs +145 -143
- package/esm2022/staging/camera-shake/camera-shake.mjs +86 -80
- package/esm2022/staging/center/center.mjs +129 -112
- package/esm2022/staging/cloud/cloud.mjs +118 -124
- package/esm2022/staging/contact-shadows/contact-shadows.mjs +131 -136
- package/esm2022/staging/environment/assets.mjs +12 -12
- package/esm2022/staging/environment/environment-cube.mjs +28 -30
- package/esm2022/staging/environment/environment-ground.mjs +17 -19
- package/esm2022/staging/environment/environment-input.mjs +98 -85
- package/esm2022/staging/environment/environment-map.mjs +33 -33
- package/esm2022/staging/environment/environment-portal.mjs +75 -97
- package/esm2022/staging/environment/environment.mjs +34 -51
- package/esm2022/staging/environment/utils.mjs +40 -17
- package/esm2022/staging/float/float.mjs +70 -58
- package/esm2022/staging/index.mjs +7 -3
- package/esm2022/staging/matcap-texture/matcap-texture.mjs +64 -0
- package/esm2022/staging/normal-texture/normal-texture.mjs +53 -0
- package/esm2022/staging/sky/sky.mjs +85 -80
- package/esm2022/staging/sparkles/sparkles.mjs +108 -105
- package/esm2022/staging/spot-light/shadow-mesh-input.mjs +63 -0
- package/esm2022/staging/spot-light/shadow-mesh.mjs +267 -0
- package/esm2022/staging/spot-light/spot-light-input.mjs +67 -58
- package/esm2022/staging/spot-light/spot-light.mjs +51 -63
- package/esm2022/staging/spot-light/volumetric-mesh.mjs +67 -70
- package/esm2022/staging/stage/stage.mjs +305 -290
- package/esm2022/staging/stars/stars.mjs +101 -102
- package/esm2022/staging/wireframe/wireframe-input.mjs +191 -0
- package/esm2022/staging/wireframe/wireframe.mjs +228 -0
- package/esm2022/utils/angular-three-soba-utils.mjs +5 -0
- package/esm2022/utils/constants.mjs +3 -0
- package/esm2022/utils/content/content.mjs +15 -0
- package/esm2022/utils/index.mjs +3 -0
- package/fesm2022/angular-three-soba-abstractions.mjs +504 -2079
- package/fesm2022/angular-three-soba-abstractions.mjs.map +1 -1
- package/fesm2022/angular-three-soba-cameras.mjs +293 -260
- package/fesm2022/angular-three-soba-cameras.mjs.map +1 -1
- package/fesm2022/angular-three-soba-controls.mjs +108 -83
- package/fesm2022/angular-three-soba-controls.mjs.map +1 -1
- package/fesm2022/angular-three-soba-gizmos.mjs +1045 -0
- package/fesm2022/angular-three-soba-gizmos.mjs.map +1 -0
- package/fesm2022/angular-three-soba-loaders.mjs +148 -132
- package/fesm2022/angular-three-soba-loaders.mjs.map +1 -1
- package/fesm2022/angular-three-soba-materials.mjs +656 -588
- package/fesm2022/angular-three-soba-materials.mjs.map +1 -1
- package/fesm2022/angular-three-soba-misc.mjs +2202 -99
- package/fesm2022/angular-three-soba-misc.mjs.map +1 -1
- package/fesm2022/angular-three-soba-modifiers.mjs +71 -0
- package/fesm2022/angular-three-soba-modifiers.mjs.map +1 -0
- package/fesm2022/angular-three-soba-performances.mjs +957 -0
- package/fesm2022/angular-three-soba-performances.mjs.map +1 -0
- package/fesm2022/angular-three-soba-shaders.mjs +508 -269
- package/fesm2022/angular-three-soba-shaders.mjs.map +1 -1
- package/fesm2022/angular-three-soba-staging.mjs +2910 -2573
- package/fesm2022/angular-three-soba-staging.mjs.map +1 -1
- package/fesm2022/angular-three-soba-utils.mjs +25 -0
- package/fesm2022/angular-three-soba-utils.mjs.map +1 -0
- package/gizmos/README.md +3 -0
- package/gizmos/gizmo-helper/gizmo-helper.d.ts +73 -0
- package/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube-edge.d.ts +22 -0
- package/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube-face.d.ts +29 -0
- package/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube-input.d.ts +33 -0
- package/gizmos/gizmo-helper/gizmo-viewcube/gizmo-viewcube.d.ts +10 -0
- package/gizmos/gizmo-helper/gizmo-viewport/gizmo-viewport-axis.d.ts +40 -0
- package/gizmos/gizmo-helper/gizmo-viewport/gizmo-viewport.d.ts +30 -0
- package/gizmos/index.d.ts +3 -0
- package/loaders/gltf-loader/gltf-loader.d.ts +15 -4
- package/loaders/loader/loader.d.ts +19 -17
- package/loaders/progress/progress.d.ts +1 -1
- package/loaders/texture-loader/texture-loader.d.ts +8 -3
- package/materials/index.d.ts +1 -0
- package/materials/mesh-distort-material/mesh-distort-material.d.ts +25 -15
- package/materials/mesh-reflector-material/mesh-reflector-material.d.ts +74 -56
- package/materials/mesh-refraction-material/mesh-refraction-material.d.ts +33 -21
- package/materials/mesh-transmission-material/mesh-transmission-material.d.ts +55 -39
- package/materials/mesh-wobble-material/mesh-wobble-material.d.ts +19 -10
- package/materials/point-material/point-material.d.ts +24 -0
- package/metadata.json +1 -0
- package/misc/animations/animations.d.ts +6 -4
- package/misc/caustics/caustics.d.ts +87 -0
- package/misc/decal/decal.d.ts +49 -0
- package/misc/depth-buffer/depth-buffer.d.ts +2 -2
- package/misc/example/example.d.ts +85 -0
- package/misc/fbo/fbo.d.ts +2 -2
- package/misc/html/html-wrapper.d.ts +559 -0
- package/misc/html/html.d.ts +218 -0
- package/misc/index.d.ts +9 -0
- package/misc/sampler/sampler.d.ts +67 -0
- package/misc/shadow/shadow.d.ts +37 -0
- package/misc/stats-gl/stats-gl.d.ts +24 -0
- package/misc/trail/trail.d.ts +57 -0
- package/misc/trail-texture/inject-trail-texture.d.ts +9 -0
- package/misc/trail-texture/trail-texture.d.ts +50 -0
- package/modifiers/README.md +3 -0
- package/modifiers/curve-modifier/curve-modifier.d.ts +23 -0
- package/modifiers/index.d.ts +1 -0
- package/package.json +36 -18
- package/performances/README.md +3 -0
- package/performances/adaptive-dpr/adaptive-dpr.d.ts +14 -0
- package/{performance/adaptive → performances/adaptive-events}/adaptive-events.d.ts +3 -0
- package/performances/index.d.ts +7 -0
- package/performances/instances/instances.d.ts +83 -0
- package/{performance → performances}/instances/position-mesh.d.ts +1 -1
- package/performances/points/points-input.d.ts +32 -0
- package/performances/points/points.d.ts +96 -0
- package/performances/points/position-point.d.ts +11 -0
- package/performances/segments/segment-object.d.ts +7 -0
- package/performances/segments/segments.d.ts +128 -0
- package/shaders/grid-material/grid-material.d.ts +33 -0
- package/shaders/index.d.ts +4 -2
- package/shaders/mesh-distort-material/mesh-distort-material.d.ts +173 -6
- package/shaders/mesh-transmission-material/mesh-transmission-material.d.ts +1 -1
- package/shaders/shader-material/shader-material.d.ts +2 -2
- package/shaders/soft-shadow-material/soft-shadow-material.d.ts +10 -1
- package/shaders/sparkles-material/sparkles-material.d.ts +13 -0
- package/shaders/spot-light-material/spot-light-material.d.ts +11 -2
- package/shaders/star-field-material/star-field-material.d.ts +9 -0
- package/shaders/wireframe-material/wireframe-material.d.ts +58 -0
- package/staging/accumulative-shadows/accumulative-shadows.d.ts +93 -39
- package/staging/accumulative-shadows/randomized-lights.d.ts +41 -28
- package/staging/backdrop/backdrop.d.ts +30 -0
- package/staging/bb-anchor/bb-anchor.d.ts +27 -0
- package/staging/bounds/bounds.d.ts +105 -25
- package/staging/camera-shake/camera-shake.d.ts +30 -19
- package/staging/center/center.d.ts +43 -35
- package/staging/cloud/cloud.d.ts +27 -24
- package/staging/contact-shadows/contact-shadows.d.ts +43 -30
- package/staging/environment/assets.d.ts +9 -9
- package/staging/environment/environment-cube.d.ts +9 -5
- package/staging/environment/environment-ground.d.ts +7 -7
- package/staging/environment/environment-input.d.ts +38 -38
- package/staging/environment/environment-map.d.ts +10 -5
- package/staging/environment/environment-portal.d.ts +10 -5
- package/staging/environment/environment.d.ts +0 -4
- package/staging/environment/utils.d.ts +2 -2
- package/staging/float/float.d.ts +15 -11
- package/staging/index.d.ts +6 -2
- package/staging/matcap-texture/matcap-texture.d.ts +13 -0
- package/staging/normal-texture/normal-texture.d.ts +16 -0
- package/staging/sky/sky.d.ts +28 -21
- package/staging/sparkles/sparkles.d.ts +36 -22
- package/staging/spot-light/shadow-mesh-input.d.ts +29 -0
- package/staging/spot-light/shadow-mesh.d.ts +37 -0
- package/staging/spot-light/spot-light-input.d.ts +25 -25
- package/staging/spot-light/spot-light.d.ts +35 -15
- package/staging/spot-light/volumetric-mesh.d.ts +15 -9
- package/staging/stage/stage.d.ts +89 -65
- package/staging/stars/stars.d.ts +28 -17
- package/staging/wireframe/wireframe-input.d.ts +65 -0
- package/staging/wireframe/wireframe.d.ts +28 -0
- package/utils/README.md +3 -0
- package/utils/constants.d.ts +1 -0
- package/utils/content/content.d.ts +8 -0
- package/utils/index.d.ts +2 -0
- package/web-types.json +1 -0
- package/abstractions/catmull-rom-line/catmull-rom-line.d.ts +0 -25
- package/abstractions/cubic-bezier-line/cubic-bezier-line.d.ts +0 -25
- package/abstractions/gizmo-helper/gizmo-helper.d.ts +0 -34
- package/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube-edge.d.ts +0 -22
- package/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube-face.d.ts +0 -30
- package/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube-inputs.d.ts +0 -32
- package/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube.d.ts +0 -14
- package/abstractions/gizmo-helper/gizmo-viewport/gizmo-viewport-axis.d.ts +0 -47
- package/abstractions/gizmo-helper/gizmo-viewport/gizmo-viewport.d.ts +0 -40
- package/abstractions/line/line-input.d.ts +0 -42
- package/abstractions/line/line.d.ts +0 -35
- package/abstractions/quadratic-bezier-line/quadratic-bezier-line.d.ts +0 -23
- package/esm2022/abstractions/catmull-rom-line/catmull-rom-line.mjs +0 -131
- package/esm2022/abstractions/cubic-bezier-line/cubic-bezier-line.mjs +0 -113
- package/esm2022/abstractions/gizmo-helper/gizmo-helper.mjs +0 -210
- package/esm2022/abstractions/gizmo-helper/gizmo-viewcube/constants.mjs +0 -31
- package/esm2022/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube-edge.mjs +0 -95
- package/esm2022/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube-face.mjs +0 -155
- package/esm2022/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube-inputs.mjs +0 -62
- package/esm2022/abstractions/gizmo-helper/gizmo-viewcube/gizmo-viewcube.mjs +0 -80
- package/esm2022/abstractions/gizmo-helper/gizmo-viewport/gizmo-viewport-axis.mjs +0 -206
- package/esm2022/abstractions/gizmo-helper/gizmo-viewport/gizmo-viewport.mjs +0 -273
- package/esm2022/abstractions/line/line-input.mjs +0 -113
- package/esm2022/abstractions/line/line.mjs +0 -165
- package/esm2022/abstractions/quadratic-bezier-line/quadratic-bezier-line.mjs +0 -128
- package/esm2022/performance/adaptive/adaptive-dpr.mjs +0 -46
- package/esm2022/performance/adaptive/adaptive-events.mjs +0 -31
- package/esm2022/performance/angular-three-soba-performance.mjs +0 -5
- package/esm2022/performance/detailed/detailed.mjs +0 -61
- package/esm2022/performance/index.mjs +0 -7
- package/esm2022/performance/instances/instance.mjs +0 -48
- package/esm2022/performance/instances/instances.mjs +0 -189
- package/esm2022/performance/instances/position-mesh.mjs +0 -52
- package/esm2022/performance/stats/stats.mjs +0 -79
- package/esm2022/shaders/caustics-material/caustics-material.mjs +0 -128
- package/esm2022/shaders/caustics-material/caustics-projection-material.mjs +0 -33
- package/esm2022/staging/caustics/caustisc.mjs +0 -384
- package/esm2022/staging/spot-light/spot-light-shadow-mesh-input.mjs +0 -57
- package/esm2022/staging/spot-light/spot-light-shadow-mesh.mjs +0 -256
- package/fesm2022/angular-three-soba-performance.mjs +0 -487
- package/fesm2022/angular-three-soba-performance.mjs.map +0 -1
- package/performance/README.md +0 -3
- package/performance/adaptive/adaptive-dpr.d.ts +0 -8
- package/performance/detailed/detailed.d.ts +0 -20
- package/performance/index.d.ts +0 -6
- package/performance/instances/instance.d.ts +0 -9
- package/performance/instances/instances.d.ts +0 -35
- package/performance/stats/stats.d.ts +0 -18
- package/plugin/generators.json +0 -19
- package/plugin/libs/plugin/README.md +0 -11
- package/plugin/package.json +0 -9
- package/plugin/src/generators/init/compat.d.ts +0 -2
- package/plugin/src/generators/init/compat.js +0 -6
- package/plugin/src/generators/init/compat.js.map +0 -1
- package/plugin/src/generators/init/init.d.ts +0 -7
- package/plugin/src/generators/init/init.js +0 -28
- package/plugin/src/generators/init/init.js.map +0 -1
- package/plugin/src/generators/init/schema.json +0 -6
- package/plugin/src/index.d.ts +0 -1
- package/plugin/src/index.js +0 -6
- package/plugin/src/index.js.map +0 -1
- package/staging/caustics/caustisc.d.ts +0 -70
- package/staging/spot-light/spot-light-shadow-mesh-input.d.ts +0 -29
- package/staging/spot-light/spot-light-shadow-mesh.d.ts +0 -38
- /package/{abstractions → gizmos}/gizmo-helper/gizmo-viewcube/constants.d.ts +0 -0
- /package/shaders/{caustics-material → caustics}/caustics-material.d.ts +0 -0
- /package/shaders/{caustics-material → caustics}/caustics-projection-material.d.ts +0 -0
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
import { NgIf } from '@angular/common';
|
|
2
|
+
import { Component, computed, CUSTOM_ELEMENTS_SCHEMA, effect, Input } from '@angular/core';
|
|
3
|
+
import { applyProps, extend, injectNgtRef, is, signalStore, } from 'angular-three';
|
|
4
|
+
import * as THREE from 'three';
|
|
5
|
+
import { AxesHelper, BoxGeometry, Mesh, MeshNormalMaterial } from 'three';
|
|
6
|
+
import { DecalGeometry } from 'three-stdlib';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
extend({ Mesh, BoxGeometry, MeshNormalMaterial, AxesHelper });
|
|
9
|
+
function vecToArray(vec = [0, 0, 0]) {
|
|
10
|
+
if (Array.isArray(vec)) {
|
|
11
|
+
return vec;
|
|
12
|
+
}
|
|
13
|
+
if (vec instanceof THREE.Vector3 || vec instanceof THREE.Euler) {
|
|
14
|
+
return [vec.x, vec.y, vec.z];
|
|
15
|
+
}
|
|
16
|
+
return [vec, vec, vec];
|
|
17
|
+
}
|
|
18
|
+
export class NgtsDecal {
|
|
19
|
+
set _debug(debug) {
|
|
20
|
+
this.inputs.set({ debug });
|
|
21
|
+
}
|
|
22
|
+
set _mesh(mesh) {
|
|
23
|
+
this.inputs.set({ mesh });
|
|
24
|
+
}
|
|
25
|
+
set _position(position) {
|
|
26
|
+
this.inputs.set({ position });
|
|
27
|
+
}
|
|
28
|
+
set _rotation(rotation) {
|
|
29
|
+
this.inputs.set({ rotation });
|
|
30
|
+
}
|
|
31
|
+
set _scale(scale) {
|
|
32
|
+
this.inputs.set({ scale });
|
|
33
|
+
}
|
|
34
|
+
set _map(map) {
|
|
35
|
+
this.inputs.set({ map });
|
|
36
|
+
}
|
|
37
|
+
set _polygonOffsetFactor(polygonOffsetFactor) {
|
|
38
|
+
this.inputs.set({ polygonOffsetFactor });
|
|
39
|
+
}
|
|
40
|
+
set _depthTest(depthTest) {
|
|
41
|
+
this.inputs.set({ depthTest });
|
|
42
|
+
}
|
|
43
|
+
constructor() {
|
|
44
|
+
this.inputs = signalStore({
|
|
45
|
+
debug: false,
|
|
46
|
+
depthTest: false,
|
|
47
|
+
polygonOffsetFactor: -10,
|
|
48
|
+
position: [0, 0, 0],
|
|
49
|
+
rotation: [0, 0, 0],
|
|
50
|
+
scale: 1,
|
|
51
|
+
});
|
|
52
|
+
this.decalRef = injectNgtRef();
|
|
53
|
+
this.mesh = this.inputs.select('mesh');
|
|
54
|
+
this.__position = this.inputs.select('position');
|
|
55
|
+
this.__rotation = this.inputs.select('rotation');
|
|
56
|
+
this.__scale = this.inputs.select('scale');
|
|
57
|
+
this.position = computed(() => vecToArray(this.__position()));
|
|
58
|
+
this.rotation = computed(() => vecToArray(this.__rotation()));
|
|
59
|
+
this.scale = computed(() => vecToArray(this.__scale()));
|
|
60
|
+
this.helperRef = injectNgtRef();
|
|
61
|
+
this.debug = this.inputs.select('debug');
|
|
62
|
+
this.depthTest = this.inputs.select('depthTest');
|
|
63
|
+
this.polygonOffsetFactor = this.inputs.select('polygonOffsetFactor');
|
|
64
|
+
this.map = this.inputs.select('map');
|
|
65
|
+
this.processDecal();
|
|
66
|
+
}
|
|
67
|
+
processDecal() {
|
|
68
|
+
effect((onCleanup) => {
|
|
69
|
+
const decal = this.decalRef.nativeElement;
|
|
70
|
+
if (!decal)
|
|
71
|
+
return;
|
|
72
|
+
const [mesh, position, rotation, scale, helper] = [
|
|
73
|
+
this.mesh(),
|
|
74
|
+
this.position(),
|
|
75
|
+
this.rotation(),
|
|
76
|
+
this.scale(),
|
|
77
|
+
this.helperRef.nativeElement,
|
|
78
|
+
];
|
|
79
|
+
const parent = mesh ? (is.ref(mesh) ? mesh.nativeElement : mesh) : decal.parent;
|
|
80
|
+
if (!(parent instanceof Mesh)) {
|
|
81
|
+
throw new Error('[NGT] ngts-decal must have a ngt-mesh as parent or specify its "mesh" input');
|
|
82
|
+
}
|
|
83
|
+
const state = {
|
|
84
|
+
position: new THREE.Vector3(),
|
|
85
|
+
rotation: new THREE.Euler(),
|
|
86
|
+
scale: new THREE.Vector3(1, 1, 1),
|
|
87
|
+
};
|
|
88
|
+
if (parent) {
|
|
89
|
+
applyProps(state, { position, scale });
|
|
90
|
+
// Zero out the parents matrix world for this operation
|
|
91
|
+
const matrixWorld = parent.matrixWorld.clone();
|
|
92
|
+
parent.matrixWorld.identity();
|
|
93
|
+
if (!rotation || typeof rotation === 'number') {
|
|
94
|
+
const o = new THREE.Object3D();
|
|
95
|
+
o.position.copy(state.position);
|
|
96
|
+
o.lookAt(parent.position);
|
|
97
|
+
if (typeof rotation === 'number')
|
|
98
|
+
o.rotateZ(rotation);
|
|
99
|
+
applyProps(state, { rotation: o.rotation });
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
applyProps(state, { rotation });
|
|
103
|
+
}
|
|
104
|
+
decal.geometry = new DecalGeometry(parent, state.position, state.rotation, state.scale);
|
|
105
|
+
if (helper) {
|
|
106
|
+
applyProps(helper, state);
|
|
107
|
+
// Prevent the helpers from blocking rays
|
|
108
|
+
helper.traverse((child) => (child.raycast = () => null));
|
|
109
|
+
}
|
|
110
|
+
// Reset parents matix-world
|
|
111
|
+
parent.matrixWorld = matrixWorld;
|
|
112
|
+
onCleanup(() => {
|
|
113
|
+
decal.geometry.dispose();
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: NgtsDecal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: NgtsDecal, isStandalone: true, selector: "ngts-decal", inputs: { decalRef: "decalRef", _debug: ["debug", "_debug"], _mesh: ["mesh", "_mesh"], _position: ["position", "_position"], _rotation: ["rotation", "_rotation"], _scale: ["scale", "_scale"], _map: ["map", "_map"], _polygonOffsetFactor: ["polygonOffsetFactor", "_polygonOffsetFactor"], _depthTest: ["depthTest", "_depthTest"] }, ngImport: i0, template: `
|
|
120
|
+
<ngt-mesh [ref]="decalRef" ngtCompound>
|
|
121
|
+
<ngt-value [rawValue]="true" attach="material.transparent" />
|
|
122
|
+
<ngt-value [rawValue]="true" attach="material.polygonOffset" />
|
|
123
|
+
<ngt-value [rawValue]="polygonOffsetFactor()" attach="material.polygonOffsetFactor" />
|
|
124
|
+
<ngt-value [rawValue]="depthTest()" attach="material.depthTest" />
|
|
125
|
+
<ngt-value [rawValue]="map()" attach="material.map" />
|
|
126
|
+
<ng-content />
|
|
127
|
+
|
|
128
|
+
<ngt-mesh *ngIf="debug()" [ref]="helperRef">
|
|
129
|
+
<ngt-box-geometry />
|
|
130
|
+
<ngt-mesh-normal-material [wireframe]="true" />
|
|
131
|
+
<ngt-axes-helper />
|
|
132
|
+
</ngt-mesh>
|
|
133
|
+
</ngt-mesh>
|
|
134
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
135
|
+
}
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: NgtsDecal, decorators: [{
|
|
137
|
+
type: Component,
|
|
138
|
+
args: [{
|
|
139
|
+
selector: 'ngts-decal',
|
|
140
|
+
standalone: true,
|
|
141
|
+
template: `
|
|
142
|
+
<ngt-mesh [ref]="decalRef" ngtCompound>
|
|
143
|
+
<ngt-value [rawValue]="true" attach="material.transparent" />
|
|
144
|
+
<ngt-value [rawValue]="true" attach="material.polygonOffset" />
|
|
145
|
+
<ngt-value [rawValue]="polygonOffsetFactor()" attach="material.polygonOffsetFactor" />
|
|
146
|
+
<ngt-value [rawValue]="depthTest()" attach="material.depthTest" />
|
|
147
|
+
<ngt-value [rawValue]="map()" attach="material.map" />
|
|
148
|
+
<ng-content />
|
|
149
|
+
|
|
150
|
+
<ngt-mesh *ngIf="debug()" [ref]="helperRef">
|
|
151
|
+
<ngt-box-geometry />
|
|
152
|
+
<ngt-mesh-normal-material [wireframe]="true" />
|
|
153
|
+
<ngt-axes-helper />
|
|
154
|
+
</ngt-mesh>
|
|
155
|
+
</ngt-mesh>
|
|
156
|
+
`,
|
|
157
|
+
imports: [NgIf],
|
|
158
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
159
|
+
}]
|
|
160
|
+
}], ctorParameters: function () { return []; }, propDecorators: { decalRef: [{
|
|
161
|
+
type: Input
|
|
162
|
+
}], _debug: [{
|
|
163
|
+
type: Input,
|
|
164
|
+
args: [{ alias: 'debug' }]
|
|
165
|
+
}], _mesh: [{
|
|
166
|
+
type: Input,
|
|
167
|
+
args: [{ alias: 'mesh' }]
|
|
168
|
+
}], _position: [{
|
|
169
|
+
type: Input,
|
|
170
|
+
args: [{ alias: 'position' }]
|
|
171
|
+
}], _rotation: [{
|
|
172
|
+
type: Input,
|
|
173
|
+
args: [{ alias: 'rotation' }]
|
|
174
|
+
}], _scale: [{
|
|
175
|
+
type: Input,
|
|
176
|
+
args: [{ alias: 'scale' }]
|
|
177
|
+
}], _map: [{
|
|
178
|
+
type: Input,
|
|
179
|
+
args: [{ alias: 'map' }]
|
|
180
|
+
}], _polygonOffsetFactor: [{
|
|
181
|
+
type: Input,
|
|
182
|
+
args: [{ alias: 'polygonOffsetFactor' }]
|
|
183
|
+
}], _depthTest: [{
|
|
184
|
+
type: Input,
|
|
185
|
+
args: [{ alias: 'depthTest' }]
|
|
186
|
+
}] } });
|
|
187
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVjYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NvYmEvbWlzYy9zcmMvZGVjYWwvZGVjYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUNOLFVBQVUsRUFDVixNQUFNLEVBQ04sWUFBWSxFQUNaLEVBQUUsRUFDRixXQUFXLEdBS1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDL0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBRTdDLE1BQU0sQ0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztBQXNCOUQsU0FBUyxVQUFVLENBQUMsTUFBaUQsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM3RSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUU7UUFDdkIsT0FBTyxHQUFHLENBQUM7S0FDWDtJQUVELElBQUksR0FBRyxZQUFZLEtBQUssQ0FBQyxPQUFPLElBQUksR0FBRyxZQUFZLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDL0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FDN0I7SUFFRCxPQUFPLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLENB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QkFBNUMsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIGVmZmVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG5cdGFwcGx5UHJvcHMsXG5cdGV4dGVuZCxcblx0aW5qZWN0Tmd0UmVmLFxuXHRpcyxcblx0c2lnbmFsU3RvcmUsXG5cdHR5cGUgTmd0RXVsZXIsXG5cdHR5cGUgTmd0TWVzaCxcblx0dHlwZSBOZ3RSZWYsXG5cdHR5cGUgTmd0VmVjdG9yMyxcbn0gZnJvbSAnYW5ndWxhci10aHJlZSc7XG5pbXBvcnQgKiBhcyBUSFJFRSBmcm9tICd0aHJlZSc7XG5pbXBvcnQgeyBBeGVzSGVscGVyLCBCb3hHZW9tZXRyeSwgTWVzaCwgTWVzaE5vcm1hbE1hdGVyaWFsIH0gZnJvbSAndGhyZWUnO1xuaW1wb3J0IHsgRGVjYWxHZW9tZXRyeSB9IGZyb20gJ3RocmVlLXN0ZGxpYic7XG5cbmV4dGVuZCh7IE1lc2gsIEJveEdlb21ldHJ5LCBNZXNoTm9ybWFsTWF0ZXJpYWwsIEF4ZXNIZWxwZXIgfSk7XG5cbmV4cG9ydCB0eXBlIE5ndHNEZWNhbFN0YXRlID0ge1xuXHRkZWJ1ZzogYm9vbGVhbjtcblx0bWVzaD86IE5ndFJlZjxUSFJFRS5NZXNoPjtcblx0cG9zaXRpb246IE5ndFZlY3RvcjM7XG5cdHJvdGF0aW9uOiBOZ3RFdWxlciB8IG51bWJlcjtcblx0c2NhbGU6IE5ndFZlY3RvcjM7XG5cdG1hcD86IFRIUkVFLlRleHR1cmU7XG5cdHBvbHlnb25PZmZzZXRGYWN0b3I6IG51bWJlcjtcblx0ZGVwdGhUZXN0OiBib29sZWFuO1xufTtcblxuZGVjbGFyZSBnbG9iYWwge1xuXHRpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcblx0XHQvKipcblx0XHQgKiBAZXh0ZW5kcyBuZ3QtbWVzaFxuXHRcdCAqL1xuXHRcdCduZ3RzLWRlY2FsJzogTmd0c0RlY2FsU3RhdGUgJiBOZ3RNZXNoO1xuXHR9XG59XG5cbmZ1bmN0aW9uIHZlY1RvQXJyYXkodmVjOiBudW1iZXJbXSB8IE5ndFZlY3RvcjMgfCBOZ3RFdWxlciB8IG51bWJlciA9IFswLCAwLCAwXSkge1xuXHRpZiAoQXJyYXkuaXNBcnJheSh2ZWMpKSB7XG5cdFx0cmV0dXJuIHZlYztcblx0fVxuXG5cdGlmICh2ZWMgaW5zdGFuY2VvZiBUSFJFRS5WZWN0b3IzIHx8IHZlYyBpbnN0YW5jZW9mIFRIUkVFLkV1bGVyKSB7XG5cdFx0cmV0dXJuIFt2ZWMueCwgdmVjLnksIHZlYy56XTtcblx0fVxuXG5cdHJldHVybiBbdmVjLCB2ZWMsIHZlY107XG59XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ25ndHMtZGVjYWwnLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDxuZ3QtbWVzaCBbcmVmXT1cImRlY2FsUmVmXCIgbmd0Q29tcG91bmQ+XG5cdFx0XHQ8bmd0LXZhbHVlIFtyYXdWYWx1ZV09XCJ0cnVlXCIgYXR0YWNoPVwibWF0ZXJpYWwudHJhbnNwYXJlbnRcIiAvPlxuXHRcdFx0PG5ndC12YWx1ZSBbcmF3VmFsdWVdPVwidHJ1ZVwiIGF0dGFjaD1cIm1hdGVyaWFsLnBvbHlnb25PZmZzZXRcIiAvPlxuXHRcdFx0PG5ndC12YWx1ZSBbcmF3VmFsdWVdPVwicG9seWdvbk9mZnNldEZhY3RvcigpXCIgYXR0YWNoPVwibWF0ZXJpYWwucG9seWdvbk9mZnNldEZhY3RvclwiIC8+XG5cdFx0XHQ8bmd0LXZhbHVlIFtyYXdWYWx1ZV09XCJkZXB0aFRlc3QoKVwiIGF0dGFjaD1cIm1hdGVyaWFsLmRlcHRoVGVzdFwiIC8+XG5cdFx0XHQ8bmd0LXZhbHVlIFtyYXdWYWx1ZV09XCJtYXAoKVwiIGF0dGFjaD1cIm1hdGVyaWFsLm1hcFwiIC8+XG5cdFx0XHQ8bmctY29udGVudCAvPlxuXG5cdFx0XHQ8bmd0LW1lc2ggKm5nSWY9XCJkZWJ1ZygpXCIgW3JlZl09XCJoZWxwZXJSZWZcIj5cblx0XHRcdFx0PG5ndC1ib3gtZ2VvbWV0cnkgLz5cblx0XHRcdFx0PG5ndC1tZXNoLW5vcm1hbC1tYXRlcmlhbCBbd2lyZWZyYW1lXT1cInRydWVcIiAvPlxuXHRcdFx0XHQ8bmd0LWF4ZXMtaGVscGVyIC8+XG5cdFx0XHQ8L25ndC1tZXNoPlxuXHRcdDwvbmd0LW1lc2g+XG5cdGAsXG5cdGltcG9ydHM6IFtOZ0lmXSxcblx0c2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3RzRGVjYWwge1xuXHRwcml2YXRlIGlucHV0cyA9IHNpZ25hbFN0b3JlPE5ndHNEZWNhbFN0YXRlPih7XG5cdFx0ZGVidWc6IGZhbHNlLFxuXHRcdGRlcHRoVGVzdDogZmFsc2UsXG5cdFx0cG9seWdvbk9mZnNldEZhY3RvcjogLTEwLFxuXHRcdHBvc2l0aW9uOiBbMCwgMCwgMF0sXG5cdFx0cm90YXRpb246IFswLCAwLCAwXSxcblx0XHRzY2FsZTogMSxcblx0fSk7XG5cblx0QElucHV0KCkgZGVjYWxSZWYgPSBpbmplY3ROZ3RSZWY8TWVzaD4oKTtcblxuXHRASW5wdXQoeyBhbGlhczogJ2RlYnVnJyB9KSBzZXQgX2RlYnVnKGRlYnVnOiBib29sZWFuKSB7XG5cdFx0dGhpcy5pbnB1dHMuc2V0KHsgZGVidWcgfSk7XG5cdH1cblxuXHRASW5wdXQoeyBhbGlhczogJ21lc2gnIH0pIHNldCBfbWVzaChtZXNoOiBOZ3RSZWY8VEhSRUUuTWVzaD4pIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyBtZXNoIH0pO1xuXHR9XG5cblx0QElucHV0KHsgYWxpYXM6ICdwb3NpdGlvbicgfSkgc2V0IF9wb3NpdGlvbihwb3NpdGlvbjogTmd0VmVjdG9yMykge1xuXHRcdHRoaXMuaW5wdXRzLnNldCh7IHBvc2l0aW9uIH0pO1xuXHR9XG5cblx0QElucHV0KHsgYWxpYXM6ICdyb3RhdGlvbicgfSkgc2V0IF9yb3RhdGlvbihyb3RhdGlvbjogTmd0RXVsZXIgfCBudW1iZXIpIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyByb3RhdGlvbiB9KTtcblx0fVxuXG5cdEBJbnB1dCh7IGFsaWFzOiAnc2NhbGUnIH0pIHNldCBfc2NhbGUoc2NhbGU6IE5ndFZlY3RvcjMpIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyBzY2FsZSB9KTtcblx0fVxuXG5cdEBJbnB1dCh7IGFsaWFzOiAnbWFwJyB9KSBzZXQgX21hcChtYXA6IFRIUkVFLlRleHR1cmUpIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyBtYXAgfSk7XG5cdH1cblxuXHRASW5wdXQoeyBhbGlhczogJ3BvbHlnb25PZmZzZXRGYWN0b3InIH0pIHNldCBfcG9seWdvbk9mZnNldEZhY3Rvcihwb2x5Z29uT2Zmc2V0RmFjdG9yOiBudW1iZXIpIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyBwb2x5Z29uT2Zmc2V0RmFjdG9yIH0pO1xuXHR9XG5cblx0QElucHV0KHsgYWxpYXM6ICdkZXB0aFRlc3QnIH0pIHNldCBfZGVwdGhUZXN0KGRlcHRoVGVzdDogYm9vbGVhbikge1xuXHRcdHRoaXMuaW5wdXRzLnNldCh7IGRlcHRoVGVzdCB9KTtcblx0fVxuXG5cdHByaXZhdGUgbWVzaCA9IHRoaXMuaW5wdXRzLnNlbGVjdCgnbWVzaCcpO1xuXHRwcml2YXRlIF9fcG9zaXRpb24gPSB0aGlzLmlucHV0cy5zZWxlY3QoJ3Bvc2l0aW9uJyk7XG5cdHByaXZhdGUgX19yb3RhdGlvbiA9IHRoaXMuaW5wdXRzLnNlbGVjdCgncm90YXRpb24nKTtcblx0cHJpdmF0ZSBfX3NjYWxlID0gdGhpcy5pbnB1dHMuc2VsZWN0KCdzY2FsZScpO1xuXHRwcml2YXRlIHBvc2l0aW9uID0gY29tcHV0ZWQoKCkgPT4gdmVjVG9BcnJheSh0aGlzLl9fcG9zaXRpb24oKSkpO1xuXHRwcml2YXRlIHJvdGF0aW9uID0gY29tcHV0ZWQoKCkgPT4gdmVjVG9BcnJheSh0aGlzLl9fcm90YXRpb24oKSkpO1xuXHRwcml2YXRlIHNjYWxlID0gY29tcHV0ZWQoKCkgPT4gdmVjVG9BcnJheSh0aGlzLl9fc2NhbGUoKSkpO1xuXG5cdGhlbHBlclJlZiA9IGluamVjdE5ndFJlZjxNZXNoPigpO1xuXG5cdGRlYnVnID0gdGhpcy5pbnB1dHMuc2VsZWN0KCdkZWJ1ZycpO1xuXHRkZXB0aFRlc3QgPSB0aGlzLmlucHV0cy5zZWxlY3QoJ2RlcHRoVGVzdCcpO1xuXHRwb2x5Z29uT2Zmc2V0RmFjdG9yID0gdGhpcy5pbnB1dHMuc2VsZWN0KCdwb2x5Z29uT2Zmc2V0RmFjdG9yJyk7XG5cdG1hcCA9IHRoaXMuaW5wdXRzLnNlbGVjdCgnbWFwJyk7XG5cblx0Y29uc3RydWN0b3IoKSB7XG5cdFx0dGhpcy5wcm9jZXNzRGVjYWwoKTtcblx0fVxuXG5cdHByaXZhdGUgcHJvY2Vzc0RlY2FsKCkge1xuXHRcdGVmZmVjdCgob25DbGVhbnVwKSA9PiB7XG5cdFx0XHRjb25zdCBkZWNhbCA9IHRoaXMuZGVjYWxSZWYubmF0aXZlRWxlbWVudDtcblx0XHRcdGlmICghZGVjYWwpIHJldHVybjtcblxuXHRcdFx0Y29uc3QgW21lc2gsIHBvc2l0aW9uLCByb3RhdGlvbiwgc2NhbGUsIGhlbHBlcl0gPSBbXG5cdFx0XHRcdHRoaXMubWVzaCgpLFxuXHRcdFx0XHR0aGlzLnBvc2l0aW9uKCksXG5cdFx0XHRcdHRoaXMucm90YXRpb24oKSxcblx0XHRcdFx0dGhpcy5zY2FsZSgpLFxuXHRcdFx0XHR0aGlzLmhlbHBlclJlZi5uYXRpdmVFbGVtZW50LFxuXHRcdFx0XTtcblxuXHRcdFx0Y29uc3QgcGFyZW50ID0gbWVzaCA/IChpcy5yZWYobWVzaCkgPyBtZXNoLm5hdGl2ZUVsZW1lbnQgOiBtZXNoKSA6IGRlY2FsLnBhcmVudDtcblx0XHRcdGlmICghKHBhcmVudCBpbnN0YW5jZW9mIE1lc2gpKSB7XG5cdFx0XHRcdHRocm93IG5ldyBFcnJvcignW05HVF0gbmd0cy1kZWNhbCBtdXN0IGhhdmUgYSBuZ3QtbWVzaCBhcyBwYXJlbnQgb3Igc3BlY2lmeSBpdHMgXCJtZXNoXCIgaW5wdXQnKTtcblx0XHRcdH1cblxuXHRcdFx0Y29uc3Qgc3RhdGUgPSB7XG5cdFx0XHRcdHBvc2l0aW9uOiBuZXcgVEhSRUUuVmVjdG9yMygpLFxuXHRcdFx0XHRyb3RhdGlvbjogbmV3IFRIUkVFLkV1bGVyKCksXG5cdFx0XHRcdHNjYWxlOiBuZXcgVEhSRUUuVmVjdG9yMygxLCAxLCAxKSxcblx0XHRcdH07XG5cblx0XHRcdGlmIChwYXJlbnQpIHtcblx0XHRcdFx0YXBwbHlQcm9wcyhzdGF0ZSwgeyBwb3NpdGlvbiwgc2NhbGUgfSk7XG5cblx0XHRcdFx0Ly8gWmVybyBvdXQgdGhlIHBhcmVudHMgbWF0cml4IHdvcmxkIGZvciB0aGlzIG9wZXJhdGlvblxuXHRcdFx0XHRjb25zdCBtYXRyaXhXb3JsZCA9IHBhcmVudC5tYXRyaXhXb3JsZC5jbG9uZSgpO1xuXHRcdFx0XHRwYXJlbnQubWF0cml4V29ybGQuaWRlbnRpdHkoKTtcblxuXHRcdFx0XHRpZiAoIXJvdGF0aW9uIHx8IHR5cGVvZiByb3RhdGlvbiA9PT0gJ251bWJlcicpIHtcblx0XHRcdFx0XHRjb25zdCBvID0gbmV3IFRIUkVFLk9iamVjdDNEKCk7XG5cblx0XHRcdFx0XHRvLnBvc2l0aW9uLmNvcHkoc3RhdGUucG9zaXRpb24pO1xuXHRcdFx0XHRcdG8ubG9va0F0KHBhcmVudC5wb3NpdGlvbik7XG5cdFx0XHRcdFx0aWYgKHR5cGVvZiByb3RhdGlvbiA9PT0gJ251bWJlcicpIG8ucm90YXRlWihyb3RhdGlvbik7XG5cdFx0XHRcdFx0YXBwbHlQcm9wcyhzdGF0ZSwgeyByb3RhdGlvbjogby5yb3RhdGlvbiB9KTtcblx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRhcHBseVByb3BzKHN0YXRlLCB7IHJvdGF0aW9uIH0pO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0ZGVjYWwuZ2VvbWV0cnkgPSBuZXcgRGVjYWxHZW9tZXRyeShwYXJlbnQsIHN0YXRlLnBvc2l0aW9uLCBzdGF0ZS5yb3RhdGlvbiwgc3RhdGUuc2NhbGUpO1xuXHRcdFx0XHRpZiAoaGVscGVyKSB7XG5cdFx0XHRcdFx0YXBwbHlQcm9wcyhoZWxwZXIsIHN0YXRlKTtcblx0XHRcdFx0XHQvLyBQcmV2ZW50IHRoZSBoZWxwZXJzIGZyb20gYmxvY2tpbmcgcmF5c1xuXHRcdFx0XHRcdGhlbHBlci50cmF2ZXJzZSgoY2hpbGQpID0+IChjaGlsZC5yYXljYXN0ID0gKCkgPT4gbnVsbCkpO1xuXHRcdFx0XHR9XG5cdFx0XHRcdC8vIFJlc2V0IHBhcmVudHMgbWF0aXgtd29ybGRcblx0XHRcdFx0cGFyZW50Lm1hdHJpeFdvcmxkID0gbWF0cml4V29ybGQ7XG5cblx0XHRcdFx0b25DbGVhbnVwKCgpID0+IHtcblx0XHRcdFx0XHRkZWNhbC5nZW9tZXRyeS5kaXNwb3NlKCk7XG5cdFx0XHRcdH0pO1xuXHRcdFx0fVxuXHRcdH0pO1xuXHR9XG59XG4iXX0=
|
|
@@ -1,46 +1,50 @@
|
|
|
1
1
|
import { ChangeDetectorRef, computed, effect, inject, runInInjectionContext, signal, untracked, } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { injectBeforeRender, injectNgtStore, safeDetectChanges } from 'angular-three';
|
|
3
|
+
import { assertInjector } from 'ngxtension/assert-injector';
|
|
3
4
|
import * as THREE from 'three';
|
|
4
5
|
import { injectNgtsFBO } from '../fbo/fbo';
|
|
5
6
|
export function injectNgtsDepthBuffer(paramsFactory = () => ({}), { injector } = {}) {
|
|
6
|
-
injector =
|
|
7
|
+
injector = assertInjector(injectNgtsDepthBuffer, injector);
|
|
7
8
|
return runInInjectionContext(injector, () => {
|
|
8
|
-
const
|
|
9
|
-
const store =
|
|
9
|
+
const depthBufferSignal = signal(null);
|
|
10
|
+
const store = injectNgtStore();
|
|
10
11
|
const cdr = inject(ChangeDetectorRef);
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
effect(() => {
|
|
25
|
-
const fbo = fboRef();
|
|
26
|
-
if (fbo) {
|
|
27
|
-
depthBufferRef.set(fbo.depthTexture);
|
|
28
|
-
safeDetectChanges(cdr);
|
|
29
|
-
}
|
|
30
|
-
}, { allowSignalWrites: true, injector });
|
|
31
|
-
let count = 0;
|
|
32
|
-
injectBeforeRender(({ gl, scene, camera }) => {
|
|
33
|
-
const params = { size: 256, frames: Infinity, ...paramsFactory() };
|
|
34
|
-
const fbo = untracked(fboRef);
|
|
35
|
-
if ((params.frames === Infinity || count < params.frames) && fbo) {
|
|
36
|
-
gl.setRenderTarget(fbo);
|
|
37
|
-
gl.render(scene, camera);
|
|
38
|
-
gl.setRenderTarget(null);
|
|
39
|
-
count++;
|
|
40
|
-
}
|
|
41
|
-
}, { injector });
|
|
12
|
+
const [defaultWidth, defaultHeight, dpr] = [
|
|
13
|
+
store.select('size', 'width'),
|
|
14
|
+
store.select('size', 'height'),
|
|
15
|
+
store.select('viewport', 'dpr'),
|
|
16
|
+
];
|
|
17
|
+
const fboParams = computed(() => {
|
|
18
|
+
const params = { size: 256, frames: Infinity, ...paramsFactory() };
|
|
19
|
+
const width = params.size || defaultWidth() * dpr();
|
|
20
|
+
const height = params.size || defaultHeight() * dpr();
|
|
21
|
+
const depthTexture = new THREE.DepthTexture(width, height);
|
|
22
|
+
depthTexture.format = THREE.DepthFormat;
|
|
23
|
+
depthTexture.type = THREE.UnsignedShortType;
|
|
24
|
+
return { width, height, settings: { depthTexture } };
|
|
42
25
|
});
|
|
43
|
-
|
|
26
|
+
const _fbo = injectNgtsFBO(fboParams, { injector });
|
|
27
|
+
effect(() => {
|
|
28
|
+
const fbo = _fbo();
|
|
29
|
+
if (fbo) {
|
|
30
|
+
untracked(() => {
|
|
31
|
+
depthBufferSignal.set(fbo.depthTexture);
|
|
32
|
+
});
|
|
33
|
+
safeDetectChanges(cdr);
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
let count = 0;
|
|
37
|
+
injectBeforeRender(({ gl, scene, camera }) => {
|
|
38
|
+
const params = { size: 256, frames: Infinity, ...paramsFactory() };
|
|
39
|
+
const fbo = _fbo();
|
|
40
|
+
if ((params.frames === Infinity || count < params.frames) && fbo) {
|
|
41
|
+
gl.setRenderTarget(fbo);
|
|
42
|
+
gl.render(scene, camera);
|
|
43
|
+
gl.setRenderTarget(null);
|
|
44
|
+
count++;
|
|
45
|
+
}
|
|
46
|
+
}, { injector });
|
|
47
|
+
return depthBufferSignal.asReadonly();
|
|
44
48
|
});
|
|
45
49
|
}
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVwdGgtYnVmZmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zb2JhL21pc2Mvc3JjL2RlcHRoLWJ1ZmZlci9kZXB0aC1idWZmZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLGlCQUFpQixFQUNqQixRQUFRLEVBQ1IsTUFBTSxFQUNOLE1BQU0sRUFDTixxQkFBcUIsRUFDckIsTUFBTSxFQUNOLFNBQVMsR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBTzNDLE1BQU0sVUFBVSxxQkFBcUIsQ0FDcEMsZ0JBQXNELEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQ2hFLEVBQUUsUUFBUSxLQUE4QixFQUFFO0lBRTFDLFFBQVEsR0FBRyxjQUFjLENBQUMscUJBQXFCLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDM0QsT0FBTyxxQkFBcUIsQ0FBQyxRQUFRLEVBQUUsR0FBRyxFQUFFO1FBQzNDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUE0QixJQUFJLENBQUMsQ0FBQztRQUNsRSxNQUFNLEtBQUssR0FBRyxjQUFjLEVBQUUsQ0FBQztRQUMvQixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUV0QyxNQUFNLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxHQUFHLENBQUMsR0FBRztZQUMxQyxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUM7WUFDN0IsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO1lBQzlCLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQztTQUMvQixDQUFDO1FBRUYsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMvQixNQUFNLE1BQU0sR0FBRyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDbkUsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxZQUFZLEVBQUUsR0FBRyxHQUFHLEVBQUUsQ0FBQztZQUNwRCxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxJQUFJLGFBQWEsRUFBRSxHQUFHLEdBQUcsRUFBRSxDQUFDO1lBQ3RELE1BQU0sWUFBWSxHQUFHLElBQUksS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDM0QsWUFBWSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDO1lBQ3hDLFlBQVksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLGlCQUFpQixDQUFDO1lBQzVDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxFQUFFLFlBQVksRUFBRSxFQUFFLENBQUM7UUFDdEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxNQUFNLElBQUksR0FBRyxhQUFhLENBQUMsU0FBUyxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUVwRCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1gsTUFBTSxHQUFHLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFDbkIsSUFBSSxHQUFHLEVBQUU7Z0JBQ1IsU0FBUyxDQUFDLEdBQUcsRUFBRTtvQkFDZCxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO2dCQUN6QyxDQUFDLENBQUMsQ0FBQztnQkFDSCxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUN2QjtRQUNGLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2Qsa0JBQWtCLENBQ2pCLENBQUMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7WUFDekIsTUFBTSxNQUFNLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ25FLE1BQU0sR0FBRyxHQUFHLElBQUksRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLFFBQVEsSUFBSSxLQUFLLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsRUFBRTtnQkFDakUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDeEIsRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7Z0JBQ3pCLEVBQUUsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3pCLEtBQUssRUFBRSxDQUFDO2FBQ1I7UUFDRixDQUFDLEVBQ0QsRUFBRSxRQUFRLEVBQUUsQ0FDWixDQUFDO1FBRUYsT0FBTyxpQkFBaUIsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN2QyxDQUFDLENBQUMsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuXHRDaGFuZ2VEZXRlY3RvclJlZixcblx0Y29tcHV0ZWQsXG5cdGVmZmVjdCxcblx0aW5qZWN0LFxuXHRydW5JbkluamVjdGlvbkNvbnRleHQsXG5cdHNpZ25hbCxcblx0dW50cmFja2VkLFxuXHR0eXBlIEluamVjdG9yLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGluamVjdEJlZm9yZVJlbmRlciwgaW5qZWN0Tmd0U3RvcmUsIHNhZmVEZXRlY3RDaGFuZ2VzIH0gZnJvbSAnYW5ndWxhci10aHJlZSc7XG5pbXBvcnQgeyBhc3NlcnRJbmplY3RvciB9IGZyb20gJ25neHRlbnNpb24vYXNzZXJ0LWluamVjdG9yJztcbmltcG9ydCAqIGFzIFRIUkVFIGZyb20gJ3RocmVlJztcbmltcG9ydCB7IGluamVjdE5ndHNGQk8gfSBmcm9tICcuLi9mYm8vZmJvJztcblxuZXhwb3J0IGludGVyZmFjZSBOZ3RzRGVwdGhCdWZmZXJQYXJhbXMge1xuXHRzaXplOiBudW1iZXI7XG5cdGZyYW1lczogbnVtYmVyO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0Tmd0c0RlcHRoQnVmZmVyKFxuXHRwYXJhbXNGYWN0b3J5OiAoKSA9PiBQYXJ0aWFsPE5ndHNEZXB0aEJ1ZmZlclBhcmFtcz4gPSAoKSA9PiAoe30pLFxuXHR7IGluamVjdG9yIH06IHsgaW5qZWN0b3I/OiBJbmplY3RvciB9ID0ge30sXG4pIHtcblx0aW5qZWN0b3IgPSBhc3NlcnRJbmplY3RvcihpbmplY3ROZ3RzRGVwdGhCdWZmZXIsIGluamVjdG9yKTtcblx0cmV0dXJuIHJ1bkluSW5qZWN0aW9uQ29udGV4dChpbmplY3RvciwgKCkgPT4ge1xuXHRcdGNvbnN0IGRlcHRoQnVmZmVyU2lnbmFsID0gc2lnbmFsPFRIUkVFLkRlcHRoVGV4dHVyZSB8IG51bGw+KG51bGwpO1xuXHRcdGNvbnN0IHN0b3JlID0gaW5qZWN0Tmd0U3RvcmUoKTtcblx0XHRjb25zdCBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG5cdFx0Y29uc3QgW2RlZmF1bHRXaWR0aCwgZGVmYXVsdEhlaWdodCwgZHByXSA9IFtcblx0XHRcdHN0b3JlLnNlbGVjdCgnc2l6ZScsICd3aWR0aCcpLFxuXHRcdFx0c3RvcmUuc2VsZWN0KCdzaXplJywgJ2hlaWdodCcpLFxuXHRcdFx0c3RvcmUuc2VsZWN0KCd2aWV3cG9ydCcsICdkcHInKSxcblx0XHRdO1xuXG5cdFx0Y29uc3QgZmJvUGFyYW1zID0gY29tcHV0ZWQoKCkgPT4ge1xuXHRcdFx0Y29uc3QgcGFyYW1zID0geyBzaXplOiAyNTYsIGZyYW1lczogSW5maW5pdHksIC4uLnBhcmFtc0ZhY3RvcnkoKSB9O1xuXHRcdFx0Y29uc3Qgd2lkdGggPSBwYXJhbXMuc2l6ZSB8fCBkZWZhdWx0V2lkdGgoKSAqIGRwcigpO1xuXHRcdFx0Y29uc3QgaGVpZ2h0ID0gcGFyYW1zLnNpemUgfHwgZGVmYXVsdEhlaWdodCgpICogZHByKCk7XG5cdFx0XHRjb25zdCBkZXB0aFRleHR1cmUgPSBuZXcgVEhSRUUuRGVwdGhUZXh0dXJlKHdpZHRoLCBoZWlnaHQpO1xuXHRcdFx0ZGVwdGhUZXh0dXJlLmZvcm1hdCA9IFRIUkVFLkRlcHRoRm9ybWF0O1xuXHRcdFx0ZGVwdGhUZXh0dXJlLnR5cGUgPSBUSFJFRS5VbnNpZ25lZFNob3J0VHlwZTtcblx0XHRcdHJldHVybiB7IHdpZHRoLCBoZWlnaHQsIHNldHRpbmdzOiB7IGRlcHRoVGV4dHVyZSB9IH07XG5cdFx0fSk7XG5cblx0XHRjb25zdCBfZmJvID0gaW5qZWN0Tmd0c0ZCTyhmYm9QYXJhbXMsIHsgaW5qZWN0b3IgfSk7XG5cblx0XHRlZmZlY3QoKCkgPT4ge1xuXHRcdFx0Y29uc3QgZmJvID0gX2ZibygpO1xuXHRcdFx0aWYgKGZibykge1xuXHRcdFx0XHR1bnRyYWNrZWQoKCkgPT4ge1xuXHRcdFx0XHRcdGRlcHRoQnVmZmVyU2lnbmFsLnNldChmYm8uZGVwdGhUZXh0dXJlKTtcblx0XHRcdFx0fSk7XG5cdFx0XHRcdHNhZmVEZXRlY3RDaGFuZ2VzKGNkcik7XG5cdFx0XHR9XG5cdFx0fSk7XG5cblx0XHRsZXQgY291bnQgPSAwO1xuXHRcdGluamVjdEJlZm9yZVJlbmRlcihcblx0XHRcdCh7IGdsLCBzY2VuZSwgY2FtZXJhIH0pID0+IHtcblx0XHRcdFx0Y29uc3QgcGFyYW1zID0geyBzaXplOiAyNTYsIGZyYW1lczogSW5maW5pdHksIC4uLnBhcmFtc0ZhY3RvcnkoKSB9O1xuXHRcdFx0XHRjb25zdCBmYm8gPSBfZmJvKCk7XG5cdFx0XHRcdGlmICgocGFyYW1zLmZyYW1lcyA9PT0gSW5maW5pdHkgfHwgY291bnQgPCBwYXJhbXMuZnJhbWVzKSAmJiBmYm8pIHtcblx0XHRcdFx0XHRnbC5zZXRSZW5kZXJUYXJnZXQoZmJvKTtcblx0XHRcdFx0XHRnbC5yZW5kZXIoc2NlbmUsIGNhbWVyYSk7XG5cdFx0XHRcdFx0Z2wuc2V0UmVuZGVyVGFyZ2V0KG51bGwpO1xuXHRcdFx0XHRcdGNvdW50Kys7XG5cdFx0XHRcdH1cblx0XHRcdH0sXG5cdFx0XHR7IGluamVjdG9yIH0sXG5cdFx0KTtcblxuXHRcdHJldHVybiBkZXB0aEJ1ZmZlclNpZ25hbC5hc1JlYWRvbmx5KCk7XG5cdH0pO1xufVxuIl19
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import { NgIf } from '@angular/common';
|
|
2
|
+
import { CUSTOM_ELEMENTS_SCHEMA, Component, Input, computed, forwardRef, signal } from '@angular/core';
|
|
3
|
+
import { extend, injectNgtRef, signalStore } from 'angular-three';
|
|
4
|
+
import { NgtsText3D } from 'angular-three-soba/abstractions';
|
|
5
|
+
import { NgtsCenter } from 'angular-three-soba/staging';
|
|
6
|
+
import { createInjectionToken } from 'ngxtension/create-injection-token';
|
|
7
|
+
import { Group, MeshNormalMaterial, MeshStandardMaterial } from 'three';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* augment HTMLElementTagNameMap with the selector of the component.
|
|
11
|
+
* the type is usually the Inputs' state and the root THREE element
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
\/**
|
|
16
|
+
* @extends ngt-group
|
|
17
|
+
*\/
|
|
18
|
+
'ngts-example': NgtsExampleState & NgtGroup;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
*/
|
|
23
|
+
/**
|
|
24
|
+
* make sure soba's component extends all regular THREE entities that it needs
|
|
25
|
+
*/
|
|
26
|
+
extend({ Group, MeshNormalMaterial, MeshStandardMaterial });
|
|
27
|
+
/**
|
|
28
|
+
* We can setup public API for this soba component with createInjectionToken + forwardRef
|
|
29
|
+
* the `example.api` is **usually** a computed property in the component class
|
|
30
|
+
*
|
|
31
|
+
* @see Bounds for example
|
|
32
|
+
*/
|
|
33
|
+
export const [injectNgtsExampleApi, provideNgtsExampleApi] = createInjectionToken((example) => example.api, { isRoot: false, deps: [forwardRef(() => NgtsExample)] });
|
|
34
|
+
/**
|
|
35
|
+
* @description this component is only for documentation purposes.
|
|
36
|
+
*/
|
|
37
|
+
export class NgtsExample {
|
|
38
|
+
constructor() {
|
|
39
|
+
/**
|
|
40
|
+
* use signalStore to store inputs with default inputs
|
|
41
|
+
*/
|
|
42
|
+
this.inputs = signalStore({ color: '#cbcbcb', bevelSize: 0.04, debug: false });
|
|
43
|
+
/**
|
|
44
|
+
* a soba component usually has a Input for the component ref and this Input always has a default value with injectNgtRef
|
|
45
|
+
*/
|
|
46
|
+
this.exampleRef = injectNgtRef();
|
|
47
|
+
/**
|
|
48
|
+
* exposes signals from inputs
|
|
49
|
+
*/
|
|
50
|
+
this.bevelSize = this.inputs.select('bevelSize');
|
|
51
|
+
this.font = this.inputs.select('font');
|
|
52
|
+
this.debug = this.inputs.select('debug');
|
|
53
|
+
this.color = this.inputs.select('color');
|
|
54
|
+
/**
|
|
55
|
+
* can have internal state
|
|
56
|
+
*/
|
|
57
|
+
this.count = signal(0);
|
|
58
|
+
/**
|
|
59
|
+
* Expose the public API for this soba component
|
|
60
|
+
*/
|
|
61
|
+
this.api = computed(() => ({
|
|
62
|
+
bevelSize: this.bevelSize(),
|
|
63
|
+
increment: () => this.count.update((v) => v + 1),
|
|
64
|
+
decrement: () => this.count.update((v) => v - 1),
|
|
65
|
+
}));
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* setup Input for the Inputs state. Use alias to have an easier time to setup computed
|
|
69
|
+
*
|
|
70
|
+
* @example: this way "private font" and "set _font" won't conflict
|
|
71
|
+
* private font = this.inputs.select('font');
|
|
72
|
+
*/
|
|
73
|
+
set _font(font) {
|
|
74
|
+
this.inputs.set({ font });
|
|
75
|
+
}
|
|
76
|
+
set _color(color) {
|
|
77
|
+
this.inputs.set({ color });
|
|
78
|
+
}
|
|
79
|
+
set _debug(debug) {
|
|
80
|
+
this.inputs.set({ debug });
|
|
81
|
+
}
|
|
82
|
+
set _bevelSize(bevelSize) {
|
|
83
|
+
this.inputs.set({ bevelSize });
|
|
84
|
+
}
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: NgtsExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: NgtsExample, isStandalone: true, selector: "ngts-example", inputs: { exampleRef: "exampleRef", _font: ["font", "_font"], _color: ["color", "_color"], _debug: ["debug", "_debug"], _bevelSize: ["bevelSize", "_bevelSize"] }, providers: [provideNgtsExampleApi()], ngImport: i0, template: `
|
|
87
|
+
<!-- ngtCompound is used by the Renderer to spread props from ngts-example down to ngt-group -->
|
|
88
|
+
<!-- i.e: <ngts-example [position]="[1, 1, 1]" />, [1, 1, 1] will be passed down to ngt-group -->
|
|
89
|
+
<!-- [ref] is used with the Input so that the consumer can pass an external ref and control this internal ngt-group -->
|
|
90
|
+
<ngt-group ngtCompound [ref]="exampleRef">
|
|
91
|
+
<ngts-center [top]="true">
|
|
92
|
+
<ngts-text-3d
|
|
93
|
+
[bevelEnabled]="true"
|
|
94
|
+
[bevelSize]="bevelSize()"
|
|
95
|
+
[font]="font()"
|
|
96
|
+
[text]="count().toString()"
|
|
97
|
+
>
|
|
98
|
+
<ngt-mesh-standard-material *ngIf="!debug(); else withDebug" [color]="color()" />
|
|
99
|
+
<ng-template #withDebug>
|
|
100
|
+
<ngt-mesh-normal-material [wireframe]="true" />
|
|
101
|
+
</ng-template>
|
|
102
|
+
</ngts-text-3d>
|
|
103
|
+
</ngts-center>
|
|
104
|
+
<!-- use Content Projection here so consumers can pass in children for ngt-group -->
|
|
105
|
+
<ng-content />
|
|
106
|
+
</ngt-group>
|
|
107
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgtsCenter, selector: "ngts-center", inputs: ["centerRef", "top", "right", "bottom", "left", "front", "back", "disableX", "disableY", "disableZ", "disable", "precise", "cacheKey"], outputs: ["centered"] }, { kind: "component", type: NgtsText3D, selector: "ngts-text-3d", inputs: ["textRef", "font", "text", "bevelEnabled", "bevelOffset", "bevelSize", "bevelThickness", "curveSegments", "bevelSegments", "height", "size", "lineHeight", "letterSpacing", "smooth"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
108
|
+
}
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: NgtsExample, decorators: [{
|
|
110
|
+
type: Component,
|
|
111
|
+
args: [{
|
|
112
|
+
selector: 'ngts-example',
|
|
113
|
+
standalone: true,
|
|
114
|
+
template: `
|
|
115
|
+
<!-- ngtCompound is used by the Renderer to spread props from ngts-example down to ngt-group -->
|
|
116
|
+
<!-- i.e: <ngts-example [position]="[1, 1, 1]" />, [1, 1, 1] will be passed down to ngt-group -->
|
|
117
|
+
<!-- [ref] is used with the Input so that the consumer can pass an external ref and control this internal ngt-group -->
|
|
118
|
+
<ngt-group ngtCompound [ref]="exampleRef">
|
|
119
|
+
<ngts-center [top]="true">
|
|
120
|
+
<ngts-text-3d
|
|
121
|
+
[bevelEnabled]="true"
|
|
122
|
+
[bevelSize]="bevelSize()"
|
|
123
|
+
[font]="font()"
|
|
124
|
+
[text]="count().toString()"
|
|
125
|
+
>
|
|
126
|
+
<ngt-mesh-standard-material *ngIf="!debug(); else withDebug" [color]="color()" />
|
|
127
|
+
<ng-template #withDebug>
|
|
128
|
+
<ngt-mesh-normal-material [wireframe]="true" />
|
|
129
|
+
</ng-template>
|
|
130
|
+
</ngts-text-3d>
|
|
131
|
+
</ngts-center>
|
|
132
|
+
<!-- use Content Projection here so consumers can pass in children for ngt-group -->
|
|
133
|
+
<ng-content />
|
|
134
|
+
</ngt-group>
|
|
135
|
+
`,
|
|
136
|
+
/**
|
|
137
|
+
* can definitely use other Soba components
|
|
138
|
+
*/
|
|
139
|
+
imports: [NgtsCenter, NgtsText3D, NgIf],
|
|
140
|
+
/**
|
|
141
|
+
* call the API provider here to actually provide the API for the component's children
|
|
142
|
+
*/
|
|
143
|
+
providers: [provideNgtsExampleApi()],
|
|
144
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
145
|
+
}]
|
|
146
|
+
}], propDecorators: { exampleRef: [{
|
|
147
|
+
type: Input
|
|
148
|
+
}], _font: [{
|
|
149
|
+
type: Input,
|
|
150
|
+
args: [{ alias: 'font', required: true }]
|
|
151
|
+
}], _color: [{
|
|
152
|
+
type: Input,
|
|
153
|
+
args: [{ alias: 'color' }]
|
|
154
|
+
}], _debug: [{
|
|
155
|
+
type: Input,
|
|
156
|
+
args: [{ alias: 'debug' }]
|
|
157
|
+
}], _bevelSize: [{
|
|
158
|
+
type: Input,
|
|
159
|
+
args: [{ alias: 'bevelSize' }]
|
|
160
|
+
}] } });
|
|
161
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc29iYS9taXNjL3NyYy9leGFtcGxlL2V4YW1wbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxPQUFPLENBQUM7O0FBWXhFOzs7Ozs7Ozs7Ozs7O0VBYUU7QUFFRjs7R0FFRztBQUNILE1BQU0sQ0FBQyxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxvQkFBb0IsRUFBRSxDQUFDLENBQUM7QUFFNUQ7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsTUFBTSxDQUFDLG9CQUFvQixFQUFFLHFCQUFxQixDQUFDLEdBQUcsb0JBQW9CLENBQ2hGLENBQUMsT0FBb0IsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFDckMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxFQUFFLENBQ3hELENBQUM7QUFxQ0Y7O0dBRUc7QUFDSCxNQUFNLE9BQU8sV0FBVztJQXRDeEI7UUF1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QkFJVSxVQUFVO3NCQUE1QyxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgQ29tcG9uZW50LCBJbnB1dCwgY29tcHV0ZWQsIGZvcndhcmRSZWYsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZXh0ZW5kLCBpbmplY3ROZ3RSZWYsIHNpZ25hbFN0b3JlIH0gZnJvbSAnYW5ndWxhci10aHJlZSc7XG5pbXBvcnQgeyBOZ3RzVGV4dDNEIH0gZnJvbSAnYW5ndWxhci10aHJlZS1zb2JhL2Fic3RyYWN0aW9ucyc7XG5pbXBvcnQgeyBOZ3RzQ2VudGVyIH0gZnJvbSAnYW5ndWxhci10aHJlZS1zb2JhL3N0YWdpbmcnO1xuaW1wb3J0IHsgY3JlYXRlSW5qZWN0aW9uVG9rZW4gfSBmcm9tICduZ3h0ZW5zaW9uL2NyZWF0ZS1pbmplY3Rpb24tdG9rZW4nO1xuaW1wb3J0IHsgR3JvdXAsIE1lc2hOb3JtYWxNYXRlcmlhbCwgTWVzaFN0YW5kYXJkTWF0ZXJpYWwgfSBmcm9tICd0aHJlZSc7XG5cbi8qKlxuICogZGVmaW5lIHN0YXRlcyBvZiBhIGNvbXBvbmVudC4gdXN1YWxseSBhY3RzIGZvciBpbnB1dHMgc2lnbmFsU3RvcmVcbiAqL1xuZXhwb3J0IHR5cGUgTmd0c0V4YW1wbGVTdGF0ZSA9IHtcblx0Zm9udDogc3RyaW5nO1xuXHRjb2xvcjogVEhSRUUuQ29sb3JSZXByZXNlbnRhdGlvbjtcblx0ZGVidWc6IGJvb2xlYW47XG5cdGJldmVsU2l6ZTogbnVtYmVyO1xufTtcblxuLyoqXG4gKiBhdWdtZW50IEhUTUxFbGVtZW50VGFnTmFtZU1hcCB3aXRoIHRoZSBzZWxlY3RvciBvZiB0aGUgY29tcG9uZW50LlxuICogdGhlIHR5cGUgaXMgdXN1YWxseSB0aGUgSW5wdXRzJyBzdGF0ZSBhbmQgdGhlIHJvb3QgVEhSRUUgZWxlbWVudFxuXG5kZWNsYXJlIGdsb2JhbCB7XG5cdGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuXHRcdFxcLyoqXG5cdFx0ICogQGV4dGVuZHMgbmd0LWdyb3VwXG5cdFx0ICpcXC9cblx0XHQnbmd0cy1leGFtcGxlJzogTmd0c0V4YW1wbGVTdGF0ZSAmIE5ndEdyb3VwO1xuXHR9XG59XG5cbiovXG5cbi8qKlxuICogbWFrZSBzdXJlIHNvYmEncyBjb21wb25lbnQgZXh0ZW5kcyBhbGwgcmVndWxhciBUSFJFRSBlbnRpdGllcyB0aGF0IGl0IG5lZWRzXG4gKi9cbmV4dGVuZCh7IEdyb3VwLCBNZXNoTm9ybWFsTWF0ZXJpYWwsIE1lc2hTdGFuZGFyZE1hdGVyaWFsIH0pO1xuXG4vKipcbiAqIFdlIGNhbiBzZXR1cCBwdWJsaWMgQVBJIGZvciB0aGlzIHNvYmEgY29tcG9uZW50IHdpdGggY3JlYXRlSW5qZWN0aW9uVG9rZW4gKyBmb3J3YXJkUmVmXG4gKiB0aGUgYGV4YW1wbGUuYXBpYCBpcyAqKnVzdWFsbHkqKiBhIGNvbXB1dGVkIHByb3BlcnR5IGluIHRoZSBjb21wb25lbnQgY2xhc3NcbiAqXG4gKiBAc2VlIEJvdW5kcyBmb3IgZXhhbXBsZVxuICovXG5leHBvcnQgY29uc3QgW2luamVjdE5ndHNFeGFtcGxlQXBpLCBwcm92aWRlTmd0c0V4YW1wbGVBcGldID0gY3JlYXRlSW5qZWN0aW9uVG9rZW4oXG5cdChleGFtcGxlOiBOZ3RzRXhhbXBsZSkgPT4gZXhhbXBsZS5hcGksXG5cdHsgaXNSb290OiBmYWxzZSwgZGVwczogW2ZvcndhcmRSZWYoKCkgPT4gTmd0c0V4YW1wbGUpXSB9LFxuKTtcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmd0cy1leGFtcGxlJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0dGVtcGxhdGU6IGBcblx0XHQ8IS0tIG5ndENvbXBvdW5kIGlzIHVzZWQgYnkgdGhlIFJlbmRlcmVyIHRvIHNwcmVhZCBwcm9wcyBmcm9tIG5ndHMtZXhhbXBsZSBkb3duIHRvIG5ndC1ncm91cCAtLT5cblx0XHQ8IS0tIGkuZTogPG5ndHMtZXhhbXBsZSBbcG9zaXRpb25dPVwiWzEsIDEsIDFdXCIgLz4sIFsxLCAxLCAxXSB3aWxsIGJlIHBhc3NlZCBkb3duIHRvIG5ndC1ncm91cCAtLT5cblx0XHQ8IS0tIFtyZWZdIGlzIHVzZWQgd2l0aCB0aGUgSW5wdXQgc28gdGhhdCB0aGUgY29uc3VtZXIgY2FuIHBhc3MgYW4gZXh0ZXJuYWwgcmVmIGFuZCBjb250cm9sIHRoaXMgaW50ZXJuYWwgbmd0LWdyb3VwIC0tPlxuXHRcdDxuZ3QtZ3JvdXAgbmd0Q29tcG91bmQgW3JlZl09XCJleGFtcGxlUmVmXCI+XG5cdFx0XHQ8bmd0cy1jZW50ZXIgW3RvcF09XCJ0cnVlXCI+XG5cdFx0XHRcdDxuZ3RzLXRleHQtM2Rcblx0XHRcdFx0XHRbYmV2ZWxFbmFibGVkXT1cInRydWVcIlxuXHRcdFx0XHRcdFtiZXZlbFNpemVdPVwiYmV2ZWxTaXplKClcIlxuXHRcdFx0XHRcdFtmb250XT1cImZvbnQoKVwiXG5cdFx0XHRcdFx0W3RleHRdPVwiY291bnQoKS50b1N0cmluZygpXCJcblx0XHRcdFx0PlxuXHRcdFx0XHRcdDxuZ3QtbWVzaC1zdGFuZGFyZC1tYXRlcmlhbCAqbmdJZj1cIiFkZWJ1ZygpOyBlbHNlIHdpdGhEZWJ1Z1wiIFtjb2xvcl09XCJjb2xvcigpXCIgLz5cblx0XHRcdFx0XHQ8bmctdGVtcGxhdGUgI3dpdGhEZWJ1Zz5cblx0XHRcdFx0XHRcdDxuZ3QtbWVzaC1ub3JtYWwtbWF0ZXJpYWwgW3dpcmVmcmFtZV09XCJ0cnVlXCIgLz5cblx0XHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0XHQ8L25ndHMtdGV4dC0zZD5cblx0XHRcdDwvbmd0cy1jZW50ZXI+XG5cdFx0XHQ8IS0tIHVzZSBDb250ZW50IFByb2plY3Rpb24gaGVyZSBzbyBjb25zdW1lcnMgY2FuIHBhc3MgaW4gY2hpbGRyZW4gZm9yIG5ndC1ncm91cCAtLT5cblx0XHRcdDxuZy1jb250ZW50IC8+XG5cdFx0PC9uZ3QtZ3JvdXA+XG5cdGAsXG5cdC8qKlxuXHQgKiBjYW4gZGVmaW5pdGVseSB1c2Ugb3RoZXIgU29iYSBjb21wb25lbnRzXG5cdCAqL1xuXHRpbXBvcnRzOiBbTmd0c0NlbnRlciwgTmd0c1RleHQzRCwgTmdJZl0sXG5cdC8qKlxuXHQgKiBjYWxsIHRoZSBBUEkgcHJvdmlkZXIgaGVyZSB0byBhY3R1YWxseSBwcm92aWRlIHRoZSBBUEkgZm9yIHRoZSBjb21wb25lbnQncyBjaGlsZHJlblxuXHQgKi9cblx0cHJvdmlkZXJzOiBbcHJvdmlkZU5ndHNFeGFtcGxlQXBpKCldLFxuXHRzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG59KVxuLyoqXG4gKiBAZGVzY3JpcHRpb24gdGhpcyBjb21wb25lbnQgaXMgb25seSBmb3IgZG9jdW1lbnRhdGlvbiBwdXJwb3Nlcy5cbiAqL1xuZXhwb3J0IGNsYXNzIE5ndHNFeGFtcGxlIHtcblx0LyoqXG5cdCAqIHVzZSBzaWduYWxTdG9yZSB0byBzdG9yZSBpbnB1dHMgd2l0aCBkZWZhdWx0IGlucHV0c1xuXHQgKi9cblx0cHJpdmF0ZSBpbnB1dHMgPSBzaWduYWxTdG9yZTxOZ3RzRXhhbXBsZVN0YXRlPih7IGNvbG9yOiAnI2NiY2JjYicsIGJldmVsU2l6ZTogMC4wNCwgZGVidWc6IGZhbHNlIH0pO1xuXG5cdC8qKlxuXHQgKiBhIHNvYmEgY29tcG9uZW50IHVzdWFsbHkgaGFzIGEgSW5wdXQgZm9yIHRoZSBjb21wb25lbnQgcmVmIGFuZCB0aGlzIElucHV0IGFsd2F5cyBoYXMgYSBkZWZhdWx0IHZhbHVlIHdpdGggaW5qZWN0Tmd0UmVmXG5cdCAqL1xuXHRASW5wdXQoKSBleGFtcGxlUmVmID0gaW5qZWN0Tmd0UmVmPEdyb3VwPigpO1xuXG5cdC8qKlxuXHQgKiBzZXR1cCBJbnB1dCBmb3IgdGhlIElucHV0cyBzdGF0ZS4gVXNlIGFsaWFzIHRvIGhhdmUgYW4gZWFzaWVyIHRpbWUgdG8gc2V0dXAgY29tcHV0ZWRcblx0ICpcblx0ICogQGV4YW1wbGU6IHRoaXMgd2F5IFwicHJpdmF0ZSBmb250XCIgYW5kIFwic2V0IF9mb250XCIgd29uJ3QgY29uZmxpY3Rcblx0ICogcHJpdmF0ZSBmb250ID0gdGhpcy5pbnB1dHMuc2VsZWN0KCdmb250Jyk7XG5cdCAqL1xuXHRASW5wdXQoeyBhbGlhczogJ2ZvbnQnLCByZXF1aXJlZDogdHJ1ZSB9KSBzZXQgX2ZvbnQoZm9udDogc3RyaW5nKSB7XG5cdFx0dGhpcy5pbnB1dHMuc2V0KHsgZm9udCB9KTtcblx0fVxuXG5cdEBJbnB1dCh7IGFsaWFzOiAnY29sb3InIH0pIHNldCBfY29sb3IoY29sb3I6IFRIUkVFLkNvbG9yUmVwcmVzZW50YXRpb24pIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyBjb2xvciB9KTtcblx0fVxuXG5cdEBJbnB1dCh7IGFsaWFzOiAnZGVidWcnIH0pIHNldCBfZGVidWcoZGVidWc6IGJvb2xlYW4pIHtcblx0XHR0aGlzLmlucHV0cy5zZXQoeyBkZWJ1ZyB9KTtcblx0fVxuXG5cdEBJbnB1dCh7IGFsaWFzOiAnYmV2ZWxTaXplJyB9KSBzZXQgX2JldmVsU2l6ZShiZXZlbFNpemU6IG51bWJlcikge1xuXHRcdHRoaXMuaW5wdXRzLnNldCh7IGJldmVsU2l6ZSB9KTtcblx0fVxuXG5cdC8qKlxuXHQgKiBleHBvc2VzIHNpZ25hbHMgZnJvbSBpbnB1dHNcblx0ICovXG5cdGJldmVsU2l6ZSA9IHRoaXMuaW5wdXRzLnNlbGVjdCgnYmV2ZWxTaXplJyk7XG5cdGZvbnQgPSB0aGlzLmlucHV0cy5zZWxlY3QoJ2ZvbnQnKTtcblx0ZGVidWcgPSB0aGlzLmlucHV0cy5zZWxlY3QoJ2RlYnVnJyk7XG5cdGNvbG9yID0gdGhpcy5pbnB1dHMuc2VsZWN0KCdjb2xvcicpO1xuXG5cdC8qKlxuXHQgKiBjYW4gaGF2ZSBpbnRlcm5hbCBzdGF0ZVxuXHQgKi9cblx0Y291bnQgPSBzaWduYWwoMCk7XG5cblx0LyoqXG5cdCAqIEV4cG9zZSB0aGUgcHVibGljIEFQSSBmb3IgdGhpcyBzb2JhIGNvbXBvbmVudFxuXHQgKi9cblx0YXBpID0gY29tcHV0ZWQoKCkgPT4gKHtcblx0XHRiZXZlbFNpemU6IHRoaXMuYmV2ZWxTaXplKCksXG5cdFx0aW5jcmVtZW50OiAoKSA9PiB0aGlzLmNvdW50LnVwZGF0ZSgodikgPT4gdiArIDEpLFxuXHRcdGRlY3JlbWVudDogKCkgPT4gdGhpcy5jb3VudC51cGRhdGUoKHYpID0+IHYgLSAxKSxcblx0fSkpO1xufVxuIl19
|
package/esm2022/misc/fbo/fbo.mjs
CHANGED
|
@@ -1,47 +1,53 @@
|
|
|
1
|
-
import { ChangeDetectorRef,
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeDetectorRef, DestroyRef, computed, effect, inject, runInInjectionContext, signal, untracked, } from '@angular/core';
|
|
2
|
+
import { injectNgtStore, safeDetectChanges } from 'angular-three';
|
|
3
|
+
import { assertInjector } from 'ngxtension/assert-injector';
|
|
3
4
|
import * as THREE from 'three';
|
|
4
5
|
export function injectNgtsFBO(fboParams, { injector } = {}) {
|
|
5
|
-
injector =
|
|
6
|
+
injector = assertInjector(injectNgtsFBO, injector);
|
|
6
7
|
return runInInjectionContext(injector, () => {
|
|
7
|
-
const store =
|
|
8
|
+
const store = injectNgtStore();
|
|
8
9
|
const cdr = inject(ChangeDetectorRef);
|
|
9
|
-
const
|
|
10
|
-
inject(DestroyRef).onDestroy(() =>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
10
|
+
const targetSignal = signal(null);
|
|
11
|
+
inject(DestroyRef).onDestroy(() => targetSignal()?.dispose());
|
|
12
|
+
const [defaultWidth, defaultHeight, dpr] = [
|
|
13
|
+
store.select('size', 'width'),
|
|
14
|
+
store.select('size', 'height'),
|
|
15
|
+
store.select('viewport', 'dpr'),
|
|
16
|
+
];
|
|
17
|
+
const fboSettings = computed(() => {
|
|
18
|
+
const { width, height, settings } = fboParams();
|
|
19
|
+
return [
|
|
20
|
+
typeof width === 'number' ? width : defaultWidth() * dpr(),
|
|
21
|
+
typeof height === 'number' ? height : defaultHeight() * dpr(),
|
|
22
|
+
(typeof width === 'number' ? settings : width) || {},
|
|
23
|
+
];
|
|
24
|
+
});
|
|
25
|
+
effect(() => {
|
|
26
|
+
const [width, height, { samples = 0, depth, ...settings }] = fboSettings();
|
|
27
|
+
let untrackedTarget = untracked(targetSignal);
|
|
28
|
+
if (!untrackedTarget) {
|
|
29
|
+
const target = new THREE.WebGLRenderTarget(width, height, {
|
|
30
|
+
minFilter: THREE.LinearFilter,
|
|
31
|
+
magFilter: THREE.LinearFilter,
|
|
32
|
+
type: THREE.HalfFloatType,
|
|
33
|
+
...settings,
|
|
34
|
+
});
|
|
35
|
+
if (depth)
|
|
36
|
+
target.depthTexture = new THREE.DepthTexture(width, height, THREE.FloatType);
|
|
37
|
+
target.samples = samples;
|
|
38
|
+
untracked(() => {
|
|
39
|
+
targetSignal.set(target);
|
|
40
|
+
});
|
|
41
|
+
untrackedTarget = untracked(targetSignal);
|
|
42
|
+
}
|
|
43
|
+
if (untrackedTarget) {
|
|
38
44
|
untrackedTarget.setSize(width, height);
|
|
39
45
|
if (samples)
|
|
40
46
|
untrackedTarget.samples = samples;
|
|
41
47
|
safeDetectChanges(cdr);
|
|
42
|
-
}
|
|
48
|
+
}
|
|
43
49
|
});
|
|
44
|
-
return
|
|
50
|
+
return targetSignal.asReadonly();
|
|
45
51
|
});
|
|
46
52
|
}
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmJvLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zb2JhL21pc2Mvc3JjL2Ziby9mYm8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsUUFBUSxFQUNSLE1BQU0sRUFDTixNQUFNLEVBQ04scUJBQXFCLEVBQ3JCLE1BQU0sRUFDTixTQUFTLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFlL0IsTUFBTSxVQUFVLGFBQWEsQ0FBQyxTQUE4QixFQUFFLEVBQUUsUUFBUSxLQUE4QixFQUFFO0lBQ3ZHLFFBQVEsR0FBRyxjQUFjLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELE9BQU8scUJBQXFCLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtRQUMzQyxNQUFNLEtBQUssR0FBRyxjQUFjLEVBQUUsQ0FBQztRQUMvQixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUV0QyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQWlDLElBQUksQ0FBQyxDQUFDO1FBRWxFLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsWUFBWSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUU5RCxNQUFNLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxHQUFHLENBQUMsR0FBRztZQUMxQyxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUM7WUFDN0IsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO1lBQzlCLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQztTQUMvQixDQUFDO1FBQ0YsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztZQUNoRCxPQUFPO2dCQUNOLE9BQU8sS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxZQUFZLEVBQUUsR0FBRyxHQUFHLEVBQUU7Z0JBQzFELE9BQU8sTUFBTSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLEVBQUUsR0FBRyxHQUFHLEVBQUU7Z0JBQzdELENBQUMsT0FBTyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFFLEtBQXFCLENBQUMsSUFBSSxFQUFFO2FBQzVELENBQUM7UUFDWixDQUFDLENBQUMsQ0FBQztRQUVILE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDWCxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLE9BQU8sR0FBRyxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUMsR0FBRyxXQUFXLEVBQUUsQ0FBQztZQUMzRSxJQUFJLGVBQWUsR0FBRyxTQUFTLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLGVBQWUsRUFBRTtnQkFDckIsTUFBTSxNQUFNLEdBQUcsSUFBSSxLQUFLLENBQUMsaUJBQWlCLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRTtvQkFDekQsU0FBUyxFQUFFLEtBQUssQ0FBQyxZQUFZO29CQUM3QixTQUFTLEVBQUUsS0FBSyxDQUFDLFlBQVk7b0JBQzdCLElBQUksRUFBRSxLQUFLLENBQUMsYUFBYTtvQkFDekIsR0FBRyxRQUFRO2lCQUNYLENBQUMsQ0FBQztnQkFDSCxJQUFJLEtBQUs7b0JBQUUsTUFBTSxDQUFDLFlBQVksR0FBRyxJQUFJLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBRXhGLE1BQU0sQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO2dCQUN6QixTQUFTLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxDQUFDO2dCQUNILGVBQWUsR0FBRyxTQUFTLENBQUMsWUFBWSxDQUFDLENBQUM7YUFDMUM7WUFFRCxJQUFJLGVBQWUsRUFBRTtnQkFDcEIsZUFBZSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZDLElBQUksT0FBTztvQkFBRSxlQUFlLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztnQkFDL0MsaUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDdkI7UUFDRixDQUFDLENBQUMsQ0FBQztRQUVILE9BQU8sWUFBWSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ2xDLENBQUMsQ0FBQyxDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENoYW5nZURldGVjdG9yUmVmLFxuXHREZXN0cm95UmVmLFxuXHRjb21wdXRlZCxcblx0ZWZmZWN0LFxuXHRpbmplY3QsXG5cdHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcblx0c2lnbmFsLFxuXHR1bnRyYWNrZWQsXG5cdHR5cGUgSW5qZWN0b3IsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaW5qZWN0Tmd0U3RvcmUsIHNhZmVEZXRlY3RDaGFuZ2VzIH0gZnJvbSAnYW5ndWxhci10aHJlZSc7XG5pbXBvcnQgeyBhc3NlcnRJbmplY3RvciB9IGZyb20gJ25neHRlbnNpb24vYXNzZXJ0LWluamVjdG9yJztcbmltcG9ydCAqIGFzIFRIUkVFIGZyb20gJ3RocmVlJztcblxuaW50ZXJmYWNlIEZCT1NldHRpbmdzIGV4dGVuZHMgVEhSRUUuV2ViR0xSZW5kZXJUYXJnZXRPcHRpb25zIHtcblx0LyoqIERlZmluZXMgdGhlIGNvdW50IG9mIE1TQUEgc2FtcGxlcy4gQ2FuIG9ubHkgYmUgdXNlZCB3aXRoIFdlYkdMIDIuIERlZmF1bHQ6IDAgKi9cblx0c2FtcGxlcz86IG51bWJlcjtcblx0LyoqIElmIHNldCwgdGhlIHNjZW5lIGRlcHRoIHdpbGwgYmUgcmVuZGVyZWQgaW50byBidWZmZXIuZGVwdGhUZXh0dXJlLiBEZWZhdWx0OiBmYWxzZSAqL1xuXHRkZXB0aD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmd0c0ZCT1BhcmFtcyB7XG5cdHdpZHRoPzogbnVtYmVyIHwgRkJPU2V0dGluZ3M7XG5cdGhlaWdodD86IG51bWJlcjtcblx0c2V0dGluZ3M/OiBGQk9TZXR0aW5ncztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdE5ndHNGQk8oZmJvUGFyYW1zOiAoKSA9PiBOZ3RzRkJPUGFyYW1zLCB7IGluamVjdG9yIH06IHsgaW5qZWN0b3I/OiBJbmplY3RvciB9ID0ge30pIHtcblx0aW5qZWN0b3IgPSBhc3NlcnRJbmplY3RvcihpbmplY3ROZ3RzRkJPLCBpbmplY3Rvcik7XG5cdHJldHVybiBydW5JbkluamVjdGlvbkNvbnRleHQoaW5qZWN0b3IsICgpID0+IHtcblx0XHRjb25zdCBzdG9yZSA9IGluamVjdE5ndFN0b3JlKCk7XG5cdFx0Y29uc3QgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuXHRcdGNvbnN0IHRhcmdldFNpZ25hbCA9IHNpZ25hbDxUSFJFRS5XZWJHTFJlbmRlclRhcmdldCB8IG51bGw+KG51bGwpO1xuXG5cdFx0aW5qZWN0KERlc3Ryb3lSZWYpLm9uRGVzdHJveSgoKSA9PiB0YXJnZXRTaWduYWwoKT8uZGlzcG9zZSgpKTtcblxuXHRcdGNvbnN0IFtkZWZhdWx0V2lkdGgsIGRlZmF1bHRIZWlnaHQsIGRwcl0gPSBbXG5cdFx0XHRzdG9yZS5zZWxlY3QoJ3NpemUnLCAnd2lkdGgnKSxcblx0XHRcdHN0b3JlLnNlbGVjdCgnc2l6ZScsICdoZWlnaHQnKSxcblx0XHRcdHN0b3JlLnNlbGVjdCgndmlld3BvcnQnLCAnZHByJyksXG5cdFx0XTtcblx0XHRjb25zdCBmYm9TZXR0aW5ncyA9IGNvbXB1dGVkKCgpID0+IHtcblx0XHRcdGNvbnN0IHsgd2lkdGgsIGhlaWdodCwgc2V0dGluZ3MgfSA9IGZib1BhcmFtcygpO1xuXHRcdFx0cmV0dXJuIFtcblx0XHRcdFx0dHlwZW9mIHdpZHRoID09PSAnbnVtYmVyJyA/IHdpZHRoIDogZGVmYXVsdFdpZHRoKCkgKiBkcHIoKSxcblx0XHRcdFx0dHlwZW9mIGhlaWdodCA9PT0gJ251bWJlcicgPyBoZWlnaHQgOiBkZWZhdWx0SGVpZ2h0KCkgKiBkcHIoKSxcblx0XHRcdFx0KHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicgPyBzZXR0aW5ncyA6ICh3aWR0aCBhcyBGQk9TZXR0aW5ncykpIHx8IHt9LFxuXHRcdFx0XSBhcyBjb25zdDtcblx0XHR9KTtcblxuXHRcdGVmZmVjdCgoKSA9PiB7XG5cdFx0XHRjb25zdCBbd2lkdGgsIGhlaWdodCwgeyBzYW1wbGVzID0gMCwgZGVwdGgsIC4uLnNldHRpbmdzIH1dID0gZmJvU2V0dGluZ3MoKTtcblx0XHRcdGxldCB1bnRyYWNrZWRUYXJnZXQgPSB1bnRyYWNrZWQodGFyZ2V0U2lnbmFsKTtcblx0XHRcdGlmICghdW50cmFja2VkVGFyZ2V0KSB7XG5cdFx0XHRcdGNvbnN0IHRhcmdldCA9IG5ldyBUSFJFRS5XZWJHTFJlbmRlclRhcmdldCh3aWR0aCwgaGVpZ2h0LCB7XG5cdFx0XHRcdFx0bWluRmlsdGVyOiBUSFJFRS5MaW5lYXJGaWx0ZXIsXG5cdFx0XHRcdFx0bWFnRmlsdGVyOiBUSFJFRS5MaW5lYXJGaWx0ZXIsXG5cdFx0XHRcdFx0dHlwZTogVEhSRUUuSGFsZkZsb2F0VHlwZSxcblx0XHRcdFx0XHQuLi5zZXR0aW5ncyxcblx0XHRcdFx0fSk7XG5cdFx0XHRcdGlmIChkZXB0aCkgdGFyZ2V0LmRlcHRoVGV4dHVyZSA9IG5ldyBUSFJFRS5EZXB0aFRleHR1cmUod2lkdGgsIGhlaWdodCwgVEhSRUUuRmxvYXRUeXBlKTtcblxuXHRcdFx0XHR0YXJnZXQuc2FtcGxlcyA9IHNhbXBsZXM7XG5cdFx0XHRcdHVudHJhY2tlZCgoKSA9PiB7XG5cdFx0XHRcdFx0dGFyZ2V0U2lnbmFsLnNldCh0YXJnZXQpO1xuXHRcdFx0XHR9KTtcblx0XHRcdFx0dW50cmFja2VkVGFyZ2V0ID0gdW50cmFja2VkKHRhcmdldFNpZ25hbCk7XG5cdFx0XHR9XG5cblx0XHRcdGlmICh1bnRyYWNrZWRUYXJnZXQpIHtcblx0XHRcdFx0dW50cmFja2VkVGFyZ2V0LnNldFNpemUod2lkdGgsIGhlaWdodCk7XG5cdFx0XHRcdGlmIChzYW1wbGVzKSB1bnRyYWNrZWRUYXJnZXQuc2FtcGxlcyA9IHNhbXBsZXM7XG5cdFx0XHRcdHNhZmVEZXRlY3RDaGFuZ2VzKGNkcik7XG5cdFx0XHR9XG5cdFx0fSk7XG5cblx0XHRyZXR1cm4gdGFyZ2V0U2lnbmFsLmFzUmVhZG9ubHkoKTtcblx0fSk7XG59XG4iXX0=
|