@fmsim/board 2.0.0-beta.2 → 2.0.0-beta.23

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.
Files changed (59) hide show
  1. package/custom-elements.json +2271 -1078
  2. package/demo/index-modeller.html +1 -1
  3. package/demo/index-player.html +2 -2
  4. package/demo/index-viewer.html +2 -2
  5. package/demo/index.html +2 -2
  6. package/dist/src/component/etc.js +17 -0
  7. package/dist/src/component/etc.js.map +1 -1
  8. package/dist/src/data-storage/board-model-cache.d.ts +13 -0
  9. package/dist/src/data-storage/board-model-cache.js +66 -0
  10. package/dist/src/data-storage/board-model-cache.js.map +1 -0
  11. package/dist/src/index.d.ts +3 -0
  12. package/dist/src/index.js +2 -0
  13. package/dist/src/index.js.map +1 -1
  14. package/dist/src/modeller/edit-toolbar-style.js +43 -3
  15. package/dist/src/modeller/edit-toolbar-style.js.map +1 -1
  16. package/dist/src/modeller/edit-toolbar.d.ts +8 -14
  17. package/dist/src/modeller/edit-toolbar.js +208 -211
  18. package/dist/src/modeller/edit-toolbar.js.map +1 -1
  19. package/dist/src/modeller/property-sidebar/property-sidebar.js +3 -16
  20. package/dist/src/modeller/property-sidebar/property-sidebar.js.map +1 -1
  21. package/dist/src/modeller/property-sidebar/shapes/shapes.js +31 -0
  22. package/dist/src/modeller/property-sidebar/shapes/shapes.js.map +1 -1
  23. package/dist/src/modeller/property-sidebar/styles/styles.d.ts +6 -4
  24. package/dist/src/modeller/property-sidebar/styles/styles.js +139 -436
  25. package/dist/src/modeller/property-sidebar/styles/styles.js.map +1 -1
  26. package/dist/src/modeller/scene-viewer/ox-scene-viewer.d.ts +2 -1
  27. package/dist/src/modeller/scene-viewer/ox-scene-viewer.js +5 -1
  28. package/dist/src/modeller/scene-viewer/ox-scene-viewer.js.map +1 -1
  29. package/dist/src/ox-board-component-info.d.ts +1 -0
  30. package/dist/src/ox-board-component-info.js +5 -1
  31. package/dist/src/ox-board-component-info.js.map +1 -1
  32. package/dist/src/ox-board-list.js +2 -2
  33. package/dist/src/ox-board-list.js.map +1 -1
  34. package/dist/src/ox-board-modeller.d.ts +5 -2
  35. package/dist/src/ox-board-modeller.js +14 -4
  36. package/dist/src/ox-board-modeller.js.map +1 -1
  37. package/dist/src/ox-board-viewer.d.ts +22 -2
  38. package/dist/src/ox-board-viewer.js +246 -21
  39. package/dist/src/ox-board-viewer.js.map +1 -1
  40. package/dist/src/ox-editor-board-selector.d.ts +3 -0
  41. package/dist/src/ox-editor-board-selector.js +38 -9
  42. package/dist/src/ox-editor-board-selector.js.map +1 -1
  43. package/dist/src/ox-playback-controls.d.ts +60 -0
  44. package/dist/src/ox-playback-controls.js +512 -0
  45. package/dist/src/ox-playback-controls.js.map +1 -0
  46. package/dist/src/playback/playback-engine.d.ts +78 -0
  47. package/dist/src/playback/playback-engine.js +215 -0
  48. package/dist/src/playback/playback-engine.js.map +1 -0
  49. package/dist/src/selector/board-creation-popup.js +2 -2
  50. package/dist/src/selector/board-creation-popup.js.map +1 -1
  51. package/dist/src/selector/board-thumbnail-card.js +6 -6
  52. package/dist/src/selector/board-thumbnail-card.js.map +1 -1
  53. package/dist/src/selector/ox-board-creation-card.js +2 -2
  54. package/dist/src/selector/ox-board-creation-card.js.map +1 -1
  55. package/dist/src/selector/ox-board-selector.js +21 -10
  56. package/dist/src/selector/ox-board-selector.js.map +1 -1
  57. package/dist/tsconfig.tsbuildinfo +1 -1
  58. package/icons/icon-htoolbar.png +0 -0
  59. package/package.json +3 -6
@@ -2,6 +2,91 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "stories/restful-attachment-selector.stories.ts",
8
+ "declarations": [
9
+ {
10
+ "kind": "variable",
11
+ "name": "meta",
12
+ "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
13
+ },
14
+ {
15
+ "kind": "variable",
16
+ "name": "Default",
17
+ "type": {
18
+ "text": "Story"
19
+ },
20
+ "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
21
+ },
22
+ {
23
+ "kind": "variable",
24
+ "name": "WithCategory",
25
+ "type": {
26
+ "text": "Story"
27
+ },
28
+ "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
29
+ },
30
+ {
31
+ "kind": "variable",
32
+ "name": "ReadOnly",
33
+ "type": {
34
+ "text": "Story"
35
+ },
36
+ "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
37
+ },
38
+ {
39
+ "kind": "variable",
40
+ "name": "WithTestData",
41
+ "type": {
42
+ "text": "Story"
43
+ },
44
+ "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
45
+ }
46
+ ],
47
+ "exports": [
48
+ {
49
+ "kind": "js",
50
+ "name": "default",
51
+ "declaration": {
52
+ "name": "meta",
53
+ "module": "stories/restful-attachment-selector.stories.ts"
54
+ }
55
+ },
56
+ {
57
+ "kind": "js",
58
+ "name": "Default",
59
+ "declaration": {
60
+ "name": "Default",
61
+ "module": "stories/restful-attachment-selector.stories.ts"
62
+ }
63
+ },
64
+ {
65
+ "kind": "js",
66
+ "name": "WithCategory",
67
+ "declaration": {
68
+ "name": "WithCategory",
69
+ "module": "stories/restful-attachment-selector.stories.ts"
70
+ }
71
+ },
72
+ {
73
+ "kind": "js",
74
+ "name": "ReadOnly",
75
+ "declaration": {
76
+ "name": "ReadOnly",
77
+ "module": "stories/restful-attachment-selector.stories.ts"
78
+ }
79
+ },
80
+ {
81
+ "kind": "js",
82
+ "name": "WithTestData",
83
+ "declaration": {
84
+ "name": "WithTestData",
85
+ "module": "stories/restful-attachment-selector.stories.ts"
86
+ }
87
+ }
88
+ ]
89
+ },
5
90
  {
6
91
  "kind": "javascript-module",
7
92
  "path": "src/index.ts",
@@ -31,6 +116,30 @@
31
116
  "module": "./data-storage/data-storage.js"
32
117
  }
33
118
  },
119
+ {
120
+ "kind": "js",
121
+ "name": "PlaybackEngine",
122
+ "declaration": {
123
+ "name": "PlaybackEngine",
124
+ "module": "./playback/playback-engine.js"
125
+ }
126
+ },
127
+ {
128
+ "kind": "js",
129
+ "name": "BoardModelCache",
130
+ "declaration": {
131
+ "name": "BoardModelCache",
132
+ "module": "./data-storage/board-model-cache.js"
133
+ }
134
+ },
135
+ {
136
+ "kind": "js",
137
+ "name": "CachedBoard",
138
+ "declaration": {
139
+ "name": "CachedBoard",
140
+ "module": "./data-storage/board-model-cache.js"
141
+ }
142
+ },
34
143
  {
35
144
  "kind": "js",
36
145
  "name": "*",
@@ -82,6 +191,15 @@
82
191
  },
83
192
  "attribute": "component"
84
193
  },
194
+ {
195
+ "kind": "field",
196
+ "name": "playbackMode",
197
+ "type": {
198
+ "text": "boolean"
199
+ },
200
+ "default": "false",
201
+ "attribute": "playbackMode"
202
+ },
85
203
  {
86
204
  "kind": "field",
87
205
  "name": "detailInfo",
@@ -189,6 +307,14 @@
189
307
  "text": "any | undefined"
190
308
  },
191
309
  "fieldName": "component"
310
+ },
311
+ {
312
+ "name": "playbackMode",
313
+ "type": {
314
+ "text": "boolean"
315
+ },
316
+ "default": "false",
317
+ "fieldName": "playbackMode"
192
318
  }
193
319
  ],
194
320
  "superclass": {
@@ -603,6 +729,14 @@
603
729
  },
604
730
  "attribute": "scene"
605
731
  },
732
+ {
733
+ "kind": "field",
734
+ "name": "loadTracker",
735
+ "type": {
736
+ "text": "LoadTracker | undefined"
737
+ },
738
+ "attribute": "loadTracker"
739
+ },
606
740
  {
607
741
  "kind": "field",
608
742
  "name": "componentGroupList",
@@ -664,6 +798,14 @@
664
798
  },
665
799
  "privacy": "private"
666
800
  },
801
+ {
802
+ "kind": "field",
803
+ "name": "_loadingOverlay",
804
+ "type": {
805
+ "text": "LoadingOverlay | undefined"
806
+ },
807
+ "privacy": "private"
808
+ },
667
809
  {
668
810
  "kind": "field",
669
811
  "name": "scopedElements",
@@ -794,6 +936,13 @@
794
936
  },
795
937
  "fieldName": "scene"
796
938
  },
939
+ {
940
+ "name": "loadTracker",
941
+ "type": {
942
+ "text": "LoadTracker | undefined"
943
+ },
944
+ "fieldName": "loadTracker"
945
+ },
797
946
  {
798
947
  "name": "componentGroupList",
799
948
  "type": {
@@ -912,6 +1061,15 @@
912
1061
  },
913
1062
  "attribute": "values"
914
1063
  },
1064
+ {
1065
+ "kind": "field",
1066
+ "name": "loadTracker",
1067
+ "type": {
1068
+ "text": "LoadTracker | undefined"
1069
+ },
1070
+ "description": "앱에서 미리 생성한 LoadTracker — fetch 시작 전 생성하면 네트워크 시간도 추적",
1071
+ "attribute": "loadTracker"
1072
+ },
915
1073
  {
916
1074
  "kind": "field",
917
1075
  "name": "hideFullscreen",
@@ -956,6 +1114,14 @@
956
1114
  },
957
1115
  "default": "[]"
958
1116
  },
1117
+ {
1118
+ "kind": "field",
1119
+ "name": "_loadingOverlay",
1120
+ "type": {
1121
+ "text": "LoadingOverlay | undefined"
1122
+ },
1123
+ "privacy": "private"
1124
+ },
959
1125
  {
960
1126
  "kind": "field",
961
1127
  "name": "_oldtarget",
@@ -971,6 +1137,30 @@
971
1137
  "text": "Array<Animation> | undefined"
972
1138
  }
973
1139
  },
1140
+ {
1141
+ "kind": "field",
1142
+ "name": "_fabExpanded",
1143
+ "type": {
1144
+ "text": "boolean"
1145
+ },
1146
+ "default": "false"
1147
+ },
1148
+ {
1149
+ "kind": "field",
1150
+ "name": "_playbackActive",
1151
+ "type": {
1152
+ "text": "boolean"
1153
+ },
1154
+ "default": "false"
1155
+ },
1156
+ {
1157
+ "kind": "field",
1158
+ "name": "_is3dMode",
1159
+ "type": {
1160
+ "text": "boolean"
1161
+ },
1162
+ "readonly": true
1163
+ },
974
1164
  {
975
1165
  "kind": "field",
976
1166
  "name": "currentBoardId",
@@ -1002,7 +1192,7 @@
1002
1192
  },
1003
1193
  {
1004
1194
  "kind": "field",
1005
- "name": "_fullscreen",
1195
+ "name": "_fabGroup",
1006
1196
  "type": {
1007
1197
  "text": "HTMLElement"
1008
1198
  }
@@ -1077,6 +1267,11 @@
1077
1267
  "kind": "field",
1078
1268
  "name": "fmbResetAnimation"
1079
1269
  },
1270
+ {
1271
+ "kind": "field",
1272
+ "name": "_pointerMoveHandler",
1273
+ "privacy": "private"
1274
+ },
1080
1275
  {
1081
1276
  "kind": "method",
1082
1277
  "name": "initSceneAsync"
@@ -1085,6 +1280,24 @@
1085
1280
  "kind": "method",
1086
1281
  "name": "initScene"
1087
1282
  },
1283
+ {
1284
+ "kind": "method",
1285
+ "name": "_ensureOverlay",
1286
+ "privacy": "private",
1287
+ "return": {
1288
+ "type": {
1289
+ "text": "void"
1290
+ }
1291
+ },
1292
+ "parameters": [
1293
+ {
1294
+ "name": "tracker",
1295
+ "type": {
1296
+ "text": "LoadTracker"
1297
+ }
1298
+ }
1299
+ ]
1300
+ },
1088
1301
  {
1089
1302
  "kind": "method",
1090
1303
  "name": "closeScene"
@@ -1170,6 +1383,84 @@
1170
1383
  "kind": "method",
1171
1384
  "name": "onTapFullscreen"
1172
1385
  },
1386
+ {
1387
+ "kind": "method",
1388
+ "name": "onTapToggle3D"
1389
+ },
1390
+ {
1391
+ "kind": "field",
1392
+ "name": "_playbackEngine",
1393
+ "type": {
1394
+ "text": "PlaybackEngine | undefined"
1395
+ },
1396
+ "privacy": "private"
1397
+ },
1398
+ {
1399
+ "kind": "method",
1400
+ "name": "onTapPlayback"
1401
+ },
1402
+ {
1403
+ "kind": "method",
1404
+ "name": "_onPlaybackStart",
1405
+ "privacy": "private",
1406
+ "parameters": [
1407
+ {
1408
+ "name": "e",
1409
+ "type": {
1410
+ "text": "CustomEvent"
1411
+ }
1412
+ }
1413
+ ]
1414
+ },
1415
+ {
1416
+ "kind": "method",
1417
+ "name": "_onPlaybackPause",
1418
+ "privacy": "private"
1419
+ },
1420
+ {
1421
+ "kind": "method",
1422
+ "name": "_onPlaybackResume",
1423
+ "privacy": "private"
1424
+ },
1425
+ {
1426
+ "kind": "method",
1427
+ "name": "_onPlaybackStop",
1428
+ "privacy": "private"
1429
+ },
1430
+ {
1431
+ "kind": "method",
1432
+ "name": "_onPlaybackSeek",
1433
+ "privacy": "private",
1434
+ "parameters": [
1435
+ {
1436
+ "name": "e",
1437
+ "type": {
1438
+ "text": "CustomEvent"
1439
+ }
1440
+ }
1441
+ ]
1442
+ },
1443
+ {
1444
+ "kind": "method",
1445
+ "name": "_onPlaybackSpeed",
1446
+ "privacy": "private",
1447
+ "parameters": [
1448
+ {
1449
+ "name": "e",
1450
+ "type": {
1451
+ "text": "CustomEvent"
1452
+ }
1453
+ }
1454
+ ]
1455
+ },
1456
+ {
1457
+ "kind": "field",
1458
+ "name": "_fetchPlaybackData",
1459
+ "type": {
1460
+ "text": "(startTime: string, endTime: string) => Promise<any> | undefined"
1461
+ },
1462
+ "description": "페이지에서 주입하는 playback 데이터 fetch 함수"
1463
+ },
1173
1464
  {
1174
1465
  "kind": "method",
1175
1466
  "name": "onRunBoard"
@@ -1361,20 +1652,38 @@
1361
1652
  ],
1362
1653
  "events": [
1363
1654
  {
1364
- "name": "run-board",
1655
+ "name": "playback-toggle",
1365
1656
  "type": {
1366
1657
  "text": "CustomEvent"
1367
1658
  }
1368
- }
1369
- ],
1370
- "attributes": [
1659
+ },
1371
1660
  {
1372
- "name": "baseUrl",
1661
+ "name": "playback-live-pause",
1373
1662
  "type": {
1374
- "text": "string"
1375
- },
1376
- "default": "''",
1377
- "fieldName": "baseUrl"
1663
+ "text": "CustomEvent"
1664
+ }
1665
+ },
1666
+ {
1667
+ "name": "playback-live-resume",
1668
+ "type": {
1669
+ "text": "CustomEvent"
1670
+ }
1671
+ },
1672
+ {
1673
+ "name": "run-board",
1674
+ "type": {
1675
+ "text": "CustomEvent"
1676
+ }
1677
+ }
1678
+ ],
1679
+ "attributes": [
1680
+ {
1681
+ "name": "baseUrl",
1682
+ "type": {
1683
+ "text": "string"
1684
+ },
1685
+ "default": "''",
1686
+ "fieldName": "baseUrl"
1378
1687
  },
1379
1688
  {
1380
1689
  "name": "board",
@@ -1406,6 +1715,14 @@
1406
1715
  },
1407
1716
  "fieldName": "values"
1408
1717
  },
1718
+ {
1719
+ "name": "loadTracker",
1720
+ "type": {
1721
+ "text": "LoadTracker | undefined"
1722
+ },
1723
+ "description": "앱에서 미리 생성한 LoadTracker — fetch 시작 전 생성하면 네트워크 시간도 추적",
1724
+ "fieldName": "loadTracker"
1725
+ },
1409
1726
  {
1410
1727
  "name": "hide-fullscreen",
1411
1728
  "type": {
@@ -1467,6 +1784,14 @@
1467
1784
  },
1468
1785
  "attribute": "value"
1469
1786
  },
1787
+ {
1788
+ "kind": "field",
1789
+ "name": "boardName",
1790
+ "type": {
1791
+ "text": "string | undefined"
1792
+ },
1793
+ "privacy": "private"
1794
+ },
1470
1795
  {
1471
1796
  "kind": "field",
1472
1797
  "name": "popup",
@@ -1475,6 +1800,19 @@
1475
1800
  },
1476
1801
  "privacy": "private"
1477
1802
  },
1803
+ {
1804
+ "kind": "method",
1805
+ "name": "_resolveName",
1806
+ "privacy": "private",
1807
+ "parameters": [
1808
+ {
1809
+ "name": "id",
1810
+ "type": {
1811
+ "text": "string"
1812
+ }
1813
+ }
1814
+ ]
1815
+ },
1478
1816
  {
1479
1817
  "kind": "method",
1480
1818
  "name": "_onInputChanged",
@@ -1545,211 +1883,535 @@
1545
1883
  },
1546
1884
  {
1547
1885
  "kind": "javascript-module",
1548
- "path": "src/ox-property-editor-board-selector.ts",
1886
+ "path": "src/ox-playback-controls.ts",
1549
1887
  "declarations": [
1550
1888
  {
1551
1889
  "kind": "class",
1552
- "description": "",
1553
- "name": "PropertyEditorBoardSelector",
1890
+ "description": "플레이백 컨트롤 오버레이 바 (2행 구조)\n\n1행: 시작 시점 설정 (datetime + ±1h 버튼) + 배속 선택\n2행: 재생 제어 (play/pause/stop) + 1시간 범위 시크바 + 닫기",
1891
+ "name": "PlaybackControls",
1554
1892
  "members": [
1893
+ {
1894
+ "kind": "field",
1895
+ "name": "playbackState",
1896
+ "type": {
1897
+ "text": "PlaybackState"
1898
+ },
1899
+ "default": "'idle'",
1900
+ "attribute": "playbackState"
1901
+ },
1902
+ {
1903
+ "kind": "field",
1904
+ "name": "speed",
1905
+ "type": {
1906
+ "text": "number"
1907
+ },
1908
+ "default": "1",
1909
+ "attribute": "speed"
1910
+ },
1911
+ {
1912
+ "kind": "field",
1913
+ "name": "currentTime",
1914
+ "type": {
1915
+ "text": "string"
1916
+ },
1917
+ "default": "''",
1918
+ "attribute": "currentTime"
1919
+ },
1920
+ {
1921
+ "kind": "field",
1922
+ "name": "timeRange",
1923
+ "type": {
1924
+ "text": "{ from: Date; to: Date }"
1925
+ },
1926
+ "default": "{ from: new Date(Date.now() - ONE_HOUR), to: new Date() }",
1927
+ "description": "외부에서 전달받은 초기 시간 범위 (from만 사용, to는 from+1h로 자동 계산)",
1928
+ "attribute": "timeRange"
1929
+ },
1930
+ {
1931
+ "kind": "field",
1932
+ "name": "_startTime",
1933
+ "type": {
1934
+ "text": "Date"
1935
+ },
1936
+ "privacy": "private"
1937
+ },
1938
+ {
1939
+ "kind": "field",
1940
+ "name": "_seekValue",
1941
+ "type": {
1942
+ "text": "number"
1943
+ },
1944
+ "privacy": "private"
1945
+ },
1946
+ {
1947
+ "kind": "field",
1948
+ "name": "_currentPlayTime",
1949
+ "type": {
1950
+ "text": "Date | null"
1951
+ },
1952
+ "privacy": "private"
1953
+ },
1954
+ {
1955
+ "kind": "field",
1956
+ "name": "_speeds",
1957
+ "type": {
1958
+ "text": "array"
1959
+ },
1960
+ "privacy": "private",
1961
+ "default": "[1, 2, 4, 8]"
1962
+ },
1963
+ {
1964
+ "kind": "field",
1965
+ "name": "_timer",
1966
+ "type": {
1967
+ "text": "number | undefined"
1968
+ },
1969
+ "privacy": "private"
1970
+ },
1971
+ {
1972
+ "kind": "field",
1973
+ "name": "_endTime",
1974
+ "type": {
1975
+ "text": "Date"
1976
+ },
1977
+ "privacy": "private",
1978
+ "readonly": true
1979
+ },
1555
1980
  {
1556
1981
  "kind": "method",
1557
- "name": "editorTemplate",
1982
+ "name": "_floorToHour",
1983
+ "privacy": "private",
1984
+ "static": true,
1558
1985
  "return": {
1559
1986
  "type": {
1560
- "text": "TemplateResult"
1987
+ "text": "Date"
1561
1988
  }
1562
1989
  },
1563
1990
  "parameters": [
1564
1991
  {
1565
- "name": "value",
1992
+ "name": "date",
1566
1993
  "type": {
1567
- "text": "any"
1994
+ "text": "Date"
1568
1995
  }
1569
- },
1996
+ }
1997
+ ]
1998
+ },
1999
+ {
2000
+ "kind": "method",
2001
+ "name": "_formatTime",
2002
+ "privacy": "private",
2003
+ "return": {
2004
+ "type": {
2005
+ "text": "string"
2006
+ }
2007
+ },
2008
+ "parameters": [
1570
2009
  {
1571
- "name": "spec",
2010
+ "name": "date",
1572
2011
  "type": {
1573
- "text": "PropertySpec"
2012
+ "text": "Date"
1574
2013
  }
1575
2014
  }
1576
2015
  ]
1577
- }
1578
- ],
1579
- "superclass": {
1580
- "name": "OxPropertyEditor",
1581
- "package": "@operato/property-editor"
1582
- },
1583
- "tagName": "ox-property-editor-board-selector",
1584
- "customElement": true
1585
- }
1586
- ],
1587
- "exports": [
1588
- {
1589
- "kind": "custom-element-definition",
1590
- "name": "ox-property-editor-board-selector",
1591
- "declaration": {
1592
- "name": "PropertyEditorBoardSelector",
1593
- "module": "src/ox-property-editor-board-selector.ts"
1594
- }
1595
- }
1596
- ]
1597
- },
1598
- {
1599
- "kind": "javascript-module",
1600
- "path": "src/ox-property-editor-theme.ts",
1601
- "declarations": [
1602
- {
1603
- "kind": "class",
1604
- "description": "",
1605
- "name": "OxPropertyEditorTheme",
1606
- "members": [
1607
- {
1608
- "kind": "field",
1609
- "name": "oxSelect",
1610
- "type": {
1611
- "text": "LitElement"
1612
- }
1613
2016
  },
1614
2017
  {
1615
2018
  "kind": "method",
1616
- "name": "editorTemplate",
2019
+ "name": "_toDateString",
2020
+ "privacy": "private",
1617
2021
  "return": {
1618
2022
  "type": {
1619
- "text": "TemplateResult"
2023
+ "text": "string"
1620
2024
  }
1621
2025
  },
1622
2026
  "parameters": [
1623
2027
  {
1624
- "name": "value",
2028
+ "name": "date",
1625
2029
  "type": {
1626
- "text": "any"
2030
+ "text": "Date"
1627
2031
  }
1628
- },
2032
+ }
2033
+ ]
2034
+ },
2035
+ {
2036
+ "kind": "method",
2037
+ "name": "_updateSeekPosition",
2038
+ "privacy": "private"
2039
+ },
2040
+ {
2041
+ "kind": "method",
2042
+ "name": "_onDateChange",
2043
+ "privacy": "private",
2044
+ "parameters": [
1629
2045
  {
1630
- "name": "spec",
2046
+ "name": "e",
1631
2047
  "type": {
1632
- "text": "PropertySpec"
2048
+ "text": "Event"
1633
2049
  }
1634
2050
  }
1635
2051
  ]
1636
2052
  },
1637
2053
  {
1638
2054
  "kind": "method",
1639
- "name": "_getOptionValue",
2055
+ "name": "_onHourChange",
2056
+ "privacy": "private",
1640
2057
  "parameters": [
1641
2058
  {
1642
- "name": "item",
2059
+ "name": "e",
1643
2060
  "type": {
1644
- "text": "Option"
2061
+ "text": "Event"
1645
2062
  }
1646
2063
  }
1647
2064
  ]
1648
2065
  },
1649
2066
  {
1650
2067
  "kind": "method",
1651
- "name": "_getOptionDisplay",
2068
+ "name": "_shiftTime",
2069
+ "privacy": "private",
1652
2070
  "parameters": [
1653
2071
  {
1654
- "name": "item",
2072
+ "name": "hours",
1655
2073
  "type": {
1656
- "text": "Option"
2074
+ "text": "number"
1657
2075
  }
1658
2076
  }
1659
2077
  ]
1660
2078
  },
1661
2079
  {
1662
2080
  "kind": "method",
1663
- "name": "_isSelected",
2081
+ "name": "_shiftStartTime",
2082
+ "privacy": "private",
1664
2083
  "parameters": [
1665
2084
  {
1666
- "name": "value",
2085
+ "name": "newStart",
1667
2086
  "type": {
1668
- "text": "any"
2087
+ "text": "Date"
1669
2088
  }
1670
- },
2089
+ }
2090
+ ],
2091
+ "description": "시작 시간 변경 시 현재 재생 시간도 같은 offset만큼 이동.\n재생 중이면 타이머 유지."
2092
+ },
2093
+ {
2094
+ "kind": "method",
2095
+ "name": "_onStart",
2096
+ "privacy": "private"
2097
+ },
2098
+ {
2099
+ "kind": "method",
2100
+ "name": "_onTogglePlayPause",
2101
+ "privacy": "private"
2102
+ },
2103
+ {
2104
+ "kind": "method",
2105
+ "name": "_onStop",
2106
+ "privacy": "private"
2107
+ },
2108
+ {
2109
+ "kind": "method",
2110
+ "name": "_onSeekInput",
2111
+ "privacy": "private",
2112
+ "parameters": [
1671
2113
  {
1672
- "name": "item",
2114
+ "name": "e",
1673
2115
  "type": {
1674
- "text": "Option"
2116
+ "text": "Event"
1675
2117
  }
1676
2118
  }
1677
2119
  ]
1678
- }
1679
- ],
1680
- "superclass": {
1681
- "name": "OxPropertyEditor",
1682
- "package": "@operato/property-editor"
1683
- },
1684
- "tagName": "ox-property-editor-theme",
1685
- "customElement": true
1686
- }
1687
- ],
1688
- "exports": [
1689
- {
1690
- "kind": "js",
1691
- "name": "default",
1692
- "declaration": {
1693
- "name": "OxPropertyEditorTheme",
1694
- "module": "src/ox-property-editor-theme.ts"
1695
- }
1696
- },
1697
- {
1698
- "kind": "custom-element-definition",
1699
- "name": "ox-property-editor-theme",
1700
- "declaration": {
1701
- "name": "OxPropertyEditorTheme",
1702
- "module": "src/ox-property-editor-theme.ts"
1703
- }
1704
- }
1705
- ]
1706
- },
1707
- {
1708
- "kind": "javascript-module",
1709
- "path": "src/types.ts",
1710
- "declarations": [],
1711
- "exports": []
2120
+ },
2121
+ {
2122
+ "kind": "method",
2123
+ "name": "_onSeekChange",
2124
+ "privacy": "private",
2125
+ "parameters": [
2126
+ {
2127
+ "name": "e",
2128
+ "type": {
2129
+ "text": "Event"
2130
+ }
2131
+ }
2132
+ ]
2133
+ },
2134
+ {
2135
+ "kind": "method",
2136
+ "name": "_onSpeedChange",
2137
+ "privacy": "private",
2138
+ "parameters": [
2139
+ {
2140
+ "name": "speed",
2141
+ "type": {
2142
+ "text": "number"
2143
+ }
2144
+ }
2145
+ ]
2146
+ },
2147
+ {
2148
+ "kind": "method",
2149
+ "name": "_startTimer",
2150
+ "privacy": "private"
2151
+ },
2152
+ {
2153
+ "kind": "method",
2154
+ "name": "_stopTimer",
2155
+ "privacy": "private"
2156
+ },
2157
+ {
2158
+ "kind": "method",
2159
+ "name": "_updateSeekFromPlayTime",
2160
+ "privacy": "private"
2161
+ }
2162
+ ],
2163
+ "events": [
2164
+ {
2165
+ "name": "playback-start",
2166
+ "type": {
2167
+ "text": "CustomEvent"
2168
+ },
2169
+ "description": "플레이백 시작 요청 { fromTime, speed }"
2170
+ },
2171
+ {
2172
+ "name": "playback-pause",
2173
+ "type": {
2174
+ "text": "CustomEvent"
2175
+ },
2176
+ "description": "일시정지 요청"
2177
+ },
2178
+ {
2179
+ "name": "playback-resume",
2180
+ "type": {
2181
+ "text": "CustomEvent"
2182
+ },
2183
+ "description": "재개 요청"
2184
+ },
2185
+ {
2186
+ "name": "playback-stop",
2187
+ "type": {
2188
+ "text": "CustomEvent"
2189
+ },
2190
+ "description": "중지 요청"
2191
+ },
2192
+ {
2193
+ "name": "playback-seek",
2194
+ "type": {
2195
+ "text": "CustomEvent"
2196
+ },
2197
+ "description": "시크 요청 { toTime }"
2198
+ },
2199
+ {
2200
+ "name": "playback-speed",
2201
+ "type": {
2202
+ "text": "CustomEvent"
2203
+ },
2204
+ "description": "배속 변경 요청 { speed }"
2205
+ },
2206
+ {
2207
+ "name": "playback-tick",
2208
+ "type": {
2209
+ "text": "CustomEvent"
2210
+ }
2211
+ }
2212
+ ],
2213
+ "attributes": [
2214
+ {
2215
+ "name": "playbackState",
2216
+ "type": {
2217
+ "text": "PlaybackState"
2218
+ },
2219
+ "default": "'idle'",
2220
+ "fieldName": "playbackState"
2221
+ },
2222
+ {
2223
+ "name": "speed",
2224
+ "type": {
2225
+ "text": "number"
2226
+ },
2227
+ "default": "1",
2228
+ "fieldName": "speed"
2229
+ },
2230
+ {
2231
+ "name": "currentTime",
2232
+ "type": {
2233
+ "text": "string"
2234
+ },
2235
+ "default": "''",
2236
+ "fieldName": "currentTime"
2237
+ },
2238
+ {
2239
+ "name": "timeRange",
2240
+ "type": {
2241
+ "text": "{ from: Date; to: Date }"
2242
+ },
2243
+ "default": "{ from: new Date(Date.now() - ONE_HOUR), to: new Date() }",
2244
+ "description": "외부에서 전달받은 초기 시간 범위 (from만 사용, to는 from+1h로 자동 계산)",
2245
+ "fieldName": "timeRange"
2246
+ }
2247
+ ],
2248
+ "superclass": {
2249
+ "name": "LitElement",
2250
+ "package": "lit"
2251
+ },
2252
+ "tagName": "ox-playback-controls",
2253
+ "customElement": true
2254
+ }
2255
+ ],
2256
+ "exports": [
2257
+ {
2258
+ "kind": "js",
2259
+ "name": "PlaybackControls",
2260
+ "declaration": {
2261
+ "name": "PlaybackControls",
2262
+ "module": "src/ox-playback-controls.ts"
2263
+ }
2264
+ },
2265
+ {
2266
+ "kind": "custom-element-definition",
2267
+ "name": "ox-playback-controls",
2268
+ "declaration": {
2269
+ "name": "PlaybackControls",
2270
+ "module": "src/ox-playback-controls.ts"
2271
+ }
2272
+ }
2273
+ ]
1712
2274
  },
1713
2275
  {
1714
2276
  "kind": "javascript-module",
1715
- "path": "stories/restful-attachment-selector.stories.ts",
2277
+ "path": "src/ox-property-editor-board-selector.ts",
1716
2278
  "declarations": [
1717
2279
  {
1718
- "kind": "variable",
1719
- "name": "meta",
1720
- "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
1721
- },
1722
- {
1723
- "kind": "variable",
1724
- "name": "Default",
1725
- "type": {
1726
- "text": "Story"
1727
- },
1728
- "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
1729
- },
1730
- {
1731
- "kind": "variable",
1732
- "name": "WithCategory",
1733
- "type": {
1734
- "text": "Story"
2280
+ "kind": "class",
2281
+ "description": "",
2282
+ "name": "PropertyEditorBoardSelector",
2283
+ "members": [
2284
+ {
2285
+ "kind": "method",
2286
+ "name": "editorTemplate",
2287
+ "return": {
2288
+ "type": {
2289
+ "text": "TemplateResult"
2290
+ }
2291
+ },
2292
+ "parameters": [
2293
+ {
2294
+ "name": "value",
2295
+ "type": {
2296
+ "text": "any"
2297
+ }
2298
+ },
2299
+ {
2300
+ "name": "spec",
2301
+ "type": {
2302
+ "text": "PropertySpec"
2303
+ }
2304
+ }
2305
+ ]
2306
+ }
2307
+ ],
2308
+ "superclass": {
2309
+ "name": "OxPropertyEditor",
2310
+ "package": "@operato/property-editor"
1735
2311
  },
1736
- "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
1737
- },
2312
+ "tagName": "ox-property-editor-board-selector",
2313
+ "customElement": true
2314
+ }
2315
+ ],
2316
+ "exports": [
1738
2317
  {
1739
- "kind": "variable",
1740
- "name": "ReadOnly",
1741
- "type": {
1742
- "text": "Story"
1743
- },
1744
- "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
1745
- },
2318
+ "kind": "custom-element-definition",
2319
+ "name": "ox-property-editor-board-selector",
2320
+ "declaration": {
2321
+ "name": "PropertyEditorBoardSelector",
2322
+ "module": "src/ox-property-editor-board-selector.ts"
2323
+ }
2324
+ }
2325
+ ]
2326
+ },
2327
+ {
2328
+ "kind": "javascript-module",
2329
+ "path": "src/ox-property-editor-theme.ts",
2330
+ "declarations": [
1746
2331
  {
1747
- "kind": "variable",
1748
- "name": "WithTestData",
1749
- "type": {
1750
- "text": "Story"
2332
+ "kind": "class",
2333
+ "description": "",
2334
+ "name": "OxPropertyEditorTheme",
2335
+ "members": [
2336
+ {
2337
+ "kind": "field",
2338
+ "name": "oxSelect",
2339
+ "type": {
2340
+ "text": "LitElement"
2341
+ }
2342
+ },
2343
+ {
2344
+ "kind": "method",
2345
+ "name": "editorTemplate",
2346
+ "return": {
2347
+ "type": {
2348
+ "text": "TemplateResult"
2349
+ }
2350
+ },
2351
+ "parameters": [
2352
+ {
2353
+ "name": "value",
2354
+ "type": {
2355
+ "text": "any"
2356
+ }
2357
+ },
2358
+ {
2359
+ "name": "spec",
2360
+ "type": {
2361
+ "text": "PropertySpec"
2362
+ }
2363
+ }
2364
+ ]
2365
+ },
2366
+ {
2367
+ "kind": "method",
2368
+ "name": "_getOptionValue",
2369
+ "parameters": [
2370
+ {
2371
+ "name": "item",
2372
+ "type": {
2373
+ "text": "Option"
2374
+ }
2375
+ }
2376
+ ]
2377
+ },
2378
+ {
2379
+ "kind": "method",
2380
+ "name": "_getOptionDisplay",
2381
+ "parameters": [
2382
+ {
2383
+ "name": "item",
2384
+ "type": {
2385
+ "text": "Option"
2386
+ }
2387
+ }
2388
+ ]
2389
+ },
2390
+ {
2391
+ "kind": "method",
2392
+ "name": "_isSelected",
2393
+ "parameters": [
2394
+ {
2395
+ "name": "value",
2396
+ "type": {
2397
+ "text": "any"
2398
+ }
2399
+ },
2400
+ {
2401
+ "name": "item",
2402
+ "type": {
2403
+ "text": "Option"
2404
+ }
2405
+ }
2406
+ ]
2407
+ }
2408
+ ],
2409
+ "superclass": {
2410
+ "name": "OxPropertyEditor",
2411
+ "package": "@operato/property-editor"
1751
2412
  },
1752
- "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
2413
+ "tagName": "ox-property-editor-theme",
2414
+ "customElement": true
1753
2415
  }
1754
2416
  ],
1755
2417
  "exports": [
@@ -1757,44 +2419,26 @@
1757
2419
  "kind": "js",
1758
2420
  "name": "default",
1759
2421
  "declaration": {
1760
- "name": "meta",
1761
- "module": "stories/restful-attachment-selector.stories.ts"
1762
- }
1763
- },
1764
- {
1765
- "kind": "js",
1766
- "name": "Default",
1767
- "declaration": {
1768
- "name": "Default",
1769
- "module": "stories/restful-attachment-selector.stories.ts"
1770
- }
1771
- },
1772
- {
1773
- "kind": "js",
1774
- "name": "WithCategory",
1775
- "declaration": {
1776
- "name": "WithCategory",
1777
- "module": "stories/restful-attachment-selector.stories.ts"
1778
- }
1779
- },
1780
- {
1781
- "kind": "js",
1782
- "name": "ReadOnly",
1783
- "declaration": {
1784
- "name": "ReadOnly",
1785
- "module": "stories/restful-attachment-selector.stories.ts"
2422
+ "name": "OxPropertyEditorTheme",
2423
+ "module": "src/ox-property-editor-theme.ts"
1786
2424
  }
1787
2425
  },
1788
2426
  {
1789
- "kind": "js",
1790
- "name": "WithTestData",
2427
+ "kind": "custom-element-definition",
2428
+ "name": "ox-property-editor-theme",
1791
2429
  "declaration": {
1792
- "name": "WithTestData",
1793
- "module": "stories/restful-attachment-selector.stories.ts"
2430
+ "name": "OxPropertyEditorTheme",
2431
+ "module": "src/ox-property-editor-theme.ts"
1794
2432
  }
1795
2433
  }
1796
2434
  ]
1797
2435
  },
2436
+ {
2437
+ "kind": "javascript-module",
2438
+ "path": "src/types.ts",
2439
+ "declarations": [],
2440
+ "exports": []
2441
+ },
1798
2442
  {
1799
2443
  "kind": "javascript-module",
1800
2444
  "path": "src/component/etc.ts",
@@ -1810,7 +2454,7 @@
1810
2454
  "type": {
1811
2455
  "text": "ComponentGroup"
1812
2456
  },
1813
- "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'popup', description: 'popup window', icon: popup, group: 'container', model: { type: 'popup', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: 'DarkGoldenRod' } } ] }"
2457
+ "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'popup', description: 'popup window', icon: popup, group: 'container', model: { type: 'popup', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: 'DarkGoldenRod' } }, { type: 'floor-plate', description: 'floor plate for multi-story layout', icon: rect, group: '3d', model: { type: 'floor-plate', left: 100, top: 100, width: 500, height: 500, depth: 2, fillStyle: '#e8e8e8', strokeStyle: '#999999', alpha: 0.7 } } ] }"
1814
2458
  }
1815
2459
  ],
1816
2460
  "exports": [
@@ -2804,176 +3448,523 @@
2804
3448
  "fieldName": "gradient"
2805
3449
  },
2806
3450
  {
2807
- "name": "pattern",
2808
- "type": {
2809
- "text": "BackgroundPatternOption | undefined"
3451
+ "name": "pattern",
3452
+ "type": {
3453
+ "text": "BackgroundPatternOption | undefined"
3454
+ },
3455
+ "fieldName": "pattern"
3456
+ },
3457
+ {
3458
+ "name": "color-only",
3459
+ "type": {
3460
+ "text": "boolean"
3461
+ },
3462
+ "default": "false",
3463
+ "fieldName": "colorOnly"
3464
+ }
3465
+ ],
3466
+ "superclass": {
3467
+ "name": "OxFormField",
3468
+ "package": "@operato/input"
3469
+ },
3470
+ "tagName": "restful-input-fill-style",
3471
+ "customElement": true
3472
+ }
3473
+ ],
3474
+ "exports": [
3475
+ {
3476
+ "kind": "js",
3477
+ "name": "RestfulInputColorStyle",
3478
+ "declaration": {
3479
+ "name": "RestfulInputColorStyle",
3480
+ "module": "src/component/restful-input-fill-style.ts"
3481
+ }
3482
+ },
3483
+ {
3484
+ "kind": "custom-element-definition",
3485
+ "name": "restful-input-fill-style",
3486
+ "declaration": {
3487
+ "name": "RestfulInputColorStyle",
3488
+ "module": "src/component/restful-input-fill-style.ts"
3489
+ }
3490
+ }
3491
+ ]
3492
+ },
3493
+ {
3494
+ "kind": "javascript-module",
3495
+ "path": "src/component/restrul-input-background-pattern.ts",
3496
+ "declarations": [
3497
+ {
3498
+ "kind": "class",
3499
+ "description": "컴포넌트의 fill pattern을 편집하는 element\n\nExample:\n <restful-input-background-pattern",
3500
+ "name": "RestfulInputBackgroundPattern",
3501
+ "members": [
3502
+ {
3503
+ "kind": "field",
3504
+ "name": "value",
3505
+ "type": {
3506
+ "text": "BackgroundPatternOption | undefined"
3507
+ },
3508
+ "attribute": "value"
3509
+ },
3510
+ {
3511
+ "kind": "method",
3512
+ "name": "_onChange",
3513
+ "parameters": [
3514
+ {
3515
+ "name": "e",
3516
+ "type": {
3517
+ "text": "Event"
3518
+ }
3519
+ }
3520
+ ]
3521
+ }
3522
+ ],
3523
+ "events": [
3524
+ {
3525
+ "name": "change",
3526
+ "type": {
3527
+ "text": "CustomEvent"
3528
+ }
3529
+ }
3530
+ ],
3531
+ "attributes": [
3532
+ {
3533
+ "name": "value",
3534
+ "type": {
3535
+ "text": "BackgroundPatternOption | undefined"
3536
+ },
3537
+ "fieldName": "value"
3538
+ }
3539
+ ],
3540
+ "superclass": {
3541
+ "name": "OxFormField",
3542
+ "package": "@operato/input"
3543
+ },
3544
+ "tagName": "restful-input-background-pattern",
3545
+ "customElement": true
3546
+ }
3547
+ ],
3548
+ "exports": [
3549
+ {
3550
+ "kind": "js",
3551
+ "name": "RestfulInputBackgroundPattern",
3552
+ "declaration": {
3553
+ "name": "RestfulInputBackgroundPattern",
3554
+ "module": "src/component/restrul-input-background-pattern.ts"
3555
+ }
3556
+ },
3557
+ {
3558
+ "kind": "custom-element-definition",
3559
+ "name": "restful-input-background-pattern",
3560
+ "declaration": {
3561
+ "name": "RestfulInputBackgroundPattern",
3562
+ "module": "src/component/restrul-input-background-pattern.ts"
3563
+ }
3564
+ }
3565
+ ]
3566
+ },
3567
+ {
3568
+ "kind": "javascript-module",
3569
+ "path": "src/data-storage/board-model-cache.ts",
3570
+ "declarations": [
3571
+ {
3572
+ "kind": "class",
3573
+ "description": "",
3574
+ "name": "BoardModelCache",
3575
+ "members": [
3576
+ {
3577
+ "kind": "method",
3578
+ "name": "get",
3579
+ "static": true,
3580
+ "return": {
3581
+ "type": {
3582
+ "text": "Promise<CachedBoard | null>"
3583
+ }
3584
+ },
3585
+ "parameters": [
3586
+ {
3587
+ "name": "boardId",
3588
+ "type": {
3589
+ "text": "string"
3590
+ }
3591
+ }
3592
+ ]
3593
+ },
3594
+ {
3595
+ "kind": "method",
3596
+ "name": "put",
3597
+ "static": true,
3598
+ "return": {
3599
+ "type": {
3600
+ "text": "Promise<void>"
3601
+ }
3602
+ },
3603
+ "parameters": [
3604
+ {
3605
+ "name": "boardId",
3606
+ "type": {
3607
+ "text": "string"
3608
+ }
3609
+ },
3610
+ {
3611
+ "name": "name",
3612
+ "type": {
3613
+ "text": "string"
3614
+ }
3615
+ },
3616
+ {
3617
+ "name": "model",
3618
+ "type": {
3619
+ "text": "string"
3620
+ }
3621
+ },
3622
+ {
3623
+ "name": "updatedAt",
3624
+ "type": {
3625
+ "text": "string"
3626
+ }
3627
+ }
3628
+ ]
3629
+ },
3630
+ {
3631
+ "kind": "method",
3632
+ "name": "isValid",
3633
+ "static": true,
3634
+ "return": {
3635
+ "type": {
3636
+ "text": "Promise<boolean>"
3637
+ }
3638
+ },
3639
+ "parameters": [
3640
+ {
3641
+ "name": "boardId",
3642
+ "type": {
3643
+ "text": "string"
3644
+ }
3645
+ },
3646
+ {
3647
+ "name": "serverUpdatedAt",
3648
+ "type": {
3649
+ "text": "string"
3650
+ }
3651
+ }
3652
+ ]
3653
+ },
3654
+ {
3655
+ "kind": "method",
3656
+ "name": "remove",
3657
+ "static": true,
3658
+ "return": {
3659
+ "type": {
3660
+ "text": "Promise<void>"
3661
+ }
2810
3662
  },
2811
- "fieldName": "pattern"
3663
+ "parameters": [
3664
+ {
3665
+ "name": "boardId",
3666
+ "type": {
3667
+ "text": "string"
3668
+ }
3669
+ }
3670
+ ]
2812
3671
  },
2813
3672
  {
2814
- "name": "color-only",
2815
- "type": {
2816
- "text": "boolean"
2817
- },
2818
- "default": "false",
2819
- "fieldName": "colorOnly"
3673
+ "kind": "method",
3674
+ "name": "clear",
3675
+ "static": true,
3676
+ "return": {
3677
+ "type": {
3678
+ "text": "Promise<void>"
3679
+ }
3680
+ }
2820
3681
  }
2821
- ],
2822
- "superclass": {
2823
- "name": "OxFormField",
2824
- "package": "@operato/input"
2825
- },
2826
- "tagName": "restful-input-fill-style",
2827
- "customElement": true
3682
+ ]
2828
3683
  }
2829
3684
  ],
2830
3685
  "exports": [
2831
3686
  {
2832
3687
  "kind": "js",
2833
- "name": "RestfulInputColorStyle",
2834
- "declaration": {
2835
- "name": "RestfulInputColorStyle",
2836
- "module": "src/component/restful-input-fill-style.ts"
2837
- }
2838
- },
2839
- {
2840
- "kind": "custom-element-definition",
2841
- "name": "restful-input-fill-style",
3688
+ "name": "BoardModelCache",
2842
3689
  "declaration": {
2843
- "name": "RestfulInputColorStyle",
2844
- "module": "src/component/restful-input-fill-style.ts"
3690
+ "name": "BoardModelCache",
3691
+ "module": "src/data-storage/board-model-cache.ts"
2845
3692
  }
2846
3693
  }
2847
3694
  ]
2848
3695
  },
2849
3696
  {
2850
3697
  "kind": "javascript-module",
2851
- "path": "src/component/restrul-input-background-pattern.ts",
3698
+ "path": "src/data-storage/data-storage.ts",
2852
3699
  "declarations": [
2853
3700
  {
2854
3701
  "kind": "class",
2855
- "description": "컴포넌트의 fill pattern을 편집하는 element\n\nExample:\n <restful-input-background-pattern",
2856
- "name": "RestfulInputBackgroundPattern",
3702
+ "description": "",
3703
+ "name": "DataStorage",
2857
3704
  "members": [
2858
3705
  {
2859
3706
  "kind": "field",
2860
- "name": "value",
3707
+ "name": "id",
2861
3708
  "type": {
2862
- "text": "BackgroundPatternOption | undefined"
3709
+ "text": "string"
2863
3710
  },
2864
- "attribute": "value"
3711
+ "privacy": "private",
3712
+ "default": "id"
2865
3713
  },
2866
3714
  {
2867
3715
  "kind": "method",
2868
- "name": "_onChange",
3716
+ "name": "load",
3717
+ "privacy": "public",
3718
+ "return": {
3719
+ "type": {
3720
+ "text": "Promise<any>"
3721
+ }
3722
+ },
2869
3723
  "parameters": [
2870
3724
  {
2871
- "name": "e",
3725
+ "name": "key",
2872
3726
  "type": {
2873
- "text": "Event"
3727
+ "text": "Component"
2874
3728
  }
2875
3729
  }
2876
3730
  ]
2877
- }
2878
- ],
2879
- "events": [
3731
+ },
2880
3732
  {
2881
- "name": "change",
2882
- "type": {
2883
- "text": "CustomEvent"
2884
- }
2885
- }
2886
- ],
2887
- "attributes": [
3733
+ "kind": "method",
3734
+ "name": "save",
3735
+ "privacy": "public",
3736
+ "return": {
3737
+ "type": {
3738
+ "text": "Promise<void>"
3739
+ }
3740
+ },
3741
+ "parameters": [
3742
+ {
3743
+ "name": "key",
3744
+ "type": {
3745
+ "text": "Component"
3746
+ }
3747
+ },
3748
+ {
3749
+ "name": "value",
3750
+ "type": {
3751
+ "text": "any"
3752
+ }
3753
+ }
3754
+ ]
3755
+ },
2888
3756
  {
2889
- "name": "value",
2890
- "type": {
2891
- "text": "BackgroundPatternOption | undefined"
3757
+ "kind": "method",
3758
+ "name": "clear",
3759
+ "privacy": "public",
3760
+ "return": {
3761
+ "type": {
3762
+ "text": "Promise<void>"
3763
+ }
2892
3764
  },
2893
- "fieldName": "value"
3765
+ "parameters": [
3766
+ {
3767
+ "name": "key",
3768
+ "type": {
3769
+ "text": "Component"
3770
+ }
3771
+ }
3772
+ ]
2894
3773
  }
2895
- ],
2896
- "superclass": {
2897
- "name": "OxFormField",
2898
- "package": "@operato/input"
2899
- },
2900
- "tagName": "restful-input-background-pattern",
2901
- "customElement": true
3774
+ ]
2902
3775
  }
2903
3776
  ],
2904
3777
  "exports": [
2905
3778
  {
2906
3779
  "kind": "js",
2907
- "name": "RestfulInputBackgroundPattern",
2908
- "declaration": {
2909
- "name": "RestfulInputBackgroundPattern",
2910
- "module": "src/component/restrul-input-background-pattern.ts"
2911
- }
2912
- },
2913
- {
2914
- "kind": "custom-element-definition",
2915
- "name": "restful-input-background-pattern",
3780
+ "name": "DataStorage",
2916
3781
  "declaration": {
2917
- "name": "RestfulInputBackgroundPattern",
2918
- "module": "src/component/restrul-input-background-pattern.ts"
3782
+ "name": "DataStorage",
3783
+ "module": "src/data-storage/data-storage.ts"
2919
3784
  }
2920
3785
  }
2921
3786
  ]
2922
3787
  },
2923
3788
  {
2924
3789
  "kind": "javascript-module",
2925
- "path": "src/data-storage/data-storage.ts",
3790
+ "path": "src/layers/mcs-mouse-event-handler.ts",
3791
+ "declarations": [],
3792
+ "exports": []
3793
+ },
3794
+ {
3795
+ "kind": "javascript-module",
3796
+ "path": "src/layers/movement-layer.ts",
2926
3797
  "declarations": [
2927
3798
  {
2928
3799
  "kind": "class",
2929
3800
  "description": "",
2930
- "name": "DataStorage",
3801
+ "name": "MovementLayer",
2931
3802
  "members": [
2932
3803
  {
2933
3804
  "kind": "field",
2934
- "name": "id",
3805
+ "name": "drawInstructionHandler"
3806
+ },
3807
+ {
3808
+ "kind": "field",
3809
+ "name": "clickComponentHandler"
3810
+ },
3811
+ {
3812
+ "kind": "field",
3813
+ "name": "onchangeTarget"
3814
+ },
3815
+ {
3816
+ "kind": "method",
3817
+ "name": "ready"
3818
+ },
3819
+ {
3820
+ "kind": "method",
3821
+ "name": "dispose"
3822
+ },
3823
+ {
3824
+ "kind": "field",
3825
+ "name": "pointerEvents",
3826
+ "readonly": true
3827
+ },
3828
+ {
3829
+ "kind": "field",
3830
+ "name": "capturable",
3831
+ "readonly": true
3832
+ },
3833
+ {
3834
+ "kind": "method",
3835
+ "name": "drawArrow",
3836
+ "parameters": [
3837
+ {
3838
+ "name": "ctx",
3839
+ "type": {
3840
+ "text": "CanvasRenderingContext2D"
3841
+ }
3842
+ },
3843
+ {
3844
+ "name": "p1",
3845
+ "type": {
3846
+ "text": "POINT"
3847
+ }
3848
+ },
3849
+ {
3850
+ "name": "p2",
3851
+ "type": {
3852
+ "text": "POINT"
3853
+ }
3854
+ },
3855
+ {
3856
+ "name": "pathType",
3857
+ "type": {
3858
+ "text": "PathType"
3859
+ }
3860
+ },
3861
+ {
3862
+ "name": "pathStatus",
3863
+ "type": {
3864
+ "text": "PathStatus"
3865
+ }
3866
+ },
3867
+ {
3868
+ "name": "label",
3869
+ "type": {
3870
+ "text": "string"
3871
+ }
3872
+ },
3873
+ {
3874
+ "name": "styles",
3875
+ "optional": true,
3876
+ "type": {
3877
+ "text": "PathStyles"
3878
+ }
3879
+ }
3880
+ ]
3881
+ },
3882
+ {
3883
+ "kind": "method",
3884
+ "name": "findSourceAndTarget",
3885
+ "return": {
3886
+ "type": {
3887
+ "text": "[Component?, Component?]"
3888
+ }
3889
+ },
3890
+ "parameters": [
3891
+ {
3892
+ "name": "path",
3893
+ "type": {
3894
+ "text": "PATH"
3895
+ }
3896
+ }
3897
+ ]
3898
+ },
3899
+ {
3900
+ "kind": "field",
3901
+ "name": "monitoringTargets",
2935
3902
  "type": {
2936
- "text": "string"
3903
+ "text": "Component[]"
2937
3904
  },
2938
3905
  "privacy": "private",
2939
- "default": "id"
3906
+ "default": "[]"
2940
3907
  },
2941
3908
  {
2942
3909
  "kind": "method",
2943
- "name": "load",
2944
- "privacy": "public",
2945
- "return": {
2946
- "type": {
2947
- "text": "Promise<any>"
2948
- }
2949
- },
3910
+ "name": "clearMonitoringTargets",
3911
+ "privacy": "private"
3912
+ },
3913
+ {
3914
+ "kind": "method",
3915
+ "name": "addMonitoringTarget",
3916
+ "privacy": "private",
2950
3917
  "parameters": [
2951
3918
  {
2952
- "name": "key",
3919
+ "name": "targets",
2953
3920
  "type": {
2954
- "text": "Component"
3921
+ "text": "Component[]"
2955
3922
  }
2956
3923
  }
2957
3924
  ]
2958
3925
  },
2959
3926
  {
2960
3927
  "kind": "method",
2961
- "name": "save",
2962
- "privacy": "public",
2963
- "return": {
2964
- "type": {
2965
- "text": "Promise<void>"
3928
+ "name": "render3D",
3929
+ "privacy": "private",
3930
+ "parameters": [
3931
+ {
3932
+ "name": "movement",
3933
+ "type": {
3934
+ "text": "MOVEMENT"
3935
+ }
3936
+ },
3937
+ {
3938
+ "name": "rootModel",
3939
+ "type": {
3940
+ "text": "any"
3941
+ }
2966
3942
  }
2967
- },
3943
+ ]
3944
+ },
3945
+ {
3946
+ "kind": "field",
3947
+ "name": "eventMap",
3948
+ "readonly": true
3949
+ },
3950
+ {
3951
+ "kind": "method",
3952
+ "name": "onchangeModelLayer",
2968
3953
  "parameters": [
2969
3954
  {
2970
- "name": "key",
3955
+ "name": "after",
2971
3956
  "type": {
2972
- "text": "Component"
3957
+ "text": "Record<string, any>"
2973
3958
  }
2974
3959
  },
2975
3960
  {
2976
- "name": "value",
3961
+ "name": "before",
3962
+ "type": {
3963
+ "text": "Record<string, any>"
3964
+ }
3965
+ },
3966
+ {
3967
+ "name": "hint",
2977
3968
  "type": {
2978
3969
  "text": "any"
2979
3970
  }
@@ -2982,772 +3973,955 @@
2982
3973
  },
2983
3974
  {
2984
3975
  "kind": "method",
2985
- "name": "clear",
2986
- "privacy": "public",
3976
+ "name": "onchangeData",
2987
3977
  "return": {
2988
3978
  "type": {
2989
- "text": "Promise<void>"
3979
+ "text": "void"
2990
3980
  }
2991
3981
  },
2992
3982
  "parameters": [
2993
3983
  {
2994
- "name": "key",
3984
+ "name": "after",
2995
3985
  "type": {
2996
- "text": "Component"
3986
+ "text": "Record<string, any>"
3987
+ }
3988
+ },
3989
+ {
3990
+ "name": "before",
3991
+ "type": {
3992
+ "text": "Record<string, any>"
2997
3993
  }
2998
3994
  }
2999
3995
  ]
3000
3996
  }
3001
- ]
3997
+ ],
3998
+ "superclass": {
3999
+ "name": "Layer",
4000
+ "package": "@hatiolab/things-scene"
4001
+ }
3002
4002
  }
3003
4003
  ],
3004
4004
  "exports": [
3005
4005
  {
3006
4006
  "kind": "js",
3007
- "name": "DataStorage",
4007
+ "name": "default",
3008
4008
  "declaration": {
3009
- "name": "DataStorage",
3010
- "module": "src/data-storage/data-storage.ts"
4009
+ "name": "MovementLayer",
4010
+ "module": "src/layers/movement-layer.ts"
3011
4011
  }
3012
4012
  }
3013
4013
  ]
3014
4014
  },
3015
4015
  {
3016
4016
  "kind": "javascript-module",
3017
- "path": "src/layers/mcs-mouse-event-handler.ts",
3018
- "declarations": [],
3019
- "exports": []
4017
+ "path": "src/modeller/edit-toolbar-style.ts",
4018
+ "declarations": [
4019
+ {
4020
+ "kind": "variable",
4021
+ "name": "style",
4022
+ "default": "css` :host { background-color: var(--edit-toolbar-background-color, var(--md-sys-color-secondary, #394e64)); overflow-x: hidden; } [tools] { display: flex; align-items: center; overflow: hidden; padding: 0px 10px; } [tools] > * { padding: 0px; } [tools] > span[button] { min-width: 30px; } [tools] > span[padding] { flex: 1; } [tools] > .vline { display: block; flex: none; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.15); width: 0px; height: 18px; margin: 0 3px; } span[button] { min-height: 35px; background: var(--url-icon-htoolbar) no-repeat; background-position-x: 50%; opacity: 0.8; } span[button]:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } #fullscreen, #toggle-property { flex: none; } #align-left { background-position-y: 8px; } #align-center { background-position-y: -42px; } #align-right { background-position-y: -92px; } #align-top { background-position-y: -142px; } #align-middle { background-position-y: -192px; } #align-bottom { background-position-y: -242px; } #undo { background-position-y: -592px; } #redo { background-position-y: -642px; } #front { background-position-y: -292px; } #back { background-position-y: -342px; } #forward { background-position-y: -392px; } #backward { background-position-y: -442px; } #symmetry-x { background-position-y: -492px; } #symmetry-y { background-position-y: -542px; } #group { background-position-y: -492px; } #ungroup { background-position-y: -542px; } #fullscreen { background-position-y: -692px; } #toggle-property { background-position-y: -692px; float: right; } #zoomin { background-position-y: -742px; } #zoomout { background-position-y: -792px; } #fit-scene { background-position-y: -1492px; } #cut { background-position-y: -842px; } #copy { background-position-y: -892px; } #paste { background-position-y: -942px; } #delete { background-position-y: -992px; } #font-increase { background-position-y: -1042px; } #font-decrease { background-position-y: -1092px; } #style-copy { background-position-y: -1142px; } #databind-copy { background-position-y: -1692px; } #context-menu { background-position-y: -692px; } #symmetry-x { background-position-y: -1192px; } #symmetry-y { background-position-y: -1242px; } #rotate-cw { background-position-y: -1292px; } #rotate-ccw { background-position-y: -1342px; } #distribute-horizontal { background-position-y: -1542px; } #distribute-vertical { background-position-y: -1593px; } #align-z-front { background-position-y: -142px; filter: hue-rotate(180deg); } #align-z-middle { background-position-y: -192px; filter: hue-rotate(180deg); } #align-z-back { background-position-y: -242px; filter: hue-rotate(180deg); } #distribute-z { background-position-y: -1593px; filter: hue-rotate(180deg); } .gizmo-btn { background: none !important; color: rgba(255, 255, 255, 0.5); min-width: 24px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 3px; padding: 2px; } .gizmo-btn[disabled] { opacity: 0.3; pointer-events: none; } #toggle-property { background-position-y: -1392px; } #preview { background-position-y: -1640px; } /* bigger buttons */ #fullscreen { background: var(--url-icon-fullscreen) 50% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property { background: var(--url-icon-collapse) 80% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property[active] { background: var(--url-icon-collapse-active) 80% 10px no-repeat; } #generate-model { background-position-y: -1492px; } `"
4023
+ }
4024
+ ],
4025
+ "exports": [
4026
+ {
4027
+ "kind": "js",
4028
+ "name": "style",
4029
+ "declaration": {
4030
+ "name": "style",
4031
+ "module": "src/modeller/edit-toolbar-style.ts"
4032
+ }
4033
+ }
4034
+ ]
3020
4035
  },
3021
4036
  {
3022
4037
  "kind": "javascript-module",
3023
- "path": "src/layers/movement-layer.ts",
4038
+ "path": "src/modeller/edit-toolbar.ts",
3024
4039
  "declarations": [
3025
4040
  {
3026
4041
  "kind": "class",
3027
4042
  "description": "",
3028
- "name": "MovementLayer",
4043
+ "name": "EditToolbar",
3029
4044
  "members": [
3030
4045
  {
3031
4046
  "kind": "field",
3032
- "name": "drawInstructionHandler"
4047
+ "name": "scene",
4048
+ "type": {
4049
+ "text": "Scene | undefined"
4050
+ },
4051
+ "attribute": "scene"
3033
4052
  },
3034
4053
  {
3035
4054
  "kind": "field",
3036
- "name": "clickComponentHandler"
4055
+ "name": "selected",
4056
+ "type": {
4057
+ "text": "any[]"
4058
+ },
4059
+ "default": "[]",
4060
+ "attribute": "selected"
3037
4061
  },
3038
4062
  {
3039
4063
  "kind": "field",
3040
- "name": "onchangeTarget"
4064
+ "name": "hideProperty",
4065
+ "type": {
4066
+ "text": "boolean"
4067
+ },
4068
+ "default": "false",
4069
+ "attribute": "hideProperty"
4070
+ },
4071
+ {
4072
+ "kind": "field",
4073
+ "name": "_dimension",
4074
+ "type": {
4075
+ "text": "'2d' | '3d' | null"
4076
+ },
4077
+ "privacy": "private",
4078
+ "default": "null"
4079
+ },
4080
+ {
4081
+ "kind": "field",
4082
+ "name": "_gizmoAttached",
4083
+ "type": {
4084
+ "text": "boolean"
4085
+ },
4086
+ "privacy": "private",
4087
+ "default": "false"
4088
+ },
4089
+ {
4090
+ "kind": "field",
4091
+ "name": "cliped",
4092
+ "type": {
4093
+ "text": "string | undefined"
4094
+ },
4095
+ "privacy": "private"
3041
4096
  },
3042
4097
  {
3043
4098
  "kind": "method",
3044
- "name": "ready"
4099
+ "name": "hasEmptySlot"
3045
4100
  },
3046
4101
  {
3047
4102
  "kind": "method",
3048
- "name": "dispose"
4103
+ "name": "onWheelEvent",
4104
+ "parameters": [
4105
+ {
4106
+ "name": "e",
4107
+ "type": {
4108
+ "text": "Event"
4109
+ }
4110
+ }
4111
+ ]
3049
4112
  },
3050
4113
  {
3051
- "kind": "field",
3052
- "name": "pointerEvents",
3053
- "readonly": true
4114
+ "kind": "method",
4115
+ "name": "getSymbol",
4116
+ "parameters": [
4117
+ {
4118
+ "name": "key",
4119
+ "type": {
4120
+ "text": "string"
4121
+ }
4122
+ }
4123
+ ]
3054
4124
  },
3055
4125
  {
3056
- "kind": "field",
3057
- "name": "capturable",
3058
- "readonly": true
4126
+ "kind": "method",
4127
+ "name": "getShortcutString",
4128
+ "privacy": "private",
4129
+ "parameters": [
4130
+ {
4131
+ "name": "keys",
4132
+ "type": {
4133
+ "text": "string[]"
4134
+ }
4135
+ }
4136
+ ]
4137
+ },
4138
+ {
4139
+ "kind": "method",
4140
+ "name": "onShortcut",
4141
+ "parameters": [
4142
+ {
4143
+ "name": "e",
4144
+ "type": {
4145
+ "text": "KeyboardEvent"
4146
+ }
4147
+ }
4148
+ ]
4149
+ },
4150
+ {
4151
+ "kind": "method",
4152
+ "name": "_setDisabled",
4153
+ "privacy": "private",
4154
+ "parameters": [
4155
+ {
4156
+ "name": "id",
4157
+ "type": {
4158
+ "text": "string"
4159
+ }
4160
+ },
4161
+ {
4162
+ "name": "disabled",
4163
+ "type": {
4164
+ "text": "boolean"
4165
+ }
4166
+ }
4167
+ ]
4168
+ },
4169
+ {
4170
+ "kind": "method",
4171
+ "name": "onExecute",
4172
+ "parameters": [
4173
+ {
4174
+ "name": "command",
4175
+ "type": {
4176
+ "text": "string"
4177
+ }
4178
+ },
4179
+ {
4180
+ "name": "undoable",
4181
+ "type": {
4182
+ "text": "boolean"
4183
+ }
4184
+ },
4185
+ {
4186
+ "name": "redoable",
4187
+ "type": {
4188
+ "text": "boolean"
4189
+ }
4190
+ }
4191
+ ]
3059
4192
  },
3060
4193
  {
3061
4194
  "kind": "method",
3062
- "name": "drawArrow",
4195
+ "name": "onUndo",
3063
4196
  "parameters": [
3064
4197
  {
3065
- "name": "ctx",
3066
- "type": {
3067
- "text": "CanvasRenderingContext2D"
3068
- }
3069
- },
3070
- {
3071
- "name": "p1",
4198
+ "name": "undoable",
3072
4199
  "type": {
3073
- "text": "POINT"
4200
+ "text": "boolean"
3074
4201
  }
3075
4202
  },
3076
4203
  {
3077
- "name": "p2",
4204
+ "name": "redoable",
3078
4205
  "type": {
3079
- "text": "POINT"
4206
+ "text": "boolean"
3080
4207
  }
3081
- },
4208
+ }
4209
+ ]
4210
+ },
4211
+ {
4212
+ "kind": "method",
4213
+ "name": "onRedo",
4214
+ "parameters": [
3082
4215
  {
3083
- "name": "pathType",
4216
+ "name": "undoable",
3084
4217
  "type": {
3085
- "text": "PathType"
4218
+ "text": "boolean"
3086
4219
  }
3087
4220
  },
3088
4221
  {
3089
- "name": "pathStatus",
4222
+ "name": "redoable",
3090
4223
  "type": {
3091
- "text": "PathStatus"
4224
+ "text": "boolean"
3092
4225
  }
3093
- },
4226
+ }
4227
+ ]
4228
+ },
4229
+ {
4230
+ "kind": "method",
4231
+ "name": "onSceneChanged",
4232
+ "parameters": [
3094
4233
  {
3095
- "name": "label",
4234
+ "name": "after",
4235
+ "optional": true,
3096
4236
  "type": {
3097
- "text": "string"
4237
+ "text": "Scene"
3098
4238
  }
3099
4239
  },
3100
4240
  {
3101
- "name": "styles",
4241
+ "name": "before",
3102
4242
  "optional": true,
3103
4243
  "type": {
3104
- "text": "PathStyles"
4244
+ "text": "Scene"
3105
4245
  }
3106
4246
  }
3107
4247
  ]
3108
4248
  },
3109
4249
  {
3110
4250
  "kind": "method",
3111
- "name": "findSourceAndTarget",
3112
- "return": {
3113
- "type": {
3114
- "text": "[Component?, Component?]"
3115
- }
3116
- },
4251
+ "name": "_onDimensionChanged",
4252
+ "privacy": "private",
3117
4253
  "parameters": [
3118
4254
  {
3119
- "name": "path",
4255
+ "name": "dimension",
3120
4256
  "type": {
3121
- "text": "PATH"
4257
+ "text": "'2d' | '3d'"
3122
4258
  }
3123
4259
  }
3124
4260
  ]
3125
4261
  },
3126
- {
3127
- "kind": "field",
3128
- "name": "monitoringTargets",
3129
- "type": {
3130
- "text": "Component[]"
3131
- },
3132
- "privacy": "private",
3133
- "default": "[]"
3134
- },
3135
4262
  {
3136
4263
  "kind": "method",
3137
- "name": "clearMonitoringTargets",
3138
- "privacy": "private"
4264
+ "name": "_onGizmoAttachChanged",
4265
+ "privacy": "private",
4266
+ "parameters": [
4267
+ {
4268
+ "name": "isAttached",
4269
+ "type": {
4270
+ "text": "boolean"
4271
+ }
4272
+ }
4273
+ ]
3139
4274
  },
3140
4275
  {
3141
4276
  "kind": "method",
3142
- "name": "addMonitoringTarget",
4277
+ "name": "_setGizmoMode",
3143
4278
  "privacy": "private",
3144
4279
  "parameters": [
3145
4280
  {
3146
- "name": "targets",
4281
+ "name": "mode",
3147
4282
  "type": {
3148
- "text": "Component[]"
4283
+ "text": "'translate' | 'rotate' | 'scale'"
3149
4284
  }
3150
4285
  }
3151
4286
  ]
3152
4287
  },
3153
4288
  {
3154
4289
  "kind": "method",
3155
- "name": "render3D",
3156
- "privacy": "private",
4290
+ "name": "onSelectedChanged",
3157
4291
  "parameters": [
3158
4292
  {
3159
- "name": "movement",
4293
+ "name": "after",
3160
4294
  "type": {
3161
- "text": "MOVEMENT"
4295
+ "text": "Component[]"
3162
4296
  }
3163
4297
  },
3164
4298
  {
3165
- "name": "rootModel",
4299
+ "name": "before",
3166
4300
  "type": {
3167
- "text": "any"
4301
+ "text": "Component[]"
3168
4302
  }
3169
4303
  }
3170
4304
  ]
3171
4305
  },
3172
4306
  {
3173
- "kind": "field",
3174
- "name": "eventMap",
3175
- "readonly": true
4307
+ "kind": "method",
4308
+ "name": "onTapUndo"
3176
4309
  },
3177
4310
  {
3178
4311
  "kind": "method",
3179
- "name": "onchangeModelLayer",
4312
+ "name": "onTapRedo"
4313
+ },
4314
+ {
4315
+ "kind": "method",
4316
+ "name": "onStartStylePasteMode"
4317
+ },
4318
+ {
4319
+ "kind": "method",
4320
+ "name": "onStartDatabindPasteMode"
4321
+ },
4322
+ {
4323
+ "kind": "method",
4324
+ "name": "onTapCut"
4325
+ },
4326
+ {
4327
+ "kind": "method",
4328
+ "name": "onTapCopy"
4329
+ },
4330
+ {
4331
+ "kind": "method",
4332
+ "name": "onTapPaste"
4333
+ },
4334
+ {
4335
+ "kind": "method",
4336
+ "name": "onTapDelete"
4337
+ },
4338
+ {
4339
+ "kind": "method",
4340
+ "name": "onTapSelectAll"
4341
+ },
4342
+ {
4343
+ "kind": "method",
4344
+ "name": "onTapFontIncrease",
3180
4345
  "parameters": [
3181
4346
  {
3182
- "name": "after",
4347
+ "name": "e",
3183
4348
  "type": {
3184
- "text": "Record<string, any>"
4349
+ "text": "TouchEvent"
3185
4350
  }
3186
- },
4351
+ }
4352
+ ]
4353
+ },
4354
+ {
4355
+ "kind": "method",
4356
+ "name": "onTapFontDecrease",
4357
+ "parameters": [
3187
4358
  {
3188
- "name": "before",
4359
+ "name": "e",
3189
4360
  "type": {
3190
- "text": "Record<string, any>"
4361
+ "text": "TouchEvent"
3191
4362
  }
3192
- },
4363
+ }
4364
+ ]
4365
+ },
4366
+ {
4367
+ "kind": "method",
4368
+ "name": "onTapAlign",
4369
+ "parameters": [
3193
4370
  {
3194
- "name": "hint",
4371
+ "name": "e",
3195
4372
  "type": {
3196
- "text": "any"
4373
+ "text": "TouchEvent | string"
3197
4374
  }
3198
4375
  }
3199
4376
  ]
3200
4377
  },
3201
4378
  {
3202
4379
  "kind": "method",
3203
- "name": "onchangeData",
3204
- "return": {
3205
- "type": {
3206
- "text": "void"
3207
- }
3208
- },
4380
+ "name": "onTapZorder",
3209
4381
  "parameters": [
3210
4382
  {
3211
- "name": "after",
4383
+ "name": "e",
3212
4384
  "type": {
3213
- "text": "Record<string, any>"
4385
+ "text": "TouchEvent | string"
3214
4386
  }
3215
- },
4387
+ }
4388
+ ]
4389
+ },
4390
+ {
4391
+ "kind": "method",
4392
+ "name": "onTapGroup"
4393
+ },
4394
+ {
4395
+ "kind": "method",
4396
+ "name": "onTapUngroup"
4397
+ },
4398
+ {
4399
+ "kind": "method",
4400
+ "name": "onTapFullscreen"
4401
+ },
4402
+ {
4403
+ "kind": "method",
4404
+ "name": "onTapToggle"
4405
+ },
4406
+ {
4407
+ "kind": "method",
4408
+ "name": "onTapFitScene"
4409
+ },
4410
+ {
4411
+ "kind": "method",
4412
+ "name": "onTapPreview"
4413
+ },
4414
+ {
4415
+ "kind": "method",
4416
+ "name": "onTapDownloadModel"
4417
+ },
4418
+ {
4419
+ "kind": "method",
4420
+ "name": "onTapDistribute",
4421
+ "parameters": [
3216
4422
  {
3217
- "name": "before",
4423
+ "name": "e",
3218
4424
  "type": {
3219
- "text": "Record<string, any>"
4425
+ "text": "TouchEvent | string"
3220
4426
  }
3221
4427
  }
3222
4428
  ]
3223
4429
  }
3224
4430
  ],
4431
+ "events": [
4432
+ {
4433
+ "name": "modeller-fullscreen",
4434
+ "type": {
4435
+ "text": "CustomEvent"
4436
+ }
4437
+ },
4438
+ {
4439
+ "name": "hide-property-changed",
4440
+ "type": {
4441
+ "text": "CustomEvent"
4442
+ }
4443
+ },
4444
+ {
4445
+ "name": "open-preview",
4446
+ "type": {
4447
+ "text": "CustomEvent"
4448
+ }
4449
+ },
4450
+ {
4451
+ "name": "download-model",
4452
+ "type": {
4453
+ "text": "CustomEvent"
4454
+ }
4455
+ }
4456
+ ],
4457
+ "attributes": [
4458
+ {
4459
+ "name": "scene",
4460
+ "type": {
4461
+ "text": "Scene | undefined"
4462
+ },
4463
+ "fieldName": "scene"
4464
+ },
4465
+ {
4466
+ "name": "selected",
4467
+ "type": {
4468
+ "text": "any[]"
4469
+ },
4470
+ "default": "[]",
4471
+ "fieldName": "selected"
4472
+ },
4473
+ {
4474
+ "name": "hideProperty",
4475
+ "type": {
4476
+ "text": "boolean"
4477
+ },
4478
+ "default": "false",
4479
+ "fieldName": "hideProperty"
4480
+ }
4481
+ ],
3225
4482
  "superclass": {
3226
- "name": "Layer",
3227
- "package": "@hatiolab/things-scene"
3228
- }
3229
- }
3230
- ],
3231
- "exports": [
3232
- {
3233
- "kind": "js",
3234
- "name": "default",
3235
- "declaration": {
3236
- "name": "MovementLayer",
3237
- "module": "src/layers/movement-layer.ts"
3238
- }
3239
- }
3240
- ]
3241
- },
3242
- {
3243
- "kind": "javascript-module",
3244
- "path": "src/modeller/edit-toolbar-style.ts",
3245
- "declarations": [
3246
- {
3247
- "kind": "variable",
3248
- "name": "style",
3249
- "default": "css` :host { color: white; background-color: var(--edit-toolbar-background-color, #394e64); overflow-x: hidden; } [tools] { display: flex; align-items: center; overflow: none; padding: 0px 10px; } [tools] > * { padding: 0px; } [tools] > span[button] { min-width: 30px; } [tools] > span[padding] { flex: 1; } [tools] > .vline { display: block; flex: none; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.15); width: 0px; height: 18px; margin: 0 3px; } span[button] { min-height: 35px; background: var(--url-icon-htoolbar) no-repeat; background-position-x: 50%; opacity: 0.8; } span[button]:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } #fullscreen, #toggle-property { flex: none; } #align-left { background-position-y: 8px; } #align-center { background-position-y: -42px; } #align-right { background-position-y: -92px; } #align-top { background-position-y: -142px; } #align-middle { background-position-y: -192px; } #align-bottom { background-position-y: -242px; } #undo { background-position-y: -592px; } #redo { background-position-y: -642px; } #front { background-position-y: -292px; } #back { background-position-y: -342px; } #forward { background-position-y: -392px; } #backward { background-position-y: -442px; } #symmetry-x { background-position-y: -492px; } #symmetry-y { background-position-y: -542px; } #group { background-position-y: -492px; } #ungroup { background-position-y: -542px; } #fullscreen { background-position-y: -692px; } #toggle-property { background-position-y: -692px; float: right; } #zoomin { background-position-y: -742px; } #zoomout { background-position-y: -792px; } #fit-scene { background-position-y: -1492px; } #cut { background-position-y: -842px; } #copy { background-position-y: -892px; } #paste { background-position-y: -942px; } #delete { background-position-y: -992px; } #font-increase { background-position-y: -1042px; } #font-decrease { background-position-y: -1092px; } #style-copy { background-position-y: -1142px; } #context-menu { background-position-y: -692px; } #symmetry-x { background-position-y: -1192px; } #symmetry-y { background-position-y: -1242px; } #rotate-cw { background-position-y: -1292px; } #rotate-ccw { background-position-y: -1342px; } #distribute-horizontal { background-position-y: -1542px; } #distribute-vertical { background-position-y: -1593px; } #toggle-property { background-position-y: -1392px; } #preview { background-position-y: -1640px; } /* bigger buttons */ #fullscreen { background: var(--url-icon-fullscreen) 50% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property { background: var(--url-icon-collapse) 80% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property[active] { background: var(--url-icon-collapse-active) 80% 10px no-repeat; } #generate-model { background-position-y: -1492px; } `"
4483
+ "name": "LitElement",
4484
+ "package": "lit"
4485
+ },
4486
+ "customElement": true
3250
4487
  }
3251
4488
  ],
3252
4489
  "exports": [
3253
4490
  {
3254
4491
  "kind": "js",
3255
- "name": "style",
4492
+ "name": "EditToolbar",
3256
4493
  "declaration": {
3257
- "name": "style",
3258
- "module": "src/modeller/edit-toolbar-style.ts"
4494
+ "name": "EditToolbar",
4495
+ "module": "src/modeller/edit-toolbar.ts"
3259
4496
  }
3260
4497
  }
3261
4498
  ]
3262
4499
  },
3263
4500
  {
3264
4501
  "kind": "javascript-module",
3265
- "path": "src/modeller/edit-toolbar.ts",
4502
+ "path": "src/playback/playback-engine.ts",
3266
4503
  "declarations": [
3267
4504
  {
3268
4505
  "kind": "class",
3269
4506
  "description": "",
3270
- "name": "EditToolbar",
4507
+ "name": "PlaybackEngine",
3271
4508
  "members": [
3272
4509
  {
3273
4510
  "kind": "field",
3274
- "name": "scene",
3275
- "type": {
3276
- "text": "Scene | undefined"
3277
- },
3278
- "attribute": "scene"
3279
- },
3280
- {
3281
- "kind": "field",
3282
- "name": "selected",
3283
- "type": {
3284
- "text": "any[]"
3285
- },
3286
- "default": "[]",
3287
- "attribute": "selected"
3288
- },
3289
- {
3290
- "kind": "field",
3291
- "name": "hideProperty",
3292
- "type": {
3293
- "text": "boolean"
3294
- },
3295
- "default": "false",
3296
- "attribute": "hideProperty"
3297
- },
3298
- {
3299
- "kind": "field",
3300
- "name": "cliped",
3301
- "type": {
3302
- "text": "string | undefined"
3303
- },
3304
- "privacy": "private"
3305
- },
3306
- {
3307
- "kind": "field",
3308
- "name": "redo",
3309
- "type": {
3310
- "text": "HTMLElement"
3311
- },
3312
- "privacy": "private"
3313
- },
3314
- {
3315
- "kind": "field",
3316
- "name": "undo",
4511
+ "name": "_state",
3317
4512
  "type": {
3318
- "text": "HTMLElement"
4513
+ "text": "PlaybackState"
3319
4514
  },
3320
- "privacy": "private"
4515
+ "privacy": "private",
4516
+ "default": "'idle'"
3321
4517
  },
3322
4518
  {
3323
4519
  "kind": "field",
3324
- "name": "fullscreen",
4520
+ "name": "_frames",
3325
4521
  "type": {
3326
- "text": "HTMLElement"
4522
+ "text": "MergedFrame[]"
3327
4523
  },
3328
- "privacy": "private"
4524
+ "privacy": "private",
4525
+ "default": "[]"
3329
4526
  },
3330
4527
  {
3331
4528
  "kind": "field",
3332
- "name": "cut",
4529
+ "name": "_currentIndex",
3333
4530
  "type": {
3334
- "text": "HTMLElement"
4531
+ "text": "number"
3335
4532
  },
3336
- "privacy": "private"
4533
+ "privacy": "private",
4534
+ "default": "0"
3337
4535
  },
3338
4536
  {
3339
4537
  "kind": "field",
3340
- "name": "copy",
4538
+ "name": "_timer",
3341
4539
  "type": {
3342
- "text": "HTMLElement"
4540
+ "text": "number | undefined"
3343
4541
  },
3344
4542
  "privacy": "private"
3345
4543
  },
3346
4544
  {
3347
4545
  "kind": "field",
3348
- "name": "paste",
4546
+ "name": "_speed",
3349
4547
  "type": {
3350
- "text": "HTMLElement"
4548
+ "text": "number"
3351
4549
  },
3352
- "privacy": "private"
4550
+ "privacy": "private",
4551
+ "default": "1"
3353
4552
  },
3354
4553
  {
3355
4554
  "kind": "field",
3356
- "name": "delete",
4555
+ "name": "_scene",
3357
4556
  "type": {
3358
- "text": "HTMLElement"
4557
+ "text": "any"
3359
4558
  },
3360
- "privacy": "private"
4559
+ "privacy": "private",
4560
+ "default": "null"
3361
4561
  },
3362
4562
  {
3363
4563
  "kind": "field",
3364
- "name": "forward",
4564
+ "name": "_scenarioNames",
3365
4565
  "type": {
3366
- "text": "HTMLElement"
4566
+ "text": "string[]"
3367
4567
  },
3368
- "privacy": "private"
4568
+ "privacy": "private",
4569
+ "default": "[]"
3369
4570
  },
3370
4571
  {
3371
4572
  "kind": "field",
3372
- "name": "backward",
3373
- "type": {
3374
- "text": "HTMLElement"
3375
- },
3376
- "privacy": "private"
4573
+ "name": "_listeners",
4574
+ "privacy": "private",
4575
+ "default": "new Map<string, Set<Function>>()"
3377
4576
  },
3378
4577
  {
3379
4578
  "kind": "field",
3380
- "name": "front",
4579
+ "name": "state",
3381
4580
  "type": {
3382
- "text": "HTMLElement"
4581
+ "text": "PlaybackState"
3383
4582
  },
3384
- "privacy": "private"
4583
+ "readonly": true
3385
4584
  },
3386
4585
  {
3387
4586
  "kind": "field",
3388
- "name": "back",
4587
+ "name": "currentIndex",
3389
4588
  "type": {
3390
- "text": "HTMLElement"
4589
+ "text": "number"
3391
4590
  },
3392
- "privacy": "private"
4591
+ "readonly": true
3393
4592
  },
3394
4593
  {
3395
4594
  "kind": "field",
3396
- "name": "aligners",
4595
+ "name": "totalFrames",
3397
4596
  "type": {
3398
- "text": "NodeListOf<HTMLSpanElement>"
4597
+ "text": "number"
3399
4598
  },
3400
- "privacy": "private"
4599
+ "readonly": true
3401
4600
  },
3402
4601
  {
3403
4602
  "kind": "field",
3404
- "name": "zorders",
4603
+ "name": "currentTime",
3405
4604
  "type": {
3406
- "text": "NodeListOf<HTMLSpanElement>"
4605
+ "text": "string | null"
3407
4606
  },
3408
- "privacy": "private"
4607
+ "readonly": true
3409
4608
  },
3410
4609
  {
3411
4610
  "kind": "field",
3412
- "name": "distributes",
4611
+ "name": "scenarioNames",
3413
4612
  "type": {
3414
- "text": "NodeListOf<HTMLSpanElement>"
4613
+ "text": "string[]"
3415
4614
  },
3416
- "privacy": "private"
3417
- },
3418
- {
3419
- "kind": "method",
3420
- "name": "hasEmptySlot"
3421
- },
3422
- {
3423
- "kind": "method",
3424
- "name": "onWheelEvent",
3425
- "parameters": [
3426
- {
3427
- "name": "e",
3428
- "type": {
3429
- "text": "Event"
3430
- }
3431
- }
3432
- ]
3433
- },
3434
- {
3435
- "kind": "method",
3436
- "name": "getSymbol",
3437
- "parameters": [
3438
- {
3439
- "name": "key",
3440
- "type": {
3441
- "text": "string"
3442
- }
3443
- }
3444
- ]
3445
- },
3446
- {
3447
- "kind": "method",
3448
- "name": "getShortcutString",
3449
- "privacy": "private",
3450
- "parameters": [
3451
- {
3452
- "name": "keys",
3453
- "type": {
3454
- "text": "string[]"
3455
- }
3456
- }
3457
- ]
3458
- },
3459
- {
3460
- "kind": "method",
3461
- "name": "onShortcut",
3462
- "parameters": [
3463
- {
3464
- "name": "e",
3465
- "type": {
3466
- "text": "KeyboardEvent"
3467
- }
3468
- }
3469
- ]
3470
- },
3471
- {
3472
- "kind": "method",
3473
- "name": "onExecute",
3474
- "parameters": [
3475
- {
3476
- "name": "command",
3477
- "type": {
3478
- "text": "string"
3479
- }
3480
- },
3481
- {
3482
- "name": "undoable",
3483
- "type": {
3484
- "text": "boolean"
3485
- }
3486
- },
3487
- {
3488
- "name": "redoable",
3489
- "type": {
3490
- "text": "boolean"
3491
- }
3492
- }
3493
- ]
3494
- },
3495
- {
3496
- "kind": "method",
3497
- "name": "onUndo",
3498
- "parameters": [
3499
- {
3500
- "name": "undoable",
3501
- "type": {
3502
- "text": "boolean"
3503
- }
3504
- },
3505
- {
3506
- "name": "redoable",
3507
- "type": {
3508
- "text": "boolean"
3509
- }
3510
- }
3511
- ]
3512
- },
3513
- {
3514
- "kind": "method",
3515
- "name": "onRedo",
3516
- "parameters": [
3517
- {
3518
- "name": "undoable",
3519
- "type": {
3520
- "text": "boolean"
3521
- }
3522
- },
3523
- {
3524
- "name": "redoable",
3525
- "type": {
3526
- "text": "boolean"
3527
- }
3528
- }
3529
- ]
4615
+ "readonly": true
3530
4616
  },
3531
4617
  {
3532
4618
  "kind": "method",
3533
- "name": "onSceneChanged",
3534
- "parameters": [
3535
- {
3536
- "name": "after",
3537
- "optional": true,
3538
- "type": {
3539
- "text": "Scene"
3540
- }
3541
- },
4619
+ "name": "loadData",
4620
+ "return": {
4621
+ "type": {
4622
+ "text": "void"
4623
+ }
4624
+ },
4625
+ "parameters": [
3542
4626
  {
3543
- "name": "before",
3544
- "optional": true,
4627
+ "name": "scenarios",
3545
4628
  "type": {
3546
- "text": "Scene"
4629
+ "text": "PlaybackScenario[]"
3547
4630
  }
3548
4631
  }
3549
- ]
4632
+ ],
4633
+ "description": "데이터 로드. fetchPlayback을 외부에서 호출하여 결과를 전달한다."
3550
4634
  },
3551
4635
  {
3552
4636
  "kind": "method",
3553
- "name": "onSelectedChanged",
4637
+ "name": "attachScene",
4638
+ "return": {
4639
+ "type": {
4640
+ "text": "void"
4641
+ }
4642
+ },
3554
4643
  "parameters": [
3555
4644
  {
3556
- "name": "after",
3557
- "type": {
3558
- "text": "Component[]"
3559
- }
3560
- },
3561
- {
3562
- "name": "before",
4645
+ "name": "scene",
3563
4646
  "type": {
3564
- "text": "Component[]"
4647
+ "text": "any"
3565
4648
  }
3566
4649
  }
3567
4650
  ]
3568
4651
  },
3569
4652
  {
3570
4653
  "kind": "method",
3571
- "name": "onTapUndo"
3572
- },
3573
- {
3574
- "kind": "method",
3575
- "name": "onTapRedo"
3576
- },
3577
- {
3578
- "kind": "method",
3579
- "name": "onTapCut"
4654
+ "name": "detachScene",
4655
+ "return": {
4656
+ "type": {
4657
+ "text": "void"
4658
+ }
4659
+ }
3580
4660
  },
3581
4661
  {
3582
4662
  "kind": "method",
3583
- "name": "onTapCopy"
4663
+ "name": "play",
4664
+ "return": {
4665
+ "type": {
4666
+ "text": "void"
4667
+ }
4668
+ },
4669
+ "parameters": [
4670
+ {
4671
+ "name": "speed",
4672
+ "optional": true,
4673
+ "type": {
4674
+ "text": "number"
4675
+ }
4676
+ }
4677
+ ]
3584
4678
  },
3585
4679
  {
3586
4680
  "kind": "method",
3587
- "name": "onTapPaste"
4681
+ "name": "pause",
4682
+ "return": {
4683
+ "type": {
4684
+ "text": "void"
4685
+ }
4686
+ }
3588
4687
  },
3589
4688
  {
3590
4689
  "kind": "method",
3591
- "name": "onTapDelete"
4690
+ "name": "resume",
4691
+ "return": {
4692
+ "type": {
4693
+ "text": "void"
4694
+ }
4695
+ }
3592
4696
  },
3593
4697
  {
3594
4698
  "kind": "method",
3595
- "name": "onTapSelectAll"
4699
+ "name": "stop",
4700
+ "return": {
4701
+ "type": {
4702
+ "text": "void"
4703
+ }
4704
+ }
3596
4705
  },
3597
4706
  {
3598
4707
  "kind": "method",
3599
- "name": "onTapFontIncrease",
4708
+ "name": "setSpeed",
4709
+ "return": {
4710
+ "type": {
4711
+ "text": "void"
4712
+ }
4713
+ },
3600
4714
  "parameters": [
3601
4715
  {
3602
- "name": "e",
4716
+ "name": "speed",
3603
4717
  "type": {
3604
- "text": "TouchEvent"
4718
+ "text": "number"
3605
4719
  }
3606
4720
  }
3607
4721
  ]
3608
4722
  },
3609
4723
  {
3610
4724
  "kind": "method",
3611
- "name": "onTapFontDecrease",
4725
+ "name": "seekTo",
4726
+ "return": {
4727
+ "type": {
4728
+ "text": "void"
4729
+ }
4730
+ },
3612
4731
  "parameters": [
3613
4732
  {
3614
- "name": "e",
4733
+ "name": "time",
3615
4734
  "type": {
3616
- "text": "TouchEvent"
4735
+ "text": "Date"
3617
4736
  }
3618
4737
  }
3619
- ]
4738
+ ],
4739
+ "description": "특정 시간으로 이동.\n해당 시간 이하의 가장 가까운 프레임을 찾고,\nsnapshot부터 그 프레임까지 누적 적용한다."
3620
4740
  },
3621
4741
  {
3622
4742
  "kind": "method",
3623
- "name": "onTapAlign",
4743
+ "name": "on",
4744
+ "return": {
4745
+ "type": {
4746
+ "text": "void"
4747
+ }
4748
+ },
3624
4749
  "parameters": [
3625
4750
  {
3626
- "name": "e",
4751
+ "name": "event",
3627
4752
  "type": {
3628
- "text": "TouchEvent | string"
4753
+ "text": "K"
4754
+ }
4755
+ },
4756
+ {
4757
+ "name": "listener",
4758
+ "type": {
4759
+ "text": "PlaybackListener<K>"
3629
4760
  }
3630
4761
  }
3631
- ]
4762
+ ],
4763
+ "description": "이벤트 리스너 등록"
3632
4764
  },
3633
4765
  {
3634
4766
  "kind": "method",
3635
- "name": "onTapZorder",
4767
+ "name": "off",
4768
+ "return": {
4769
+ "type": {
4770
+ "text": "void"
4771
+ }
4772
+ },
3636
4773
  "parameters": [
3637
4774
  {
3638
- "name": "e",
4775
+ "name": "event",
3639
4776
  "type": {
3640
- "text": "TouchEvent | string"
4777
+ "text": "K"
4778
+ }
4779
+ },
4780
+ {
4781
+ "name": "listener",
4782
+ "type": {
4783
+ "text": "PlaybackListener<K>"
3641
4784
  }
3642
4785
  }
3643
4786
  ]
3644
4787
  },
3645
4788
  {
3646
4789
  "kind": "method",
3647
- "name": "onTapGroup"
3648
- },
3649
- {
3650
- "kind": "method",
3651
- "name": "onTapUngroup"
3652
- },
3653
- {
3654
- "kind": "method",
3655
- "name": "onTapFullscreen"
3656
- },
3657
- {
3658
- "kind": "method",
3659
- "name": "onTapToggle"
4790
+ "name": "dispose",
4791
+ "return": {
4792
+ "type": {
4793
+ "text": "void"
4794
+ }
4795
+ }
3660
4796
  },
3661
4797
  {
3662
4798
  "kind": "method",
3663
- "name": "onTapFitScene"
4799
+ "name": "_startTimer",
4800
+ "privacy": "private",
4801
+ "return": {
4802
+ "type": {
4803
+ "text": "void"
4804
+ }
4805
+ }
3664
4806
  },
3665
4807
  {
3666
4808
  "kind": "method",
3667
- "name": "onTapPreview"
4809
+ "name": "_stopTimer",
4810
+ "privacy": "private",
4811
+ "return": {
4812
+ "type": {
4813
+ "text": "void"
4814
+ }
4815
+ }
3668
4816
  },
3669
4817
  {
3670
4818
  "kind": "method",
3671
- "name": "onTapDownloadModel"
4819
+ "name": "_applyCurrentFrame",
4820
+ "privacy": "private",
4821
+ "return": {
4822
+ "type": {
4823
+ "text": "void"
4824
+ }
4825
+ }
3672
4826
  },
3673
4827
  {
3674
4828
  "kind": "method",
3675
- "name": "onTapDistribute",
4829
+ "name": "_applyFrame",
4830
+ "privacy": "private",
4831
+ "return": {
4832
+ "type": {
4833
+ "text": "void"
4834
+ }
4835
+ },
3676
4836
  "parameters": [
3677
4837
  {
3678
- "name": "e",
4838
+ "name": "index",
3679
4839
  "type": {
3680
- "text": "TouchEvent | string"
4840
+ "text": "number"
3681
4841
  }
3682
4842
  }
3683
4843
  ]
3684
- }
3685
- ],
3686
- "events": [
3687
- {
3688
- "name": "modeller-fullscreen",
3689
- "type": {
3690
- "text": "CustomEvent"
3691
- }
3692
- },
3693
- {
3694
- "name": "hide-property-changed",
3695
- "type": {
3696
- "text": "CustomEvent"
3697
- }
3698
4844
  },
3699
4845
  {
3700
- "name": "open-preview",
3701
- "type": {
3702
- "text": "CustomEvent"
4846
+ "kind": "method",
4847
+ "name": "_emitFrame",
4848
+ "privacy": "private",
4849
+ "return": {
4850
+ "type": {
4851
+ "text": "void"
4852
+ }
3703
4853
  }
3704
4854
  },
3705
4855
  {
3706
- "name": "download-model",
3707
- "type": {
3708
- "text": "CustomEvent"
3709
- }
3710
- }
3711
- ],
3712
- "attributes": [
3713
- {
3714
- "name": "scene",
3715
- "type": {
3716
- "text": "Scene | undefined"
4856
+ "kind": "method",
4857
+ "name": "_setState",
4858
+ "privacy": "private",
4859
+ "return": {
4860
+ "type": {
4861
+ "text": "void"
4862
+ }
3717
4863
  },
3718
- "fieldName": "scene"
4864
+ "parameters": [
4865
+ {
4866
+ "name": "state",
4867
+ "type": {
4868
+ "text": "PlaybackState"
4869
+ }
4870
+ }
4871
+ ]
3719
4872
  },
3720
4873
  {
3721
- "name": "selected",
3722
- "type": {
3723
- "text": "any[]"
4874
+ "kind": "method",
4875
+ "name": "_emit",
4876
+ "privacy": "private",
4877
+ "return": {
4878
+ "type": {
4879
+ "text": "void"
4880
+ }
3724
4881
  },
3725
- "default": "[]",
3726
- "fieldName": "selected"
4882
+ "parameters": [
4883
+ {
4884
+ "name": "event",
4885
+ "type": {
4886
+ "text": "K"
4887
+ }
4888
+ },
4889
+ {
4890
+ "name": "detail",
4891
+ "type": {
4892
+ "text": "PlaybackEventMap[K]"
4893
+ }
4894
+ }
4895
+ ]
3727
4896
  },
3728
4897
  {
3729
- "name": "hideProperty",
3730
- "type": {
3731
- "text": "boolean"
4898
+ "kind": "method",
4899
+ "name": "_formatTime",
4900
+ "privacy": "private",
4901
+ "return": {
4902
+ "type": {
4903
+ "text": "string"
4904
+ }
3732
4905
  },
3733
- "default": "false",
3734
- "fieldName": "hideProperty"
3735
- }
3736
- ],
3737
- "superclass": {
3738
- "name": "LitElement",
3739
- "package": "lit"
3740
- },
3741
- "customElement": true
4906
+ "parameters": [
4907
+ {
4908
+ "name": "date",
4909
+ "type": {
4910
+ "text": "Date"
4911
+ }
4912
+ }
4913
+ ]
4914
+ }
4915
+ ]
3742
4916
  }
3743
4917
  ],
3744
4918
  "exports": [
3745
4919
  {
3746
4920
  "kind": "js",
3747
- "name": "EditToolbar",
4921
+ "name": "PlaybackEngine",
3748
4922
  "declaration": {
3749
- "name": "EditToolbar",
3750
- "module": "src/modeller/edit-toolbar.ts"
4923
+ "name": "PlaybackEngine",
4924
+ "module": "src/playback/playback-engine.ts"
3751
4925
  }
3752
4926
  }
3753
4927
  ]
@@ -5513,6 +6687,14 @@
5513
6687
  },
5514
6688
  "attribute": "provider"
5515
6689
  },
6690
+ {
6691
+ "kind": "field",
6692
+ "name": "loadTracker",
6693
+ "type": {
6694
+ "text": "LoadTracker | undefined"
6695
+ },
6696
+ "attribute": "loadTracker"
6697
+ },
5516
6698
  {
5517
6699
  "kind": "field",
5518
6700
  "name": "name",
@@ -5816,6 +6998,13 @@
5816
6998
  },
5817
6999
  "fieldName": "provider"
5818
7000
  },
7001
+ {
7002
+ "name": "loadTracker",
7003
+ "type": {
7004
+ "text": "LoadTracker | undefined"
7005
+ },
7006
+ "fieldName": "loadTracker"
7007
+ },
5819
7008
  {
5820
7009
  "name": "name",
5821
7010
  "type": {
@@ -7146,293 +8335,50 @@
7146
8335
  {
7147
8336
  "kind": "method",
7148
8337
  "name": "renderComponent",
7149
- "return": {
7150
- "type": {
7151
- "text": "TemplateResult"
7152
- }
7153
- },
7154
- "parameters": [
7155
- {
7156
- "name": "component",
7157
- "type": {
7158
- "text": "Component"
7159
- }
7160
- },
7161
- {
7162
- "name": "depth",
7163
- "type": {
7164
- "text": "number"
7165
- }
7166
- }
7167
- ]
7168
- }
7169
- ],
7170
- "attributes": [
7171
- {
7172
- "name": "scene",
7173
- "type": {
7174
- "text": "Scene | undefined"
7175
- },
7176
- "fieldName": "scene"
7177
- }
7178
- ],
7179
- "superclass": {
7180
- "name": "LitElement",
7181
- "package": "lit"
7182
- },
7183
- "customElement": true
7184
- }
7185
- ],
7186
- "exports": [
7187
- {
7188
- "kind": "js",
7189
- "name": "SceneInspector",
7190
- "declaration": {
7191
- "name": "SceneInspector",
7192
- "module": "src/modeller/property-sidebar/inspector/inspector.ts"
7193
- }
7194
- }
7195
- ]
7196
- },
7197
- {
7198
- "kind": "javascript-module",
7199
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
7200
- "declarations": [
7201
- {
7202
- "kind": "variable",
7203
- "name": "BoxPaddingEditorStyles",
7204
- "default": "css` .box-padding { width: 100%; } .box-padding td { background: var(--url-icon-properties-padding) 50% 0 no-repeat; } .box-padding tr:nth-child(1), .box-padding tr:nth-child(3) { height: 20px; } .box-padding tr td:nth-child(1), .box-padding tr td:nth-child(3) { width: 18px; } .box-padding .slide1 { background-position: 0 0; } .box-padding .slide2 { background-position: 50% -40px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide3 { background-position: 100% -440px; } .box-padding .slide4 { background-position: 0 -360px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide5 { background: none; text-align: center; } .box-padding .slide6 { background-position: 100% -160px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide7 { background-position: 0 100%; } .box-padding .slide8 { background-position: 50% -320px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide9 { background-position: 0 0px; } .box-padding input { background-color: transparent; width: 35px; margin: 0px; padding: 0px; clear: both; float: initial; border: 1px solid #fff; border-width: 0 0 1px 0; text-align: right; font-size: 14px; } .slide5 input:nth-child(1), .slide5 input:nth-child(4) { display: block; margin: auto; } .slide5 input:nth-child(2) { float: left; } .slide5 input:nth-child(3) { float: right; margin-top: -25px; } .slide5 input:nth-child(4) { margin-top: -5px; } `"
7205
- }
7206
- ],
7207
- "exports": [
7208
- {
7209
- "kind": "js",
7210
- "name": "BoxPaddingEditorStyles",
7211
- "declaration": {
7212
- "name": "BoxPaddingEditorStyles",
7213
- "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
7214
- }
7215
- }
7216
- ]
7217
- },
7218
- {
7219
- "kind": "javascript-module",
7220
- "path": "src/modeller/property-sidebar/shapes/shapes.ts",
7221
- "declarations": [
7222
- {
7223
- "kind": "class",
7224
- "description": "",
7225
- "name": "PropertyShapes",
7226
- "members": [
7227
- {
7228
- "kind": "field",
7229
- "name": "value",
7230
- "type": {
7231
- "text": "Properties | undefined"
7232
- },
7233
- "attribute": "value"
7234
- },
7235
- {
7236
- "kind": "field",
7237
- "name": "bounds",
7238
- "type": {
7239
- "text": "BOUNDS | null"
7240
- },
7241
- "default": "null",
7242
- "attribute": "bounds"
7243
- },
7244
- {
7245
- "kind": "field",
7246
- "name": "selected",
7247
- "type": {
7248
- "text": "Component[]"
7249
- },
7250
- "default": "[]",
7251
- "attribute": "selected"
7252
- },
7253
- {
7254
- "kind": "method",
7255
- "name": "_onValueChange",
7256
- "parameters": [
7257
- {
7258
- "name": "e",
7259
- "type": {
7260
- "text": "Event"
7261
- }
7262
- }
7263
- ],
7264
- "inheritedFrom": {
7265
- "name": "AbstractProperty",
7266
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7267
- }
7268
- },
7269
- {
7270
- "kind": "method",
7271
- "name": "_hasTextProperty",
7272
- "parameters": [
7273
- {
7274
- "name": "selected",
7275
- "type": {
7276
- "text": "Component[]"
7277
- }
7278
- }
7279
- ]
7280
- },
7281
- {
7282
- "kind": "method",
7283
- "name": "_hasProperties",
7284
- "parameters": [
7285
- {
7286
- "name": "selected",
7287
- "type": {
7288
- "text": "Component[]"
7289
- }
7290
- }
7291
- ]
7292
- },
7293
- {
7294
- "kind": "method",
7295
- "name": "_isIdentifiable",
7296
- "parameters": [
7297
- {
7298
- "name": "selected",
7299
- "type": {
7300
- "text": "Component[]"
7301
- }
7302
- }
7303
- ]
7304
- },
7305
- {
7306
- "kind": "method",
7307
- "name": "_isClassIdentifiable",
7308
- "parameters": [
7309
- {
7310
- "name": "selected",
7311
- "type": {
7312
- "text": "Component[]"
7313
- }
7314
- }
7315
- ]
7316
- },
7317
- {
7318
- "kind": "method",
7319
- "name": "_isLine",
7320
- "parameters": [
7321
- {
7322
- "name": "selected",
7323
- "type": {
7324
- "text": "Component[]"
7325
- }
7326
- }
7327
- ]
7328
- },
7329
- {
7330
- "kind": "method",
7331
- "name": "_is3dish",
7332
- "parameters": [
7333
- {
7334
- "name": "selected",
7335
- "type": {
7336
- "text": "Component[]"
7337
- }
7338
- }
7339
- ]
7340
- },
7341
- {
7342
- "kind": "method",
7343
- "name": "_getValueFromEventTarget",
7344
- "parameters": [
7345
- {
7346
- "name": "element",
7347
- "type": {
7348
- "text": "HTMLElement"
7349
- }
7350
- }
7351
- ],
7352
- "inheritedFrom": {
7353
- "name": "AbstractProperty",
7354
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7355
- }
7356
- },
7357
- {
7358
- "kind": "method",
7359
- "name": "_onAfterValueChange",
7360
- "parameters": [
7361
- {
7362
- "name": "key",
7363
- "type": {
7364
- "text": "string"
7365
- }
7366
- },
7367
- {
7368
- "name": "value",
7369
- "type": {
7370
- "text": "any"
7371
- }
7372
- }
7373
- ],
7374
- "inheritedFrom": {
7375
- "name": "AbstractProperty",
7376
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7377
- }
7378
- }
7379
- ],
7380
- "events": [
7381
- {
7382
- "name": "bounds-change",
7383
- "type": {
7384
- "text": "CustomEvent"
7385
- }
7386
- },
7387
- {
7388
- "name": "property-change",
7389
- "type": {
7390
- "text": "CustomEvent"
8338
+ "return": {
8339
+ "type": {
8340
+ "text": "TemplateResult"
8341
+ }
7391
8342
  },
7392
- "inheritedFrom": {
7393
- "name": "AbstractProperty",
7394
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7395
- }
8343
+ "parameters": [
8344
+ {
8345
+ "name": "component",
8346
+ "type": {
8347
+ "text": "Component"
8348
+ }
8349
+ },
8350
+ {
8351
+ "name": "depth",
8352
+ "type": {
8353
+ "text": "number"
8354
+ }
8355
+ }
8356
+ ]
7396
8357
  }
7397
8358
  ],
7398
8359
  "attributes": [
7399
8360
  {
7400
- "name": "value",
7401
- "type": {
7402
- "text": "Properties | undefined"
7403
- },
7404
- "fieldName": "value"
7405
- },
7406
- {
7407
- "name": "bounds",
7408
- "type": {
7409
- "text": "BOUNDS | null"
7410
- },
7411
- "default": "null",
7412
- "fieldName": "bounds"
7413
- },
7414
- {
7415
- "name": "selected",
8361
+ "name": "scene",
7416
8362
  "type": {
7417
- "text": "Component[]"
8363
+ "text": "Scene | undefined"
7418
8364
  },
7419
- "default": "[]",
7420
- "fieldName": "selected"
8365
+ "fieldName": "scene"
7421
8366
  }
7422
8367
  ],
7423
8368
  "superclass": {
7424
- "name": "AbstractProperty",
7425
- "module": "/src/modeller/property-sidebar/abstract-property"
7426
- }
8369
+ "name": "LitElement",
8370
+ "package": "lit"
8371
+ },
8372
+ "customElement": true
7427
8373
  }
7428
8374
  ],
7429
8375
  "exports": [
7430
8376
  {
7431
8377
  "kind": "js",
7432
- "name": "PropertyShapes",
8378
+ "name": "SceneInspector",
7433
8379
  "declaration": {
7434
- "name": "PropertyShapes",
7435
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
8380
+ "name": "SceneInspector",
8381
+ "module": "src/modeller/property-sidebar/inspector/inspector.ts"
7436
8382
  }
7437
8383
  }
7438
8384
  ]
@@ -7607,19 +8553,222 @@
7607
8553
  "kind": "field",
7608
8554
  "name": "boundINeedSelected",
7609
8555
  "type": {
7610
- "text": "any"
8556
+ "text": "any"
8557
+ },
8558
+ "privacy": "private"
8559
+ },
8560
+ {
8561
+ "kind": "field",
8562
+ "name": "scopedElements",
8563
+ "static": true,
8564
+ "readonly": true
8565
+ },
8566
+ {
8567
+ "kind": "method",
8568
+ "name": "_onValueChange",
8569
+ "parameters": [
8570
+ {
8571
+ "name": "e",
8572
+ "type": {
8573
+ "text": "Event"
8574
+ }
8575
+ }
8576
+ ],
8577
+ "inheritedFrom": {
8578
+ "name": "AbstractProperty",
8579
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8580
+ }
8581
+ },
8582
+ {
8583
+ "kind": "method",
8584
+ "name": "_isIdentifiable",
8585
+ "parameters": [
8586
+ {
8587
+ "name": "selected",
8588
+ "type": {
8589
+ "text": "Component[]"
8590
+ }
8591
+ }
8592
+ ]
8593
+ },
8594
+ {
8595
+ "kind": "method",
8596
+ "name": "_hasTextProperty",
8597
+ "parameters": [
8598
+ {
8599
+ "name": "selected",
8600
+ "type": {
8601
+ "text": "Component[]"
8602
+ }
8603
+ }
8604
+ ]
8605
+ },
8606
+ {
8607
+ "kind": "method",
8608
+ "name": "_onINeedSelected",
8609
+ "parameters": [
8610
+ {
8611
+ "name": "e",
8612
+ "type": {
8613
+ "text": "CustomEvent"
8614
+ }
8615
+ }
8616
+ ]
8617
+ },
8618
+ {
8619
+ "kind": "method",
8620
+ "name": "_getValueFromEventTarget",
8621
+ "parameters": [
8622
+ {
8623
+ "name": "element",
8624
+ "type": {
8625
+ "text": "HTMLElement"
8626
+ }
8627
+ }
8628
+ ],
8629
+ "inheritedFrom": {
8630
+ "name": "AbstractProperty",
8631
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8632
+ }
8633
+ },
8634
+ {
8635
+ "kind": "method",
8636
+ "name": "_onAfterValueChange",
8637
+ "parameters": [
8638
+ {
8639
+ "name": "key",
8640
+ "type": {
8641
+ "text": "string"
8642
+ }
8643
+ },
8644
+ {
8645
+ "name": "value",
8646
+ "type": {
8647
+ "text": "any"
8648
+ }
8649
+ }
8650
+ ],
8651
+ "inheritedFrom": {
8652
+ "name": "AbstractProperty",
8653
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8654
+ }
8655
+ }
8656
+ ],
8657
+ "attributes": [
8658
+ {
8659
+ "name": "value",
8660
+ "type": {
8661
+ "text": "any"
8662
+ },
8663
+ "fieldName": "value"
8664
+ },
8665
+ {
8666
+ "name": "scene",
8667
+ "type": {
8668
+ "text": "Scene | null"
8669
+ },
8670
+ "default": "null",
8671
+ "fieldName": "scene"
8672
+ },
8673
+ {
8674
+ "name": "selected",
8675
+ "type": {
8676
+ "text": "Component[]"
8677
+ },
8678
+ "default": "[]",
8679
+ "fieldName": "selected"
8680
+ },
8681
+ {
8682
+ "name": "props",
8683
+ "type": {
8684
+ "text": "any[]"
8685
+ },
8686
+ "default": "[]",
8687
+ "fieldName": "props"
8688
+ },
8689
+ {
8690
+ "name": "propertyEditor",
8691
+ "type": {
8692
+ "text": "any[]"
8693
+ },
8694
+ "default": "[]",
8695
+ "fieldName": "propertyEditor"
8696
+ }
8697
+ ],
8698
+ "mixins": [
8699
+ {
8700
+ "name": "ScopedElementsMixin",
8701
+ "package": "@open-wc/scoped-elements"
8702
+ }
8703
+ ],
8704
+ "superclass": {
8705
+ "name": "AbstractProperty",
8706
+ "module": "/src/modeller/property-sidebar/abstract-property"
8707
+ },
8708
+ "events": [
8709
+ {
8710
+ "name": "property-change",
8711
+ "type": {
8712
+ "text": "CustomEvent"
8713
+ },
8714
+ "inheritedFrom": {
8715
+ "name": "AbstractProperty",
8716
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8717
+ }
8718
+ }
8719
+ ]
8720
+ }
8721
+ ],
8722
+ "exports": [
8723
+ {
8724
+ "kind": "js",
8725
+ "name": "PropertySpecific",
8726
+ "declaration": {
8727
+ "name": "PropertySpecific",
8728
+ "module": "src/modeller/property-sidebar/specifics/specifics.ts"
8729
+ }
8730
+ }
8731
+ ]
8732
+ },
8733
+ {
8734
+ "kind": "javascript-module",
8735
+ "path": "src/modeller/property-sidebar/styles/styles.ts",
8736
+ "declarations": [
8737
+ {
8738
+ "kind": "class",
8739
+ "description": "",
8740
+ "name": "PropertyStyles",
8741
+ "members": [
8742
+ {
8743
+ "kind": "field",
8744
+ "name": "value",
8745
+ "type": {
8746
+ "text": "any"
8747
+ },
8748
+ "default": "{}",
8749
+ "attribute": "value"
8750
+ },
8751
+ {
8752
+ "kind": "field",
8753
+ "name": "selected",
8754
+ "type": {
8755
+ "text": "Component[]"
7611
8756
  },
7612
- "privacy": "private"
8757
+ "default": "[]",
8758
+ "attribute": "selected"
7613
8759
  },
7614
8760
  {
7615
8761
  "kind": "field",
7616
- "name": "scopedElements",
7617
- "static": true,
7618
- "readonly": true
8762
+ "name": "fonts",
8763
+ "type": {
8764
+ "text": "any[]"
8765
+ },
8766
+ "default": "[]",
8767
+ "attribute": "fonts"
7619
8768
  },
7620
8769
  {
7621
8770
  "kind": "method",
7622
- "name": "_onValueChange",
8771
+ "name": "onButtonGroupClick",
7623
8772
  "parameters": [
7624
8773
  {
7625
8774
  "name": "e",
@@ -7627,27 +8776,11 @@
7627
8776
  "text": "Event"
7628
8777
  }
7629
8778
  }
7630
- ],
7631
- "inheritedFrom": {
7632
- "name": "AbstractProperty",
7633
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7634
- }
7635
- },
7636
- {
7637
- "kind": "method",
7638
- "name": "_isIdentifiable",
7639
- "parameters": [
7640
- {
7641
- "name": "selected",
7642
- "type": {
7643
- "text": "Component[]"
7644
- }
7645
- }
7646
8779
  ]
7647
8780
  },
7648
8781
  {
7649
8782
  "kind": "method",
7650
- "name": "_hasTextProperty",
8783
+ "name": "_isLine",
7651
8784
  "parameters": [
7652
8785
  {
7653
8786
  "name": "selected",
@@ -7659,15 +8792,19 @@
7659
8792
  },
7660
8793
  {
7661
8794
  "kind": "method",
7662
- "name": "_onINeedSelected",
8795
+ "name": "_onValueChange",
7663
8796
  "parameters": [
7664
8797
  {
7665
8798
  "name": "e",
7666
8799
  "type": {
7667
- "text": "CustomEvent"
8800
+ "text": "Event"
7668
8801
  }
7669
8802
  }
7670
- ]
8803
+ ],
8804
+ "inheritedFrom": {
8805
+ "name": "AbstractProperty",
8806
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8807
+ }
7671
8808
  },
7672
8809
  {
7673
8810
  "kind": "method",
@@ -7714,16 +8851,9 @@
7714
8851
  "type": {
7715
8852
  "text": "any"
7716
8853
  },
8854
+ "default": "{}",
7717
8855
  "fieldName": "value"
7718
8856
  },
7719
- {
7720
- "name": "scene",
7721
- "type": {
7722
- "text": "Scene | null"
7723
- },
7724
- "default": "null",
7725
- "fieldName": "scene"
7726
- },
7727
8857
  {
7728
8858
  "name": "selected",
7729
8859
  "type": {
@@ -7733,31 +8863,17 @@
7733
8863
  "fieldName": "selected"
7734
8864
  },
7735
8865
  {
7736
- "name": "props",
7737
- "type": {
7738
- "text": "any[]"
7739
- },
7740
- "default": "[]",
7741
- "fieldName": "props"
7742
- },
7743
- {
7744
- "name": "propertyEditor",
8866
+ "name": "fonts",
7745
8867
  "type": {
7746
8868
  "text": "any[]"
7747
8869
  },
7748
8870
  "default": "[]",
7749
- "fieldName": "propertyEditor"
7750
- }
7751
- ],
7752
- "mixins": [
7753
- {
7754
- "name": "ScopedElementsMixin",
7755
- "package": "@open-wc/scoped-elements"
8871
+ "fieldName": "fonts"
7756
8872
  }
7757
8873
  ],
7758
8874
  "superclass": {
7759
8875
  "name": "AbstractProperty",
7760
- "module": "/src/modeller/property-sidebar/abstract-property"
8876
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
7761
8877
  },
7762
8878
  "events": [
7763
8879
  {
@@ -7776,57 +8892,133 @@
7776
8892
  "exports": [
7777
8893
  {
7778
8894
  "kind": "js",
7779
- "name": "PropertySpecific",
8895
+ "name": "PropertyStyles",
7780
8896
  "declaration": {
7781
- "name": "PropertySpecific",
7782
- "module": "src/modeller/property-sidebar/specifics/specifics.ts"
8897
+ "name": "PropertyStyles",
8898
+ "module": "src/modeller/property-sidebar/styles/styles.ts"
7783
8899
  }
7784
8900
  }
7785
8901
  ]
7786
8902
  },
7787
8903
  {
7788
8904
  "kind": "javascript-module",
7789
- "path": "src/modeller/property-sidebar/styles/styles.ts",
8905
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
8906
+ "declarations": [
8907
+ {
8908
+ "kind": "variable",
8909
+ "name": "BoxPaddingEditorStyles",
8910
+ "default": "css` .box-padding { width: 100%; } .box-padding td { background: var(--url-icon-properties-padding) 50% 0 no-repeat; } .box-padding tr:nth-child(1), .box-padding tr:nth-child(3) { height: 20px; } .box-padding tr td:nth-child(1), .box-padding tr td:nth-child(3) { width: 18px; } .box-padding .slide1 { background-position: 0 0; } .box-padding .slide2 { background-position: 50% -40px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide3 { background-position: 100% -440px; } .box-padding .slide4 { background-position: 0 -360px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide5 { background: none; text-align: center; } .box-padding .slide6 { background-position: 100% -160px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide7 { background-position: 0 100%; } .box-padding .slide8 { background-position: 50% -320px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide9 { background-position: 0 0px; } .box-padding input { background-color: transparent; width: 35px; margin: 0px; padding: 0px; clear: both; float: initial; border: 1px solid #fff; border-width: 0 0 1px 0; text-align: right; font-size: 14px; } .slide5 input:nth-child(1), .slide5 input:nth-child(4) { display: block; margin: auto; } .slide5 input:nth-child(2) { float: left; } .slide5 input:nth-child(3) { float: right; margin-top: -25px; } .slide5 input:nth-child(4) { margin-top: -5px; } `"
8911
+ }
8912
+ ],
8913
+ "exports": [
8914
+ {
8915
+ "kind": "js",
8916
+ "name": "BoxPaddingEditorStyles",
8917
+ "declaration": {
8918
+ "name": "BoxPaddingEditorStyles",
8919
+ "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
8920
+ }
8921
+ }
8922
+ ]
8923
+ },
8924
+ {
8925
+ "kind": "javascript-module",
8926
+ "path": "src/modeller/property-sidebar/shapes/shapes.ts",
7790
8927
  "declarations": [
7791
8928
  {
7792
8929
  "kind": "class",
7793
8930
  "description": "",
7794
- "name": "PropertyStyles",
8931
+ "name": "PropertyShapes",
7795
8932
  "members": [
7796
8933
  {
7797
8934
  "kind": "field",
7798
8935
  "name": "value",
7799
8936
  "type": {
7800
- "text": "any"
8937
+ "text": "Properties | undefined"
7801
8938
  },
7802
- "default": "{}",
7803
8939
  "attribute": "value"
7804
8940
  },
7805
8941
  {
7806
8942
  "kind": "field",
7807
- "name": "selected",
8943
+ "name": "bounds",
7808
8944
  "type": {
7809
- "text": "Component[]"
8945
+ "text": "BOUNDS | null"
7810
8946
  },
7811
- "default": "[]",
7812
- "attribute": "selected"
8947
+ "default": "null",
8948
+ "attribute": "bounds"
7813
8949
  },
7814
8950
  {
7815
8951
  "kind": "field",
7816
- "name": "fonts",
8952
+ "name": "selected",
7817
8953
  "type": {
7818
- "text": "any[]"
8954
+ "text": "Component[]"
7819
8955
  },
7820
8956
  "default": "[]",
7821
- "attribute": "fonts"
8957
+ "attribute": "selected"
7822
8958
  },
7823
8959
  {
7824
- "kind": "field",
7825
- "name": "fontAvailable",
7826
- "type": {
7827
- "text": "boolean"
7828
- },
7829
- "default": "false"
8960
+ "kind": "method",
8961
+ "name": "_onValueChange",
8962
+ "parameters": [
8963
+ {
8964
+ "name": "e",
8965
+ "type": {
8966
+ "text": "Event"
8967
+ }
8968
+ }
8969
+ ],
8970
+ "inheritedFrom": {
8971
+ "name": "AbstractProperty",
8972
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8973
+ }
8974
+ },
8975
+ {
8976
+ "kind": "method",
8977
+ "name": "_hasTextProperty",
8978
+ "parameters": [
8979
+ {
8980
+ "name": "selected",
8981
+ "type": {
8982
+ "text": "Component[]"
8983
+ }
8984
+ }
8985
+ ]
8986
+ },
8987
+ {
8988
+ "kind": "method",
8989
+ "name": "_hasProperties",
8990
+ "parameters": [
8991
+ {
8992
+ "name": "selected",
8993
+ "type": {
8994
+ "text": "Component[]"
8995
+ }
8996
+ }
8997
+ ]
8998
+ },
8999
+ {
9000
+ "kind": "method",
9001
+ "name": "_isIdentifiable",
9002
+ "parameters": [
9003
+ {
9004
+ "name": "selected",
9005
+ "type": {
9006
+ "text": "Component[]"
9007
+ }
9008
+ }
9009
+ ]
9010
+ },
9011
+ {
9012
+ "kind": "method",
9013
+ "name": "_isClassIdentifiable",
9014
+ "parameters": [
9015
+ {
9016
+ "name": "selected",
9017
+ "type": {
9018
+ "text": "Component[]"
9019
+ }
9020
+ }
9021
+ ]
7830
9022
  },
7831
9023
  {
7832
9024
  "kind": "method",
@@ -7842,19 +9034,15 @@
7842
9034
  },
7843
9035
  {
7844
9036
  "kind": "method",
7845
- "name": "_onValueChange",
9037
+ "name": "_is3dish",
7846
9038
  "parameters": [
7847
9039
  {
7848
- "name": "e",
9040
+ "name": "selected",
7849
9041
  "type": {
7850
- "text": "Event"
9042
+ "text": "Component[]"
7851
9043
  }
7852
9044
  }
7853
- ],
7854
- "inheritedFrom": {
7855
- "name": "AbstractProperty",
7856
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7857
- }
9045
+ ]
7858
9046
  },
7859
9047
  {
7860
9048
  "kind": "method",
@@ -7895,57 +9083,62 @@
7895
9083
  }
7896
9084
  }
7897
9085
  ],
9086
+ "events": [
9087
+ {
9088
+ "name": "bounds-change",
9089
+ "type": {
9090
+ "text": "CustomEvent"
9091
+ }
9092
+ },
9093
+ {
9094
+ "name": "property-change",
9095
+ "type": {
9096
+ "text": "CustomEvent"
9097
+ },
9098
+ "inheritedFrom": {
9099
+ "name": "AbstractProperty",
9100
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
9101
+ }
9102
+ }
9103
+ ],
7898
9104
  "attributes": [
7899
9105
  {
7900
9106
  "name": "value",
7901
9107
  "type": {
7902
- "text": "any"
9108
+ "text": "Properties | undefined"
7903
9109
  },
7904
- "default": "{}",
7905
9110
  "fieldName": "value"
7906
9111
  },
7907
9112
  {
7908
- "name": "selected",
9113
+ "name": "bounds",
7909
9114
  "type": {
7910
- "text": "Component[]"
9115
+ "text": "BOUNDS | null"
7911
9116
  },
7912
- "default": "[]",
7913
- "fieldName": "selected"
9117
+ "default": "null",
9118
+ "fieldName": "bounds"
7914
9119
  },
7915
9120
  {
7916
- "name": "fonts",
9121
+ "name": "selected",
7917
9122
  "type": {
7918
- "text": "any[]"
9123
+ "text": "Component[]"
7919
9124
  },
7920
9125
  "default": "[]",
7921
- "fieldName": "fonts"
9126
+ "fieldName": "selected"
7922
9127
  }
7923
9128
  ],
7924
9129
  "superclass": {
7925
9130
  "name": "AbstractProperty",
7926
- "module": "/src/modeller/property-sidebar/abstract-property.js"
7927
- },
7928
- "events": [
7929
- {
7930
- "name": "property-change",
7931
- "type": {
7932
- "text": "CustomEvent"
7933
- },
7934
- "inheritedFrom": {
7935
- "name": "AbstractProperty",
7936
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7937
- }
7938
- }
7939
- ]
9131
+ "module": "/src/modeller/property-sidebar/abstract-property"
9132
+ }
7940
9133
  }
7941
9134
  ],
7942
9135
  "exports": [
7943
9136
  {
7944
9137
  "kind": "js",
7945
- "name": "PropertyStyles",
9138
+ "name": "PropertyShapes",
7946
9139
  "declaration": {
7947
- "name": "PropertyStyles",
7948
- "module": "src/modeller/property-sidebar/styles/styles.ts"
9140
+ "name": "PropertyShapes",
9141
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
7949
9142
  }
7950
9143
  }
7951
9144
  ]