angular-three-theatre 4.0.0-next.115 → 4.0.0-next.118
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/README.md +134 -0
- package/fesm2022/angular-three-theatre.mjs +665 -54
- package/fesm2022/angular-three-theatre.mjs.map +1 -1
- package/package.json +4 -4
- package/types/angular-three-theatre.d.ts +734 -0
- package/index.d.ts +0 -203
package/index.d.ts
DELETED
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
|
-
import * as _theatre_core from '@theatre/core';
|
|
4
|
-
import { IProjectConfig, ISheet, UnknownShorthandCompoundProps, types, ISequence } from '@theatre/core';
|
|
5
|
-
import { NgtsTransformControlsOptions } from 'angular-three-soba/gizmos';
|
|
6
|
-
import * as THREE from 'three';
|
|
7
|
-
import { IStudio } from '@theatre/studio';
|
|
8
|
-
|
|
9
|
-
declare class TheatreProject {
|
|
10
|
-
name: _angular_core.InputSignal<string>;
|
|
11
|
-
config: _angular_core.InputSignal<IProjectConfig>;
|
|
12
|
-
project: _angular_core.Signal<_theatre_core.IProject>;
|
|
13
|
-
sheets: Record<string, [sheet: ISheet, count: number]>;
|
|
14
|
-
constructor();
|
|
15
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreProject, never>;
|
|
16
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheatreProject, "theatre-project", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
declare class TheatreSheetObject$1 {
|
|
20
|
-
key: _angular_core.InputSignal<string>;
|
|
21
|
-
props: _angular_core.InputSignal<UnknownShorthandCompoundProps>;
|
|
22
|
-
detach: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
23
|
-
selected: _angular_core.ModelSignal<boolean>;
|
|
24
|
-
private templateRef;
|
|
25
|
-
private vcr;
|
|
26
|
-
private sheet;
|
|
27
|
-
private studio;
|
|
28
|
-
private store;
|
|
29
|
-
private originalSheetObject;
|
|
30
|
-
sheetObject: _angular_core.WritableSignal<_theatre_core.ISheetObject<UnknownShorthandCompoundProps>>;
|
|
31
|
-
values: _angular_core.WritableSignal<{
|
|
32
|
-
[x: string]: any;
|
|
33
|
-
}>;
|
|
34
|
-
private detached;
|
|
35
|
-
private aggregatedProps;
|
|
36
|
-
constructor();
|
|
37
|
-
update(): void;
|
|
38
|
-
addProps(props: UnknownShorthandCompoundProps): void;
|
|
39
|
-
removeProps(props: string[]): void;
|
|
40
|
-
select(): void;
|
|
41
|
-
deselect(): void;
|
|
42
|
-
static ngTemplateContextGuard(_: TheatreSheetObject$1, ctx: unknown): ctx is {
|
|
43
|
-
select: TheatreSheetObject$1['select'];
|
|
44
|
-
deselect: TheatreSheetObject$1['deselect'];
|
|
45
|
-
sheetObject: ReturnType<TheatreSheetObject$1['sheetObject']['asReadonly']>;
|
|
46
|
-
values: ReturnType<TheatreSheetObject$1['values']['asReadonly']>;
|
|
47
|
-
};
|
|
48
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreSheetObject$1, never>;
|
|
49
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheatreSheetObject$1, "ng-template[sheetObject]", ["sheetObject"], { "key": { "alias": "sheetObject"; "required": true; "isSignal": true; }; "props": { "alias": "sheetObjectProps"; "required": false; "isSignal": true; }; "detach": { "alias": "sheetObjectDetach"; "required": false; "isSignal": true; }; "selected": { "alias": "sheetObjectSelected"; "required": false; "isSignal": true; }; }, { "selected": "sheetObjectSelectedChange"; }, never, never, true, never>;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
https://github.com/threlte/threlte/blob/main/packages/theatre/src/lib/sheetObject/transfomers/types.ts
|
|
54
|
-
*/
|
|
55
|
-
type TheatreTransformer<Value = any, TransformedValue = any> = {
|
|
56
|
-
/**
|
|
57
|
-
* The `transform` function is used to transform the value of a certain
|
|
58
|
-
* Three.js objects proerty to a property that Theatre.js can use in an
|
|
59
|
-
* `ISheetObject`. To ensure compatibility with the rest of the package, the
|
|
60
|
-
* return value must be any one of the functions available at Theatre.js'
|
|
61
|
-
* `types`.
|
|
62
|
-
*/
|
|
63
|
-
transform: (value: Value) => ReturnType<(typeof types)[keyof typeof types]>;
|
|
64
|
-
/**
|
|
65
|
-
* The `apply` function is used to apply the value to the target. `target` is
|
|
66
|
-
* the parent object of the property (usually a Three.js object), `path` is
|
|
67
|
-
* the name of the property and `value` is the value to apply.
|
|
68
|
-
*/
|
|
69
|
-
apply: (target: any, property: string, value: TransformedValue) => void;
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
declare class TheatreSheetObjectSync<TObject extends object> {
|
|
73
|
-
parent: _angular_core.InputSignal<TObject | ElementRef<TObject> | (() => TObject | ElementRef<TObject> | undefined | null)>;
|
|
74
|
-
props: _angular_core.InputSignal<(string | [string, string | {
|
|
75
|
-
label?: string;
|
|
76
|
-
key?: string;
|
|
77
|
-
transformer?: TheatreTransformer;
|
|
78
|
-
}])[]>;
|
|
79
|
-
private theatreSheetObject;
|
|
80
|
-
sheetObject: _angular_core.Signal<_theatre_core.ISheetObject<_theatre_core.UnknownShorthandCompoundProps>>;
|
|
81
|
-
private studio;
|
|
82
|
-
private parentRef;
|
|
83
|
-
private resolvedProps;
|
|
84
|
-
private propsToAdd;
|
|
85
|
-
private propsMapping;
|
|
86
|
-
constructor();
|
|
87
|
-
capture(): void;
|
|
88
|
-
private resolvePropertyPath;
|
|
89
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreSheetObjectSync<any>, never>;
|
|
90
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheatreSheetObjectSync<any>, "[sync]", ["sync"], { "parent": { "alias": "sync"; "required": true; "isSignal": true; }; "props": { "alias": "syncProps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
declare class TheatreSheetObjectTransform<TLabel extends string | undefined> {
|
|
94
|
-
label: _angular_core.InputSignal<TLabel | undefined>;
|
|
95
|
-
key: _angular_core.InputSignal<string | undefined>;
|
|
96
|
-
options: _angular_core.InputSignal<Pick<NgtsTransformControlsOptions, "mode" | "translationSnap" | "scaleSnap" | "rotationSnap" | "space">>;
|
|
97
|
-
groupRef: _angular_core.Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
|
|
98
|
-
private controlsRef;
|
|
99
|
-
private theatreSheetObject;
|
|
100
|
-
sheetObject: _angular_core.Signal<_theatre_core.ISheetObject<_theatre_core.UnknownShorthandCompoundProps>>;
|
|
101
|
-
private studio;
|
|
102
|
-
protected selected: _angular_core.Signal<boolean>;
|
|
103
|
-
private scrub?;
|
|
104
|
-
private positionTransformer;
|
|
105
|
-
private rotationTransformer;
|
|
106
|
-
private scaleTransformer;
|
|
107
|
-
protected onMouseDown(): void;
|
|
108
|
-
protected onMouseUp(): void;
|
|
109
|
-
protected onChange(): void;
|
|
110
|
-
constructor();
|
|
111
|
-
private init;
|
|
112
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreSheetObjectTransform<any>, never>;
|
|
113
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheatreSheetObjectTransform<any>, "theatre-transform", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
declare const TheatreSheetObject: (typeof TheatreSheetObjectTransform | typeof TheatreSheetObject$1 | typeof TheatreSheetObjectSync)[];
|
|
117
|
-
|
|
118
|
-
declare class TheatreStudio {
|
|
119
|
-
enabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
120
|
-
private Studio;
|
|
121
|
-
studio: _angular_core.Signal<IStudio | null>;
|
|
122
|
-
constructor();
|
|
123
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreStudio, never>;
|
|
124
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheatreStudio, "theatre-project[studio]", ["studio"], { "enabled": { "alias": "studio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
interface AttachAudioOptions {
|
|
128
|
-
/**
|
|
129
|
-
* Either a URL to the audio file (eg "http://localhost:3000/audio.mp3") or an instance of AudioBuffer
|
|
130
|
-
*/
|
|
131
|
-
source: string | AudioBuffer;
|
|
132
|
-
/**
|
|
133
|
-
* An optional AudioContext. If not provided, one will be created.
|
|
134
|
-
*/
|
|
135
|
-
audioContext?: AudioContext;
|
|
136
|
-
/**
|
|
137
|
-
* An AudioNode to feed the audio into. Will use audioContext.destination if not provided.
|
|
138
|
-
*/
|
|
139
|
-
destinationNode?: AudioNode;
|
|
140
|
-
}
|
|
141
|
-
type TheatreSequenceOptions = Parameters<ISequence['play']>[0] & {
|
|
142
|
-
autoplay: boolean;
|
|
143
|
-
autopause: boolean;
|
|
144
|
-
delay: number;
|
|
145
|
-
autoreset?: 'init' | 'destroy' | 'always';
|
|
146
|
-
};
|
|
147
|
-
declare class TheatreSequence {
|
|
148
|
-
options: _angular_core.InputSignalWithTransform<{
|
|
149
|
-
iterationCount?: number;
|
|
150
|
-
range?: [from: number, to: number];
|
|
151
|
-
rate?: number;
|
|
152
|
-
direction?: "reverse" | "normal" | "alternate" | "alternateReverse";
|
|
153
|
-
rafDriver?: _theatre_core.IRafDriver;
|
|
154
|
-
} & {
|
|
155
|
-
autoplay: boolean;
|
|
156
|
-
autopause: boolean;
|
|
157
|
-
delay: number;
|
|
158
|
-
autoreset?: "init" | "destroy" | "always";
|
|
159
|
-
}, "" | Partial<{
|
|
160
|
-
iterationCount?: number;
|
|
161
|
-
range?: [from: number, to: number];
|
|
162
|
-
rate?: number;
|
|
163
|
-
direction?: "reverse" | "normal" | "alternate" | "alternateReverse";
|
|
164
|
-
rafDriver?: _theatre_core.IRafDriver;
|
|
165
|
-
} & {
|
|
166
|
-
autoplay: boolean;
|
|
167
|
-
autopause: boolean;
|
|
168
|
-
delay: number;
|
|
169
|
-
autoreset?: "init" | "destroy" | "always";
|
|
170
|
-
}>>;
|
|
171
|
-
audioOptions: _angular_core.InputSignal<AttachAudioOptions | undefined>;
|
|
172
|
-
position: _angular_core.ModelSignal<number>;
|
|
173
|
-
playing: _angular_core.ModelSignal<boolean>;
|
|
174
|
-
length: _angular_core.ModelSignal<number>;
|
|
175
|
-
private playOptions;
|
|
176
|
-
private autoplay;
|
|
177
|
-
private autopause;
|
|
178
|
-
private autoreset;
|
|
179
|
-
private delay;
|
|
180
|
-
private project;
|
|
181
|
-
private sheet;
|
|
182
|
-
sequence: _angular_core.Signal<ISequence>;
|
|
183
|
-
constructor();
|
|
184
|
-
pause(): void;
|
|
185
|
-
play(options?: Parameters<ISequence['play']>[0]): void;
|
|
186
|
-
reset(): void;
|
|
187
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreSequence, never>;
|
|
188
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheatreSequence, "[sheet][sequence]", ["sequence"], { "options": { "alias": "sequence"; "required": false; "isSignal": true; }; "audioOptions": { "alias": "sequenceAudio"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "playing": { "alias": "playing"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; "playing": "playingChange"; "length": "lengthChange"; }, never, never, true, never>;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
declare class TheatreSheet$1 {
|
|
192
|
-
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
193
|
-
private project;
|
|
194
|
-
sheet: _angular_core.Signal<_theatre_core.ISheet>;
|
|
195
|
-
constructor();
|
|
196
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheatreSheet$1, never>;
|
|
197
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheatreSheet$1, "[sheet]", ["sheet"], { "name": { "alias": "sheet"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
declare const TheatreSheet: readonly [typeof TheatreSheet$1, typeof TheatreSequence];
|
|
201
|
-
|
|
202
|
-
export { TheatreProject, TheatreSequence, TheatreSheet, TheatreSheet$1 as TheatreSheetImpl, TheatreSheetObject, TheatreSheetObject$1 as TheatreSheetObjectImpl, TheatreSheetObjectSync, TheatreSheetObjectTransform, TheatreStudio };
|
|
203
|
-
export type { AttachAudioOptions, TheatreSequenceOptions };
|