@tomorrowevening/hermes 0.0.37 → 0.0.39
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/hermes.cjs.js +15 -15
- package/dist/hermes.esm.js +809 -811
- package/package.json +1 -5
- package/types/core/Application.d.ts +5 -4
- package/types/core/remote/BaseRemote.d.ts +4 -0
- package/types/core/remote/RemoteComponents.d.ts +1 -2
- package/types/core/remote/RemoteTheatre.d.ts +3 -4
- package/types/core/remote/RemoteThree.d.ts +2 -3
- package/types/core/remote/RemoteTweakpane.d.ts +1 -1
- package/types/editor/sidePanel/SidePanel.d.ts +1 -9
- package/dist/hermes.umd.js +0 -144
- package/src/core/Application.ts +0 -111
- package/src/core/RemoteController.ts +0 -60
- package/src/core/remote/BaseRemote.ts +0 -16
- package/src/core/remote/RemoteComponents.ts +0 -45
- package/src/core/remote/RemoteTheatre.ts +0 -300
- package/src/core/remote/RemoteThree.ts +0 -143
- package/src/core/remote/RemoteTweakpane.ts +0 -194
- package/src/core/types.ts +0 -56
- package/src/editor/Editor.tsx +0 -20
- package/src/editor/components/Draggable.tsx +0 -40
- package/src/editor/components/DraggableItem.tsx +0 -22
- package/src/editor/components/Dropdown.tsx +0 -38
- package/src/editor/components/DropdownItem.tsx +0 -64
- package/src/editor/components/NavButton.tsx +0 -11
- package/src/editor/components/content.ts +0 -2
- package/src/editor/components/icons/CloseIcon.tsx +0 -7
- package/src/editor/components/icons/DragIcon.tsx +0 -9
- package/src/editor/components/types.ts +0 -41
- package/src/editor/global.ts +0 -20
- package/src/editor/multiView/CameraWindow.tsx +0 -74
- package/src/editor/multiView/InfiniteGridHelper.ts +0 -24
- package/src/editor/multiView/InfiniteGridMaterial.ts +0 -127
- package/src/editor/multiView/MultiView.scss +0 -101
- package/src/editor/multiView/MultiView.tsx +0 -636
- package/src/editor/multiView/MultiViewData.ts +0 -59
- package/src/editor/multiView/UVMaterial.ts +0 -55
- package/src/editor/scss/_debug.scss +0 -58
- package/src/editor/scss/_draggable.scss +0 -43
- package/src/editor/scss/_dropdown.scss +0 -84
- package/src/editor/scss/_sidePanel.scss +0 -278
- package/src/editor/scss/_theme.scss +0 -9
- package/src/editor/scss/index.scss +0 -67
- package/src/editor/sidePanel/Accordion.tsx +0 -41
- package/src/editor/sidePanel/ChildObject.tsx +0 -57
- package/src/editor/sidePanel/ContainerObject.tsx +0 -11
- package/src/editor/sidePanel/SidePanel.tsx +0 -64
- package/src/editor/sidePanel/ToggleBtn.tsx +0 -27
- package/src/editor/sidePanel/inspector/Inspector.tsx +0 -119
- package/src/editor/sidePanel/inspector/InspectorField.tsx +0 -198
- package/src/editor/sidePanel/inspector/InspectorGroup.tsx +0 -50
- package/src/editor/sidePanel/inspector/SceneInspector.tsx +0 -84
- package/src/editor/sidePanel/inspector/inspector.scss +0 -161
- package/src/editor/sidePanel/inspector/utils/InspectAnimation.tsx +0 -102
- package/src/editor/sidePanel/inspector/utils/InspectCamera.tsx +0 -75
- package/src/editor/sidePanel/inspector/utils/InspectLight.tsx +0 -62
- package/src/editor/sidePanel/inspector/utils/InspectMaterial.tsx +0 -710
- package/src/editor/sidePanel/inspector/utils/InspectTransform.tsx +0 -113
- package/src/editor/sidePanel/types.ts +0 -130
- package/src/editor/sidePanel/utils.ts +0 -278
- package/src/editor/utils.ts +0 -117
- package/src/example/CustomEditor.tsx +0 -78
- package/src/example/components/App.css +0 -6
- package/src/example/components/App.tsx +0 -246
- package/src/example/constants.ts +0 -52
- package/src/example/index.scss +0 -45
- package/src/example/main.tsx +0 -37
- package/src/example/three/BaseScene.ts +0 -42
- package/src/example/three/CustomMaterial.ts +0 -72
- package/src/example/three/FBXAnimation.ts +0 -26
- package/src/example/three/Scene1.ts +0 -225
- package/src/example/three/Scene2.ts +0 -138
- package/src/example/three/loader.ts +0 -110
- package/src/index.ts +0 -27
- package/src/vite-env.d.ts +0 -1
@@ -1,55 +0,0 @@
|
|
1
|
-
import { ShaderMaterial } from 'three';
|
2
|
-
|
3
|
-
const vertex = `#include <common>
|
4
|
-
#include <batching_pars_vertex>
|
5
|
-
#include <uv_pars_vertex>
|
6
|
-
#include <color_pars_vertex>
|
7
|
-
#include <morphtarget_pars_vertex>
|
8
|
-
#include <skinning_pars_vertex>
|
9
|
-
#include <logdepthbuf_pars_vertex>
|
10
|
-
#include <clipping_planes_pars_vertex>
|
11
|
-
|
12
|
-
void main() {
|
13
|
-
#include <uv_vertex>
|
14
|
-
#include <color_vertex>
|
15
|
-
#include <morphcolor_vertex>
|
16
|
-
#include <batching_vertex>
|
17
|
-
|
18
|
-
#if defined ( USE_SKINNING )
|
19
|
-
#include <beginnormal_vertex>
|
20
|
-
#include <morphnormal_vertex>
|
21
|
-
#include <skinbase_vertex>
|
22
|
-
#include <skinnormal_vertex>
|
23
|
-
#include <defaultnormal_vertex>
|
24
|
-
#endif
|
25
|
-
|
26
|
-
#include <begin_vertex>
|
27
|
-
#include <morphtarget_vertex>
|
28
|
-
#include <skinning_vertex>
|
29
|
-
#include <project_vertex>
|
30
|
-
#include <logdepthbuf_vertex>
|
31
|
-
#include <clipping_planes_vertex>
|
32
|
-
#include <worldpos_vertex>
|
33
|
-
}`;
|
34
|
-
|
35
|
-
const fragment = `
|
36
|
-
#include <common>
|
37
|
-
#include <uv_pars_fragment>
|
38
|
-
#include <clipping_planes_pars_fragment>
|
39
|
-
|
40
|
-
void main() {
|
41
|
-
#include <clipping_planes_fragment>
|
42
|
-
gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
|
43
|
-
}`;
|
44
|
-
|
45
|
-
export default class UVMaterial extends ShaderMaterial {
|
46
|
-
constructor() {
|
47
|
-
super({
|
48
|
-
defines: {
|
49
|
-
USE_UV: ''
|
50
|
-
},
|
51
|
-
vertexShader: vertex,
|
52
|
-
fragmentShader: fragment,
|
53
|
-
});
|
54
|
-
}
|
55
|
-
}
|
@@ -1,58 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
.tp-dfwv,
|
3
|
-
.tp-dfwv button,
|
4
|
-
.tp-dfwv input {
|
5
|
-
text-transform: none;
|
6
|
-
}
|
7
|
-
}
|
8
|
-
|
9
|
-
.tp-ckbv {
|
10
|
-
float: right;
|
11
|
-
}
|
12
|
-
|
13
|
-
.tp-dfwv {
|
14
|
-
left: 50%;
|
15
|
-
top: 0;
|
16
|
-
max-height: 100%;
|
17
|
-
overflow-x: hidden;
|
18
|
-
overflow-y: auto;
|
19
|
-
transform: translateX(-50%);
|
20
|
-
width: 400px;
|
21
|
-
z-index: 100;
|
22
|
-
|
23
|
-
.tp-lblv {
|
24
|
-
position: relative;
|
25
|
-
}
|
26
|
-
|
27
|
-
.tp-lblv_v {
|
28
|
-
display: inline-block;
|
29
|
-
|
30
|
-
.tp-ckbv {
|
31
|
-
width: 20px;
|
32
|
-
}
|
33
|
-
|
34
|
-
.tp-fpsv {
|
35
|
-
width: 280px;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
.tp-btnv_b {
|
40
|
-
padding: 0 5px;
|
41
|
-
}
|
42
|
-
|
43
|
-
.tp-btngridv {
|
44
|
-
max-height: 100px;
|
45
|
-
overflow-x: hidden;
|
46
|
-
overflow-y: auto;
|
47
|
-
}
|
48
|
-
|
49
|
-
.tp-tabv {
|
50
|
-
max-height: 90vh;
|
51
|
-
overflow: hidden auto;
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
|
-
.tp-dfwv {
|
56
|
-
font-family: Roboto Mono, Source Code Pro, Menlo, Courier, monospace;
|
57
|
-
font-size: 10px;
|
58
|
-
}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
@use 'theme';
|
2
|
-
|
3
|
-
.draggable {
|
4
|
-
li {
|
5
|
-
div {
|
6
|
-
background-color: $BAR_COLOR;
|
7
|
-
line-height: 14px;
|
8
|
-
padding: 5px 10px;
|
9
|
-
transition: background-color 0.25s linear;
|
10
|
-
&:hover {
|
11
|
-
background-color: $BTN_HOVER;
|
12
|
-
}
|
13
|
-
span {
|
14
|
-
font-size: 12px;
|
15
|
-
margin: 0px 15px 0 10px;
|
16
|
-
padding: 0px 5px;
|
17
|
-
}
|
18
|
-
.dragIcon {
|
19
|
-
position: absolute;
|
20
|
-
left: 10px;
|
21
|
-
}
|
22
|
-
.closeIcon {
|
23
|
-
background-color: transparent;
|
24
|
-
padding: 0;
|
25
|
-
position: absolute;
|
26
|
-
right: 5px;
|
27
|
-
top: 50%;
|
28
|
-
min-width: 14px;
|
29
|
-
width: 14px;
|
30
|
-
height: 14px;
|
31
|
-
transform: translateY(-50%);
|
32
|
-
&:hover {
|
33
|
-
background-color: transparent;
|
34
|
-
}
|
35
|
-
svg {
|
36
|
-
background-color: transparent;
|
37
|
-
left: 0px;
|
38
|
-
position: relative;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
}
|
42
|
-
}
|
43
|
-
}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
@use 'theme';
|
2
|
-
|
3
|
-
.dropdown {
|
4
|
-
color: #FFF;
|
5
|
-
display: inline-block;
|
6
|
-
margin-right: 1px;
|
7
|
-
text-align: left;
|
8
|
-
height: fit-content;
|
9
|
-
min-width: auto;
|
10
|
-
width: max-content;
|
11
|
-
|
12
|
-
button {
|
13
|
-
backdrop-filter: blur(2px);
|
14
|
-
background-color: $BAR_COLOR;
|
15
|
-
border: none;
|
16
|
-
color: rgba($color: #FFF, $alpha: 0.5);
|
17
|
-
font-size: 12px;
|
18
|
-
padding: 5px 10px;
|
19
|
-
position: relative;
|
20
|
-
text-align: left;
|
21
|
-
min-width: $ROW_HEIGHT;
|
22
|
-
width: 100%;
|
23
|
-
height: $BTN_SIZE;
|
24
|
-
transition: all 0.2s linear;
|
25
|
-
|
26
|
-
&:hover {
|
27
|
-
background-color: $BTN_HOVER;
|
28
|
-
color: #FFF;
|
29
|
-
}
|
30
|
-
|
31
|
-
&.svg {
|
32
|
-
line-height: 0;
|
33
|
-
width: $BTN_SIZE;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
|
37
|
-
p {
|
38
|
-
background-color: $BAR_COLOR;
|
39
|
-
display: inline-block;
|
40
|
-
height: $ROW_HEIGHT;
|
41
|
-
margin: 0;
|
42
|
-
min-width: $ROW_HEIGHT;
|
43
|
-
padding: 5px;
|
44
|
-
}
|
45
|
-
|
46
|
-
svg {
|
47
|
-
position: relative;
|
48
|
-
left: 50%;
|
49
|
-
transform: translate(-50%, 0);
|
50
|
-
}
|
51
|
-
|
52
|
-
ul {
|
53
|
-
list-style: none;
|
54
|
-
margin: 0;
|
55
|
-
margin-block: 0;
|
56
|
-
padding-inline: 0;
|
57
|
-
position: absolute;
|
58
|
-
width: max-content;
|
59
|
-
|
60
|
-
li {
|
61
|
-
border-top: 1px solid $BORDER_COLOR;
|
62
|
-
display: block;
|
63
|
-
position: relative;
|
64
|
-
|
65
|
-
&.selected button {
|
66
|
-
background-color: $BTN_SELECTED;
|
67
|
-
|
68
|
-
&:hover {
|
69
|
-
background-color: $BTN_SELECTED_HOVER;
|
70
|
-
}
|
71
|
-
}
|
72
|
-
}
|
73
|
-
}
|
74
|
-
|
75
|
-
&.subdropdown {
|
76
|
-
min-width: 100%;
|
77
|
-
|
78
|
-
ul {
|
79
|
-
border-left: 1px solid $BORDER_COLOR;
|
80
|
-
left: 100%;
|
81
|
-
top: -1px;
|
82
|
-
}
|
83
|
-
}
|
84
|
-
}
|
@@ -1,278 +0,0 @@
|
|
1
|
-
$barHeight: 20px;
|
2
|
-
$maxHeight: calc($barHeight * 10);
|
3
|
-
$icon_camera: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC60lEQVRYhe2YT4hNcRTHP48xpmYaNAvRyEQxEhnKQljYsRm9/EmSyJiMFAsMZWNhJYoNIUVJ2VGiyb9ZzIpMpkQSahbGv9GMYWrM+1rc2zjvzvvdd+99rzdvMd+6de75nd+5387vnN/v/G5KEuWMKRNNIB8mCRaKiiL5qQb2ApuBuUAV0Ad0AJeB3sSeJRX6LJbULTf6JTUn9Z+KWMUpPyp/Avoa4CNQZ3Sj/lNpdL/xottR7AjOkHRUUpekN5I6JbVLavDH75lIfZN0UFKTpCWS0pJem/HeJBEMG6yV1ONYtgFJbZJ+GF1jDh+zJb03NuliEuwMkMo4yErS2RA/LcbuYVyCrm1mA7Dal/8Cu4FG4JD/HsTTkCy6a+SVMTPQuc1sBKb78nHghi+/A+YBxwL2lbhRY+ThuARdEVxu5JdGFvACr0otdoZ8Y4+Rn0Sn5sFFsMvI6YB9MzA1YJ8mN8k1wAHzfj4uQVdyrpI0aJL7oqTtkq4FiqPLyCOSbktqlbRL0jlJQ2b8QdwCUZ4qvhRStZL0XFK1pMd57CRvq5mfhKBriRfiFUMY6oD7eOdwPlQAN4G10dfWg+uouwXsiOssAj4AC+JMcEWwvnAuOTEr7gTXPmg34zagOwkbIIOXAo9CbDYBrcBXYN+4UUdy2sRflyS5zVNlfPX7ugpJW5V9nI7mmh+lYU0lCZ2B3TOnAVuAk0BTwC5nuhWro46KauBOQJch5OpRaoIW34GreGf+YZdRqS9NAj4Bp4ClQDvwOWxCqSM4ADQEdKE5XvbXzlITrAVe4TW+M6NMKDXBFLAMuAD0ACfIc7pMZBXXA2cY3/xmodQRHAL2A2+NLtj8ZiEKwUL/z2WMPAJcAVYALWSf8dZuDFGWeBHwKxm3sWYhiGG8Tfo6sA2vSfiSy4GrH3wGrDcfKSSKKf6v1E9yF0XK9Q1XBPuMXMw8HXTonQFwETwNzMFr64v1jzgFHIk9ybHEZYPJo65QlD3Bf2/Q/eaHPiSWAAAAAElFTkSuQmCC');
|
4
|
-
$icon_folder: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAYAAACtrX6oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAB90lEQVR4nO2cXWoCQRCEy+R0+6QguCE5XwLJtYToIZTOgxFlWd1Vd7p7yvpgXoLJ1NQ3a/wZnZkZBC8v0QFEWSSYHAkmR4LJkWByJJgcCSZHgsmRYHIkmBwJJkeCyZFgciSYHAkmR4LJkWByxghuAKwBbAEsiqa5jzlO+ZrgLH3MAWxwyLd0n93MhsbaTuzMrB3xO15j9Z/pyG+CTNfyufd36130K4BPAG2BvXYrKwBfOGTKSF8+//5G7IJFZxeG7MTOaC9kWgRmunbldnHr79FCIyRnyjJW7i4qc23FZshwj9zWzN4istdUcM1yj7dxl1xL0QxyQyTXUDiTXHfJ2YtnlOu6tswCmOW6rXGKP1Ii5DPIdVnr0y14glHVhp5y4VXcZT04qvuXNHUB6R90ZBNQeo4SRaR+2pCleK+5ShWS9ol/dOHec5YsJuVLd1FFR81dOmS6F9+9C47O4BEy1dtnXsVmyeIVMs0b4CPG4pFCC427Dzh4hrwkObq87jg/g5YpX19/g2fQPI/N/gB4B7A/+9kewAeAb8cct5ApX19/wwTsxLmZbcxsa2bLBFdGdzR2uIq3lueMV7e/Y75m6PYzM33THTP6ZAM5EkyOBJMjweRIMDkSTI4EkyPB5EgwORJMjgSTI8HkSDA5EkyOBJMjweRIMDl/5nU6ICCWVGoAAAAASUVORK5CYII=');
|
5
|
-
$icon_interactive: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADA0lEQVRYhe2Yu2sUURTGf5uYSJ4EsgqJIkRMEYOFYMBCQcTe57/hs9AqlVpYiChYqREsFBRF8AF2KgpqErQQRKIRi6ghRozEhcSYz+Le1bPD7MzOzm5MkQ+Gc+/Z79z7cfY+5kxGEosZNf9bQByWBKbFsjJiGoEuYC3QAUwC74EPwFTlpHlIKvVplHRS0rSK47KktgRjxj6lEtdJ+hIhzGJO0raFFNghaTYg4oKkPkmdknrlMvsjwNm8EAJrJI2YSZ9IyhbhNkkaMNwZSS3VFrjbTPhC0nLzW6ekDZK6jC8j6ZqJOV9tgTZ7eSF1ks6oEHd9BpHULGnS+2flNldVBK4wAu4Z/0GF47bhHDP+njQCow7qbtO+4209cNy3p4ETwCff34k7FwEGTWw2zTFY6k0y4W2LfwAeA/3AdcNr9PZzGXOEIuomeYbL0BrgvvdlzO8z3tYa37y3b33sKuB5tQTO4zJUDLUhvrkSY0tGOXdxHgpYgNPAU9yaHQP6gB3AS+AB0Ars8fYW8C5+lmS7Khuya88W2dXBmyUXwjmXZhenRUug3xDC2Q9sjRokqcBMSNv6DgH7TH8M2AQMBTh7Tf9o1IRJ16BC2tZ3Ffhp+oPAMPDICw3jRCJNBsNQR+HurjF+y7GJiazakgoMGyxOdJBTCv8vKrEG6yPGawrhBAVWLYP59kVvp4DvuDs6vyluenvJcL6RIKNpDup87BCwEsjxb/FvAdqAcd8fNJwc0G7GicxgUoEzpm3PuYkQ3njAZzl2I0VmMOlfnAM++vZ6CtdWEthXsNEoYlKBv3F3aH6S7ghuFA6Y9pVIZhlvuRvNXTosV4ckiV8duJ/ro/jlCKxVYa3SnyC2SdIrE3skLqbcWqFLhTglqSEmpkPSGxMzGpe9NAKRtCsg8qukw3LlaLPPVqtcYT8Q4OY8L3aeNAKRtF3F8auI/7Wk9lLnSCsQufL0RoTQPKblSta6JONnpIp9As4Cvbjyswd3Rk7hXrUeAiO4czQRKimwKlj0X1iXBKbFH8wWbNSnU+tzAAAAAElFTkSuQmCC');
|
6
|
-
$icon_lights: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAETklEQVRYhe2YXYhVVRTHf3d0/JhyUrMpFbImM+whSa3Mynww+4AeIgiKoozooQ+KyMyXIAujF6OXqHyI6iEKKYgIP/owsjSFqCkprdDUTEcjbWZ0HHV+Pex1ucfb9Z57Z9REXHA4Z++99l7/s/ZZ/7X2KaiczNLwfwPIk9MA+yunNMAG4DHgV+BvoB3YFff2TPstYEyfrajVroI6Sr1GvahsbJC63HzZq04pmztSvU5tVRuqYRiYg78JeBR4HPg5ntdmxovz9wJfA3uAxuibDLQCA+IqynnAQuBuYCnwMLC1rx48U12U8cZqdWqMDcx4cI16qTpYbVKHqa+ovWUeHKsujn7VL9ULq2HI+wY7gVeBJdGeFu3J4ZUiy/cAXeHRRuAQsC/GC0B3eG4BcH/0tUV7czUAeVsMsBF4Kha9HZgCvAncAuwPnXHA0wFuGLANuDrGuoGDwFxgTqzzQ7RX5FrP2eLsdb76vnogtme6+nE8H1YPlQXHwbi3q9eqn0e7Tb25VrsF68vFY0lb1AGcDTwItGQ8tQM4AIwGmqP/EPAu8A0wElgJfFGzxTo8mKWXu9Rd4ZF96jvqjSbauEC9Sn1O3R463epLaku99voCsFXdkAH3kNpcQW+IiT/bQne3eufxBtioPqP2mKhioXpWzpxb1T8C5Ifh4ZptVoriRmAIKdrI3Lujf3bobAPeJpF0NVkKrAFuI9HTOBIxnxFrF4OgQKKr/dnJlQA+AcwABgOHA4zAamA5cE7orQL+zAEHiWI+A2bFC7aSguheYCgpqAphZz3wSB7AecCICv2TgH8oFRib4gVqka0k0h8CXAxMBW6ooDejFoCvA9OBQUAvKWM0kDz4XUZvNKXtyZMWUl7vBbaQXq457PeEziDgx/KJlQAuIPFdMcEXv5OdYWBP9M8k8VpnDQCvB4aTSrCNJB5cSdrW3tBpIJVnR0qdUTxAfdGUOVTnmwqEanNmqltC/9OgqePKg5eom8PgdvW+oJ9Kupera0O3U50TL3lcAaI+oHaF4R3qa6Z822wq0Saq89T1lmSxOrxeW/Xm4uGkiqQDmECKuKHxHW0HdpMiewSpvGqKeR8Ay0iBsYIjg6261PE2o9Q3Yqv+MqWxO9R1Hl12qs+q49Vlppy82pSr+5xJKsko4AXgHlJ0t5NIeg3wLXAlqZhtIUV8J6nmWwX8QiLjdhL5TwMWkY4R6/rrwYKlMr1Y321QZ/vfwBijPqm+rF4Wc7PjE9QllurGVeoV5gRNHsAm9fnMom3qrKPoTjKdMXaYyrFygEWQ72XWW24qhPu8xcUc2UU6O8wFPjmK7jhgPHAuMJGUGQ6U6WwE5sfzTXGvei7KA9hFOiR9D/wOfFVFt4dS2tpfRe83Ur7/CPiJakfOGgBCypubatArl2r8VfOax/LfzABKtePAzHO/5FgC7KBEzB2kOrDfUm8mOeFySv9+OyFyGmB/5aQH+C9BVKmVCNuMZgAAAABJRU5ErkJggg==');
|
7
|
-
$icon_refresh: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE1UlEQVRoge2aW2gdRRzGf5vGWMSTVBpNUjWNijHgg6KIRqmtD0UpqA9iFeulijWkllIsKOKb+lbxgr6oLQUFtc2LPgjaImILSq36oKLWkpZC7C1p6zkNXkqSz4c5x2zH3T27s7vnnMR8MBxmzsx/vm/2P/fxJPF/QlO9CdQac4JnO+YEz3Y052y/C7gV6Af6gCuAhUABEDAOnASGgX3AV8Au4Le8CHk5TEttwMPA/cBNuHnR18D7wLvAieyoAZKyChdJelXSaWWHcUmvS1qUFc8sjDRLeiZjoTZOS3pOUktavmld+irgPeC6MAcC9gBfYNx0P6Z/lsr/FzD9vBe4HlgK3AzMC7H3HfAQ8JMz4xSttUJSMeSLnJT0vKRLHex2SNogaTjia9/lyttV7IIQsWOSnpZUSNGQldAkabWkkYB6JiUN1lJwTwCJT5Xh4OILBUmbA+qbkjRQK8FI2lquuCjjgl4OYv1hlaQ/LdGTku5MYiftoNUD/F4OtcAS4GPMYFdBCbgR+CWOgTwWHnljCbADmO9L24sZ3SeqFZ6Ja+ndwONW2g3Axlilq/i8J2mLzKicZ/90CVus/lyS1FmtXDWjT5SNvdkAAu3QKumwJfqVNIK7NT3XTkla3gAi7fCYJbhUbojEgj1JOyxjh6oZq0NolnTQ4rkuqkzYoLUGWG6ldQObkowuNcAE8IaVtjKqQNC01A38ALQG5BdwO7DTkWAe6AJGmJ5xpsppx4My21/YAzYTLDbO//XAEcxJSQVNwC1hmW3BQa5soxFde5cV7w/L6BecREichqkl9lrxvrCMFcEe8BbxXdUDtgILkjLLCfut+OWhOcvD9YDcUI8FyXZHrpK0zZO0GPget4FIwArgE4eyrmgHfgQ6EpYbA66O2i39DbT44ucCZxLTywd3Ax8mLLMSGIraLY1b8fMTVpAnPgKGEuTfXskfJfiUFe9MSCpvPAmMxsg3CqyrRKIED1vxXgdSeWIUMz1Ww1kNEyXYPjIJO3uuJ6q59pD9f5TgPVZ8mRun3LEWOBaQPobPlSuIEvwZZtqpoJ/G68dghA0EpK8lYAMRJfgY8K0v3oy5EWxE2K79H1f+F1VWNeutlcqwzKa73hv/oNAu6aikUZmbzMB81Y5p24FDwHm+tEeAd9J9kNxwb/k3dCCLcy79GrDeFz+K2Y0UU1GrE+KcS28C/vDFO2m8/XBsxBE8Arxgpa0BHsieTv6Ie9XSgrnQvsaX9hdwB+aye8Yg7lXLGeA+zt5QzMdMB0uzJhWBCzAXeM5Icre0D1iNORWsoA2zF16VhkQMeMAGzIxxEHPa4gaH+W4w5DThbUltOcyvF0vaGVBfj4s9VxKDkiYCSByR9KiyWZy0SnpW0omAeoqujZuG0D0ydzlBOCDpKUldDnYXS3pR0qkQ20WZBzVOvNNeiPcC24BrQ/6fxOy6Psc8OfoVOMz04FcALgGuxLzaW4bZhnoh9r7BTIf2KWV8pPjClXCOzMud8ZAvkgWKkjZKmpeWbxaCK2GRpJczFl6S9JLMxiATnnm88ViIcbsHMU8RwtwzDFPAl8AHmMelpejsyZD3o5YO4DbMK5s+4DLgQswJqIfpy8eBA8DPmEux3QSfYGSCmfiKJxVm4iueVJgTPNsxJ3i24x9qO45nn/sZdwAAAABJRU5ErkJggg==');
|
8
|
-
$icon_ui: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADjElEQVRYhe2YTWhdRRTHf+lLTFRCkjaLILgIKoIBRRfaSmMFQSsoIrrRuhEqfnTTtV20qHUllIBWcKNQxG4EJWoVEUxKqV8blXYlYv0utr7UtkaN9dfFTMzNfXM/8hJeI/iHYV7OOTP3d+89M3NuulRWs9ZcaIAq/Q+4XJUB3gDsA74BZoDPgaeAdStw3SHgdeD2ykg11baoZ03rS/XKgnGD6niBLxszFedqqpvK4lPG69U/4gTvqneo16lb1e+j/SO1LzF2SD2pbqsBN69SyJTxtTjwPbU75xuLAKr3Zy46FNuoeib6n6kBVwmZAvwuDrqt4K72Rv8LakP9Wv01tqb6T+bCr6rD6og6XQA3rxl1c/56qUXSH/ufCtL229gPxH40Jv0QMAh0ZWIfBG4CNgLjFcthANiWN3YnAn+IweuBown/xtgfAwReAS6NtouAO2P/O/AY8Hb07YqtSNPAwy3WxCt8Oj7yY+q1Od+j6rnovzExtqH+qR5Xb034dxW83ilDjtbKwXXqkTiwqb6o7lDfykw4kZosk2tjBX7UnTm4D4vgigBRr1APFtzthNpTMK5P7S+By0MeLINT6dLCaqYHuAfYFHPsR2AS+Lgkj5aih4ADwMmyoDLAeTUIR9KBleEC4BJgDugFzhIWW1J1ioV9wDuEO14pPQ8cB75gYbtKqgpwN/BA/P0ScMuy0YIGCPvmMIv3zRaVAT4OPJn5+2JCBTK2XDrC6wX4O7ZCFQGOAzuBUyzkx19AH7AXWNsGVC8wQnhyfdHWRXiKw4RTqFUFy3vQcIaOxr1Q9Q1DQTCi9tbYSvJtbdzzThs2cw3n9oz6swVlWtWk/YYiQHV/G1D5do36S+vW6hNFY6oWSTcL53VPG681r6PAfcBsxvYsIW2SqgIUOAE0Cfm4EpoGHom/9wM7yoLrbNRrCMl8btloi7UZeL9q3hTgyyyUTxC2AQmgjYz9MLCnDbANwF3AZYRTZAp4k7BLtCqRmHOJJE5pcokLpNdQGaV0SL2q7iI5XfNJzFaHLNIeQgGb0s2EQmQ47+jUh/t6wslUpquB7XljpwDvbTeuU4CjNeNG8oZOATZrxp3JGzoF+EHNuMN5Q6cAJ4FPKmLmgOfyxhRg6ls5pUZ1yL+aBbYAR0r8W4HP6sCcoKKIjFrq2fwV4QNsO3A3cDnwG3AImAA+TQ2qcxZfUP2n/8O6KrTqAc8D9emWHC8oT9IAAAAASUVORK5CYII=');
|
9
|
-
$icon_utils: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADFElEQVRYhe2YT0hVQRSHf7YwsUVoakFtKmhdUfhUeLSrrFVQEES72rip1EoscFlLK2jRpl21tT8QhFkLq13gIotqlaRPQ8SkgvRrcefiOO/eufN8LzPwwMV375w5893fnHPm+aoArWZb968BsmwNsFz7rwHzkgYltVdgnRpJZyU9lTQm6ZukUUl9GQwSkHS1AgUimwduAHUpvlnXLmCYYpsFDmXNT3p4AJhICDgC7C0RbgvwISHWGNASEiPpYdLbxvYJ2FQC4F1rbj/w1nx+ERoj6WE78NsDeSIw+E7gh5kzYJ5dM/dzwFbH/yDQ58ZJStAnkm570rY+sDDaTHEgqd88GzJ/ayWdk7Td3Ock3Zd0OrRINgKjKQq+ApoCFOw0/j8tteqAaSvWd6LtjgtyKkRBSZqRdFLS+4SxnKQBSU0ZCsaHfLXlOy3plqRxc79BUTtrNPe/QhWU9cbHgQ7gTYKSm1Pm5YAvlm+bM15PlOvXWSwcgGdurFJaRpOBsu010Oj4tVhbBtAFVHni3rR8z5QDKKNYEmSsZI6lPbTbmZ8HdgPbgMNE1R3bMFBbLqCABgNl20vgmAN30ZnXRXQqzbPYfmIbAXYkrbccwLTtts1VrjvFbxa4Q3GalA0Yb/fzALgua2zcjHcDp0hRrVKAAo4CCx64XmtsksDzt1KAbitx4a5YY1+BPctZZ7lwzfgLwlZuxQFb8LcSW7k5FlNgRbY4R5ToIXATREp3OM9a/xZgjqUnhG9bZ4D91linNTZpYlUU0IVzlbMBIGrE5z0+hVAlQ3POt63uwnZ+XvL4ThCQk5VUbhLYR1StNmSPM+eCM8erZBacr1rtE8JVw21Dlz0vVsCTk2lwDcBnE2CB4oKwz9YCyVvltqOkLw9xC/pIyj9jaYBHrMC9Hris3pYzPmmQPdZYeymAeWviPaAmAS4oyT1KrjexY8uXAlgNPLImP2BpnwtuExakXWxXHbjHZs2SiqQeGKTYpgKVy9ru2IbMWiVXcQxpfy1/t0y4+Go2MWJ7SMYvFVWw9hNwWbYGWK6tesA/ap/6uHJWeiAAAAAASUVORK5CYII=');
|
10
|
-
$icon_world: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEZklEQVRYhe2YW4iVVRTHf4465oSaUNlUjo7SmCBEPVipTWYXoV7qoejykhRCEVQP9pAFSWVBPdRTMNRLWGRaFr2FSShmEQ1KzQymUhpeMky6ONbcfj3sdZpvvvnO8Zy5lA/+YcP51jpr7bVv/7X2nqByNqPu/w7gTDgX4GgxaYR2DcDlwC3AUmAh0ARMDf1fwGGgE9gFfAb8AJyquSe1ljZFXa6+o/Y4FD3qvmh5neomdYXaUEuftQQ3T31d7Y8O96tdal98P69eos5SXwhZn7pb7cgE2qa2jHWAy9Svo4Nf1VfUG9VPQvauWp/5f726MXSb1WvVF9XjIftWvXWsArxdPRSOt5uWCfV+dUDtVJsL7K5Q98aM3xuyVnVr+Dqi3jHaAJepx8Lhe2pTyJvVn6PzVRXsHw7bw+rckDWqb4b8mHrbSAOcp7aHozZ1Wka3NuQfqHUVfExUt8R/n8rI69XXQt6lLijnoxzNTAEeA64GeoDzgbVBI5OBu+J/FwPrg3aK0A1cGL8fB+YAfUFDF4T+SmAN8ATwZ97BBC3MxdeTuGtqOBSYkGklgu/NyIpgtMnxPRDfpd9kdCuBT/MOimawHlgdwW0DPs918AAwH9gK7MjoyqEHWA6sAPYBGzMD6gWWRHCPhL/TQ4dYfPpOxSFYXKDvVE+YaKZamrpZPWmil7xuoXrQxAiL8vqiXHwTaU99BbTndItJe+Zoga4S2oFjpJR4TU7XBXwZs7oyb1gU4DKgH/iCtP+yaAlH+4E/agjwJCkXTwwfeewgLXdrNQEuAn6neIYaSfvwQA3BlXCAdEAaC3TtpEFclVcUHZIm0sauC2f1Ie8lLZGkmbiI8vSSR3fYDYSPyzJ990YfvQxS0r8oopkTJI76jbTUpRMnMI3Ekd2k0qnaenKAxKUNwN+k7ZH1Wxd9nswHWWvBWo7vxg1FSyzwC/AgsIfBJe4DngNWAW1UziB5dAPPAo8CbwPrGLrELcAGYEY1AR4C5pKW5WhOt5c0iwMxiFpQykBdpGo7i7kkwj+eNypa4g5gOsP5ChKX1ZG4sFbMjyDzgyb6mgl8V02AO0mndAnDZ/h70hZoJg2iWswMm37SKuRxA2kGtw/TFKSelipTXesIUt3uWlNd0R78EXifdEheYnixMDlm5BlqKxZmkChqHcOLhdnAxxQkgErl1jbgPM7CcgtS6nkDeDIcbQZ+IpVgk4A7gUtJBcVOKhesS0n5/QjwEYMF6yzg7gjwLVLuLxhi+X3TrH4TZXmbOj2jezrkZyr5JzlY8q/JyKsu+UdzaToaG/uhCvarw/agOscxvjSVWvbaucPBa+d9plvdXlORm7dbELo+9Z6Qjfm1MzuT2Yv7q9HZlpBtdOjFfar6Yeg2qdep6x2ni3upFT19dDj49PGy6emjMQZg6PaY9lkJ4/L0UWqlx6MNDn8g6o2g98fvPEb0eFSOB8+Eoue32Rm6OR200hn0sY0RPr+NNMD/DGf9C+u5AEeLfwBkrdN1844nCgAAAABJRU5ErkJggg==');
|
11
|
-
|
12
|
-
#SidePanel {
|
13
|
-
background-color: #0d0d0d;
|
14
|
-
border: 1px solid #111;
|
15
|
-
max-height: 100%;
|
16
|
-
min-height: $barHeight;
|
17
|
-
overflow-y: auto;
|
18
|
-
pointer-events: visible;
|
19
|
-
position: absolute;
|
20
|
-
right: 0;
|
21
|
-
top: 0;
|
22
|
-
bottom: 0;
|
23
|
-
width: 300px;
|
24
|
-
|
25
|
-
.accordion {
|
26
|
-
border-bottom: 1px dotted #333;
|
27
|
-
background-color: #111;
|
28
|
-
line-height: 0;
|
29
|
-
resize: vertical;
|
30
|
-
overflow-y: auto;
|
31
|
-
|
32
|
-
&.hide {
|
33
|
-
resize: none;
|
34
|
-
overflow-y: hidden;
|
35
|
-
}
|
36
|
-
|
37
|
-
> div {
|
38
|
-
display: grid;
|
39
|
-
grid-template-rows: 0fr;
|
40
|
-
margin-left: 5px;
|
41
|
-
transition: 0.33s grid-template-rows cubic-bezier(0.645, 0.045, 0.355, 1);
|
42
|
-
> div {
|
43
|
-
overflow: hidden;
|
44
|
-
}
|
45
|
-
&.open {
|
46
|
-
grid-template-rows: 1fr;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
|
50
|
-
.icon {
|
51
|
-
height: $barHeight;
|
52
|
-
width: $barHeight;
|
53
|
-
button {
|
54
|
-
text-indent: -9999px;
|
55
|
-
white-space: nowrap;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
|
59
|
-
.toggle {
|
60
|
-
background-color: #333;
|
61
|
-
display: inline-block;
|
62
|
-
font-size: 12px;
|
63
|
-
font-weight: bold;
|
64
|
-
margin: 0;
|
65
|
-
padding: 0;
|
66
|
-
position: relative;
|
67
|
-
user-select: none;
|
68
|
-
width: 100%;
|
69
|
-
height: 20px;
|
70
|
-
transition: background-color 0.2s linear;
|
71
|
-
&:hover {
|
72
|
-
background-color: #444;
|
73
|
-
}
|
74
|
-
p {
|
75
|
-
margin: 0;
|
76
|
-
padding: 0;
|
77
|
-
}
|
78
|
-
.label {
|
79
|
-
display: inline;
|
80
|
-
position: absolute;
|
81
|
-
left: 25px;
|
82
|
-
top: 3px;
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
|
-
input {
|
88
|
-
background-color: #222;
|
89
|
-
border: 1px dotted #333;
|
90
|
-
font-family: Roboto Mono, Source Code Pro, Menlo, Courier, monospace;
|
91
|
-
font-size: 10px;
|
92
|
-
padding: 4px;
|
93
|
-
}
|
94
|
-
|
95
|
-
button {
|
96
|
-
background-color: transparent;
|
97
|
-
border: none;
|
98
|
-
color: #FFF;
|
99
|
-
font-size: 12px;
|
100
|
-
margin: 0;
|
101
|
-
padding: 0;
|
102
|
-
text-align: left;
|
103
|
-
}
|
104
|
-
|
105
|
-
#options {
|
106
|
-
border-bottom: 1px solid #111;
|
107
|
-
display: flex;
|
108
|
-
margin: 0;
|
109
|
-
padding: 0;
|
110
|
-
list-style-type: none;
|
111
|
-
width: 100%;
|
112
|
-
|
113
|
-
.selected {
|
114
|
-
background-color: #222;
|
115
|
-
button {
|
116
|
-
pointer-events: none;
|
117
|
-
}
|
118
|
-
}
|
119
|
-
|
120
|
-
button {
|
121
|
-
min-width: $barHeight;
|
122
|
-
height: $barHeight;
|
123
|
-
text-align: center;
|
124
|
-
width: 100%;
|
125
|
-
&:hover {
|
126
|
-
background-color: #333;
|
127
|
-
}
|
128
|
-
}
|
129
|
-
|
130
|
-
li {
|
131
|
-
border-right: 1px solid #111;
|
132
|
-
font-size: 12px;
|
133
|
-
line-height: $barHeight;
|
134
|
-
min-height: $barHeight;
|
135
|
-
min-width: $barHeight;
|
136
|
-
text-align: center;
|
137
|
-
width: 100%;
|
138
|
-
&:first-child {
|
139
|
-
border-left: 1px solid #111;
|
140
|
-
}
|
141
|
-
}
|
142
|
-
}
|
143
|
-
|
144
|
-
.status, .refresh {
|
145
|
-
display: inline-block;
|
146
|
-
margin: 0;
|
147
|
-
padding: 0;
|
148
|
-
overflow: hidden;
|
149
|
-
width: $barHeight;
|
150
|
-
height: $barHeight;
|
151
|
-
text-indent: -9999px;
|
152
|
-
white-space: nowrap;
|
153
|
-
}
|
154
|
-
|
155
|
-
.status {
|
156
|
-
background-image: $icon_folder;
|
157
|
-
background-position-x: 2px;
|
158
|
-
background-position-y: 2px;
|
159
|
-
background-size: 32px 16px;
|
160
|
-
&.open {
|
161
|
-
background-position-x: 18px;
|
162
|
-
}
|
163
|
-
}
|
164
|
-
|
165
|
-
.refresh {
|
166
|
-
background-color: transparent;
|
167
|
-
background-image: $icon_refresh;
|
168
|
-
background-position: 2px 2px;
|
169
|
-
background-repeat: no-repeat;
|
170
|
-
background-size: 16px 16px;
|
171
|
-
position: absolute;
|
172
|
-
right: 5px;
|
173
|
-
}
|
174
|
-
|
175
|
-
.childObject {
|
176
|
-
background-color: #111;
|
177
|
-
min-height: $barHeight;
|
178
|
-
overflow: hidden;
|
179
|
-
|
180
|
-
::-webkit-scrollbar {
|
181
|
-
width: 10px;
|
182
|
-
}
|
183
|
-
|
184
|
-
::-webkit-scrollbar-track {
|
185
|
-
background: #0d0d0d;
|
186
|
-
}
|
187
|
-
|
188
|
-
::-webkit-scrollbar-thumb {
|
189
|
-
background: #666;
|
190
|
-
}
|
191
|
-
|
192
|
-
::-webkit-scrollbar-thumb:hover {
|
193
|
-
background: #999;
|
194
|
-
}
|
195
|
-
|
196
|
-
.child {
|
197
|
-
background-color: #222;
|
198
|
-
border: none;
|
199
|
-
border-bottom: 1px solid #111;
|
200
|
-
height: $barHeight;
|
201
|
-
position: relative;
|
202
|
-
|
203
|
-
&:hover {
|
204
|
-
background-color: #333;
|
205
|
-
}
|
206
|
-
}
|
207
|
-
|
208
|
-
.name {
|
209
|
-
background-color: transparent;
|
210
|
-
max-lines: 1;
|
211
|
-
overflow: hidden;
|
212
|
-
position: absolute;
|
213
|
-
left: 5px;
|
214
|
-
right: 30px;
|
215
|
-
top: 50%;
|
216
|
-
transform: translateY(-50%);
|
217
|
-
white-space: nowrap;
|
218
|
-
}
|
219
|
-
|
220
|
-
> div {
|
221
|
-
display: grid;
|
222
|
-
grid-template-rows: 0fr;
|
223
|
-
transition: 0.33s grid-template-rows cubic-bezier(0.645, 0.045, 0.355, 1);
|
224
|
-
&.open {
|
225
|
-
grid-template-rows: 1fr;
|
226
|
-
}
|
227
|
-
.container {
|
228
|
-
padding-left: 5px;
|
229
|
-
height: auto;
|
230
|
-
overflow-x: hidden;
|
231
|
-
overflow-y: auto;
|
232
|
-
max-height: $maxHeight;
|
233
|
-
|
234
|
-
&.closed {
|
235
|
-
height: 0;
|
236
|
-
overflow: hidden;
|
237
|
-
}
|
238
|
-
}
|
239
|
-
}
|
240
|
-
|
241
|
-
.icon {
|
242
|
-
background-color: transparent;
|
243
|
-
background-image: $icon_world;
|
244
|
-
background-size: 20px 20px;
|
245
|
-
display: inline-block;
|
246
|
-
position: absolute;
|
247
|
-
right: 5px;
|
248
|
-
top: 0;
|
249
|
-
width: $barHeight;
|
250
|
-
height: $barHeight;
|
251
|
-
transform: scale(0.8);
|
252
|
-
}
|
253
|
-
|
254
|
-
.obj3D {
|
255
|
-
background-image: $icon_world;
|
256
|
-
}
|
257
|
-
|
258
|
-
.camera {
|
259
|
-
background-image: $icon_camera;
|
260
|
-
}
|
261
|
-
|
262
|
-
.interactive {
|
263
|
-
background-image: $icon_interactive;
|
264
|
-
}
|
265
|
-
|
266
|
-
.light {
|
267
|
-
background-image: $icon_lights;
|
268
|
-
}
|
269
|
-
|
270
|
-
.ui {
|
271
|
-
background-image: $icon_ui;
|
272
|
-
}
|
273
|
-
|
274
|
-
.utils {
|
275
|
-
background-image: $icon_utils;
|
276
|
-
}
|
277
|
-
}
|
278
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
$ROW_HEIGHT: 22px;
|
2
|
-
$BAR_COLOR: rgba(34, 34, 34, 0.8);
|
3
|
-
$BORDER_COLOR: rgba(17, 17, 17, 0.9);
|
4
|
-
$BTN_SIZE: 32px;
|
5
|
-
$BTN_HOVER: rgba(51, 51, 51, 0.8);
|
6
|
-
$BTN_SELECTED: rgba(68, 68, 68, 0.8);
|
7
|
-
$BTN_SELECTED_HOVER: rgba(85, 85, 85, 0.8);
|
8
|
-
$PANEL: rgba(25, 25, 25, 0.8);
|
9
|
-
$PANEL_DARK: rgba(17, 17, 17, 0.8);
|
@@ -1,67 +0,0 @@
|
|
1
|
-
@import 'theme';
|
2
|
-
@import 'debug';
|
3
|
-
@import 'sidePanel';
|
4
|
-
|
5
|
-
.editor {
|
6
|
-
font-family: Roboto Mono, Source Code Pro, Menlo, Courier, monospace;
|
7
|
-
font-size: 10px;
|
8
|
-
left: 0;
|
9
|
-
pointer-events: none;
|
10
|
-
position: absolute;
|
11
|
-
top: 0;
|
12
|
-
width: 100%;
|
13
|
-
height: 100%;
|
14
|
-
|
15
|
-
button {
|
16
|
-
background: none;
|
17
|
-
border: none;
|
18
|
-
color: white;
|
19
|
-
display: inline-block;
|
20
|
-
margin: 0;
|
21
|
-
padding: 0;
|
22
|
-
text-align: left;
|
23
|
-
}
|
24
|
-
|
25
|
-
header {
|
26
|
-
display: inline-block;
|
27
|
-
pointer-events: visible;
|
28
|
-
position: relative;
|
29
|
-
left: 50px;
|
30
|
-
top: 12px;
|
31
|
-
z-index: 101;
|
32
|
-
}
|
33
|
-
|
34
|
-
footer {
|
35
|
-
position: absolute;
|
36
|
-
right: 5px;
|
37
|
-
bottom: 0;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
@import 'dropdown';
|
42
|
-
@import 'draggable';
|
43
|
-
|
44
|
-
.fsAbsolute {
|
45
|
-
position: absolute;
|
46
|
-
left: 0;
|
47
|
-
right: 0;
|
48
|
-
top: 0;
|
49
|
-
bottom: 0;
|
50
|
-
}
|
51
|
-
|
52
|
-
.absoluteCenter {
|
53
|
-
position: absolute;
|
54
|
-
left: 50%;
|
55
|
-
top: 50%;
|
56
|
-
transform: translate(-50%, -50%);
|
57
|
-
}
|
58
|
-
|
59
|
-
.hidden {
|
60
|
-
display: none;
|
61
|
-
visibility: hidden;
|
62
|
-
}
|
63
|
-
|
64
|
-
.hideText {
|
65
|
-
text-indent: -9999px;
|
66
|
-
white-space: nowrap;
|
67
|
-
}
|
@@ -1,41 +0,0 @@
|
|
1
|
-
import { useState } from 'react';
|
2
|
-
import { capitalize } from '@/editor/utils';
|
3
|
-
|
4
|
-
type AccordionProps = {
|
5
|
-
label: string
|
6
|
-
button?: JSX.Element
|
7
|
-
children?: JSX.Element | JSX.Element[]
|
8
|
-
open?: boolean
|
9
|
-
onToggle?: (value: boolean) => void
|
10
|
-
}
|
11
|
-
|
12
|
-
export default function Accordion(props: AccordionProps) {
|
13
|
-
const [open, setOpen] = useState(props.open !== undefined ? props.open : true);
|
14
|
-
const hide = !open || props.children === undefined;
|
15
|
-
|
16
|
-
return (
|
17
|
-
<div className={`accordion ${hide ? 'hide' : ''}`}>
|
18
|
-
<button
|
19
|
-
className='toggle'
|
20
|
-
onClick={() => {
|
21
|
-
const value = !open;
|
22
|
-
if (props.onToggle !== undefined) props.onToggle(value);
|
23
|
-
setOpen(value);
|
24
|
-
}}
|
25
|
-
>
|
26
|
-
<p
|
27
|
-
className={`status ${open ? 'open' : ''}`}
|
28
|
-
>
|
29
|
-
Toggle
|
30
|
-
</p>
|
31
|
-
<p className='label'>{capitalize(props.label)}</p>
|
32
|
-
</button>
|
33
|
-
{props.button}
|
34
|
-
<div className={open ? 'open' : ''}>
|
35
|
-
<div>
|
36
|
-
{props.children}
|
37
|
-
</div>
|
38
|
-
</div>
|
39
|
-
</div>
|
40
|
-
);
|
41
|
-
}
|