@planara/core 2.5.0 → 2.6.0
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/dist/constants/colors.d.ts +8 -0
- package/dist/constants/colors.d.ts.map +1 -1
- package/dist/constants/figure-geometries.d.ts +2 -0
- package/dist/constants/figure-geometries.d.ts.map +1 -1
- package/dist/constants/layers.d.ts +15 -2
- package/dist/constants/layers.d.ts.map +1 -1
- package/dist/constants/threshold.d.ts +1 -1
- package/dist/constants/threshold.d.ts.map +1 -1
- package/dist/core/editor-renderer.d.ts.map +1 -1
- package/dist/handlers/scene/add-figure-scene-handler.d.ts.map +1 -1
- package/dist/handlers/select/edge-select-handler.d.ts +0 -2
- package/dist/handlers/select/edge-select-handler.d.ts.map +1 -1
- package/dist/handlers/select/vertex-select-handler.d.ts +43 -0
- package/dist/handlers/select/vertex-select-handler.d.ts.map +1 -0
- package/dist/index.cjs.js +2 -2
- package/dist/index.es.js +495 -357
- package/dist/index.umd.js +2 -2
- package/dist/ioc/container.d.ts.map +1 -1
- package/dist/utils/helpers.d.ts +6 -0
- package/dist/utils/helpers.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -32,4 +32,12 @@ export declare const SELECT_COLOR = 16755200;
|
|
|
32
32
|
* (line.material as THREE.LineBasicMaterial).color.setHex(EDGES_DEFAULT_COLOR);
|
|
33
33
|
*/
|
|
34
34
|
export declare const EDGES_DEFAULT_COLOR = 2236962;
|
|
35
|
+
/**
|
|
36
|
+
* Цвет вершин.
|
|
37
|
+
*
|
|
38
|
+
* @remarks
|
|
39
|
+
* Применяется при выключении постоянной подсветки выбранной вершины.
|
|
40
|
+
* Должен визуально отличаться от {@link HOVER_COLOR} и {@link SELECT_COLOR}, чтобы не путать состояния.
|
|
41
|
+
*/
|
|
42
|
+
export declare const VERTEX_DEFAULT_COLOR = 2236962;
|
|
35
43
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,WAAW,CAAC;AAErC;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,UAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,WAAW,CAAC;AAErC;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,UAAW,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,CAAC"}
|
|
@@ -7,4 +7,6 @@ import * as THREE from 'three';
|
|
|
7
7
|
export declare const BASE_GEOMETRIES: Record<FigureType, () => THREE.BufferGeometry>;
|
|
8
8
|
/** Базовый материал для фигур */
|
|
9
9
|
export declare const BASE_MATERIAL: THREE.MeshStandardMaterial;
|
|
10
|
+
/** Базовый размер вершины. */
|
|
11
|
+
export declare const BASE_POINT_SIZE = 8;
|
|
10
12
|
//# sourceMappingURL=figure-geometries.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"figure-geometries.d.ts","sourceRoot":"","sources":["../../src/constants/figure-geometries.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,cAAc,CAa1E,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,aAAa,4BAIxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"figure-geometries.d.ts","sourceRoot":"","sources":["../../src/constants/figure-geometries.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,cAAc,CAa1E,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,aAAa,4BAIxB,CAAC;AAEH,8BAA8B;AAC9B,eAAO,MAAM,eAAe,IAAI,CAAC"}
|
|
@@ -24,10 +24,23 @@ export declare const MESH_LAYER = 0;
|
|
|
24
24
|
*/
|
|
25
25
|
export declare const LINE_LAYER = 1;
|
|
26
26
|
/**
|
|
27
|
-
* Слой
|
|
27
|
+
* Слой контуров (`THREE.Points`) — внешние вершины мешей.
|
|
28
28
|
*
|
|
29
29
|
* @remarks
|
|
30
|
-
*
|
|
30
|
+
* По этому слою идёт попадание в режиме выбора вершин (Vertex). Камера должна
|
|
31
|
+
* видеть слой, а для Raycaster можно также настроить `params.Points.threshold`.
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* camera.layers.enable(POINT_LAYER);
|
|
35
|
+
* raycaster.layers.set(POINT_LAYER);
|
|
36
|
+
* raycaster.params.Points.threshold = 0.03;
|
|
37
|
+
*/
|
|
38
|
+
export declare const POINT_LAYER = 2;
|
|
39
|
+
/**
|
|
40
|
+
* Слой оверлеев-подсветок (`THREE.Line`, `THREE.Points`) — hover/select маркеры.
|
|
41
|
+
*
|
|
42
|
+
* @remarks
|
|
43
|
+
* Эти линии/вершины рендерятся поверх сцены (обычно с `depthTest=false`). Их лучше
|
|
31
44
|
* исключить из Raycaster (не включать этот слой для него), но включить для камеры.
|
|
32
45
|
*
|
|
33
46
|
* @example
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layers.d.ts","sourceRoot":"","sources":["../../src/constants/layers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,IAAI,CAAC;AAE5B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,IAAI,CAAC;AAE5B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"layers.d.ts","sourceRoot":"","sources":["../../src/constants/layers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,IAAI,CAAC;AAE5B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,IAAI,CAAC;AAE5B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"threshold.d.ts","sourceRoot":"","sources":["../../src/constants/threshold.ts"],"names":[],"mappings":"AACA,yBAAyB;AACzB,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,cAAc;AACd,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"threshold.d.ts","sourceRoot":"","sources":["../../src/constants/threshold.ts"],"names":[],"mappings":"AACA,yBAAyB;AACzB,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,cAAc;AACd,eAAO,MAAM,gBAAgB,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-renderer.d.ts","sourceRoot":"","sources":["../../src/core/editor-renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,KAAK,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"editor-renderer.d.ts","sourceRoot":"","sources":["../../src/core/editor-renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,KAAK,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAKnE;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,QAAQ;IA2BtB,OAAO,CAAC,OAAO;IACb,OAAO,CAAC,IAAI;IA3BlC,8CAA8C;IAC9C,OAAO,CAAC,MAAM,CAAkB;IAEhC,8CAA8C;IAC9C,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkB;IAEnD,6DAA6D;IAC7D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAmB;IAE9C,kBAAkB;IAClB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiB;IAExC,iEAAiE;IACjE,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;;OAGG;IACH,OAAO,CAAC,YAAY,CAA+B;IAEnD,2DAA2D;IAC3D,OAAO,CAAC,YAAY,CAAmB;gBAGX,OAAO,EAAE,iBAAiB,EACxB,IAAI,EAAE,QAAQ;IA6C5C;;OAEG;IACH,SAAS,CAAC,MAAM;IAIhB,iCAAiC;IACjB,SAAS,CAAC,MAAM,EAAE,MAAM;IAexC;;;;OAIG;IACI,wBAAwB,CAAC,IAAI,EAAE,QAAQ;IAI9C;;;;OAIG;IACI,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ;IAIrD;;;OAGG;IACI,uBAAuB;IAI9B;;;OAGG;IACI,cAAc,CAAC,IAAI,EAAE,UAAU;IAsBtB,OAAO;cA6BJ,MAAM;IAMzB,wDAAwD;IACxD,OAAO,CAAC,mBAAmB;IAiB3B,mCAAmC;IACnC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,kCAAkC;IAClC,OAAO,CAAC,iBAAiB,CAEvB;IAEF,iGAAiG;IACjG,OAAO,CAAC,oBAAoB;CAqC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"add-figure-scene-handler.d.ts","sourceRoot":"","sources":["../../../src/handlers/scene/add-figure-scene-handler.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"add-figure-scene-handler.d.ts","sourceRoot":"","sources":["../../../src/handlers/scene/add-figure-scene-handler.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAS5D;;;;GAIG;AACH,qBACa,qBAAsB,YAAW,aAAa;IAOf,OAAO,CAAC,IAAI;IANtD,iCAAiC;IACjC,SAAgB,IAAI,EAAE,SAAS,CAAuB;IAEtD,uEAAuE;IACvE,OAAO,CAAC,cAAc,CAA2B;gBAEC,IAAI,EAAE,QAAQ;IAEhE,2EAA2E;IACpE,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAyBvC,wCAAwC;IACjC,QAAQ,IAAI,IAAI;IASvB,oCAAoC;IAC7B,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;CAIvC"}
|
|
@@ -46,8 +46,6 @@ export declare class EdgeSelectHandler implements ISelectHandler {
|
|
|
46
46
|
private _same;
|
|
47
47
|
/** Центрует `THREE.Line` на сегменте и ориентирует её вдоль ребра */
|
|
48
48
|
private _centerAndOrientLineOnSegment;
|
|
49
|
-
/** Поиск родителя ребер (сама фигура) */
|
|
50
|
-
private _findParentMesh;
|
|
51
49
|
/** Запись метаданных выбранного ребра для использования инструментов */
|
|
52
50
|
private _prepareEdgeMetadata;
|
|
53
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edge-select-handler.d.ts","sourceRoot":"","sources":["../../../src/handlers/select/edge-select-handler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"edge-select-handler.d.ts","sourceRoot":"","sources":["../../../src/handlers/select/edge-select-handler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAOtE;;;;;;GAMG;AACH,qBACa,iBAAkB,YAAW,cAAc;IAqB7B,OAAO,CAAC,IAAI;IACX,OAAO,CAAC,MAAM;IArBxC,+DAA+D;IAC/D,SAAgB,IAAI,EAAE,UAAU,CAAmB;IAEnD,gCAAgC;IAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,+BAA+B;IAC/B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAa;IAEzC,iEAAiE;IACjE,OAAO,CAAC,QAAQ,CAA2D;IAC3E,gEAAgE;IAChE,OAAO,CAAC,SAAS,CAA2D;IAG5E,sCAAsC;IACtC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAC3C,6BAA6B;IAC7B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgB;gBAGZ,IAAI,EAAE,UAAU,EACf,MAAM,EAAE,YAAY;IActD,yCAAyC;IAClC,MAAM,CACX,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,EACtF,IAAI,EAAE,eAAe,GACpB,IAAI;IAoEP,oCAAoC;IAC7B,QAAQ,IAAI,IAAI;IASvB,mFAAmF;IAC5E,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;IActC;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAyBxB,2EAA2E;IAC3E,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,KAAK;IAOb,qEAAqE;IACrE,OAAO,CAAC,6BAA6B;IAsCrC,wEAAwE;IACxE,OAAO,CAAC,oBAAoB;CA2E7B"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { IEditorApi } from '../../types/api/editor-api';
|
|
2
|
+
import { ISelectHandler } from '../../interfaces/handler/select-handler';
|
|
3
|
+
import { IEditorStore } from '../../interfaces/store/editor-store';
|
|
4
|
+
import { SelectMode } from '@planara/types';
|
|
5
|
+
import { EditorEvents } from '../../events/editor-events';
|
|
6
|
+
import { EventTopics } from '../../events/event-topics';
|
|
7
|
+
import { SelectEventType } from '../../types/event/select-event-type';
|
|
8
|
+
/**
|
|
9
|
+
* Хендлер для выборки вершин.
|
|
10
|
+
* Управляет сценой через payload события рендерера.
|
|
11
|
+
* Обрабатывает hover и click.
|
|
12
|
+
* Меняет цвет вершины конкретной модели из payload, в случае null возвращает исходное состояние.
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
export declare class VertexSelectHandler implements ISelectHandler {
|
|
16
|
+
private _api;
|
|
17
|
+
private _store;
|
|
18
|
+
/** Режим, которым управляет хендлер, нужен только менеджеру */
|
|
19
|
+
readonly mode: SelectMode;
|
|
20
|
+
private _hovered;
|
|
21
|
+
private _selected;
|
|
22
|
+
/** Текущая наведённая вершина. */
|
|
23
|
+
private readonly _hoverVertex;
|
|
24
|
+
/** Текущая выбранная вершина. */
|
|
25
|
+
private readonly _selectVertex;
|
|
26
|
+
/** Цвет ребра, на которое навелись */
|
|
27
|
+
private readonly _hoverColor;
|
|
28
|
+
/** Цвет выделенного ребра */
|
|
29
|
+
private readonly _selectColor;
|
|
30
|
+
constructor(_api: IEditorApi, _store: IEditorStore);
|
|
31
|
+
handle(payload: EditorEvents[EventTopics.SelectHover] | EditorEvents[EventTopics.SelectClick], type: SelectEventType): void;
|
|
32
|
+
rollback(): void;
|
|
33
|
+
dispose(): Promise<void> | void;
|
|
34
|
+
private _makeOverlayVertex;
|
|
35
|
+
/** Локальную вершину points переводим в world и пишем в target (прокси-точку) */
|
|
36
|
+
private _writeWorldVertex;
|
|
37
|
+
private _same;
|
|
38
|
+
/** Готовит метаданные для выбранной вершины и пишет их в _selectVertex.userData */
|
|
39
|
+
private _prepareVertexMetadata;
|
|
40
|
+
/** Центрует прокси-вершину на выбранной точке */
|
|
41
|
+
private _centerVertexOnPoint;
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=vertex-select-handler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertex-select-handler.d.ts","sourceRoot":"","sources":["../../../src/handlers/select/vertex-select-handler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAQtE;;;;;;GAMG;AACH,qBACa,mBAAoB,YAAW,cAAc;IAmB/B,OAAO,CAAC,IAAI;IACX,OAAO,CAAC,MAAM;IAnBxC,+DAA+D;IAC/D,SAAgB,IAAI,EAAE,UAAU,CAAqB;IAErD,OAAO,CAAC,QAAQ,CAAwD;IACxE,OAAO,CAAC,SAAS,CAAwD;IAEzE,kCAAkC;IAClC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAe;IAC5C,iCAAiC;IACjC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAe;IAG7C,sCAAsC;IACtC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAC3C,6BAA6B;IAC7B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgB;gBAGZ,IAAI,EAAE,UAAU,EACf,MAAM,EAAE,YAAY;IAc/C,MAAM,CACX,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,EACtF,IAAI,EAAE,eAAe,GACpB,IAAI;IAqEA,QAAQ,IAAI,IAAI;IAShB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;IAetC,OAAO,CAAC,kBAAkB;IA2B1B,iFAAiF;IACjF,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,KAAK;IAOb,mFAAmF;IACnF,OAAO,CAAC,sBAAsB;IAuE9B,iDAAiD;IACjD,OAAO,CAAC,oBAAoB;CA2B7B"}
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("reflect-metadata");const l=require("three"),c=require("@planara/types"),T=require("@planara/three"),h=require("tsyringe"),Me=require("events"),Ee=require("mobx");function Se(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=Se(l),we={[c.FigureType.Plane]:()=>new a.PlaneGeometry(1,1,1,1),[c.FigureType.Cube]:()=>new a.BoxGeometry(1,1,1,1,1,1),[c.FigureType.UVSphere]:()=>new a.SphereGeometry(.5,32,16),[c.FigureType.Icosphere]:()=>new a.IcosahedronGeometry(.5,0),[c.FigureType.Cylinder]:()=>new a.CylinderGeometry(.5,.5,1,32,1,!1),[c.FigureType.Cone]:()=>new a.ConeGeometry(.5,1,32,1,!1),[c.FigureType.Torus]:()=>new a.TorusGeometry(.5,.2,16,64),[c.FigureType.Circle]:()=>new a.CircleGeometry(.5,32),[c.FigureType.Sphere]:()=>new a.SphereGeometry(.5,32,16),[c.FigureType.Custom]:function(){throw new Error("Custom geometry is not generated here.")}},ge=new a.MeshStandardMaterial({color:12566463,metalness:0,roughness:.6});class X{scene;camera;renderer;canvas;meshes=[];constructor(e){this.canvas=e,this.scene=new a.Scene,this.scene.background=new a.Color(1710618),this.camera=new a.PerspectiveCamera(45,e.clientWidth/e.clientHeight,.1,1e3),this.camera.position.set(1,1,7),this.renderer=new a.WebGLRenderer({canvas:e,antialias:!0}),this.renderer.setSize(e.clientWidth,e.clientHeight);const s=new a.AmbientLight(16777215,.5);this.scene.add(s);const i=new a.DirectionalLight(16777215,1);i.position.set(5,10,7),this.scene.add(i)}resize(){this.camera.aspect=this.canvas.clientWidth/this.canvas.clientHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(this.canvas.clientWidth,this.canvas.clientHeight)}render(){this.renderer.render(this.scene,this.camera)}update(){}loop(){this.update(),this.render(),requestAnimationFrame(()=>this.loop())}addFigure(e){const s=new a.BufferGeometry;s.setAttribute("position",new a.Float32BufferAttribute(e.position,3)),e.normal&&s.setAttribute("normal",new a.Float32BufferAttribute(e.normal,3)),e.uv&&s.setAttribute("uv",new a.Float32BufferAttribute(e.uv,2));const i=new a.Mesh(s,ge);return this.scene.add(i),this.meshes.push(i),i}addMesh(e){this.scene&&(this.scene.add(e),this.meshes.push(e))}removeMesh(e){this.scene&&(this.scene.remove(e),this.meshes=this.meshes.filter(s=>s!==e))}getMeshes(){return this.meshes}addObject(e,s){this.scene&&(typeof s=="number"&&e.layers.set(s),this.scene.add(e))}removeObject(e){this.scene&&(e.parent?e.parent.remove(e):this.scene.remove(e))}enableCameraLayer(e){this.camera&&this.camera.layers.enable(e)}dispose(){this.meshes&&(this.meshes.length=0,this.meshes=[]),this.scene=null,this.camera=null,this.renderer?.dispose(),this.canvas=null}}var Pe=Object.getOwnPropertyDescriptor,Oe=(t,e,s,i)=>{for(var r=i>1?void 0:i?Pe(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r};exports.EventBus=class{_emitter;constructor(){this._emitter=new Me.EventEmitter}emit(e,s){this._emitter.emit(e,s)}on(e,s){this._emitter.on(e,s)}off(e,s){this._emitter.off(e,s)}};exports.EventBus=Oe([h.injectable()],exports.EventBus);var S=(t=>(t.SelectHover="select.hover",t.SelectClick="select.click",t.ToolSelect="tool.select",t))(S||{});const Te=.03,De=10;var Le=Object.getOwnPropertyDescriptor,je=(t,e,s,i)=>{for(var r=i>1?void 0:i?Le(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},oe=(t,e)=>(s,i)=>e(s,i,t);exports.EditorRenderer=class extends X{constructor(e,s){super(e),this._canvas=e,this._bus=s;const i=new a.GridHelper(10,10);i.position.y=-.001,this.scene.add(i);const r=new T.SymmetricAxesHelper(6);this.scene.add(r),this._orbit=new T.OrbitWithState(this.camera,this.renderer.domElement),this._orbit.enableDamping=!0,this._orbit.dampingFactor=.05,this._cameraGizmo=new T.CameraAxesGizmo(this.renderer,this.camera,{size:96,margin:36}),this._raycaster=new a.Raycaster,this._mouse=new a.Vector2,this.scene.add(new a.HemisphereLight(16777215,4473924,.6)),this.camera.layers.enable(0),this.camera.layers.enable(1),this._transform=new T.ModelingTransformControls(this.camera,this.renderer.domElement),this._transformHelper=this._transform.getHelper(),this.scene.add(this._transformHelper),this._isEventListenersAdded||this._initMouseListeners()}_orbit;_transform;_transformHelper;_raycaster;_mouse;_isEventListenersAdded=!1;_lastHovered=null;_cameraGizmo;update(){this._orbit.update()}addFigure(e){const s=super.addFigure(e);s.layers.enable(0);const i=new a.EdgesGeometry(s.geometry),r=new a.LineSegments(i,new a.LineBasicMaterial({color:8947848,linewidth:1}));return r.layers.set(1),s.add(r),s}setTransformControlsMode(e){this._transform.setMode(e)}attachTransformControls(e){this._transform.attach(e)}detachTransformControls(){this._transform.detach()}setRaycastMode(e){const s=this._raycaster;switch(s.params.Line.threshold=0,s.params.Points.threshold=0,e){case c.SelectMode.Mesh:case c.SelectMode.Face:s.layers.set(0);break;case c.SelectMode.Edge:s.layers.set(1),s.params.Line.threshold=Te;break;case c.SelectMode.Vertex:s.layers.set(2),s.params.Points.threshold=De;break}}dispose(){this._isEventListenersAdded&&(this.canvas.removeEventListener("mousemove",this._handleMouseMove,!1),this.canvas.removeEventListener("click",this._handleMouseClick,!1),this.canvas.removeEventListener("pointerdown",e=>this._transform.pointerDown(e)),this.canvas.removeEventListener("pointermove",e=>this._transform.pointerMove(e)),this.canvas.removeEventListener("pointerup",e=>this._transform.pointerUp(e)),this.canvas.removeEventListener("pointerleave",()=>this._transform.pointerHover(null)),this._transform.removeEventListener("dragging-changed",()=>{this._orbit.enabled=!this._transform.dragging}),this._isEventListenersAdded=!1),this._orbit?.dispose(),this._transform?.dispose(),this._transformHelper?.parent&&this._transformHelper.parent.remove(this._transformHelper),this._lastHovered=null,super.dispose()}render(){super.render(),this._cameraGizmo.render(this.canvas.width,this.canvas.height)}_initMouseListeners(){this.canvas.addEventListener("mousemove",this._handleMouseMove,!1),this.canvas.addEventListener("click",this._handleMouseClick,!1),this.canvas.addEventListener("pointerdown",e=>this._transform.pointerDown(e)),this.canvas.addEventListener("pointermove",e=>this._transform.pointerMove(e)),this.canvas.addEventListener("pointerup",e=>this._transform.pointerUp(e)),this.canvas.addEventListener("pointerleave",()=>this._transform.pointerHover(null)),this._transform.addEventListener("dragging-changed",()=>{this._orbit.enabled=!this._transform.dragging}),this._isEventListenersAdded=!0}_handleMouseMove=e=>{this._processRaycastEvent(e,S.SelectHover,!0)};_handleMouseClick=e=>{this._processRaycastEvent(e,S.SelectClick,!1)};_processRaycastEvent(e,s,i){if(this._orbit.isInteracting||this._transform.dragging)return;const r=this._canvas.getBoundingClientRect();this._mouse.x=(e.clientX-r.left)/r.width*2-1,this._mouse.y=-((e.clientY-r.top)/r.height)*2+1,this._raycaster.setFromCamera(this._mouse,this.camera);const n=this._raycaster.intersectObjects(this.meshes,!0)[0]??null,_=n?.object??null;i?_!==this._lastHovered&&(this.meshes.forEach(u=>u.userData.isHit=!1),_&&(_.userData.isHit=!0),this._lastHovered=_,this._bus.emit(s,n?{intersection:n}:null)):this._bus.emit(s,n?{intersection:n}:null)}};exports.EditorRenderer=je([h.injectable(),oe(0,h.inject("Canvas")),oe(1,h.inject("EventBus"))],exports.EditorRenderer);const ne={type:"change"},K={type:"start"},be={type:"end"},D=new l.Ray,ae=new l.Plane,Ce=Math.cos(70*l.MathUtils.DEG2RAD),m=new l.Vector3,f=2*Math.PI,d={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6},C=1e-6;class Ae extends l.Controls{constructor(e,s=null){super(e,s),this.state=d.NONE,this.target=new l.Vector3,this.cursor=new l.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minTargetRadius=0,this.maxTargetRadius=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.keyRotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.zoomToCursor=!1,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:l.MOUSE.ROTATE,MIDDLE:l.MOUSE.DOLLY,RIGHT:l.MOUSE.PAN},this.touches={ONE:l.TOUCH.ROTATE,TWO:l.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this._lastPosition=new l.Vector3,this._lastQuaternion=new l.Quaternion,this._lastTargetPosition=new l.Vector3,this._quat=new l.Quaternion().setFromUnitVectors(e.up,new l.Vector3(0,1,0)),this._quatInverse=this._quat.clone().invert(),this._spherical=new l.Spherical,this._sphericalDelta=new l.Spherical,this._scale=1,this._panOffset=new l.Vector3,this._rotateStart=new l.Vector2,this._rotateEnd=new l.Vector2,this._rotateDelta=new l.Vector2,this._panStart=new l.Vector2,this._panEnd=new l.Vector2,this._panDelta=new l.Vector2,this._dollyStart=new l.Vector2,this._dollyEnd=new l.Vector2,this._dollyDelta=new l.Vector2,this._dollyDirection=new l.Vector3,this._mouse=new l.Vector2,this._performCursorZoom=!1,this._pointers=[],this._pointerPositions={},this._controlActive=!1,this._onPointerMove=xe.bind(this),this._onPointerDown=Re.bind(this),this._onPointerUp=He.bind(this),this._onContextMenu=Ve.bind(this),this._onMouseWheel=Ue.bind(this),this._onKeyDown=Ne.bind(this),this._onTouchStart=Fe.bind(this),this._onTouchMove=Ye.bind(this),this._onMouseDown=Ie.bind(this),this._onMouseMove=ke.bind(this),this._interceptControlDown=ze.bind(this),this._interceptControlUp=$e.bind(this),this.domElement!==null&&this.connect(this.domElement),this.update()}connect(e){super.connect(e),this.domElement.addEventListener("pointerdown",this._onPointerDown),this.domElement.addEventListener("pointercancel",this._onPointerUp),this.domElement.addEventListener("contextmenu",this._onContextMenu),this.domElement.addEventListener("wheel",this._onMouseWheel,{passive:!1}),this.domElement.getRootNode().addEventListener("keydown",this._interceptControlDown,{passive:!0,capture:!0}),this.domElement.style.touchAction="none"}disconnect(){this.domElement.removeEventListener("pointerdown",this._onPointerDown),this.domElement.removeEventListener("pointermove",this._onPointerMove),this.domElement.removeEventListener("pointerup",this._onPointerUp),this.domElement.removeEventListener("pointercancel",this._onPointerUp),this.domElement.removeEventListener("wheel",this._onMouseWheel),this.domElement.removeEventListener("contextmenu",this._onContextMenu),this.stopListenToKeyEvents(),this.domElement.getRootNode().removeEventListener("keydown",this._interceptControlDown,{capture:!0}),this.domElement.style.touchAction="auto"}dispose(){this.disconnect()}getPolarAngle(){return this._spherical.phi}getAzimuthalAngle(){return this._spherical.theta}getDistance(){return this.object.position.distanceTo(this.target)}listenToKeyEvents(e){e.addEventListener("keydown",this._onKeyDown),this._domElementKeyEvents=e}stopListenToKeyEvents(){this._domElementKeyEvents!==null&&(this._domElementKeyEvents.removeEventListener("keydown",this._onKeyDown),this._domElementKeyEvents=null)}saveState(){this.target0.copy(this.target),this.position0.copy(this.object.position),this.zoom0=this.object.zoom}reset(){this.target.copy(this.target0),this.object.position.copy(this.position0),this.object.zoom=this.zoom0,this.object.updateProjectionMatrix(),this.dispatchEvent(ne),this.update(),this.state=d.NONE}update(e=null){const s=this.object.position;m.copy(s).sub(this.target),m.applyQuaternion(this._quat),this._spherical.setFromVector3(m),this.autoRotate&&this.state===d.NONE&&this._rotateLeft(this._getAutoRotationAngle(e)),this.enableDamping?(this._spherical.theta+=this._sphericalDelta.theta*this.dampingFactor,this._spherical.phi+=this._sphericalDelta.phi*this.dampingFactor):(this._spherical.theta+=this._sphericalDelta.theta,this._spherical.phi+=this._sphericalDelta.phi);let i=this.minAzimuthAngle,r=this.maxAzimuthAngle;isFinite(i)&&isFinite(r)&&(i<-Math.PI?i+=f:i>Math.PI&&(i-=f),r<-Math.PI?r+=f:r>Math.PI&&(r-=f),i<=r?this._spherical.theta=Math.max(i,Math.min(r,this._spherical.theta)):this._spherical.theta=this._spherical.theta>(i+r)/2?Math.max(i,this._spherical.theta):Math.min(r,this._spherical.theta)),this._spherical.phi=Math.max(this.minPolarAngle,Math.min(this.maxPolarAngle,this._spherical.phi)),this._spherical.makeSafe(),this.enableDamping===!0?this.target.addScaledVector(this._panOffset,this.dampingFactor):this.target.add(this._panOffset),this.target.sub(this.cursor),this.target.clampLength(this.minTargetRadius,this.maxTargetRadius),this.target.add(this.cursor);let o=!1;if(this.zoomToCursor&&this._performCursorZoom||this.object.isOrthographicCamera)this._spherical.radius=this._clampDistance(this._spherical.radius);else{const n=this._spherical.radius;this._spherical.radius=this._clampDistance(this._spherical.radius*this._scale),o=n!=this._spherical.radius}if(m.setFromSpherical(this._spherical),m.applyQuaternion(this._quatInverse),s.copy(this.target).add(m),this.object.lookAt(this.target),this.enableDamping===!0?(this._sphericalDelta.theta*=1-this.dampingFactor,this._sphericalDelta.phi*=1-this.dampingFactor,this._panOffset.multiplyScalar(1-this.dampingFactor)):(this._sphericalDelta.set(0,0,0),this._panOffset.set(0,0,0)),this.zoomToCursor&&this._performCursorZoom){let n=null;if(this.object.isPerspectiveCamera){const _=m.length();n=this._clampDistance(_*this._scale);const u=_-n;this.object.position.addScaledVector(this._dollyDirection,u),this.object.updateMatrixWorld(),o=!!u}else if(this.object.isOrthographicCamera){const _=new l.Vector3(this._mouse.x,this._mouse.y,0);_.unproject(this.object);const u=this.object.zoom;this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom/this._scale)),this.object.updateProjectionMatrix(),o=u!==this.object.zoom;const g=new l.Vector3(this._mouse.x,this._mouse.y,0);g.unproject(this.object),this.object.position.sub(g).add(_),this.object.updateMatrixWorld(),n=m.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),this.zoomToCursor=!1;n!==null&&(this.screenSpacePanning?this.target.set(0,0,-1).transformDirection(this.object.matrix).multiplyScalar(n).add(this.object.position):(D.origin.copy(this.object.position),D.direction.set(0,0,-1).transformDirection(this.object.matrix),Math.abs(this.object.up.dot(D.direction))<Ce?this.object.lookAt(this.target):(ae.setFromNormalAndCoplanarPoint(this.object.up,this.target),D.intersectPlane(ae,this.target))))}else if(this.object.isOrthographicCamera){const n=this.object.zoom;this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom/this._scale)),n!==this.object.zoom&&(this.object.updateProjectionMatrix(),o=!0)}return this._scale=1,this._performCursorZoom=!1,o||this._lastPosition.distanceToSquared(this.object.position)>C||8*(1-this._lastQuaternion.dot(this.object.quaternion))>C||this._lastTargetPosition.distanceToSquared(this.target)>C?(this.dispatchEvent(ne),this._lastPosition.copy(this.object.position),this._lastQuaternion.copy(this.object.quaternion),this._lastTargetPosition.copy(this.target),!0):!1}_getAutoRotationAngle(e){return e!==null?f/60*this.autoRotateSpeed*e:f/60/60*this.autoRotateSpeed}_getZoomScale(e){const s=Math.abs(e*.01);return Math.pow(.95,this.zoomSpeed*s)}_rotateLeft(e){this._sphericalDelta.theta-=e}_rotateUp(e){this._sphericalDelta.phi-=e}_panLeft(e,s){m.setFromMatrixColumn(s,0),m.multiplyScalar(-e),this._panOffset.add(m)}_panUp(e,s){this.screenSpacePanning===!0?m.setFromMatrixColumn(s,1):(m.setFromMatrixColumn(s,0),m.crossVectors(this.object.up,m)),m.multiplyScalar(e),this._panOffset.add(m)}_pan(e,s){const i=this.domElement;if(this.object.isPerspectiveCamera){const r=this.object.position;m.copy(r).sub(this.target);let o=m.length();o*=Math.tan(this.object.fov/2*Math.PI/180),this._panLeft(2*e*o/i.clientHeight,this.object.matrix),this._panUp(2*s*o/i.clientHeight,this.object.matrix)}else this.object.isOrthographicCamera?(this._panLeft(e*(this.object.right-this.object.left)/this.object.zoom/i.clientWidth,this.object.matrix),this._panUp(s*(this.object.top-this.object.bottom)/this.object.zoom/i.clientHeight,this.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),this.enablePan=!1)}_dollyOut(e){this.object.isPerspectiveCamera||this.object.isOrthographicCamera?this._scale/=e:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)}_dollyIn(e){this.object.isPerspectiveCamera||this.object.isOrthographicCamera?this._scale*=e:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)}_updateZoomParameters(e,s){if(!this.zoomToCursor)return;this._performCursorZoom=!0;const i=this.domElement.getBoundingClientRect(),r=e-i.left,o=s-i.top,n=i.width,_=i.height;this._mouse.x=r/n*2-1,this._mouse.y=-(o/_)*2+1,this._dollyDirection.set(this._mouse.x,this._mouse.y,1).unproject(this.object).sub(this.object.position).normalize()}_clampDistance(e){return Math.max(this.minDistance,Math.min(this.maxDistance,e))}_handleMouseDownRotate(e){this._rotateStart.set(e.clientX,e.clientY)}_handleMouseDownDolly(e){this._updateZoomParameters(e.clientX,e.clientX),this._dollyStart.set(e.clientX,e.clientY)}_handleMouseDownPan(e){this._panStart.set(e.clientX,e.clientY)}_handleMouseMoveRotate(e){this._rotateEnd.set(e.clientX,e.clientY),this._rotateDelta.subVectors(this._rotateEnd,this._rotateStart).multiplyScalar(this.rotateSpeed);const s=this.domElement;this._rotateLeft(f*this._rotateDelta.x/s.clientHeight),this._rotateUp(f*this._rotateDelta.y/s.clientHeight),this._rotateStart.copy(this._rotateEnd),this.update()}_handleMouseMoveDolly(e){this._dollyEnd.set(e.clientX,e.clientY),this._dollyDelta.subVectors(this._dollyEnd,this._dollyStart),this._dollyDelta.y>0?this._dollyOut(this._getZoomScale(this._dollyDelta.y)):this._dollyDelta.y<0&&this._dollyIn(this._getZoomScale(this._dollyDelta.y)),this._dollyStart.copy(this._dollyEnd),this.update()}_handleMouseMovePan(e){this._panEnd.set(e.clientX,e.clientY),this._panDelta.subVectors(this._panEnd,this._panStart).multiplyScalar(this.panSpeed),this._pan(this._panDelta.x,this._panDelta.y),this._panStart.copy(this._panEnd),this.update()}_handleMouseWheel(e){this._updateZoomParameters(e.clientX,e.clientY),e.deltaY<0?this._dollyIn(this._getZoomScale(e.deltaY)):e.deltaY>0&&this._dollyOut(this._getZoomScale(e.deltaY)),this.update()}_handleKeyDown(e){let s=!1;switch(e.code){case this.keys.UP:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateUp(f*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(0,this.keyPanSpeed),s=!0;break;case this.keys.BOTTOM:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateUp(-f*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(0,-this.keyPanSpeed),s=!0;break;case this.keys.LEFT:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateLeft(f*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(this.keyPanSpeed,0),s=!0;break;case this.keys.RIGHT:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateLeft(-f*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(-this.keyPanSpeed,0),s=!0;break}s&&(e.preventDefault(),this.update())}_handleTouchStartRotate(e){if(this._pointers.length===1)this._rotateStart.set(e.pageX,e.pageY);else{const s=this._getSecondPointerPosition(e),i=.5*(e.pageX+s.x),r=.5*(e.pageY+s.y);this._rotateStart.set(i,r)}}_handleTouchStartPan(e){if(this._pointers.length===1)this._panStart.set(e.pageX,e.pageY);else{const s=this._getSecondPointerPosition(e),i=.5*(e.pageX+s.x),r=.5*(e.pageY+s.y);this._panStart.set(i,r)}}_handleTouchStartDolly(e){const s=this._getSecondPointerPosition(e),i=e.pageX-s.x,r=e.pageY-s.y,o=Math.sqrt(i*i+r*r);this._dollyStart.set(0,o)}_handleTouchStartDollyPan(e){this.enableZoom&&this._handleTouchStartDolly(e),this.enablePan&&this._handleTouchStartPan(e)}_handleTouchStartDollyRotate(e){this.enableZoom&&this._handleTouchStartDolly(e),this.enableRotate&&this._handleTouchStartRotate(e)}_handleTouchMoveRotate(e){if(this._pointers.length==1)this._rotateEnd.set(e.pageX,e.pageY);else{const i=this._getSecondPointerPosition(e),r=.5*(e.pageX+i.x),o=.5*(e.pageY+i.y);this._rotateEnd.set(r,o)}this._rotateDelta.subVectors(this._rotateEnd,this._rotateStart).multiplyScalar(this.rotateSpeed);const s=this.domElement;this._rotateLeft(f*this._rotateDelta.x/s.clientHeight),this._rotateUp(f*this._rotateDelta.y/s.clientHeight),this._rotateStart.copy(this._rotateEnd)}_handleTouchMovePan(e){if(this._pointers.length===1)this._panEnd.set(e.pageX,e.pageY);else{const s=this._getSecondPointerPosition(e),i=.5*(e.pageX+s.x),r=.5*(e.pageY+s.y);this._panEnd.set(i,r)}this._panDelta.subVectors(this._panEnd,this._panStart).multiplyScalar(this.panSpeed),this._pan(this._panDelta.x,this._panDelta.y),this._panStart.copy(this._panEnd)}_handleTouchMoveDolly(e){const s=this._getSecondPointerPosition(e),i=e.pageX-s.x,r=e.pageY-s.y,o=Math.sqrt(i*i+r*r);this._dollyEnd.set(0,o),this._dollyDelta.set(0,Math.pow(this._dollyEnd.y/this._dollyStart.y,this.zoomSpeed)),this._dollyOut(this._dollyDelta.y),this._dollyStart.copy(this._dollyEnd);const n=(e.pageX+s.x)*.5,_=(e.pageY+s.y)*.5;this._updateZoomParameters(n,_)}_handleTouchMoveDollyPan(e){this.enableZoom&&this._handleTouchMoveDolly(e),this.enablePan&&this._handleTouchMovePan(e)}_handleTouchMoveDollyRotate(e){this.enableZoom&&this._handleTouchMoveDolly(e),this.enableRotate&&this._handleTouchMoveRotate(e)}_addPointer(e){this._pointers.push(e.pointerId)}_removePointer(e){delete this._pointerPositions[e.pointerId];for(let s=0;s<this._pointers.length;s++)if(this._pointers[s]==e.pointerId){this._pointers.splice(s,1);return}}_isTrackingPointer(e){for(let s=0;s<this._pointers.length;s++)if(this._pointers[s]==e.pointerId)return!0;return!1}_trackPointer(e){let s=this._pointerPositions[e.pointerId];s===void 0&&(s=new l.Vector2,this._pointerPositions[e.pointerId]=s),s.set(e.pageX,e.pageY)}_getSecondPointerPosition(e){const s=e.pointerId===this._pointers[0]?this._pointers[1]:this._pointers[0];return this._pointerPositions[s]}_customWheelEvent(e){const s=e.deltaMode,i={clientX:e.clientX,clientY:e.clientY,deltaY:e.deltaY};switch(s){case 1:i.deltaY*=16;break;case 2:i.deltaY*=100;break}return e.ctrlKey&&!this._controlActive&&(i.deltaY*=10),i}}function Re(t){this.enabled!==!1&&(this._pointers.length===0&&(this.domElement.setPointerCapture(t.pointerId),this.domElement.addEventListener("pointermove",this._onPointerMove),this.domElement.addEventListener("pointerup",this._onPointerUp)),!this._isTrackingPointer(t)&&(this._addPointer(t),t.pointerType==="touch"?this._onTouchStart(t):this._onMouseDown(t)))}function xe(t){this.enabled!==!1&&(t.pointerType==="touch"?this._onTouchMove(t):this._onMouseMove(t))}function He(t){switch(this._removePointer(t),this._pointers.length){case 0:this.domElement.releasePointerCapture(t.pointerId),this.domElement.removeEventListener("pointermove",this._onPointerMove),this.domElement.removeEventListener("pointerup",this._onPointerUp),this.dispatchEvent(be),this.state=d.NONE;break;case 1:const e=this._pointers[0],s=this._pointerPositions[e];this._onTouchStart({pointerId:e,pageX:s.x,pageY:s.y});break}}function Ie(t){let e;switch(t.button){case 0:e=this.mouseButtons.LEFT;break;case 1:e=this.mouseButtons.MIDDLE;break;case 2:e=this.mouseButtons.RIGHT;break;default:e=-1}switch(e){case l.MOUSE.DOLLY:if(this.enableZoom===!1)return;this._handleMouseDownDolly(t),this.state=d.DOLLY;break;case l.MOUSE.ROTATE:if(t.ctrlKey||t.metaKey||t.shiftKey){if(this.enablePan===!1)return;this._handleMouseDownPan(t),this.state=d.PAN}else{if(this.enableRotate===!1)return;this._handleMouseDownRotate(t),this.state=d.ROTATE}break;case l.MOUSE.PAN:if(t.ctrlKey||t.metaKey||t.shiftKey){if(this.enableRotate===!1)return;this._handleMouseDownRotate(t),this.state=d.ROTATE}else{if(this.enablePan===!1)return;this._handleMouseDownPan(t),this.state=d.PAN}break;default:this.state=d.NONE}this.state!==d.NONE&&this.dispatchEvent(K)}function ke(t){switch(this.state){case d.ROTATE:if(this.enableRotate===!1)return;this._handleMouseMoveRotate(t);break;case d.DOLLY:if(this.enableZoom===!1)return;this._handleMouseMoveDolly(t);break;case d.PAN:if(this.enablePan===!1)return;this._handleMouseMovePan(t);break}}function Ue(t){this.enabled===!1||this.enableZoom===!1||this.state!==d.NONE||(t.preventDefault(),this.dispatchEvent(K),this._handleMouseWheel(this._customWheelEvent(t)),this.dispatchEvent(be))}function Ne(t){this.enabled!==!1&&this._handleKeyDown(t)}function Fe(t){switch(this._trackPointer(t),this._pointers.length){case 1:switch(this.touches.ONE){case l.TOUCH.ROTATE:if(this.enableRotate===!1)return;this._handleTouchStartRotate(t),this.state=d.TOUCH_ROTATE;break;case l.TOUCH.PAN:if(this.enablePan===!1)return;this._handleTouchStartPan(t),this.state=d.TOUCH_PAN;break;default:this.state=d.NONE}break;case 2:switch(this.touches.TWO){case l.TOUCH.DOLLY_PAN:if(this.enableZoom===!1&&this.enablePan===!1)return;this._handleTouchStartDollyPan(t),this.state=d.TOUCH_DOLLY_PAN;break;case l.TOUCH.DOLLY_ROTATE:if(this.enableZoom===!1&&this.enableRotate===!1)return;this._handleTouchStartDollyRotate(t),this.state=d.TOUCH_DOLLY_ROTATE;break;default:this.state=d.NONE}break;default:this.state=d.NONE}this.state!==d.NONE&&this.dispatchEvent(K)}function Ye(t){switch(this._trackPointer(t),this.state){case d.TOUCH_ROTATE:if(this.enableRotate===!1)return;this._handleTouchMoveRotate(t),this.update();break;case d.TOUCH_PAN:if(this.enablePan===!1)return;this._handleTouchMovePan(t),this.update();break;case d.TOUCH_DOLLY_PAN:if(this.enableZoom===!1&&this.enablePan===!1)return;this._handleTouchMoveDollyPan(t),this.update();break;case d.TOUCH_DOLLY_ROTATE:if(this.enableZoom===!1&&this.enableRotate===!1)return;this._handleTouchMoveDollyRotate(t),this.update();break;default:this.state=d.NONE}}function Ve(t){this.enabled!==!1&&t.preventDefault()}function ze(t){t.key==="Control"&&(this._controlActive=!0,this.domElement.getRootNode().addEventListener("keyup",this._interceptControlUp,{passive:!0,capture:!0}))}function $e(t){t.key==="Control"&&(this._controlActive=!1,this.domElement.getRootNode().removeEventListener("keyup",this._interceptControlUp,{passive:!0,capture:!0}))}class We extends X{_orbit;constructor(e){super(e),this.camera.position.set(1,1,7),this.camera.lookAt(0,0,0),this._orbit=new Ae(this.camera,this.canvas),this._orbit.target.set(0,0,0),this._orbit.minPolarAngle=Math.PI/2,this._orbit.maxPolarAngle=Math.PI/2,this._orbit.enableRotate=!0,this._orbit.enableZoom=!1,this._orbit.enablePan=!1}update(){this._orbit?.update()}}class Ze{_positions=[];_normals=[];_uvs=[];_tmpPositions=[];_tmpNormals=[];_tmpUVs=[];load(e){const s=e.split(`
|
|
2
|
-
`);for(const r of s){if(!r.trim()||r.startsWith("#"))continue;const o=r.trim().split(/\s+/);switch(o[0]){case"v":this._tmpPositions.push(o.slice(1).map(Number));break;case"vn":this._tmpNormals.push(o.slice(1).map(Number));break;case"vt":this._tmpUVs.push(o.slice(1).map(Number));break;case"f":this.processFaceLine(o);break}}const i={type:c.FigureType.Custom,position:this._positions,...this._normals.length>0&&{normal:this._normals},...this._uvs.length>0&&{uv:this._uvs}};return new c.Figure(i)}processFaceLine(e){for(let s=1;s<e.length;s++){const i=e[s];if(!i)continue;const[r,o,n]=i.split("/"),_=r?parseInt(r,10):void 0,u=o?parseInt(o,10):void 0,g=n?parseInt(n,10):void 0;if(_!==void 0){const b=this._tmpPositions[_-1];b&&this._positions.push(...b)}if(u!==void 0){const b=this._tmpUVs[u-1];b&&this._uvs.push(...b)}if(g!==void 0){const b=this._tmpNormals[g-1];b&&this._normals.push(...b)}}}}var Be=Object.getOwnPropertyDescriptor,Xe=(t,e,s,i)=>{for(var r=i>1?void 0:i?Be(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},he=(t,e)=>(s,i)=>e(s,i,t);let R=class{constructor(t,e){this._store=e,this._handlers=new Map(t.map(s=>[s.mode,s]))}_currentMode=c.DisplayMode.Plane;_handlers;manage(t){t!==this._currentMode&&(this._handlers.get(this._currentMode)?.rollback(),t!==c.DisplayMode.Plane&&this._handlers.get(t)?.handle(),this._currentMode=t,this._store.setDisplayMode(this._currentMode))}dispose(){this._handlers&&this._handlers.clear(),this._currentMode=c.DisplayMode.Plane,this._store.setDisplayMode(this._currentMode)}};R=Xe([h.injectable(),he(0,h.injectAll("IDisplayHandler")),he(1,h.inject("IEditorStore"))],R);var M=(t=>(t.Hover="hover",t.Click="click",t))(M||{}),Ke=Object.getOwnPropertyDescriptor,Ge=(t,e,s,i)=>{for(var r=i>1?void 0:i?Ke(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},A=(t,e)=>(s,i)=>e(s,i,t);let x=class{constructor(t,e,s){this._eventBus=t,this._store=s,this._handlers=new Map(e.map(i=>[i.mode,i])),this._eventBus.on(S.SelectHover,this._onHover),this._eventBus.on(S.SelectClick,this._onClick)}_currentMode=c.SelectMode.Mesh;_handlers;manage(t){t!==this._currentMode&&(this._handlers.get(this._currentMode)?.rollback(),this._currentMode=t,this._store.setSelectMode(this._currentMode))}_onHover=t=>{this._handlers.get(this._currentMode)?.handle(t,M.Hover)};_onClick=t=>{this._handlers.get(this._currentMode)?.handle(t,M.Click)};dispose(){this._handlers&&this._handlers.clear(),this._eventBus.off(S.SelectHover,this._onHover),this._currentMode=c.SelectMode.Mesh,this._store.setSelectMode(this._currentMode)}};x=Ge([h.injectable(),A(0,h.inject("EventBus")),A(1,h.injectAll("ISelectHandler")),A(2,h.inject("IEditorStore"))],x);var qe=Object.getOwnPropertyDescriptor,Qe=(t,e,s,i)=>{for(var r=i>1?void 0:i?qe(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},le=(t,e)=>(s,i)=>e(s,i,t);let H=class{constructor(t,e){this._store=e,this._handlers=new Map(t.map(s=>[s.mode,s])),this._unsubSelected=this._store.onSelectedObjectChange(()=>{this._handlers.get(this._currentTool)?.handle()})}_currentTool=c.ToolType.Translate;_handlers;_unsubSelected;manage(t){this._currentTool!==t&&(this._handlers.get(this._currentTool)?.rollback(),this._currentTool=t,this._store.setToolType(this._currentTool),this._handlers.get(this._currentTool)?.handle())}dispose(){this._unsubSelected?.(),this._handlers&&this._handlers.clear(),this._currentTool=c.ToolType.Translate,this._store.setToolType(this._currentTool)}};H=Qe([h.injectable(),le(0,h.injectAll("IToolHandler")),le(1,h.inject("IEditorStore"))],H);var Je=Object.getOwnPropertyDescriptor,et=(t,e,s,i)=>{for(var r=i>1?void 0:i?Je(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},tt=(t,e)=>(s,i)=>e(s,i,t);let I=class{_currentMode=c.SceneMode.AddFigure;_handlers;constructor(t){this._handlers=new Map(t.map(e=>[e.mode,e]))}manage(t,e){console.log("manage",t),t===c.SceneMode.AddFigure?this._handlers.get(t)?.handle(e):this._handlers.get(t)?.handle(),this._currentMode=t}dispose(){this._handlers&&this._handlers.clear(),this._currentMode=c.SceneMode.AddFigure}};I=et([h.injectable(),tt(0,h.injectAll("ISceneHandler"))],I);var st=Object.getOwnPropertyDescriptor,it=(t,e,s,i)=>{for(var r=i>1?void 0:i?st(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},rt=(t,e)=>(s,i)=>e(s,i,t);let k=class{constructor(t){this._api=t}mode=c.DisplayMode.Wireframe;_prevWireframe=new Map;_prevColorMesh=new Map;_prevColorLines=new Map;_wireColor=new a.Color(65535);handle(){const t=this._api.getMeshes();for(const e of t){const s=Array.isArray(e.material)?e.material:[e.material];for(const i of s)this._enableWireframeOnMaterial(i);e.traverse(i=>{if(i.isLineSegments){const r=i;if(!this._prevColorLines.has(r.material)){const n=r.material;this._prevColorLines.set(n,n.color.clone())}const o=r.material;o.color.copy(this._wireColor),o.needsUpdate=!0}})}}rollback(){for(const[t,e]of this._prevWireframe)"wireframe"in t&&(t.wireframe=e),t.needsUpdate=!0;this._prevWireframe.clear();for(const[t,e]of this._prevColorMesh){const s=t;s.color?.isColor&&s.color.copy(e)}this._prevColorMesh.clear();for(const[t,e]of this._prevColorLines)t.color.copy(e);this._prevColorLines.clear()}dispose(){this.rollback()}_enableWireframeOnMaterial(t){const e=t;"wireframe"in e&&!this._prevWireframe.has(t)&&(this._prevWireframe.set(t,!!e.wireframe),e.wireframe=!0,t.needsUpdate=!0),e.color?.isColor&&(this._prevColorMesh.has(t)||this._prevColorMesh.set(t,e.color.clone()),e.color.copy(this._wireColor))}};k=it([h.injectable(),rt(0,h.inject("RendererApi"))],k);const G=16776960,q=16755200,ot=2236962;var nt=Object.getOwnPropertyDescriptor,at=(t,e,s,i)=>{for(var r=i>1?void 0:i?nt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ce=(t,e)=>(s,i)=>e(s,i,t);let U=class{constructor(t,e){this._api=t,this._store=e}mode=c.SelectMode.Mesh;_hoveredMesh=null;_selectedMesh=null;_hoverColor=G;_selectColor=q;_origLineColors=new WeakMap;handle(t,e){if(this._api.setRaycastMode(this.mode),e===M.Hover){if(!t){this._hoveredMesh&&this._hoveredMesh!==this._selectedMesh&&this._restoreEdgesColor(this._hoveredMesh),this._hoveredMesh=null;return}const s=t.intersection.object;this._hoveredMesh!==s&&(this._hoveredMesh&&this._hoveredMesh!==this._selectedMesh&&this._restoreEdgesColor(this._hoveredMesh),s!==this._selectedMesh&&this._paintEdges(s,this._hoverColor),this._hoveredMesh=s)}if(e===M.Click){if(!t){this._selectedMesh&&(this._restoreEdgesColor(this._selectedMesh),this._selectedMesh=null,this._store.setSelectedObject(null));return}const s=t.intersection.object;this._selectedMesh&&this._selectedMesh!==s&&this._restoreEdgesColor(this._selectedMesh),this._paintEdges(s,this._selectColor),this._selectedMesh=s,this._store.setSelectedObject(s)}}rollback(){this._hoveredMesh&&this._restoreEdgesColor(this._hoveredMesh),this._selectedMesh&&this._restoreEdgesColor(this._selectedMesh),this._hoveredMesh=this._selectedMesh=null}dispose(){this.rollback()}_paintEdges(t,e){t.children.forEach(s=>{const i=s;if(i.isLineSegments&&i.material){const r=i.material;this._origLineColors.has(i)||this._origLineColors.set(i,r.color.clone()),r.color.setHex(e),r.needsUpdate=!0}})}_restoreEdgesColor(t){t.children.forEach(e=>{const s=e;if(s.isLineSegments&&s.material){const i=this._origLineColors.get(s);if(i){const r=s.material;r.color.copy(i),r.needsUpdate=!0}}})}};U=at([h.injectable(),ce(0,h.inject("RendererApi")),ce(1,h.inject("IEditorStore"))],U);var ht=Object.getOwnPropertyDescriptor,lt=(t,e,s,i)=>{for(var r=i>1?void 0:i?ht(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ct=(t,e)=>(s,i)=>e(s,i,t);let N=class{constructor(t){this._api=t}mode=c.SelectMode.Face;_hovered=null;_selected=null;_hoverColor=G;_selectColor=q;_defaultColor=2236962;handle(t,e){this._api.setRaycastMode(this.mode),e===M.Hover&&console.log(t),e===M.Click&&console.log(t)}rollback(){throw new Error("Method not implemented.")}dispose(){throw new Error("Method not implemented.")}};N=lt([h.injectable(),ct(0,h.inject("RendererApi"))],N);class Q{constructor(e,s){this.api=e,this.store=s}handle(){const e=this.store.getSelectedObject();this.api.setMode(this.mode),e?this.api.attach(e):this.api.detach()}rollback(){this.api.detach()}dispose(){this.rollback()}}var dt=Object.getOwnPropertyDescriptor,_t=(t,e,s,i)=>{for(var r=i>1?void 0:i?dt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},de=(t,e)=>(s,i)=>e(s,i,t);let F=class extends Q{mode=c.ToolType.Translate;constructor(t,e){super(t,e)}};F=_t([h.injectable(),de(0,h.inject("RendererApi")),de(1,h.inject("IEditorStore"))],F);var pt=Object.getOwnPropertyDescriptor,ut=(t,e,s,i)=>{for(var r=i>1?void 0:i?pt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},_e=(t,e)=>(s,i)=>e(s,i,t);let Y=class extends Q{mode=c.ToolType.Scale;constructor(t,e){super(t,e)}};Y=ut([h.injectable(),_e(0,h.inject("RendererApi")),_e(1,h.inject("IEditorStore"))],Y);var mt=Object.getOwnPropertyDescriptor,ft=(t,e,s,i)=>{for(var r=i>1?void 0:i?mt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},pe=(t,e)=>(s,i)=>e(s,i,t);let V=class extends Q{mode=c.ToolType.Rotate;constructor(t,e){super(t,e)}};V=ft([h.injectable(),pe(0,h.inject("RendererApi")),pe(1,h.inject("IEditorStore"))],V);const L=31;var gt=Object.getOwnPropertyDescriptor,bt=(t,e,s,i)=>{for(var r=i>1?void 0:i?gt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ue=(t,e)=>(s,i)=>e(s,i,t);let z=class{constructor(t,e){this._api=t,this._store=e,this._api.enableCameraLayer(L),this._hoverLine=this._makeOverlayLine(this._hoverColor),this._selectLine=this._makeOverlayLine(this._selectColor),this._api.addObject(this._hoverLine,L),this._api.addObject(this._selectLine,L)}mode=c.SelectMode.Edge;_hoverLine;_selectLine;_hovered=null;_selected=null;_hoverColor=G;_selectColor=q;handle(t,e){if(this._api.setRaycastMode(this.mode),e===M.Hover){if(!t){this._hoverLine.visible=!1,this._hovered=null;return}const s=t.intersection.object;if(!s?.isLineSegments)return;const i=s,r=Math.floor((t.intersection.index??-1)/2);if(r<0)return;this._selected&&this._same({lines:i,seg:r},this._selected)?this._hoverLine.visible=!1:(this._writeWorldSegment(this._hoverLine,i,r),this._hoverLine.visible=!0),this._hovered={lines:i,seg:r};return}if(e===M.Click){if(!t){this._selectLine.visible=!1,this._selected=null,this._store.setSelectedObject(null);return}const s=t.intersection.object;if(!s?.isLineSegments)return;const i=s,r=Math.floor((t.intersection.index??-1)/2);if(r<0)return;this._writeWorldSegment(this._selectLine,i,r),this._centerAndOrientLineOnSegment(this._selectLine,i,r),this._selectLine.visible=!0,this._prepareEdgeMetadata(i,r),this._store.setSelectedObject(this._selectLine),this._selected={lines:i,seg:r},this._hovered&&this._same(this._hovered,this._selected)&&(this._hoverLine.visible=!1)}}rollback(){this._hoverLine.visible=!1,this._selectLine.visible=!1,this._hovered=this._selected=null}dispose(){this.rollback(),this._api.removeObject(this._hoverLine),this._api.removeObject(this._selectLine),this._hoverLine.geometry.dispose(),this._hoverLine.material.dispose(),this._selectLine.geometry.dispose(),this._selectLine.material.dispose()}_makeOverlayLine(t){const e=new a.BufferGeometry;e.setAttribute("position",new a.Float32BufferAttribute(6,3));const s=new a.LineBasicMaterial({color:t,depthTest:!1,depthWrite:!1,transparent:!0,opacity:1}),i=new a.Line(e,s);return i.renderOrder=1e3,i.raycast=()=>{},i.layers.set(L),i.visible=!1,i}_writeWorldSegment(t,e,s){const i=e.geometry.getAttribute("position"),r=s*2,o=r+1,n=new a.Vector3(i.getX(r),i.getY(r),i.getZ(r)).applyMatrix4(e.matrixWorld),_=new a.Vector3(i.getX(o),i.getY(o),i.getZ(o)).applyMatrix4(e.matrixWorld),u=t.geometry.getAttribute("position");u.setXYZ(0,n.x,n.y,n.z),u.setXYZ(1,_.x,_.y,_.z),u.needsUpdate=!0}_same(t,e){return!!t&&!!e&&t.lines===e.lines&&t.seg===e.seg}_centerAndOrientLineOnSegment(t,e,s){const i=e.geometry.getAttribute("position"),r=s*2,o=r+1,n=new a.Vector3(i.getX(r),i.getY(r),i.getZ(r)).applyMatrix4(e.matrixWorld),_=new a.Vector3(i.getX(o),i.getY(o),i.getZ(o)).applyMatrix4(e.matrixWorld),u=new a.Vector3().subVectors(_,n),g=u.length();if(!isFinite(g)||g===0)return;const b=new a.Vector3().addVectors(n,_).multiplyScalar(.5);t.position.copy(b);const O=t.geometry;let y=O.getAttribute("position");(!y||y.count<2)&&(O.setAttribute("position",new a.BufferAttribute(new Float32Array(6),3)),y=O.getAttribute("position")),y.setXYZ(0,-g/2,0,0),y.setXYZ(1,g/2,0,0),y.needsUpdate=!0,u.normalize();const w=new a.Quaternion().setFromUnitVectors(new a.Vector3(1,0,0),u);t.quaternion.copy(w),t.updateMatrixWorld(!0)}_findParentMesh(t){let e=t;for(;e;){if(e.isMesh)return e;e=e.parent}return null}_prepareEdgeMetadata(t,e){const s=this._findParentMesh(t);if(!s)return;const i=t.geometry.getAttribute("position"),r=e*2,o=r+1,n=new a.Vector3(i.getX(r),i.getY(r),i.getZ(r)).applyMatrix4(t.matrixWorld),_=new a.Vector3(i.getX(o),i.getY(o),i.getZ(o)).applyMatrix4(t.matrixWorld),u=new a.Matrix4().copy(s.matrixWorld).invert(),g=n.clone().applyMatrix4(u),b=_.clone().applyMatrix4(u),y=s.geometry.getAttribute("position"),w=new a.Vector3,E=1e-6,J=[],ee=[];for(let v=0;v<y.count;v++)w.fromBufferAttribute(y,v),w.distanceToSquared(g)<E*E?J.push(v):w.distanceToSquared(b)<E*E&&ee.push(v);const te=new a.Matrix4().copy(t.matrixWorld).invert(),ve=n.clone().applyMatrix4(te),ye=_.clone().applyMatrix4(te),se=t.geometry.getAttribute("position"),j=new a.Vector3,ie=[],re=[];for(let v=0;v<se.count;v++)j.fromBufferAttribute(se,v),j.distanceToSquared(ve)<E*E?ie.push(v):j.distanceToSquared(ye)<E*E&&re.push(v);this._selectLine.userData.edgeInfo={lines:t,seg:e,mesh:s,aIndices:J,bIndices:ee,aEdgeIndices:ie,bEdgeIndices:re}}};z=bt([h.injectable(),ue(0,h.inject("RendererApi")),ue(1,h.inject("IEditorStore"))],z);var vt=Object.getOwnPropertyDescriptor,yt=(t,e,s,i)=>{for(var r=i>1?void 0:i?vt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},Mt=(t,e)=>(s,i)=>e(s,i,t);let $=class{constructor(t){this._api=t}mode=c.SceneMode.AddFigure;_lastAddedMesh=null;handle(t){const e=we[t](),s=e.getAttribute("position");s&&s.setUsage&&s.setUsage(a.DynamicDrawUsage);const i=new a.Mesh(e,ge);i.layers.enable(0);const r=new a.EdgesGeometry(i.geometry),o=new a.LineSegments(r,new a.LineBasicMaterial({color:ot,linewidth:1}));o.layers.set(1),i.add(o),this._api.addMesh(i),this._lastAddedMesh=i}rollback(){this._lastAddedMesh!==null&&(this._api.removeMesh(this._lastAddedMesh),this._lastAddedMesh=null)}dispose(){this._lastAddedMesh=null}};$=yt([h.injectable(),Mt(0,h.inject("RendererApi"))],$);const Et=t=>!!t&&t.isMesh;var St=Object.getOwnPropertyDescriptor,wt=(t,e,s,i)=>{for(var r=i>1?void 0:i?St(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},me=(t,e)=>(s,i)=>e(s,i,t);let W=class{constructor(t,e){this._api=t,this._store=e}mode=c.SceneMode.DeleteFigure;_lastDeletedMesh=null;handle(){const t=this._store.getSelectedObject();Et(t)&&(this._api.removeMesh(t),this._store.setSelectedObject(null),this._lastDeletedMesh=t)}rollback(){this._lastDeletedMesh&&(this._api.addMesh(this._lastDeletedMesh),this._lastDeletedMesh=null)}dispose(){this._lastDeletedMesh=null}};W=wt([h.injectable(),me(0,h.inject("RendererApi")),me(1,h.inject("IEditorStore"))],W);var Pt=Object.getOwnPropertyDescriptor,Ot=(t,e,s,i)=>{for(var r=i>1?void 0:i?Pt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},Tt=(t,e)=>(s,i)=>e(s,i,t);let Z=class{constructor(t){this._renderer=t}addMesh(t){this._renderer.addMesh(t)}addMeshes(t){for(const e of t)this._renderer.addMesh(e)}removeMesh(t){this._renderer.removeMesh(t)}removeMeshes(t){for(const e of t)this._renderer.removeMesh(e)}getMeshes(){return this._renderer.getMeshes()}setMode(t){this._renderer.setTransformControlsMode(t)}attach(t){this._renderer.attachTransformControls(t)}detach(){this._renderer.detachTransformControls()}setRaycastMode(t){this._renderer.setRaycastMode(t)}addObject(t,e){this._renderer.addObject(t,e)}removeObject(t){this._renderer.removeObject(t)}enableCameraLayer(t){this._renderer.enableCameraLayer(t)}};Z=Ot([h.injectable(),Tt(0,h.inject("EditorRenderer"))],Z);var Dt=Object.getOwnPropertyDescriptor,Lt=(t,e,s,i)=>{for(var r=i>1?void 0:i?Dt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},P=(t,e)=>(s,i)=>e(s,i,t);exports.EditorHub=class{constructor(e,s,i,r,o){this._displayManager=e,this._selectManager=s,this._toolManager=i,this._sceneManager=r,this._renderer=o,this.setSelectMode(c.SelectMode.Mesh),this.setToolMode(c.ToolType.Translate)}setDisplayMode(e){this._displayManager.manage(e)}setSceneMode(e){this._sceneManager.manage(e)}setSelectMode(e){this._selectManager.manage(e)}setToolMode(e){this._toolManager.manage(e)}resizeRenderer(){this._renderer.resize()}updateRenderer(){this._renderer.loop()}addFigure(e,s){this._sceneManager.manage(e,s)}dispose(){this._displayManager.dispose(),this._selectManager.dispose(),this._renderer.dispose()}};exports.EditorHub=Lt([h.injectable(),P(0,h.inject("IDisplayManager")),P(1,h.inject("ISelectManager")),P(2,h.inject("IToolManager")),P(3,h.inject("ISceneManager")),P(4,h.inject("EditorRenderer"))],exports.EditorHub);var jt=Object.getOwnPropertyDescriptor,Ct=(t,e,s,i)=>{for(var r=i>1?void 0:i?jt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r};let B=class{_selectMode=c.SelectMode.Mesh;_toolType=c.ToolType.Translate;_displayMode=c.DisplayMode.Plane;_selectedObject=null;_selectedListeners=new Set;constructor(){Ee.makeAutoObservable(this,{},{autoBind:!0})}getSelectMode(){return this._selectMode}getToolType(){return this._toolType}getDisplayMode(){return this._displayMode}setSelectMode(t){this._selectMode=t}setToolType(t){this._toolType=t}setDisplayMode(t){this._displayMode=t}getSelectedObject(){return this._selectedObject}setSelectedObject(t){if(this._selectedObject!==t){this._selectedObject=t;for(const e of this._selectedListeners)e(this._selectedObject)}}onSelectedObjectChange(t){return this._selectedListeners.add(t),()=>this._selectedListeners.delete(t)}};B=Ct([h.injectable()],B);let fe=!1;const p=h.container.createChildContainer();function At(t){return fe||(p.registerInstance("Canvas",t),p.registerSingleton("EventBus",exports.EventBus),p.registerSingleton("EditorRenderer",exports.EditorRenderer),p.registerSingleton("RendererApi",Z),p.registerSingleton("IDisplayHandler",k),p.registerSingleton("ISelectHandler",U),p.registerSingleton("ISelectHandler",N),p.registerSingleton("ISelectHandler",z),p.registerSingleton("IToolHandler",F),p.registerSingleton("IToolHandler",Y),p.registerSingleton("IToolHandler",V),p.registerSingleton("ISceneHandler",$),p.registerSingleton("ISceneHandler",W),p.registerSingleton("IDisplayManager",R),p.registerSingleton("ISelectManager",x),p.registerSingleton("IToolManager",H),p.registerSingleton("ISceneManager",I),p.registerSingleton("EditorHub",exports.EditorHub),p.registerSingleton("IEditorStore",B),fe=!0),p}function Rt(t){return At(t).resolve("EditorHub")}exports.EventTopics=S;exports.ObjLoader=Ze;exports.PreviewRenderer=We;exports.Renderer=X;exports.createAppHub=Rt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("reflect-metadata");const l=require("three"),c=require("@planara/types"),x=require("@planara/three"),h=require("tsyringe"),Te=require("events"),De=require("mobx");function je(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=je(l),Le={[c.FigureType.Plane]:()=>new a.PlaneGeometry(1,1,1,1),[c.FigureType.Cube]:()=>new a.BoxGeometry(1,1,1,1,1,1),[c.FigureType.UVSphere]:()=>new a.SphereGeometry(.5,32,16),[c.FigureType.Icosphere]:()=>new a.IcosahedronGeometry(.5,0),[c.FigureType.Cylinder]:()=>new a.CylinderGeometry(.5,.5,1,32,1,!1),[c.FigureType.Cone]:()=>new a.ConeGeometry(.5,1,32,1,!1),[c.FigureType.Torus]:()=>new a.TorusGeometry(.5,.2,16,64),[c.FigureType.Circle]:()=>new a.CircleGeometry(.5,32),[c.FigureType.Sphere]:()=>new a.SphereGeometry(.5,32,16),[c.FigureType.Custom]:function(){throw new Error("Custom geometry is not generated here.")}},Me=new a.MeshStandardMaterial({color:12566463,metalness:0,roughness:.6}),Ce=8;class se{scene;camera;renderer;canvas;meshes=[];constructor(e){this.canvas=e,this.scene=new a.Scene,this.scene.background=new a.Color(1710618),this.camera=new a.PerspectiveCamera(45,e.clientWidth/e.clientHeight,.1,1e3),this.camera.position.set(1,1,7),this.renderer=new a.WebGLRenderer({canvas:e,antialias:!0}),this.renderer.setSize(e.clientWidth,e.clientHeight);const s=new a.AmbientLight(16777215,.5);this.scene.add(s);const i=new a.DirectionalLight(16777215,1);i.position.set(5,10,7),this.scene.add(i)}resize(){this.camera.aspect=this.canvas.clientWidth/this.canvas.clientHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(this.canvas.clientWidth,this.canvas.clientHeight)}render(){this.renderer.render(this.scene,this.camera)}update(){}loop(){this.update(),this.render(),requestAnimationFrame(()=>this.loop())}addFigure(e){const s=new a.BufferGeometry;s.setAttribute("position",new a.Float32BufferAttribute(e.position,3)),e.normal&&s.setAttribute("normal",new a.Float32BufferAttribute(e.normal,3)),e.uv&&s.setAttribute("uv",new a.Float32BufferAttribute(e.uv,2));const i=new a.Mesh(s,Me);return this.scene.add(i),this.meshes.push(i),i}addMesh(e){this.scene&&(this.scene.add(e),this.meshes.push(e))}removeMesh(e){this.scene&&(this.scene.remove(e),this.meshes=this.meshes.filter(s=>s!==e))}getMeshes(){return this.meshes}addObject(e,s){this.scene&&(typeof s=="number"&&e.layers.set(s),this.scene.add(e))}removeObject(e){this.scene&&(e.parent?e.parent.remove(e):this.scene.remove(e))}enableCameraLayer(e){this.camera&&this.camera.layers.enable(e)}dispose(){this.meshes&&(this.meshes.length=0,this.meshes=[]),this.scene=null,this.camera=null,this.renderer?.dispose(),this.canvas=null}}var Ae=Object.getOwnPropertyDescriptor,xe=(t,e,s,i)=>{for(var r=i>1?void 0:i?Ae(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r};exports.EventBus=class{_emitter;constructor(){this._emitter=new Te.EventEmitter}emit(e,s){this._emitter.emit(e,s)}on(e,s){this._emitter.on(e,s)}off(e,s){this._emitter.off(e,s)}};exports.EventBus=xe([h.injectable()],exports.EventBus);var T=(t=>(t.SelectHover="select.hover",t.SelectClick="select.click",t.ToolSelect="tool.select",t))(T||{});const Re=.03,He=.05,Ee=0,Ie=1,Ve=2,P=31,H=16776960,I=16755200,ke=2236962,Ue=2236962,Ne=t=>!!t&&t.isMesh,Se=t=>{let e=t;for(;e;){if(e.isMesh)return e;e=e.parent}return null},we=t=>{const e=new a.BufferGeometry;e.setAttribute("position",t.getAttribute("position")),e.computeBoundingSphere(),e.computeBoundingBox();const s=new a.PointsMaterial({color:Ue,size:6,sizeAttenuation:!1,depthTest:!1,depthWrite:!1,transparent:!0,opacity:.9}),i=new a.Points(e,s);return i.layers.set(Ve),i.renderOrder=1e3,i.visible=!1,i},Pe=t=>{const e=new a.EdgesGeometry(t),s=new a.LineSegments(e,new a.LineBasicMaterial({color:ke,linewidth:1}));return s.layers.set(Ie),s};var Ye=Object.getOwnPropertyDescriptor,Fe=(t,e,s,i)=>{for(var r=i>1?void 0:i?Ye(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},he=(t,e)=>(s,i)=>e(s,i,t);exports.EditorRenderer=class extends se{constructor(e,s){super(e),this._canvas=e,this._bus=s;const i=new a.GridHelper(10,10);i.position.y=-.001,this.scene.add(i);const r=new x.SymmetricAxesHelper(6);this.scene.add(r),this._orbit=new x.OrbitWithState(this.camera,this.renderer.domElement),this._orbit.enableDamping=!0,this._orbit.dampingFactor=.05,this._cameraGizmo=new x.CameraAxesGizmo(this.renderer,this.camera,{size:96,margin:36}),this._raycaster=new a.Raycaster,this._mouse=new a.Vector2,this.scene.add(new a.HemisphereLight(16777215,4473924,.6)),this.camera.layers.enable(0),this.camera.layers.enable(1),this._transform=new x.ModelingTransformControls(this.camera,this.renderer.domElement),this._transformHelper=this._transform.getHelper(),this.scene.add(this._transformHelper),this._isEventListenersAdded||this._initMouseListeners()}_orbit;_transform;_transformHelper;_raycaster;_mouse;_isEventListenersAdded=!1;_lastHovered=null;_cameraGizmo;update(){this._orbit.update()}addFigure(e){const s=super.addFigure(e);s.layers.enable(Ee);const i=Pe(s.geometry);s.add(i);const r=we(s.geometry);return s.add(r),s}setTransformControlsMode(e){this._transform.setMode(e)}attachTransformControls(e){this._transform.attach(e)}detachTransformControls(){this._transform.detach()}setRaycastMode(e){const s=this._raycaster;switch(s.params.Line.threshold=0,s.params.Points.threshold=0,e){case c.SelectMode.Mesh:case c.SelectMode.Face:s.layers.set(0);break;case c.SelectMode.Edge:s.layers.set(1),s.params.Line.threshold=Re;break;case c.SelectMode.Vertex:s.layers.set(2),s.params.Points.threshold=He;break}}dispose(){this._isEventListenersAdded&&(this.canvas.removeEventListener("mousemove",this._handleMouseMove,!1),this.canvas.removeEventListener("click",this._handleMouseClick,!1),this.canvas.removeEventListener("pointerdown",e=>this._transform.pointerDown(e)),this.canvas.removeEventListener("pointermove",e=>this._transform.pointerMove(e)),this.canvas.removeEventListener("pointerup",e=>this._transform.pointerUp(e)),this.canvas.removeEventListener("pointerleave",()=>this._transform.pointerHover(null)),this._transform.removeEventListener("dragging-changed",()=>{this._orbit.enabled=!this._transform.dragging}),this._isEventListenersAdded=!1),this._orbit?.dispose(),this._transform?.dispose(),this._transformHelper?.parent&&this._transformHelper.parent.remove(this._transformHelper),this._lastHovered=null,super.dispose()}render(){super.render(),this._cameraGizmo.render(this.canvas.width,this.canvas.height)}_initMouseListeners(){this.canvas.addEventListener("mousemove",this._handleMouseMove,!1),this.canvas.addEventListener("click",this._handleMouseClick,!1),this.canvas.addEventListener("pointerdown",e=>this._transform.pointerDown(e)),this.canvas.addEventListener("pointermove",e=>this._transform.pointerMove(e)),this.canvas.addEventListener("pointerup",e=>this._transform.pointerUp(e)),this.canvas.addEventListener("pointerleave",()=>this._transform.pointerHover(null)),this._transform.addEventListener("dragging-changed",()=>{this._orbit.enabled=!this._transform.dragging}),this._isEventListenersAdded=!0}_handleMouseMove=e=>{this._processRaycastEvent(e,T.SelectHover,!0)};_handleMouseClick=e=>{this._processRaycastEvent(e,T.SelectClick,!1)};_processRaycastEvent(e,s,i){if(this._orbit.isInteracting||this._transform.dragging)return;const r=this._canvas.getBoundingClientRect();this._mouse.x=(e.clientX-r.left)/r.width*2-1,this._mouse.y=-((e.clientY-r.top)/r.height)*2+1,this._raycaster.setFromCamera(this._mouse,this.camera);const n=this._raycaster.intersectObjects(this.meshes,!0)[0]??null,d=n?.object??null;i?d!==this._lastHovered&&(this.meshes.forEach(p=>p.userData.isHit=!1),d&&(d.userData.isHit=!0),this._lastHovered=d,this._bus.emit(s,n?{intersection:n}:null)):this._bus.emit(s,n?{intersection:n}:null)}};exports.EditorRenderer=Fe([h.injectable(),he(0,h.inject("Canvas")),he(1,h.inject("EventBus"))],exports.EditorRenderer);const le={type:"change"},ie={type:"start"},Oe={type:"end"},R=new l.Ray,ce=new l.Plane,We=Math.cos(70*l.MathUtils.DEG2RAD),m=new l.Vector3,b=2*Math.PI,_={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6},k=1e-6;class ze extends l.Controls{constructor(e,s=null){super(e,s),this.state=_.NONE,this.target=new l.Vector3,this.cursor=new l.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minTargetRadius=0,this.maxTargetRadius=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.keyRotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.zoomToCursor=!1,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:l.MOUSE.ROTATE,MIDDLE:l.MOUSE.DOLLY,RIGHT:l.MOUSE.PAN},this.touches={ONE:l.TOUCH.ROTATE,TWO:l.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this._lastPosition=new l.Vector3,this._lastQuaternion=new l.Quaternion,this._lastTargetPosition=new l.Vector3,this._quat=new l.Quaternion().setFromUnitVectors(e.up,new l.Vector3(0,1,0)),this._quatInverse=this._quat.clone().invert(),this._spherical=new l.Spherical,this._sphericalDelta=new l.Spherical,this._scale=1,this._panOffset=new l.Vector3,this._rotateStart=new l.Vector2,this._rotateEnd=new l.Vector2,this._rotateDelta=new l.Vector2,this._panStart=new l.Vector2,this._panEnd=new l.Vector2,this._panDelta=new l.Vector2,this._dollyStart=new l.Vector2,this._dollyEnd=new l.Vector2,this._dollyDelta=new l.Vector2,this._dollyDirection=new l.Vector3,this._mouse=new l.Vector2,this._performCursorZoom=!1,this._pointers=[],this._pointerPositions={},this._controlActive=!1,this._onPointerMove=Be.bind(this),this._onPointerDown=Ze.bind(this),this._onPointerUp=$e.bind(this),this._onContextMenu=et.bind(this),this._onMouseWheel=Ke.bind(this),this._onKeyDown=qe.bind(this),this._onTouchStart=Qe.bind(this),this._onTouchMove=Je.bind(this),this._onMouseDown=Xe.bind(this),this._onMouseMove=Ge.bind(this),this._interceptControlDown=tt.bind(this),this._interceptControlUp=st.bind(this),this.domElement!==null&&this.connect(this.domElement),this.update()}connect(e){super.connect(e),this.domElement.addEventListener("pointerdown",this._onPointerDown),this.domElement.addEventListener("pointercancel",this._onPointerUp),this.domElement.addEventListener("contextmenu",this._onContextMenu),this.domElement.addEventListener("wheel",this._onMouseWheel,{passive:!1}),this.domElement.getRootNode().addEventListener("keydown",this._interceptControlDown,{passive:!0,capture:!0}),this.domElement.style.touchAction="none"}disconnect(){this.domElement.removeEventListener("pointerdown",this._onPointerDown),this.domElement.removeEventListener("pointermove",this._onPointerMove),this.domElement.removeEventListener("pointerup",this._onPointerUp),this.domElement.removeEventListener("pointercancel",this._onPointerUp),this.domElement.removeEventListener("wheel",this._onMouseWheel),this.domElement.removeEventListener("contextmenu",this._onContextMenu),this.stopListenToKeyEvents(),this.domElement.getRootNode().removeEventListener("keydown",this._interceptControlDown,{capture:!0}),this.domElement.style.touchAction="auto"}dispose(){this.disconnect()}getPolarAngle(){return this._spherical.phi}getAzimuthalAngle(){return this._spherical.theta}getDistance(){return this.object.position.distanceTo(this.target)}listenToKeyEvents(e){e.addEventListener("keydown",this._onKeyDown),this._domElementKeyEvents=e}stopListenToKeyEvents(){this._domElementKeyEvents!==null&&(this._domElementKeyEvents.removeEventListener("keydown",this._onKeyDown),this._domElementKeyEvents=null)}saveState(){this.target0.copy(this.target),this.position0.copy(this.object.position),this.zoom0=this.object.zoom}reset(){this.target.copy(this.target0),this.object.position.copy(this.position0),this.object.zoom=this.zoom0,this.object.updateProjectionMatrix(),this.dispatchEvent(le),this.update(),this.state=_.NONE}update(e=null){const s=this.object.position;m.copy(s).sub(this.target),m.applyQuaternion(this._quat),this._spherical.setFromVector3(m),this.autoRotate&&this.state===_.NONE&&this._rotateLeft(this._getAutoRotationAngle(e)),this.enableDamping?(this._spherical.theta+=this._sphericalDelta.theta*this.dampingFactor,this._spherical.phi+=this._sphericalDelta.phi*this.dampingFactor):(this._spherical.theta+=this._sphericalDelta.theta,this._spherical.phi+=this._sphericalDelta.phi);let i=this.minAzimuthAngle,r=this.maxAzimuthAngle;isFinite(i)&&isFinite(r)&&(i<-Math.PI?i+=b:i>Math.PI&&(i-=b),r<-Math.PI?r+=b:r>Math.PI&&(r-=b),i<=r?this._spherical.theta=Math.max(i,Math.min(r,this._spherical.theta)):this._spherical.theta=this._spherical.theta>(i+r)/2?Math.max(i,this._spherical.theta):Math.min(r,this._spherical.theta)),this._spherical.phi=Math.max(this.minPolarAngle,Math.min(this.maxPolarAngle,this._spherical.phi)),this._spherical.makeSafe(),this.enableDamping===!0?this.target.addScaledVector(this._panOffset,this.dampingFactor):this.target.add(this._panOffset),this.target.sub(this.cursor),this.target.clampLength(this.minTargetRadius,this.maxTargetRadius),this.target.add(this.cursor);let o=!1;if(this.zoomToCursor&&this._performCursorZoom||this.object.isOrthographicCamera)this._spherical.radius=this._clampDistance(this._spherical.radius);else{const n=this._spherical.radius;this._spherical.radius=this._clampDistance(this._spherical.radius*this._scale),o=n!=this._spherical.radius}if(m.setFromSpherical(this._spherical),m.applyQuaternion(this._quatInverse),s.copy(this.target).add(m),this.object.lookAt(this.target),this.enableDamping===!0?(this._sphericalDelta.theta*=1-this.dampingFactor,this._sphericalDelta.phi*=1-this.dampingFactor,this._panOffset.multiplyScalar(1-this.dampingFactor)):(this._sphericalDelta.set(0,0,0),this._panOffset.set(0,0,0)),this.zoomToCursor&&this._performCursorZoom){let n=null;if(this.object.isPerspectiveCamera){const d=m.length();n=this._clampDistance(d*this._scale);const p=d-n;this.object.position.addScaledVector(this._dollyDirection,p),this.object.updateMatrixWorld(),o=!!p}else if(this.object.isOrthographicCamera){const d=new l.Vector3(this._mouse.x,this._mouse.y,0);d.unproject(this.object);const p=this.object.zoom;this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom/this._scale)),this.object.updateProjectionMatrix(),o=p!==this.object.zoom;const f=new l.Vector3(this._mouse.x,this._mouse.y,0);f.unproject(this.object),this.object.position.sub(f).add(d),this.object.updateMatrixWorld(),n=m.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),this.zoomToCursor=!1;n!==null&&(this.screenSpacePanning?this.target.set(0,0,-1).transformDirection(this.object.matrix).multiplyScalar(n).add(this.object.position):(R.origin.copy(this.object.position),R.direction.set(0,0,-1).transformDirection(this.object.matrix),Math.abs(this.object.up.dot(R.direction))<We?this.object.lookAt(this.target):(ce.setFromNormalAndCoplanarPoint(this.object.up,this.target),R.intersectPlane(ce,this.target))))}else if(this.object.isOrthographicCamera){const n=this.object.zoom;this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom/this._scale)),n!==this.object.zoom&&(this.object.updateProjectionMatrix(),o=!0)}return this._scale=1,this._performCursorZoom=!1,o||this._lastPosition.distanceToSquared(this.object.position)>k||8*(1-this._lastQuaternion.dot(this.object.quaternion))>k||this._lastTargetPosition.distanceToSquared(this.target)>k?(this.dispatchEvent(le),this._lastPosition.copy(this.object.position),this._lastQuaternion.copy(this.object.quaternion),this._lastTargetPosition.copy(this.target),!0):!1}_getAutoRotationAngle(e){return e!==null?b/60*this.autoRotateSpeed*e:b/60/60*this.autoRotateSpeed}_getZoomScale(e){const s=Math.abs(e*.01);return Math.pow(.95,this.zoomSpeed*s)}_rotateLeft(e){this._sphericalDelta.theta-=e}_rotateUp(e){this._sphericalDelta.phi-=e}_panLeft(e,s){m.setFromMatrixColumn(s,0),m.multiplyScalar(-e),this._panOffset.add(m)}_panUp(e,s){this.screenSpacePanning===!0?m.setFromMatrixColumn(s,1):(m.setFromMatrixColumn(s,0),m.crossVectors(this.object.up,m)),m.multiplyScalar(e),this._panOffset.add(m)}_pan(e,s){const i=this.domElement;if(this.object.isPerspectiveCamera){const r=this.object.position;m.copy(r).sub(this.target);let o=m.length();o*=Math.tan(this.object.fov/2*Math.PI/180),this._panLeft(2*e*o/i.clientHeight,this.object.matrix),this._panUp(2*s*o/i.clientHeight,this.object.matrix)}else this.object.isOrthographicCamera?(this._panLeft(e*(this.object.right-this.object.left)/this.object.zoom/i.clientWidth,this.object.matrix),this._panUp(s*(this.object.top-this.object.bottom)/this.object.zoom/i.clientHeight,this.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),this.enablePan=!1)}_dollyOut(e){this.object.isPerspectiveCamera||this.object.isOrthographicCamera?this._scale/=e:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)}_dollyIn(e){this.object.isPerspectiveCamera||this.object.isOrthographicCamera?this._scale*=e:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)}_updateZoomParameters(e,s){if(!this.zoomToCursor)return;this._performCursorZoom=!0;const i=this.domElement.getBoundingClientRect(),r=e-i.left,o=s-i.top,n=i.width,d=i.height;this._mouse.x=r/n*2-1,this._mouse.y=-(o/d)*2+1,this._dollyDirection.set(this._mouse.x,this._mouse.y,1).unproject(this.object).sub(this.object.position).normalize()}_clampDistance(e){return Math.max(this.minDistance,Math.min(this.maxDistance,e))}_handleMouseDownRotate(e){this._rotateStart.set(e.clientX,e.clientY)}_handleMouseDownDolly(e){this._updateZoomParameters(e.clientX,e.clientX),this._dollyStart.set(e.clientX,e.clientY)}_handleMouseDownPan(e){this._panStart.set(e.clientX,e.clientY)}_handleMouseMoveRotate(e){this._rotateEnd.set(e.clientX,e.clientY),this._rotateDelta.subVectors(this._rotateEnd,this._rotateStart).multiplyScalar(this.rotateSpeed);const s=this.domElement;this._rotateLeft(b*this._rotateDelta.x/s.clientHeight),this._rotateUp(b*this._rotateDelta.y/s.clientHeight),this._rotateStart.copy(this._rotateEnd),this.update()}_handleMouseMoveDolly(e){this._dollyEnd.set(e.clientX,e.clientY),this._dollyDelta.subVectors(this._dollyEnd,this._dollyStart),this._dollyDelta.y>0?this._dollyOut(this._getZoomScale(this._dollyDelta.y)):this._dollyDelta.y<0&&this._dollyIn(this._getZoomScale(this._dollyDelta.y)),this._dollyStart.copy(this._dollyEnd),this.update()}_handleMouseMovePan(e){this._panEnd.set(e.clientX,e.clientY),this._panDelta.subVectors(this._panEnd,this._panStart).multiplyScalar(this.panSpeed),this._pan(this._panDelta.x,this._panDelta.y),this._panStart.copy(this._panEnd),this.update()}_handleMouseWheel(e){this._updateZoomParameters(e.clientX,e.clientY),e.deltaY<0?this._dollyIn(this._getZoomScale(e.deltaY)):e.deltaY>0&&this._dollyOut(this._getZoomScale(e.deltaY)),this.update()}_handleKeyDown(e){let s=!1;switch(e.code){case this.keys.UP:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateUp(b*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(0,this.keyPanSpeed),s=!0;break;case this.keys.BOTTOM:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateUp(-b*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(0,-this.keyPanSpeed),s=!0;break;case this.keys.LEFT:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateLeft(b*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(this.keyPanSpeed,0),s=!0;break;case this.keys.RIGHT:e.ctrlKey||e.metaKey||e.shiftKey?this.enableRotate&&this._rotateLeft(-b*this.keyRotateSpeed/this.domElement.clientHeight):this.enablePan&&this._pan(-this.keyPanSpeed,0),s=!0;break}s&&(e.preventDefault(),this.update())}_handleTouchStartRotate(e){if(this._pointers.length===1)this._rotateStart.set(e.pageX,e.pageY);else{const s=this._getSecondPointerPosition(e),i=.5*(e.pageX+s.x),r=.5*(e.pageY+s.y);this._rotateStart.set(i,r)}}_handleTouchStartPan(e){if(this._pointers.length===1)this._panStart.set(e.pageX,e.pageY);else{const s=this._getSecondPointerPosition(e),i=.5*(e.pageX+s.x),r=.5*(e.pageY+s.y);this._panStart.set(i,r)}}_handleTouchStartDolly(e){const s=this._getSecondPointerPosition(e),i=e.pageX-s.x,r=e.pageY-s.y,o=Math.sqrt(i*i+r*r);this._dollyStart.set(0,o)}_handleTouchStartDollyPan(e){this.enableZoom&&this._handleTouchStartDolly(e),this.enablePan&&this._handleTouchStartPan(e)}_handleTouchStartDollyRotate(e){this.enableZoom&&this._handleTouchStartDolly(e),this.enableRotate&&this._handleTouchStartRotate(e)}_handleTouchMoveRotate(e){if(this._pointers.length==1)this._rotateEnd.set(e.pageX,e.pageY);else{const i=this._getSecondPointerPosition(e),r=.5*(e.pageX+i.x),o=.5*(e.pageY+i.y);this._rotateEnd.set(r,o)}this._rotateDelta.subVectors(this._rotateEnd,this._rotateStart).multiplyScalar(this.rotateSpeed);const s=this.domElement;this._rotateLeft(b*this._rotateDelta.x/s.clientHeight),this._rotateUp(b*this._rotateDelta.y/s.clientHeight),this._rotateStart.copy(this._rotateEnd)}_handleTouchMovePan(e){if(this._pointers.length===1)this._panEnd.set(e.pageX,e.pageY);else{const s=this._getSecondPointerPosition(e),i=.5*(e.pageX+s.x),r=.5*(e.pageY+s.y);this._panEnd.set(i,r)}this._panDelta.subVectors(this._panEnd,this._panStart).multiplyScalar(this.panSpeed),this._pan(this._panDelta.x,this._panDelta.y),this._panStart.copy(this._panEnd)}_handleTouchMoveDolly(e){const s=this._getSecondPointerPosition(e),i=e.pageX-s.x,r=e.pageY-s.y,o=Math.sqrt(i*i+r*r);this._dollyEnd.set(0,o),this._dollyDelta.set(0,Math.pow(this._dollyEnd.y/this._dollyStart.y,this.zoomSpeed)),this._dollyOut(this._dollyDelta.y),this._dollyStart.copy(this._dollyEnd);const n=(e.pageX+s.x)*.5,d=(e.pageY+s.y)*.5;this._updateZoomParameters(n,d)}_handleTouchMoveDollyPan(e){this.enableZoom&&this._handleTouchMoveDolly(e),this.enablePan&&this._handleTouchMovePan(e)}_handleTouchMoveDollyRotate(e){this.enableZoom&&this._handleTouchMoveDolly(e),this.enableRotate&&this._handleTouchMoveRotate(e)}_addPointer(e){this._pointers.push(e.pointerId)}_removePointer(e){delete this._pointerPositions[e.pointerId];for(let s=0;s<this._pointers.length;s++)if(this._pointers[s]==e.pointerId){this._pointers.splice(s,1);return}}_isTrackingPointer(e){for(let s=0;s<this._pointers.length;s++)if(this._pointers[s]==e.pointerId)return!0;return!1}_trackPointer(e){let s=this._pointerPositions[e.pointerId];s===void 0&&(s=new l.Vector2,this._pointerPositions[e.pointerId]=s),s.set(e.pageX,e.pageY)}_getSecondPointerPosition(e){const s=e.pointerId===this._pointers[0]?this._pointers[1]:this._pointers[0];return this._pointerPositions[s]}_customWheelEvent(e){const s=e.deltaMode,i={clientX:e.clientX,clientY:e.clientY,deltaY:e.deltaY};switch(s){case 1:i.deltaY*=16;break;case 2:i.deltaY*=100;break}return e.ctrlKey&&!this._controlActive&&(i.deltaY*=10),i}}function Ze(t){this.enabled!==!1&&(this._pointers.length===0&&(this.domElement.setPointerCapture(t.pointerId),this.domElement.addEventListener("pointermove",this._onPointerMove),this.domElement.addEventListener("pointerup",this._onPointerUp)),!this._isTrackingPointer(t)&&(this._addPointer(t),t.pointerType==="touch"?this._onTouchStart(t):this._onMouseDown(t)))}function Be(t){this.enabled!==!1&&(t.pointerType==="touch"?this._onTouchMove(t):this._onMouseMove(t))}function $e(t){switch(this._removePointer(t),this._pointers.length){case 0:this.domElement.releasePointerCapture(t.pointerId),this.domElement.removeEventListener("pointermove",this._onPointerMove),this.domElement.removeEventListener("pointerup",this._onPointerUp),this.dispatchEvent(Oe),this.state=_.NONE;break;case 1:const e=this._pointers[0],s=this._pointerPositions[e];this._onTouchStart({pointerId:e,pageX:s.x,pageY:s.y});break}}function Xe(t){let e;switch(t.button){case 0:e=this.mouseButtons.LEFT;break;case 1:e=this.mouseButtons.MIDDLE;break;case 2:e=this.mouseButtons.RIGHT;break;default:e=-1}switch(e){case l.MOUSE.DOLLY:if(this.enableZoom===!1)return;this._handleMouseDownDolly(t),this.state=_.DOLLY;break;case l.MOUSE.ROTATE:if(t.ctrlKey||t.metaKey||t.shiftKey){if(this.enablePan===!1)return;this._handleMouseDownPan(t),this.state=_.PAN}else{if(this.enableRotate===!1)return;this._handleMouseDownRotate(t),this.state=_.ROTATE}break;case l.MOUSE.PAN:if(t.ctrlKey||t.metaKey||t.shiftKey){if(this.enableRotate===!1)return;this._handleMouseDownRotate(t),this.state=_.ROTATE}else{if(this.enablePan===!1)return;this._handleMouseDownPan(t),this.state=_.PAN}break;default:this.state=_.NONE}this.state!==_.NONE&&this.dispatchEvent(ie)}function Ge(t){switch(this.state){case _.ROTATE:if(this.enableRotate===!1)return;this._handleMouseMoveRotate(t);break;case _.DOLLY:if(this.enableZoom===!1)return;this._handleMouseMoveDolly(t);break;case _.PAN:if(this.enablePan===!1)return;this._handleMouseMovePan(t);break}}function Ke(t){this.enabled===!1||this.enableZoom===!1||this.state!==_.NONE||(t.preventDefault(),this.dispatchEvent(ie),this._handleMouseWheel(this._customWheelEvent(t)),this.dispatchEvent(Oe))}function qe(t){this.enabled!==!1&&this._handleKeyDown(t)}function Qe(t){switch(this._trackPointer(t),this._pointers.length){case 1:switch(this.touches.ONE){case l.TOUCH.ROTATE:if(this.enableRotate===!1)return;this._handleTouchStartRotate(t),this.state=_.TOUCH_ROTATE;break;case l.TOUCH.PAN:if(this.enablePan===!1)return;this._handleTouchStartPan(t),this.state=_.TOUCH_PAN;break;default:this.state=_.NONE}break;case 2:switch(this.touches.TWO){case l.TOUCH.DOLLY_PAN:if(this.enableZoom===!1&&this.enablePan===!1)return;this._handleTouchStartDollyPan(t),this.state=_.TOUCH_DOLLY_PAN;break;case l.TOUCH.DOLLY_ROTATE:if(this.enableZoom===!1&&this.enableRotate===!1)return;this._handleTouchStartDollyRotate(t),this.state=_.TOUCH_DOLLY_ROTATE;break;default:this.state=_.NONE}break;default:this.state=_.NONE}this.state!==_.NONE&&this.dispatchEvent(ie)}function Je(t){switch(this._trackPointer(t),this.state){case _.TOUCH_ROTATE:if(this.enableRotate===!1)return;this._handleTouchMoveRotate(t),this.update();break;case _.TOUCH_PAN:if(this.enablePan===!1)return;this._handleTouchMovePan(t),this.update();break;case _.TOUCH_DOLLY_PAN:if(this.enableZoom===!1&&this.enablePan===!1)return;this._handleTouchMoveDollyPan(t),this.update();break;case _.TOUCH_DOLLY_ROTATE:if(this.enableZoom===!1&&this.enableRotate===!1)return;this._handleTouchMoveDollyRotate(t),this.update();break;default:this.state=_.NONE}}function et(t){this.enabled!==!1&&t.preventDefault()}function tt(t){t.key==="Control"&&(this._controlActive=!0,this.domElement.getRootNode().addEventListener("keyup",this._interceptControlUp,{passive:!0,capture:!0}))}function st(t){t.key==="Control"&&(this._controlActive=!1,this.domElement.getRootNode().removeEventListener("keyup",this._interceptControlUp,{passive:!0,capture:!0}))}class it extends se{_orbit;constructor(e){super(e),this.camera.position.set(1,1,7),this.camera.lookAt(0,0,0),this._orbit=new ze(this.camera,this.canvas),this._orbit.target.set(0,0,0),this._orbit.minPolarAngle=Math.PI/2,this._orbit.maxPolarAngle=Math.PI/2,this._orbit.enableRotate=!0,this._orbit.enableZoom=!1,this._orbit.enablePan=!1}update(){this._orbit?.update()}}class rt{_positions=[];_normals=[];_uvs=[];_tmpPositions=[];_tmpNormals=[];_tmpUVs=[];load(e){const s=e.split(`
|
|
2
|
+
`);for(const r of s){if(!r.trim()||r.startsWith("#"))continue;const o=r.trim().split(/\s+/);switch(o[0]){case"v":this._tmpPositions.push(o.slice(1).map(Number));break;case"vn":this._tmpNormals.push(o.slice(1).map(Number));break;case"vt":this._tmpUVs.push(o.slice(1).map(Number));break;case"f":this.processFaceLine(o);break}}const i={type:c.FigureType.Custom,position:this._positions,...this._normals.length>0&&{normal:this._normals},...this._uvs.length>0&&{uv:this._uvs}};return new c.Figure(i)}processFaceLine(e){for(let s=1;s<e.length;s++){const i=e[s];if(!i)continue;const[r,o,n]=i.split("/"),d=r?parseInt(r,10):void 0,p=o?parseInt(o,10):void 0,f=n?parseInt(n,10):void 0;if(d!==void 0){const g=this._tmpPositions[d-1];g&&this._positions.push(...g)}if(p!==void 0){const g=this._tmpUVs[p-1];g&&this._uvs.push(...g)}if(f!==void 0){const g=this._tmpNormals[f-1];g&&this._normals.push(...g)}}}}var ot=Object.getOwnPropertyDescriptor,nt=(t,e,s,i)=>{for(var r=i>1?void 0:i?ot(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},de=(t,e)=>(s,i)=>e(s,i,t);let N=class{constructor(t,e){this._store=e,this._handlers=new Map(t.map(s=>[s.mode,s]))}_currentMode=c.DisplayMode.Plane;_handlers;manage(t){t!==this._currentMode&&(this._handlers.get(this._currentMode)?.rollback(),t!==c.DisplayMode.Plane&&this._handlers.get(t)?.handle(),this._currentMode=t,this._store.setDisplayMode(this._currentMode))}dispose(){this._handlers&&this._handlers.clear(),this._currentMode=c.DisplayMode.Plane,this._store.setDisplayMode(this._currentMode)}};N=nt([h.injectable(),de(0,h.injectAll("IDisplayHandler")),de(1,h.inject("IEditorStore"))],N);var S=(t=>(t.Hover="hover",t.Click="click",t))(S||{}),at=Object.getOwnPropertyDescriptor,ht=(t,e,s,i)=>{for(var r=i>1?void 0:i?at(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},U=(t,e)=>(s,i)=>e(s,i,t);let Y=class{constructor(t,e,s){this._eventBus=t,this._store=s,this._handlers=new Map(e.map(i=>[i.mode,i])),this._eventBus.on(T.SelectHover,this._onHover),this._eventBus.on(T.SelectClick,this._onClick)}_currentMode=c.SelectMode.Mesh;_handlers;manage(t){t!==this._currentMode&&(this._handlers.get(this._currentMode)?.rollback(),this._currentMode=t,this._store.setSelectMode(this._currentMode))}_onHover=t=>{this._handlers.get(this._currentMode)?.handle(t,S.Hover)};_onClick=t=>{this._handlers.get(this._currentMode)?.handle(t,S.Click)};dispose(){this._handlers&&this._handlers.clear(),this._eventBus.off(T.SelectHover,this._onHover),this._currentMode=c.SelectMode.Mesh,this._store.setSelectMode(this._currentMode)}};Y=ht([h.injectable(),U(0,h.inject("EventBus")),U(1,h.injectAll("ISelectHandler")),U(2,h.inject("IEditorStore"))],Y);var lt=Object.getOwnPropertyDescriptor,ct=(t,e,s,i)=>{for(var r=i>1?void 0:i?lt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},_e=(t,e)=>(s,i)=>e(s,i,t);let F=class{constructor(t,e){this._store=e,this._handlers=new Map(t.map(s=>[s.mode,s])),this._unsubSelected=this._store.onSelectedObjectChange(()=>{this._handlers.get(this._currentTool)?.handle()})}_currentTool=c.ToolType.Translate;_handlers;_unsubSelected;manage(t){this._currentTool!==t&&(this._handlers.get(this._currentTool)?.rollback(),this._currentTool=t,this._store.setToolType(this._currentTool),this._handlers.get(this._currentTool)?.handle())}dispose(){this._unsubSelected?.(),this._handlers&&this._handlers.clear(),this._currentTool=c.ToolType.Translate,this._store.setToolType(this._currentTool)}};F=ct([h.injectable(),_e(0,h.injectAll("IToolHandler")),_e(1,h.inject("IEditorStore"))],F);var dt=Object.getOwnPropertyDescriptor,_t=(t,e,s,i)=>{for(var r=i>1?void 0:i?dt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},pt=(t,e)=>(s,i)=>e(s,i,t);let W=class{_currentMode=c.SceneMode.AddFigure;_handlers;constructor(t){this._handlers=new Map(t.map(e=>[e.mode,e]))}manage(t,e){console.log("manage",t),t===c.SceneMode.AddFigure?this._handlers.get(t)?.handle(e):this._handlers.get(t)?.handle(),this._currentMode=t}dispose(){this._handlers&&this._handlers.clear(),this._currentMode=c.SceneMode.AddFigure}};W=_t([h.injectable(),pt(0,h.injectAll("ISceneHandler"))],W);var ut=Object.getOwnPropertyDescriptor,mt=(t,e,s,i)=>{for(var r=i>1?void 0:i?ut(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ft=(t,e)=>(s,i)=>e(s,i,t);let z=class{constructor(t){this._api=t}mode=c.DisplayMode.Wireframe;_prevWireframe=new Map;_prevColorMesh=new Map;_prevColorLines=new Map;_wireColor=new a.Color(65535);handle(){const t=this._api.getMeshes();for(const e of t){const s=Array.isArray(e.material)?e.material:[e.material];for(const i of s)this._enableWireframeOnMaterial(i);e.traverse(i=>{if(i.isLineSegments){const r=i;if(!this._prevColorLines.has(r.material)){const n=r.material;this._prevColorLines.set(n,n.color.clone())}const o=r.material;o.color.copy(this._wireColor),o.needsUpdate=!0}})}}rollback(){for(const[t,e]of this._prevWireframe)"wireframe"in t&&(t.wireframe=e),t.needsUpdate=!0;this._prevWireframe.clear();for(const[t,e]of this._prevColorMesh){const s=t;s.color?.isColor&&s.color.copy(e)}this._prevColorMesh.clear();for(const[t,e]of this._prevColorLines)t.color.copy(e);this._prevColorLines.clear()}dispose(){this.rollback()}_enableWireframeOnMaterial(t){const e=t;"wireframe"in e&&!this._prevWireframe.has(t)&&(this._prevWireframe.set(t,!!e.wireframe),e.wireframe=!0,t.needsUpdate=!0),e.color?.isColor&&(this._prevColorMesh.has(t)||this._prevColorMesh.set(t,e.color.clone()),e.color.copy(this._wireColor))}};z=mt([h.injectable(),ft(0,h.inject("RendererApi"))],z);var gt=Object.getOwnPropertyDescriptor,bt=(t,e,s,i)=>{for(var r=i>1?void 0:i?gt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},pe=(t,e)=>(s,i)=>e(s,i,t);let Z=class{constructor(t,e){this._api=t,this._store=e}mode=c.SelectMode.Mesh;_hoveredMesh=null;_selectedMesh=null;_hoverColor=H;_selectColor=I;_origLineColors=new WeakMap;handle(t,e){if(this._api.setRaycastMode(this.mode),e===S.Hover){if(!t){this._hoveredMesh&&this._hoveredMesh!==this._selectedMesh&&this._restoreEdgesColor(this._hoveredMesh),this._hoveredMesh=null;return}const s=t.intersection.object;this._hoveredMesh!==s&&(this._hoveredMesh&&this._hoveredMesh!==this._selectedMesh&&this._restoreEdgesColor(this._hoveredMesh),s!==this._selectedMesh&&this._paintEdges(s,this._hoverColor),this._hoveredMesh=s)}if(e===S.Click){if(!t){this._selectedMesh&&(this._restoreEdgesColor(this._selectedMesh),this._selectedMesh=null,this._store.setSelectedObject(null));return}const s=t.intersection.object;this._selectedMesh&&this._selectedMesh!==s&&this._restoreEdgesColor(this._selectedMesh),this._paintEdges(s,this._selectColor),this._selectedMesh=s,this._store.setSelectedObject(s)}}rollback(){this._hoveredMesh&&this._restoreEdgesColor(this._hoveredMesh),this._selectedMesh&&this._restoreEdgesColor(this._selectedMesh),this._hoveredMesh=this._selectedMesh=null}dispose(){this.rollback()}_paintEdges(t,e){t.children.forEach(s=>{const i=s;if(i.isLineSegments&&i.material){const r=i.material;this._origLineColors.has(i)||this._origLineColors.set(i,r.color.clone()),r.color.setHex(e),r.needsUpdate=!0}})}_restoreEdgesColor(t){t.children.forEach(e=>{const s=e;if(s.isLineSegments&&s.material){const i=this._origLineColors.get(s);if(i){const r=s.material;r.color.copy(i),r.needsUpdate=!0}}})}};Z=bt([h.injectable(),pe(0,h.inject("RendererApi")),pe(1,h.inject("IEditorStore"))],Z);var vt=Object.getOwnPropertyDescriptor,yt=(t,e,s,i)=>{for(var r=i>1?void 0:i?vt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},Mt=(t,e)=>(s,i)=>e(s,i,t);let B=class{constructor(t){this._api=t}mode=c.SelectMode.Face;_hovered=null;_selected=null;_hoverColor=H;_selectColor=I;_defaultColor=2236962;handle(t,e){this._api.setRaycastMode(this.mode),e===S.Hover&&console.log(t),e===S.Click&&console.log(t)}rollback(){throw new Error("Method not implemented.")}dispose(){throw new Error("Method not implemented.")}};B=yt([h.injectable(),Mt(0,h.inject("RendererApi"))],B);var Et=Object.getOwnPropertyDescriptor,St=(t,e,s,i)=>{for(var r=i>1?void 0:i?Et(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ue=(t,e)=>(s,i)=>e(s,i,t);let $=class{constructor(t,e){this._api=t,this._store=e,this._api.enableCameraLayer(P),this._hoverVertex=this._makeOverlayVertex(this._hoverColor),this._selectVertex=this._makeOverlayVertex(this._selectColor),this._api.addObject(this._hoverVertex,P),this._api.addObject(this._selectVertex,P)}mode=c.SelectMode.Vertex;_hovered=null;_selected=null;_hoverVertex;_selectVertex;_hoverColor=H;_selectColor=I;handle(t,e){if(this._api.setRaycastMode(this.mode),e===S.Hover){if(!t){this._hoverVertex.visible=!1,this._hovered=null;return}const s=t.intersection.object;if(!s?.isPoints)return;const i=s,r=t.intersection.index??-1;if(r<0)return;this._selected&&this._same({points:i,index:r},this._selected)?this._hoverVertex.visible=!1:(this._writeWorldVertex(this._hoverVertex,i,r),this._hoverVertex.visible=!0);return}if(e===S.Click){if(!t){this._selectVertex.visible=!1,this._selected=null,this._store.setSelectedObject(null);return}const s=t.intersection.object;if(!s?.isPoints)return;const i=s,r=t.intersection.index??-1;if(r<0)return;this._writeWorldVertex(this._selectVertex,i,r),this._centerVertexOnPoint(this._selectVertex,i,r),this._selectVertex.visible=!0,this._prepareVertexMetadata(i,r),this._store.setSelectedObject(this._selectVertex),this._selected={points:i,index:r},this._hovered&&this._same(this._hovered,this._selected)&&(this._hoverVertex.visible=!1);return}}rollback(){this._hoverVertex.visible=!1,this._selectVertex.visible=!1,this._hovered=this._selected=null}dispose(){this.rollback(),this._api.removeObject(this._hoverVertex),this._api.removeObject(this._selectVertex),this._hoverVertex.geometry.dispose(),this._hoverVertex.material.dispose(),this._selectVertex.geometry.dispose(),this._selectVertex.material.dispose()}_makeOverlayVertex(t,e=Ce){const s=new a.BufferGeometry;s.setAttribute("position",new a.Float32BufferAttribute([0,0,0],3));const i=new a.PointsMaterial({color:t,size:e,sizeAttenuation:!1,depthTest:!1,depthWrite:!1,transparent:!0,opacity:1}),r=new a.Points(s,i);return r.renderOrder=1e3,r.raycast=()=>{},r.layers.set(P),r.visible=!1,r}_writeWorldVertex(t,e,s){const i=e.geometry.getAttribute("position"),r=new a.Vector3(i.getX(s),i.getY(s),i.getZ(s)).applyMatrix4(e.matrixWorld),o=t.geometry.getAttribute("position");o.setXYZ(0,r.x,r.y,r.z),o.needsUpdate=!0}_same(t,e){return!!t&&!!e&&t.points===e.points&&t.index===e.index}_prepareVertexMetadata(t,e){const s=Se(t);if(!s)return;const i=t.geometry.getAttribute("position"),r=new a.Vector3(i.getX(e),i.getY(e),i.getZ(e)).applyMatrix4(t.matrixWorld),o=new a.Matrix4().copy(s.matrixWorld).invert(),n=r.clone().applyMatrix4(o),p=s.geometry.getAttribute("position"),f=1e-6,g=f*f,O=new a.Vector3,v=[];for(let M=0;M<p.count;M++)O.fromBufferAttribute(p,M),O.distanceToSquared(n)<g&&v.push(M);const w=s.children.find(M=>M?.isLineSegments);let y=[];if(w){const M=new a.Matrix4().copy(w.matrixWorld).invert(),C=r.clone().applyMatrix4(M),j=w.geometry.getAttribute("position"),A=new a.Vector3;for(let D=0;D<j.count;D++)A.fromBufferAttribute(j,D),A.distanceToSquared(C)<g&&y.push(D)}this._selectVertex.userData.vertexInfo={points:t,index:e,mesh:s,vertexIndices:v,lines:w??null,edgeVertexIndices:y}}_centerVertexOnPoint(t,e,s){const i=e.geometry.getAttribute("position"),r=new a.Vector3(i.getX(s),i.getY(s),i.getZ(s)).applyMatrix4(e.matrixWorld);t.position.copy(r);const o=t.geometry;let n=o.getAttribute("position");(!n||n.count<1)&&(o.setAttribute("position",new a.BufferAttribute(new Float32Array(3),3)),n=o.getAttribute("position")),n.setXYZ(0,0,0,0),n.needsUpdate=!0,t.quaternion.identity(),t.scale.set(1,1,1),t.updateMatrixWorld(!0)}};$=St([h.injectable(),ue(0,h.inject("RendererApi")),ue(1,h.inject("IEditorStore"))],$);class re{constructor(e,s){this.api=e,this.store=s}handle(){const e=this.store.getSelectedObject();this.api.setMode(this.mode),e?this.api.attach(e):this.api.detach()}rollback(){this.api.detach()}dispose(){this.rollback()}}var wt=Object.getOwnPropertyDescriptor,Pt=(t,e,s,i)=>{for(var r=i>1?void 0:i?wt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},me=(t,e)=>(s,i)=>e(s,i,t);let X=class extends re{mode=c.ToolType.Translate;constructor(t,e){super(t,e)}};X=Pt([h.injectable(),me(0,h.inject("RendererApi")),me(1,h.inject("IEditorStore"))],X);var Ot=Object.getOwnPropertyDescriptor,Tt=(t,e,s,i)=>{for(var r=i>1?void 0:i?Ot(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},fe=(t,e)=>(s,i)=>e(s,i,t);let G=class extends re{mode=c.ToolType.Scale;constructor(t,e){super(t,e)}};G=Tt([h.injectable(),fe(0,h.inject("RendererApi")),fe(1,h.inject("IEditorStore"))],G);var Dt=Object.getOwnPropertyDescriptor,jt=(t,e,s,i)=>{for(var r=i>1?void 0:i?Dt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ge=(t,e)=>(s,i)=>e(s,i,t);let K=class extends re{mode=c.ToolType.Rotate;constructor(t,e){super(t,e)}};K=jt([h.injectable(),ge(0,h.inject("RendererApi")),ge(1,h.inject("IEditorStore"))],K);var Lt=Object.getOwnPropertyDescriptor,Ct=(t,e,s,i)=>{for(var r=i>1?void 0:i?Lt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},be=(t,e)=>(s,i)=>e(s,i,t);let q=class{constructor(t,e){this._api=t,this._store=e,this._api.enableCameraLayer(P),this._hoverLine=this._makeOverlayLine(this._hoverColor),this._selectLine=this._makeOverlayLine(this._selectColor),this._api.addObject(this._hoverLine,P),this._api.addObject(this._selectLine,P)}mode=c.SelectMode.Edge;_hoverLine;_selectLine;_hovered=null;_selected=null;_hoverColor=H;_selectColor=I;handle(t,e){if(this._api.setRaycastMode(this.mode),e===S.Hover){if(!t){this._hoverLine.visible=!1,this._hovered=null;return}const s=t.intersection.object;if(!s?.isLineSegments)return;const i=s,r=Math.floor((t.intersection.index??-1)/2);if(r<0)return;this._selected&&this._same({lines:i,seg:r},this._selected)?this._hoverLine.visible=!1:(this._writeWorldSegment(this._hoverLine,i,r),this._hoverLine.visible=!0),this._hovered={lines:i,seg:r};return}if(e===S.Click){if(!t){this._selectLine.visible=!1,this._selected=null,this._store.setSelectedObject(null);return}const s=t.intersection.object;if(!s?.isLineSegments)return;const i=s,r=Math.floor((t.intersection.index??-1)/2);if(r<0)return;this._writeWorldSegment(this._selectLine,i,r),this._centerAndOrientLineOnSegment(this._selectLine,i,r),this._selectLine.visible=!0,this._prepareEdgeMetadata(i,r),this._store.setSelectedObject(this._selectLine),this._selected={lines:i,seg:r},this._hovered&&this._same(this._hovered,this._selected)&&(this._hoverLine.visible=!1)}}rollback(){this._hoverLine.visible=!1,this._selectLine.visible=!1,this._hovered=this._selected=null}dispose(){this.rollback(),this._api.removeObject(this._hoverLine),this._api.removeObject(this._selectLine),this._hoverLine.geometry.dispose(),this._hoverLine.material.dispose(),this._selectLine.geometry.dispose(),this._selectLine.material.dispose()}_makeOverlayLine(t){const e=new a.BufferGeometry;e.setAttribute("position",new a.Float32BufferAttribute(6,3));const s=new a.LineBasicMaterial({color:t,depthTest:!1,depthWrite:!1,transparent:!0,opacity:1}),i=new a.Line(e,s);return i.renderOrder=1e3,i.raycast=()=>{},i.layers.set(P),i.visible=!1,i}_writeWorldSegment(t,e,s){const i=e.geometry.getAttribute("position"),r=s*2,o=r+1,n=new a.Vector3(i.getX(r),i.getY(r),i.getZ(r)).applyMatrix4(e.matrixWorld),d=new a.Vector3(i.getX(o),i.getY(o),i.getZ(o)).applyMatrix4(e.matrixWorld),p=t.geometry.getAttribute("position");p.setXYZ(0,n.x,n.y,n.z),p.setXYZ(1,d.x,d.y,d.z),p.needsUpdate=!0}_same(t,e){return!!t&&!!e&&t.lines===e.lines&&t.seg===e.seg}_centerAndOrientLineOnSegment(t,e,s){const i=e.geometry.getAttribute("position"),r=s*2,o=r+1,n=new a.Vector3(i.getX(r),i.getY(r),i.getZ(r)).applyMatrix4(e.matrixWorld),d=new a.Vector3(i.getX(o),i.getY(o),i.getZ(o)).applyMatrix4(e.matrixWorld),p=new a.Vector3().subVectors(d,n),f=p.length();if(!isFinite(f)||f===0)return;const g=new a.Vector3().addVectors(n,d).multiplyScalar(.5);t.position.copy(g);const O=t.geometry;let v=O.getAttribute("position");(!v||v.count<2)&&(O.setAttribute("position",new a.BufferAttribute(new Float32Array(6),3)),v=O.getAttribute("position")),v.setXYZ(0,-f/2,0,0),v.setXYZ(1,f/2,0,0),v.needsUpdate=!0,p.normalize();const w=new a.Quaternion().setFromUnitVectors(new a.Vector3(1,0,0),p);t.quaternion.copy(w),t.updateMatrixWorld(!0)}_prepareEdgeMetadata(t,e){const s=Se(t);if(!s)return;const i=t.geometry.getAttribute("position"),r=e*2,o=r+1,n=new a.Vector3(i.getX(r),i.getY(r),i.getZ(r)).applyMatrix4(t.matrixWorld),d=new a.Vector3(i.getX(o),i.getY(o),i.getZ(o)).applyMatrix4(t.matrixWorld),p=new a.Matrix4().copy(s.matrixWorld).invert(),f=n.clone().applyMatrix4(p),g=d.clone().applyMatrix4(p),v=s.geometry.getAttribute("position"),w=new a.Vector3,y=1e-6,M=[],C=[];for(let E=0;E<v.count;E++)w.fromBufferAttribute(v,E),w.distanceToSquared(f)<y*y?M.push(E):w.distanceToSquared(g)<y*y&&C.push(E);const j=new a.Matrix4().copy(t.matrixWorld).invert(),A=n.clone().applyMatrix4(j),D=d.clone().applyMatrix4(j),oe=t.geometry.getAttribute("position"),V=new a.Vector3,ne=[],ae=[];for(let E=0;E<oe.count;E++)V.fromBufferAttribute(oe,E),V.distanceToSquared(A)<y*y?ne.push(E):V.distanceToSquared(D)<y*y&&ae.push(E);this._selectLine.userData.edgeInfo={lines:t,seg:e,mesh:s,aIndices:M,bIndices:C,aEdgeIndices:ne,bEdgeIndices:ae}}};q=Ct([h.injectable(),be(0,h.inject("RendererApi")),be(1,h.inject("IEditorStore"))],q);var At=Object.getOwnPropertyDescriptor,xt=(t,e,s,i)=>{for(var r=i>1?void 0:i?At(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},Rt=(t,e)=>(s,i)=>e(s,i,t);let Q=class{constructor(t){this._api=t}mode=c.SceneMode.AddFigure;_lastAddedMesh=null;handle(t){const e=Le[t](),s=e.getAttribute("position");s&&s.setUsage&&s.setUsage(a.DynamicDrawUsage);const i=new a.Mesh(e,Me);i.layers.enable(Ee);const r=Pe(i.geometry);i.add(r);const o=we(i.geometry);i.add(o),this._api.addMesh(i),this._lastAddedMesh=i}rollback(){this._lastAddedMesh!==null&&(this._api.removeMesh(this._lastAddedMesh),this._lastAddedMesh=null)}dispose(){this._lastAddedMesh=null}};Q=xt([h.injectable(),Rt(0,h.inject("RendererApi"))],Q);var Ht=Object.getOwnPropertyDescriptor,It=(t,e,s,i)=>{for(var r=i>1?void 0:i?Ht(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},ve=(t,e)=>(s,i)=>e(s,i,t);let J=class{constructor(t,e){this._api=t,this._store=e}mode=c.SceneMode.DeleteFigure;_lastDeletedMesh=null;handle(){const t=this._store.getSelectedObject();Ne(t)&&(this._api.removeMesh(t),this._store.setSelectedObject(null),this._lastDeletedMesh=t)}rollback(){this._lastDeletedMesh&&(this._api.addMesh(this._lastDeletedMesh),this._lastDeletedMesh=null)}dispose(){this._lastDeletedMesh=null}};J=It([h.injectable(),ve(0,h.inject("RendererApi")),ve(1,h.inject("IEditorStore"))],J);var Vt=Object.getOwnPropertyDescriptor,kt=(t,e,s,i)=>{for(var r=i>1?void 0:i?Vt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},Ut=(t,e)=>(s,i)=>e(s,i,t);let ee=class{constructor(t){this._renderer=t}addMesh(t){this._renderer.addMesh(t)}addMeshes(t){for(const e of t)this._renderer.addMesh(e)}removeMesh(t){this._renderer.removeMesh(t)}removeMeshes(t){for(const e of t)this._renderer.removeMesh(e)}getMeshes(){return this._renderer.getMeshes()}setMode(t){this._renderer.setTransformControlsMode(t)}attach(t){this._renderer.attachTransformControls(t)}detach(){this._renderer.detachTransformControls()}setRaycastMode(t){this._renderer.setRaycastMode(t)}addObject(t,e){this._renderer.addObject(t,e)}removeObject(t){this._renderer.removeObject(t)}enableCameraLayer(t){this._renderer.enableCameraLayer(t)}};ee=kt([h.injectable(),Ut(0,h.inject("EditorRenderer"))],ee);var Nt=Object.getOwnPropertyDescriptor,Yt=(t,e,s,i)=>{for(var r=i>1?void 0:i?Nt(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r},L=(t,e)=>(s,i)=>e(s,i,t);exports.EditorHub=class{constructor(e,s,i,r,o){this._displayManager=e,this._selectManager=s,this._toolManager=i,this._sceneManager=r,this._renderer=o,this.setSelectMode(c.SelectMode.Mesh),this.setToolMode(c.ToolType.Translate)}setDisplayMode(e){this._displayManager.manage(e)}setSceneMode(e){this._sceneManager.manage(e)}setSelectMode(e){this._selectManager.manage(e)}setToolMode(e){this._toolManager.manage(e)}resizeRenderer(){this._renderer.resize()}updateRenderer(){this._renderer.loop()}addFigure(e,s){this._sceneManager.manage(e,s)}dispose(){this._displayManager.dispose(),this._selectManager.dispose(),this._renderer.dispose()}};exports.EditorHub=Yt([h.injectable(),L(0,h.inject("IDisplayManager")),L(1,h.inject("ISelectManager")),L(2,h.inject("IToolManager")),L(3,h.inject("ISceneManager")),L(4,h.inject("EditorRenderer"))],exports.EditorHub);var Ft=Object.getOwnPropertyDescriptor,Wt=(t,e,s,i)=>{for(var r=i>1?void 0:i?Ft(e,s):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=n(r)||r);return r};let te=class{_selectMode=c.SelectMode.Mesh;_toolType=c.ToolType.Translate;_displayMode=c.DisplayMode.Plane;_selectedObject=null;_selectedListeners=new Set;constructor(){De.makeAutoObservable(this,{},{autoBind:!0})}getSelectMode(){return this._selectMode}getToolType(){return this._toolType}getDisplayMode(){return this._displayMode}setSelectMode(t){this._selectMode=t}setToolType(t){this._toolType=t}setDisplayMode(t){this._displayMode=t}getSelectedObject(){return this._selectedObject}setSelectedObject(t){if(this._selectedObject!==t){this._selectedObject=t;for(const e of this._selectedListeners)e(this._selectedObject)}}onSelectedObjectChange(t){return this._selectedListeners.add(t),()=>this._selectedListeners.delete(t)}};te=Wt([h.injectable()],te);let ye=!1;const u=h.container.createChildContainer();function zt(t){return ye||(u.registerInstance("Canvas",t),u.registerSingleton("EventBus",exports.EventBus),u.registerSingleton("EditorRenderer",exports.EditorRenderer),u.registerSingleton("RendererApi",ee),u.registerSingleton("IDisplayHandler",z),u.registerSingleton("ISelectHandler",Z),u.registerSingleton("ISelectHandler",B),u.registerSingleton("ISelectHandler",q),u.registerSingleton("ISelectHandler",$),u.registerSingleton("IToolHandler",X),u.registerSingleton("IToolHandler",G),u.registerSingleton("IToolHandler",K),u.registerSingleton("ISceneHandler",Q),u.registerSingleton("ISceneHandler",J),u.registerSingleton("IDisplayManager",N),u.registerSingleton("ISelectManager",Y),u.registerSingleton("IToolManager",F),u.registerSingleton("ISceneManager",W),u.registerSingleton("EditorHub",exports.EditorHub),u.registerSingleton("IEditorStore",te),ye=!0),u}function Zt(t){return zt(t).resolve("EditorHub")}exports.EventTopics=T;exports.ObjLoader=rt;exports.PreviewRenderer=it;exports.Renderer=se;exports.createAppHub=Zt;
|