@tresjs/cientos 4.0.0-rc.2 → 4.0.1

package/dist/core/controls/PointerLockControls.vue.d.ts

@@ -1,5 +1,5 @@
 import { Camera } from 'three';
-
+import { TresControl } from '@tresjs/core';
 export interface PointerLockControlsProps {
     /**
      * Whether to make this the default controls.
@@ -39,9 +39,7 @@ export interface PointerLockControlsProps {
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PointerLockControlsProps>, {
     makeDefault: boolean;
 }>, {
-    instance: import('vue').Ref<(import('three').EventDispatcher<{}> & {
-        enabled: boolean;
-    }) | null>;
+    instance: import('vue').Ref<TresControl | null>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     isLock: (...args: any[]) => void;

package/dist/core/controls/TransformControls.vue.d.ts

@@ -1,7 +1,5 @@
-import { ShallowRef } from 'vue';
 import { Camera, Object3D } from 'three';
 import { TransformControls } from 'three-stdlib';
-
 export interface TransformControlsProps {
     object: Object3D;
     camera?: Camera;
@@ -27,7 +25,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     showY: boolean;
     showZ: boolean;
 }>, {
-    instance: ShallowRef<TransformControls<Camera> | undefined>;
+    instance: import('vue').ShallowRef<TransformControls<Camera> | null>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     dragging: (...args: any[]) => void;

package/dist/core/controls/index.d.ts

@@ -5,5 +5,4 @@ import { default as PointerLockControls } from './PointerLockControls.vue';
 import { default as MapControls } from './MapControls.vue';
 import { default as ScrollControls } from './ScrollControls.vue';
 import { default as CameraControls, BaseCameraControls } from './CameraControls.vue';
-
 export { OrbitControls, TransformControls, PointerLockControls, MapControls, KeyboardControls, ScrollControls, CameraControls, BaseCameraControls, };

package/dist/core/loaders/SVG/component.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresOptions } from '@tresjs/core';
 import { MeshBasicMaterialParameters } from 'three';
-
 interface SVGProps {
     /**
      *

package/dist/core/loaders/index.d.ts

@@ -3,7 +3,6 @@ import { default as FBXModel } from './useFBX/component.vue';
 import { default as SVG } from './SVG/component.vue';
 import { useProgress } from './useProgress';
 import { useVideoTexture } from './useVideoTexture';
-
 export * from './useGLTF';
 export * from './useFBX';
 export { FBXModel, GLTFModel, SVG, useProgress, useVideoTexture };

package/dist/core/loaders/useFBX/index.d.ts

@@ -1,5 +1,4 @@
 import { Object3D } from 'three';
-
 /**
  * Loads an FBX file and returns a THREE.Object3D.
  *

package/dist/core/loaders/useGLTF/index.d.ts

@@ -1,7 +1,6 @@
 import { TresLoader, TresObject3D } from '@tresjs/core';
 import { AnimationClip, Material, Scene } from 'three';
 import { DRACOLoader, GLTF } from 'three-stdlib';
-
 export interface GLTFLoaderOptions {
     /**
      * Whether to use Draco compression.

package/dist/core/loaders/useProgress.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from 'vue';
-
 export declare function useProgress(): Promise<{
     hasFinishLoading: Ref<boolean>;
     progress: Ref<number>;

package/dist/core/loaders/useVideoTexture.d.ts

@@ -1,5 +1,4 @@
 import { VideoTexture } from 'three';
-
 interface VideoTextureProps extends HTMLVideoElement {
     unsuspend?: 'canplay' | 'canplaythrough' | 'loadstart' | 'loadedmetadata';
     start?: boolean;

package/dist/core/materials/customShaderMaterial/index.vue.d.ts

@@ -1,5 +1,4 @@
 import { Fn } from '@vueuse/core';
-
 interface CustomShaderMaterialProps {
     baseMaterial: Fn;
     vertexShader?: string;

package/dist/core/materials/holographicMaterial/HolographicMaterialParameters.d.ts

@@ -1,5 +1,4 @@
-import { Color, ShaderMaterial, Blending, Side } from 'three';
-
+import { Clock, Color, ShaderMaterial, Blending, Side } from 'three';
 interface HolographicMaterialParameters {
     time?: number;
     fresnelOpacity?: number;
@@ -16,6 +15,7 @@ interface HolographicMaterialParameters {
     depthTest?: boolean;
 }
 declare class HolographicMaterial extends ShaderMaterial {
+    clock: Clock;
     /**
      * Create a HolographicMaterial.
      *

package/dist/core/materials/holographicMaterial/index.vue.d.ts

@@ -1,7 +1,6 @@
 import { TresColor } from '@tresjs/core';
 import { Side } from 'three';
 import { default as HolographicMaterial } from './HolographicMaterialParameters';
-
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     fresnelAmount?: number;
     fresnelOpacity?: number;

package/dist/core/materials/index.d.ts

@@ -3,5 +3,4 @@ import { default as MeshGlassMaterial } from './meshGlassMaterial/index.vue';
 import { default as CustomShaderMaterial } from './customShaderMaterial/index.vue';
 import { default as MeshReflectionMaterial } from './meshReflectionMaterial/index.vue';
 import { default as HolographicMaterial } from './holographicMaterial/index.vue';
-
 export { MeshWobbleMaterial, MeshGlassMaterial, CustomShaderMaterial, MeshReflectionMaterial, HolographicMaterial };

package/dist/core/materials/meshGlassMaterial/material.d.ts

@@ -1,7 +1,6 @@
 import { MeshStandardMaterialParameters, MeshStandardMaterial } from 'three';
 import { Vector2 } from 'three/src/math/Vector2.js';
 import { Color } from 'three/src/math/Color.js';
-
 declare class MeshGlassMaterial extends MeshStandardMaterial {
     isMeshPhysicalMaterial: boolean;
     clearcoatMap: null;

package/dist/core/materials/meshReflectionMaterial/BlurPass.d.ts

@@ -1,6 +1,5 @@
-import { Camera, Mesh, Scene, WebGLRenderTarget } from 'three';
+import { WebGLRenderer, Camera, Mesh, Scene, WebGLRenderTarget } from 'three';
 import { ConvolutionMaterial } from './ConvolutionMaterial';
-
 export interface BlurPassProps {
     resolution: number;
     width?: number;
@@ -19,6 +18,6 @@ export declare class BlurPass {
     readonly screen: Mesh;
     renderToScreen: boolean;
     constructor({ resolution, width, height, depthEdge0, depthEdge1, depthScale, depthBias, }: BlurPassProps);
-    render(renderer: any, inputBuffer: any, outputBuffer: any): void;
+    render(renderer: WebGLRenderer, inputBuffer: WebGLRenderTarget, outputBuffer: WebGLRenderTarget): void;
     dispose(): void;
 }

package/dist/core/materials/meshReflectionMaterial/ConvolutionMaterial.d.ts

@@ -1,5 +1,4 @@
 import { ShaderMaterial, Vector2 } from 'three';
-
 export declare class ConvolutionMaterial extends ShaderMaterial {
     readonly kernel: Float32Array;
     constructor(texelSize?: Vector2);

package/dist/core/materials/meshReflectionMaterial/index.vue.d.ts

@@ -1,6 +1,5 @@
 import { Texture, Color, Euler, Vector2 } from 'three';
 import { TresColor } from '@tresjs/core';
-
 export interface MeshReflectionMaterialProps {
     /** Length in pixels of one side of the square reflective textures. */
     resolution?: number;

package/dist/core/materials/meshReflectionMaterial/material.d.ts

@@ -1,5 +1,4 @@
 import { Matrix4, Texture, MeshStandardMaterial } from 'three';
-
 export declare class MeshReflectionMaterial extends MeshStandardMaterial {
     private _tDepth;
     private _distortionMap;

package/dist/core/materials/meshWobbleMaterial/material.d.ts

@@ -1,5 +1,4 @@
-import { MeshStandardMaterialParameters, Shader, MeshStandardMaterial } from 'three';
-
+import { MeshStandardMaterialParameters, MeshStandardMaterial } from 'three';
 interface Uniform<T> {
     value: T;
 }
@@ -7,7 +6,13 @@ export declare class WobbleMaterialImpl extends MeshStandardMaterial {
     _time: Uniform<number>;
     _factor: Uniform<number>;
     constructor(parameters?: MeshStandardMaterialParameters);
-    onBeforeCompile(shader: Shader): void;
+    onBeforeCompile(shader: {
+        uniforms: {
+            time?: Uniform<number>;
+            factor?: Uniform<number>;
+        };
+        vertexShader: string;
+    }): void;
     get time(): number;
     set time(v: number);
     get factor(): number;

package/dist/core/misc/html/HTML.vue.d.ts

@@ -1,8 +1,6 @@
-import { Ref } from 'vue';
 import { PlaneGeometry } from 'three';
 import { TresObject3D } from '@tresjs/core';
 import { Mutable } from '@vueuse/core';
-
 export interface HTMLProps {
     geometry?: any;
     material?: any;
@@ -17,7 +15,7 @@ export interface HTMLProps {
     pointerEvents?: PointerEventsProperties;
     sprite?: boolean;
     zIndexRange?: Array<number>;
-    occlude?: Ref<TresObject3D>[] | boolean | 'raycast' | 'blending';
+    occlude?: TresObject3D | null | (TresObject3D | null)[] | boolean | 'raycast' | 'blending';
 }
 type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
 declare function __VLS_template(): Readonly<Record<string, any>> & Record<string, any>;
@@ -30,7 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     pointerEvents: string;
     sprite: boolean;
 }>, {
-    instance: Ref<TresObject3D | undefined>;
+    instance: import('vue').Ref<TresObject3D | undefined>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onOcclude: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<HTMLProps>, {

package/dist/core/misc/html/utils.d.ts

@@ -1,6 +1,5 @@
 import { TresCamera, TresObject3D } from '@tresjs/core';
 import { Matrix4, Raycaster, Vector3 } from 'three';
-
 export declare const v1: Vector3;
 export declare const v2: Vector3;
 export declare const v3: Vector3;

package/dist/core/misc/index.d.ts

@@ -3,5 +3,4 @@ import { StatsGl } from './StatsGl';
 import { BakeShadows } from './BakeShadows';
 import { default as Html } from './html/HTML.vue';
 import { useGLTFExporter } from './useGLTFExporter';
-
 export { Html, Stats, StatsGl, BakeShadows, useGLTFExporter };

package/dist/core/misc/useGLTFExporter.d.ts

@@ -1,5 +1,4 @@
 import { AnimationClip, Object3D } from 'three';
-
 interface gltfExporterOptions {
     fileName?: string;
     trs?: boolean;

package/dist/core/shapes/Box.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { BoxGeometry } from 'three';
-
 export interface BoxProps {
     /**
      * The width, height and depth of the box.

package/dist/core/shapes/CatmullRomCurve3.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { Vector3 } from 'three';
-
 type CurveType = 'centripetal' | 'chordal' | 'catmullrom';
 type Points = Array<Vector3 | [number, number, number]>;
 interface CatmullRomCurve3Props {

package/dist/core/shapes/Circle.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { CircleGeometry } from 'three';
-
 export interface CircleProps {
     /**
      * The radius, segment, thetaStart, thetaLength of the circle.

package/dist/core/shapes/Cone.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { ConeGeometry } from 'three';
-
 export interface ConeProps {
     /**
      * The radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength of the cone.

package/dist/core/shapes/Cylinder.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { CylinderGeometry } from 'three';
-
 export interface CylinderProps {
     /**
      * The radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength of the cylinder.

package/dist/core/shapes/Dodecahedron.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { DodecahedronGeometry } from 'three';
-
 export interface DodecahedronProps {
     /**
      * The radius and detail of the dodecahedron.

package/dist/core/shapes/Icosahedron.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { IcosahedronGeometry } from 'three';
-
 export interface IcosahedronProps {
     /**
      * The radius and detail of the icosahedron.

package/dist/core/shapes/Line2.vue.d.ts

@@ -1,6 +1,5 @@
 import { Vector2, Vector3 } from 'three';
 import { TresColor } from '@tresjs/core';
-
 type Points = (Vector3 | Vector2 | [number, number, number] | [number, number] | number)[];
 type VertexColors = Array<TresColor>;
 export interface LineProps {

package/dist/core/shapes/Octahedron.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { OctahedronGeometry } from 'three';
-
 export interface OctahedronProps {
     /**
      * The radius and detail of the octahedron.

package/dist/core/shapes/Plane.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { PlaneGeometry } from 'three';
-
 export interface PlaneProps {
     /**
      * The width and height, widthSegments, heightSegments of the plane.

package/dist/core/shapes/Ring.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { RingGeometry } from 'three';
-
 export interface RingProps {
     /**
      * The innerRadius, outerRadius, thetaSegments, phiSegments, tethaStart, thetaLength of the ring.

package/dist/core/shapes/RoundedBox.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { BoxGeometry } from 'three';
-
 export interface BoxProps {
     /**
      * The width, height, depth, segments and radius.

package/dist/core/shapes/Sphere.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { SphereGeometry } from 'three';
-
 export interface SphereProps {
     /**
      * The radius, widthSegments, heightSegments, phiStart phiLength,

package/dist/core/shapes/Superformula.vue.d.ts

@@ -1,5 +1,4 @@
 import { TresColor } from '@tresjs/core';
-
 export type Float3 = [number, number, number];
 export interface SuperFormulaProps {
     /**

package/dist/core/shapes/Tetrahedron.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { TetrahedronGeometry } from 'three';
-
 export interface TetrahedronProps {
     /**
      * The radius and detail of the tetrahedron.

package/dist/core/shapes/Torus.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { TorusGeometry } from 'three';
-
 export interface TorusProps {
     /**
      * The radius, tube, radialSegments, tubularSegments, arc of the torus.

package/dist/core/shapes/TorusKnot.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { TorusKnotGeometry } from 'three';
-
 export interface TorusKnotProps {
     /**
      * The radius, tube, radialSegments, tubularSegments and p, q of the torus knot.

package/dist/core/shapes/Tube.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { TubeGeometry, QuadraticBezierCurve3 } from 'three';
-
 export interface TubeProps {
     /**
      * The curve, segments, radius, radialSegments, closed.

package/dist/core/shapes/index.d.ts

@@ -16,5 +16,4 @@ import { default as Tetrahedron } from './Tetrahedron.vue';
 import { default as Torus } from './Torus.vue';
 import { default as TorusKnot } from './TorusKnot.vue';
 import { default as Tube } from './Tube.vue';
-
-export { Box, CatmullRomCurve3, Circle, Cone, Cylinder, Dodecahedron, Icosahedron, Line2, Octahedron, Plane, Ring, RoundedBox, Sphere, Superformula, Tetrahedron, Torus, TorusKnot, Tube, };
+export { Box, CatmullRomCurve3, Circle, Cylinder, Cone, Dodecahedron, Icosahedron, Line2, Octahedron, Plane, Ring, RoundedBox, Sphere, Superformula, Tetrahedron, Torus, TorusKnot, Tube, };

package/dist/core/staging/ContactShadows.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor } from '@tresjs/core';
 import { Group } from 'three';
-
 export interface ContactShadowsProps {
     /**
      * The opacity of the shadows.

package/dist/core/staging/Fit.vue.d.ts

@@ -1,5 +1,4 @@
 import { Object3D, Box3, Vector3 } from 'three';
-
 export interface Props {
     /**
      * If `into` is:

package/dist/core/staging/Ocean.vue.d.ts

@@ -1,6 +1,5 @@
 import { TresColor, TresVector3 } from '@tresjs/core';
 import { Vector3 } from 'three';
-
 export interface OceanProps {
     /**
      * The textureWidth of the internal WebGLRenderTarget.

package/dist/core/staging/Precipitation.vue.d.ts

@@ -1,5 +1,4 @@
 import { TresColor } from '@tresjs/core';
-
 export interface PrecipitationProps {
     /**
      * The size of the drops.
@@ -138,7 +137,6 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     size: number;
     color: TresColor;
-    area: [number, number, number];
     speed: number;
     count: number;
     alphaTest: number;
@@ -146,6 +144,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     sizeAttenuation: boolean;
     transparent: boolean;
     opacity: number;
+    area: [number, number, number];
     randomness: number;
 }, {}>;
 export default _default;

package/dist/core/staging/Sky.vue.d.ts

@@ -1,6 +1,5 @@
 import { Vector3 } from 'three';
 import { Sky as SkyImpl } from 'three-stdlib';
-
 export interface SkyProps {
     /**
      * Haziness

package/dist/core/staging/Smoke.vue.d.ts

@@ -1,5 +1,4 @@
 import { TresColor } from '@tresjs/core';
-
 export interface SmokeProps {
     /**
      * The color of the smoke.

package/dist/core/staging/Sparkles/ShaderData.d.ts

@@ -1,7 +1,6 @@
 import { DataTexture } from 'three';
 import { MaybeRef, Ref } from 'vue';
 import { GradientScalar, GradientTresColor, GradientVectorFlexibleParams } from './../../../utils/Gradient';
-
 export type CanvasGradientRenderer<T> = (g: CanvasGradient, entry: ShaderDataEntry<T>) => void;
 export declare class ShaderData {
     private entries;

package/dist/core/staging/Sparkles/ShaderDataBuilder.d.ts

@@ -1,7 +1,6 @@
 import { MaybeRef } from 'vue';
 import { GradientScalar, GradientTresColor, GradientVectorFlexibleParams } from './../../../utils/Gradient';
 import { CanvasGradientRenderer, ShaderDataEntry, ShaderData } from './ShaderData';
-
 type rgbaSuffixes = ['r', 'rg', 'rgb', 'rgba'];
 type xyzwSuffixes = ['x', 'xy', 'xyz', 'xyzw'];
 type ShaderSuffix = (rgbaSuffixes)[number] | (xyzwSuffixes)[number];

package/dist/core/staging/Sparkles/component.vue.d.ts

@@ -1,8 +1,6 @@
 import { Blending, BufferGeometry, Texture, Object3D, Points, ShaderMaterial } from 'three';
-import { TresColor } from '@tresjs/core';
-import { VectorFlexibleParams } from '@tresjs/core/dist/utils/normalize';
+import { TresColor, VectorFlexibleParams } from '@tresjs/core';
 import { Gradient } from '../../../utils/Gradient';
-
 interface SparkleProps {
     /**
      * Texture or image path for individual sparkles

package/dist/core/staging/Sparkles/useEmptyDataTexture.d.ts

@@ -1,3 +1,2 @@
 import { DataTexture } from 'three';
-
 export default function useEmptyDataTexture(): DataTexture;

package/dist/core/staging/index.d.ts

@@ -9,5 +9,4 @@ import { default as Smoke } from './Smoke.vue';
 import { default as Sparkles } from './Sparkles/component.vue';
 import { default as Stars } from './Stars.vue';
 import { default as Ocean } from './Ocean.vue';
-
 export { Backdrop, ContactShadows, Environment, Fit, Precipitation, Sky, Smoke, Sparkles, Stars, Ocean, Lightformer, };

package/dist/core/staging/useEnvironment/component.vue.d.ts

@@ -1,14 +1,13 @@
 import { Ref } from 'vue';
 import { CubeTexture, Texture } from 'three';
 import { EnvironmentOptions } from './const';
-
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<EnvironmentOptions>, {
     background: boolean;
     blur: number;
-    files: never[];
+    files: () => never[];
     path: string;
     preset: undefined;
     resolution: number;
@@ -20,7 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<EnvironmentOptions>, {
     background: boolean;
     blur: number;
-    files: never[];
+    files: () => never[];
     path: string;
     preset: undefined;
     resolution: number;

package/dist/core/staging/useEnvironment/envSence.d.ts

@@ -1,5 +1,4 @@
 import { Object3D, Scene } from 'three';
-
 declare class EnvSence extends Object3D {
     virtualScene: Scene;
     constructor();

package/dist/core/staging/useEnvironment/index.d.ts

@@ -1,5 +1,4 @@
 import { CubeTexture, Texture, WebGLCubeRenderTarget } from 'three';
 import { Ref } from 'vue';
 import { EnvironmentOptions } from './const';
-
-export declare function useEnvironment(options: Partial<EnvironmentOptions>, fbo: Ref<WebGLCubeRenderTarget | undefined>): Promise<Texture | CubeTexture>;
+export declare function useEnvironment(options: Partial<EnvironmentOptions>, fbo: Ref<WebGLCubeRenderTarget | null>): Promise<Ref<Texture | CubeTexture | null>>;

package/dist/core/staging/useEnvironment/lightformer/index.vue.d.ts

@@ -1,5 +1,4 @@
 import { Texture, Color } from 'three';
-
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     args?: any[];
     from?: "circle" | "ring" | "rect" | any;