@operato/board 0.2.47 → 0.2.48

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 (37) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/custom-elements.json +1554 -1494
  3. package/dist/src/modeller/component-toolbar/component-detail.d.ts +4 -0
  4. package/dist/src/modeller/component-toolbar/component-detail.js +56 -0
  5. package/dist/src/modeller/component-toolbar/component-detail.js.map +1 -0
  6. package/dist/src/modeller/component-toolbar/component-menu.d.ts +1 -1
  7. package/dist/src/modeller/component-toolbar/component-menu.js +57 -11
  8. package/dist/src/modeller/component-toolbar/component-menu.js.map +1 -1
  9. package/dist/src/modeller/component-toolbar/component-toolbar.js +21 -27
  10. package/dist/src/modeller/component-toolbar/component-toolbar.js.map +1 -1
  11. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.d.ts +1 -1
  12. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js +6 -5
  13. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js.map +1 -1
  14. package/dist/src/modeller/property-sidebar/data-binding/data-binding.d.ts +1 -0
  15. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js +2 -1
  16. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js.map +1 -1
  17. package/dist/src/modeller/property-sidebar/effects/property-event-hover.d.ts +1 -1
  18. package/dist/src/modeller/property-sidebar/effects/property-event-hover.js +3 -2
  19. package/dist/src/modeller/property-sidebar/effects/property-event-hover.js.map +1 -1
  20. package/dist/src/modeller/property-sidebar/effects/property-event-tap.d.ts +1 -1
  21. package/dist/src/modeller/property-sidebar/effects/property-event-tap.js +3 -2
  22. package/dist/src/modeller/property-sidebar/effects/property-event-tap.js.map +1 -1
  23. package/dist/src/modeller/property-sidebar/inspector/inspector.d.ts +1 -1
  24. package/dist/src/ox-board-modeller.d.ts +1 -1
  25. package/dist/src/ox-board-modeller.js +4 -3
  26. package/dist/src/ox-board-modeller.js.map +1 -1
  27. package/dist/tsconfig.tsbuildinfo +1 -1
  28. package/package.json +5 -5
  29. package/src/modeller/component-toolbar/component-detail.ts +53 -0
  30. package/src/modeller/component-toolbar/component-menu.ts +60 -12
  31. package/src/modeller/component-toolbar/component-toolbar.ts +23 -31
  32. package/src/modeller/property-sidebar/data-binding/data-binding-mapper.ts +7 -7
  33. package/src/modeller/property-sidebar/data-binding/data-binding.ts +4 -4
  34. package/src/modeller/property-sidebar/effects/property-event-hover.ts +4 -3
  35. package/src/modeller/property-sidebar/effects/property-event-tap.ts +4 -3
  36. package/src/ox-board-modeller.ts +9 -8
  37. package/yarn-error.log +18355 -0
package/custom-elements.json CHANGED
@@ -2,69 +2,6 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "stories/index.stories.ts",
8
- "declarations": [
9
- {
10
- "kind": "variable",
11
- "name": "Regular"
12
- },
13
- {
14
- "kind": "variable",
15
- "name": "CustomTitle"
16
- },
17
- {
18
- "kind": "variable",
19
- "name": "CustomCounter"
20
- },
21
- {
22
- "kind": "variable",
23
- "name": "SlottedContent"
24
- }
25
- ],
26
- "exports": [
27
- {
28
- "kind": "js",
29
- "name": "default",
30
- "declaration": {
31
- "module": "stories/index.stories.ts"
32
- }
33
- },
34
- {
35
- "kind": "js",
36
- "name": "Regular",
37
- "declaration": {
38
- "name": "Regular",
39
- "module": "stories/index.stories.ts"
40
- }
41
- },
42
- {
43
- "kind": "js",
44
- "name": "CustomTitle",
45
- "declaration": {
46
- "name": "CustomTitle",
47
- "module": "stories/index.stories.ts"
48
- }
49
- },
50
- {
51
- "kind": "js",
52
- "name": "CustomCounter",
53
- "declaration": {
54
- "name": "CustomCounter",
55
- "module": "stories/index.stories.ts"
56
- }
57
- },
58
- {
59
- "kind": "js",
60
- "name": "SlottedContent",
61
- "declaration": {
62
- "name": "SlottedContent",
63
- "module": "stories/index.stories.ts"
64
- }
65
- }
66
- ]
67
- },
68
5
  {
69
6
  "kind": "javascript-module",
70
7
  "path": "src/index.ts",
@@ -1103,919 +1040,982 @@
1103
1040
  },
1104
1041
  {
1105
1042
  "kind": "javascript-module",
1106
- "path": "@types/global/index.d.ts",
1107
- "declarations": [],
1108
- "exports": []
1109
- },
1110
- {
1111
- "kind": "javascript-module",
1112
- "path": "src/modeller/edit-toolbar-style.ts",
1043
+ "path": "stories/index.stories.ts",
1113
1044
  "declarations": [
1114
1045
  {
1115
1046
  "kind": "variable",
1116
- "name": "style",
1117
- "default": "css`\n :host {\n background-color: var(--edit-toolbar-background-color, #394e64);\n\n overflow-x: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: none;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: url('/assets/images/icon-htoolbar.png') no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n\n #fullscreen,\n #toggle-property {\n flex: none;\n }\n\n #align-left {\n background-position-y: 8px;\n }\n\n #align-center {\n background-position-y: -42px;\n }\n\n #align-right {\n background-position-y: -92px;\n }\n\n #align-top {\n background-position-y: -142px;\n }\n\n #align-middle {\n background-position-y: -192px;\n }\n\n #align-bottom {\n background-position-y: -242px;\n }\n\n #undo {\n background-position-y: -592px;\n }\n\n #redo {\n background-position-y: -642px;\n }\n\n #front {\n background-position-y: -292px;\n }\n\n #back {\n background-position-y: -342px;\n }\n\n #forward {\n background-position-y: -392px;\n }\n\n #backward {\n background-position-y: -442px;\n }\n\n #symmetry-x {\n background-position-y: -492px;\n }\n\n #symmetry-y {\n background-position-y: -542px;\n }\n\n #group {\n background-position-y: -492px;\n }\n\n #ungroup {\n background-position-y: -542px;\n }\n\n #fullscreen {\n background-position-y: -692px;\n }\n\n #toggle-property {\n background-position-y: -692px;\n float: right;\n }\n\n #zoomin {\n background-position-y: -742px;\n }\n\n #zoomout {\n background-position-y: -792px;\n }\n\n #fit-scene {\n background-position-y: -1492px;\n }\n\n #cut {\n background-position-y: -842px;\n }\n\n #copy {\n background-position-y: -892px;\n }\n\n #paste {\n background-position-y: -942px;\n }\n\n #delete {\n background-position-y: -992px;\n }\n\n #font-increase {\n background-position-y: -1042px;\n }\n\n #font-decrease {\n background-position-y: -1092px;\n }\n\n #style-copy {\n background-position-y: -1142px;\n }\n\n #context-menu {\n background-position-y: -692px;\n }\n\n #symmetry-x {\n background-position-y: -1192px;\n }\n\n #symmetry-y {\n background-position-y: -1242px;\n }\n\n #rotate-cw {\n background-position-y: -1292px;\n }\n\n #rotate-ccw {\n background-position-y: -1342px;\n }\n\n #distribute-horizontal {\n background-position-y: -1542px;\n }\n\n #distribute-vertical {\n background-position-y: -1593px;\n }\n\n #toggle-property {\n background-position-y: -1392px;\n }\n\n #preview {\n background-position-y: -1640px;\n }\n\n /* bigger buttons */\n #fullscreen {\n background: url('/assets/images/icon-fullscreen.png') 50% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property {\n background: url('/assets/images/icon-collapse.png') 80% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property[active] {\n background: url(/assets/images/icon-collapse-active.png) 80% 10px no-repeat;\n }\n`"
1047
+ "name": "Regular"
1048
+ },
1049
+ {
1050
+ "kind": "variable",
1051
+ "name": "CustomTitle"
1052
+ },
1053
+ {
1054
+ "kind": "variable",
1055
+ "name": "CustomCounter"
1056
+ },
1057
+ {
1058
+ "kind": "variable",
1059
+ "name": "SlottedContent"
1118
1060
  }
1119
1061
  ],
1120
1062
  "exports": [
1121
1063
  {
1122
1064
  "kind": "js",
1123
- "name": "style",
1065
+ "name": "default",
1124
1066
  "declaration": {
1125
- "name": "style",
1126
- "module": "src/modeller/edit-toolbar-style.ts"
1067
+ "module": "stories/index.stories.ts"
1068
+ }
1069
+ },
1070
+ {
1071
+ "kind": "js",
1072
+ "name": "Regular",
1073
+ "declaration": {
1074
+ "name": "Regular",
1075
+ "module": "stories/index.stories.ts"
1076
+ }
1077
+ },
1078
+ {
1079
+ "kind": "js",
1080
+ "name": "CustomTitle",
1081
+ "declaration": {
1082
+ "name": "CustomTitle",
1083
+ "module": "stories/index.stories.ts"
1084
+ }
1085
+ },
1086
+ {
1087
+ "kind": "js",
1088
+ "name": "CustomCounter",
1089
+ "declaration": {
1090
+ "name": "CustomCounter",
1091
+ "module": "stories/index.stories.ts"
1092
+ }
1093
+ },
1094
+ {
1095
+ "kind": "js",
1096
+ "name": "SlottedContent",
1097
+ "declaration": {
1098
+ "name": "SlottedContent",
1099
+ "module": "stories/index.stories.ts"
1127
1100
  }
1128
1101
  }
1129
1102
  ]
1130
1103
  },
1131
1104
  {
1132
1105
  "kind": "javascript-module",
1133
- "path": "src/modeller/edit-toolbar.ts",
1106
+ "path": "@types/global/index.d.ts",
1107
+ "declarations": [],
1108
+ "exports": []
1109
+ },
1110
+ {
1111
+ "kind": "javascript-module",
1112
+ "path": "src/player/ox-board-player-carousel.ts",
1134
1113
  "declarations": [
1135
1114
  {
1136
1115
  "kind": "class",
1137
1116
  "description": "",
1138
- "name": "EditToolbar",
1117
+ "name": "BoardPlayerCarousel",
1139
1118
  "members": [
1140
1119
  {
1141
1120
  "kind": "field",
1142
- "name": "scene",
1121
+ "name": "axis",
1143
1122
  "type": {
1144
- "text": "Scene | undefined"
1123
+ "text": "string"
1145
1124
  },
1146
- "attribute": "scene"
1125
+ "default": "'y'",
1126
+ "attribute": "axis"
1147
1127
  },
1148
1128
  {
1149
1129
  "kind": "field",
1150
- "name": "selected",
1130
+ "name": "rows",
1151
1131
  "type": {
1152
- "text": "any[]"
1132
+ "text": "number"
1153
1133
  },
1154
- "default": "[]",
1155
- "attribute": "selected"
1134
+ "default": "1",
1135
+ "attribute": "rows"
1156
1136
  },
1157
1137
  {
1158
1138
  "kind": "field",
1159
- "name": "hideProperty",
1139
+ "name": "columns",
1160
1140
  "type": {
1161
- "text": "boolean"
1141
+ "text": "number"
1162
1142
  },
1163
- "default": "false",
1164
- "attribute": "hideProperty"
1143
+ "default": "1",
1144
+ "attribute": "columns"
1165
1145
  },
1166
1146
  {
1167
1147
  "kind": "field",
1168
- "name": "cliped",
1148
+ "name": "_slotObserver",
1169
1149
  "type": {
1170
- "text": "string | undefined"
1171
- },
1172
- "privacy": "private"
1150
+ "text": "MutationObserver | undefined"
1151
+ }
1173
1152
  },
1174
1153
  {
1175
1154
  "kind": "field",
1176
- "name": "redo",
1155
+ "name": "_boundResize",
1177
1156
  "type": {
1178
- "text": "HTMLElement"
1179
- },
1180
- "privacy": "private"
1157
+ "text": "() => void | undefined"
1158
+ }
1181
1159
  },
1182
1160
  {
1183
1161
  "kind": "field",
1184
- "name": "undo",
1162
+ "name": "_rotation",
1185
1163
  "type": {
1186
- "text": "HTMLElement"
1164
+ "text": "number"
1187
1165
  },
1188
- "privacy": "private"
1166
+ "default": "0"
1189
1167
  },
1190
1168
  {
1191
1169
  "kind": "field",
1192
- "name": "fullscreen",
1170
+ "name": "_theta",
1193
1171
  "type": {
1194
- "text": "HTMLElement"
1172
+ "text": "number"
1195
1173
  },
1196
- "privacy": "private"
1174
+ "default": "0"
1197
1175
  },
1198
1176
  {
1199
1177
  "kind": "field",
1200
- "name": "cut",
1178
+ "name": "_radius",
1201
1179
  "type": {
1202
- "text": "HTMLElement"
1180
+ "text": "number"
1203
1181
  },
1204
- "privacy": "private"
1182
+ "default": "0"
1205
1183
  },
1206
1184
  {
1207
1185
  "kind": "field",
1208
- "name": "copy",
1186
+ "name": "_rotateFn",
1209
1187
  "type": {
1210
- "text": "HTMLElement"
1211
- },
1212
- "privacy": "private"
1188
+ "text": "string | undefined"
1189
+ }
1213
1190
  },
1214
1191
  {
1215
1192
  "kind": "field",
1216
- "name": "paste",
1193
+ "name": "_panelCount",
1217
1194
  "type": {
1218
- "text": "HTMLElement"
1195
+ "text": "number"
1219
1196
  },
1220
- "privacy": "private"
1197
+ "default": "0"
1221
1198
  },
1222
1199
  {
1223
1200
  "kind": "field",
1224
- "name": "delete",
1201
+ "name": "_panelSize",
1225
1202
  "type": {
1226
- "text": "HTMLElement"
1203
+ "text": "number"
1227
1204
  },
1228
- "privacy": "private"
1205
+ "default": "0"
1229
1206
  },
1230
1207
  {
1231
1208
  "kind": "field",
1232
- "name": "forward",
1209
+ "name": "_isHorizontal",
1233
1210
  "type": {
1234
- "text": "HTMLElement"
1211
+ "text": "boolean"
1235
1212
  },
1236
- "privacy": "private"
1213
+ "default": "true"
1237
1214
  },
1238
1215
  {
1239
1216
  "kind": "field",
1240
- "name": "backward",
1217
+ "name": "_slot",
1241
1218
  "type": {
1242
- "text": "HTMLElement"
1243
- },
1244
- "privacy": "private"
1219
+ "text": "HTMLSlotElement"
1220
+ }
1245
1221
  },
1246
1222
  {
1247
1223
  "kind": "field",
1248
- "name": "front",
1224
+ "name": "_carousel",
1249
1225
  "type": {
1250
1226
  "text": "HTMLElement"
1251
- },
1252
- "privacy": "private"
1227
+ }
1253
1228
  },
1254
1229
  {
1255
- "kind": "field",
1256
- "name": "back",
1257
- "type": {
1258
- "text": "HTMLElement"
1259
- },
1260
- "privacy": "private"
1230
+ "kind": "method",
1231
+ "name": "build"
1261
1232
  },
1262
1233
  {
1263
- "kind": "field",
1264
- "name": "aligners",
1265
- "type": {
1266
- "text": "NodeListOf<HTMLSpanElement>"
1267
- },
1268
- "privacy": "private"
1234
+ "kind": "method",
1235
+ "name": "start"
1269
1236
  },
1270
1237
  {
1271
- "kind": "field",
1272
- "name": "zorders",
1273
- "type": {
1274
- "text": "NodeListOf<HTMLSpanElement>"
1275
- },
1276
- "privacy": "private"
1277
- },
1278
- {
1279
- "kind": "field",
1280
- "name": "distributes",
1281
- "type": {
1282
- "text": "NodeListOf<HTMLSpanElement>"
1283
- },
1284
- "privacy": "private"
1285
- },
1286
- {
1287
- "kind": "method",
1288
- "name": "onWheelEvent",
1289
- "parameters": [
1290
- {
1291
- "name": "e",
1292
- "type": {
1293
- "text": "Event"
1294
- }
1295
- }
1296
- ]
1297
- },
1298
- {
1299
- "kind": "method",
1300
- "name": "getSymbol",
1301
- "parameters": [
1302
- {
1303
- "name": "key",
1304
- "type": {
1305
- "text": "string"
1306
- }
1307
- }
1308
- ]
1238
+ "kind": "method",
1239
+ "name": "stop"
1309
1240
  },
1310
1241
  {
1311
1242
  "kind": "method",
1312
- "name": "getShortcutString",
1313
- "privacy": "private",
1314
- "parameters": [
1315
- {
1316
- "name": "keys",
1317
- "type": {
1318
- "text": "string[]"
1319
- }
1320
- }
1321
- ]
1322
- },
1323
- {
1324
- "kind": "method",
1325
- "name": "onShortcut",
1326
- "parameters": [
1327
- {
1328
- "name": "e",
1329
- "type": {
1330
- "text": "KeyboardEvent"
1331
- }
1332
- }
1333
- ]
1334
- },
1335
- {
1336
- "kind": "method",
1337
- "name": "onExecute",
1338
- "parameters": [
1339
- {
1340
- "name": "command",
1341
- "type": {
1342
- "text": "string"
1343
- }
1344
- },
1345
- {
1346
- "name": "undoable",
1347
- "type": {
1348
- "text": "boolean"
1349
- }
1350
- },
1351
- {
1352
- "name": "redoable",
1353
- "type": {
1354
- "text": "boolean"
1355
- }
1356
- }
1357
- ]
1358
- },
1359
- {
1360
- "kind": "method",
1361
- "name": "onUndo",
1362
- "parameters": [
1363
- {
1364
- "name": "undoable",
1365
- "type": {
1366
- "text": "boolean"
1367
- }
1368
- },
1369
- {
1370
- "name": "redoable",
1371
- "type": {
1372
- "text": "boolean"
1373
- }
1374
- }
1375
- ]
1376
- },
1377
- {
1378
- "kind": "method",
1379
- "name": "onRedo",
1380
- "parameters": [
1381
- {
1382
- "name": "undoable",
1383
- "type": {
1384
- "text": "boolean"
1385
- }
1386
- },
1387
- {
1388
- "name": "redoable",
1389
- "type": {
1390
- "text": "boolean"
1391
- }
1392
- }
1393
- ]
1394
- },
1395
- {
1396
- "kind": "method",
1397
- "name": "onSceneChanged",
1398
- "parameters": [
1399
- {
1400
- "name": "after",
1401
- "optional": true,
1402
- "type": {
1403
- "text": "Scene"
1404
- }
1405
- },
1406
- {
1407
- "name": "before",
1408
- "optional": true,
1409
- "type": {
1410
- "text": "Scene"
1411
- }
1412
- }
1413
- ]
1414
- },
1415
- {
1416
- "kind": "method",
1417
- "name": "onSelectedChanged",
1418
- "parameters": [
1419
- {
1420
- "name": "after",
1421
- "type": {
1422
- "text": "Component[]"
1423
- }
1424
- },
1425
- {
1426
- "name": "before",
1427
- "type": {
1428
- "text": "Component[]"
1429
- }
1430
- }
1431
- ]
1243
+ "name": "_onAxisChanged"
1432
1244
  },
1433
1245
  {
1434
1246
  "kind": "method",
1435
- "name": "onTapUndo"
1247
+ "name": "_transform"
1436
1248
  },
1437
1249
  {
1438
1250
  "kind": "method",
1439
- "name": "onTapRedo"
1251
+ "name": "previous"
1440
1252
  },
1441
1253
  {
1442
1254
  "kind": "method",
1443
- "name": "onTapCut"
1444
- },
1255
+ "name": "next"
1256
+ }
1257
+ ],
1258
+ "events": [
1445
1259
  {
1446
- "kind": "method",
1447
- "name": "onTapCopy"
1448
- },
1260
+ "name": "transform",
1261
+ "type": {
1262
+ "text": "CustomEvent"
1263
+ }
1264
+ }
1265
+ ],
1266
+ "attributes": [
1449
1267
  {
1450
- "kind": "method",
1451
- "name": "onTapPaste"
1268
+ "name": "axis",
1269
+ "type": {
1270
+ "text": "string"
1271
+ },
1272
+ "default": "'y'",
1273
+ "fieldName": "axis"
1452
1274
  },
1453
1275
  {
1454
- "kind": "method",
1455
- "name": "onTapDelete"
1276
+ "name": "rows",
1277
+ "type": {
1278
+ "text": "number"
1279
+ },
1280
+ "default": "1",
1281
+ "fieldName": "rows"
1456
1282
  },
1457
1283
  {
1458
- "kind": "method",
1459
- "name": "onTapSelectAll"
1460
- },
1284
+ "name": "columns",
1285
+ "type": {
1286
+ "text": "number"
1287
+ },
1288
+ "default": "1",
1289
+ "fieldName": "columns"
1290
+ }
1291
+ ],
1292
+ "superclass": {
1293
+ "name": "LitElement",
1294
+ "package": "lit"
1295
+ },
1296
+ "tagName": "ox-board-player-carousel",
1297
+ "customElement": true
1298
+ }
1299
+ ],
1300
+ "exports": [
1301
+ {
1302
+ "kind": "custom-element-definition",
1303
+ "name": "ox-board-player-carousel",
1304
+ "declaration": {
1305
+ "name": "BoardPlayerCarousel",
1306
+ "module": "src/player/ox-board-player-carousel.ts"
1307
+ }
1308
+ }
1309
+ ]
1310
+ },
1311
+ {
1312
+ "kind": "javascript-module",
1313
+ "path": "src/player/ox-board-player-grid.ts",
1314
+ "declarations": [
1315
+ {
1316
+ "kind": "class",
1317
+ "description": "자식 컴포넌트들을 그리드형태로 화면에 배치하여 한꺼번에 디스플레이해주는 컴포넌트.\nExample:\n <ox-board-player-grid rows=\"3\" columns=\"3\" tabindex=\"0\" focus>\n <div page>A</div>\n <div page>B</div>\n <div page>C</div>\n <div page>D</div>\n </ox-board-player-grid>",
1318
+ "name": "BoardPlayerGrid",
1319
+ "members": [
1461
1320
  {
1462
- "kind": "method",
1463
- "name": "onTapFontIncrease",
1464
- "parameters": [
1465
- {
1466
- "name": "e",
1467
- "type": {
1468
- "text": "TouchEvent"
1469
- }
1470
- }
1471
- ]
1321
+ "kind": "field",
1322
+ "name": "rows",
1323
+ "type": {
1324
+ "text": "number"
1325
+ },
1326
+ "default": "1",
1327
+ "attribute": "rows"
1472
1328
  },
1473
1329
  {
1474
- "kind": "method",
1475
- "name": "onTapFontDecrease",
1476
- "parameters": [
1477
- {
1478
- "name": "e",
1479
- "type": {
1480
- "text": "TouchEvent"
1481
- }
1482
- }
1483
- ]
1330
+ "kind": "field",
1331
+ "name": "columns",
1332
+ "type": {
1333
+ "text": "number"
1334
+ },
1335
+ "default": "1",
1336
+ "attribute": "columns"
1484
1337
  },
1485
1338
  {
1486
- "kind": "method",
1487
- "name": "onTapAlign",
1488
- "parameters": [
1489
- {
1490
- "name": "e",
1491
- "type": {
1492
- "text": "TouchEvent | string"
1493
- }
1494
- }
1495
- ]
1339
+ "kind": "field",
1340
+ "name": "_slotObserver",
1341
+ "type": {
1342
+ "text": "MutationObserver | undefined"
1343
+ }
1496
1344
  },
1497
1345
  {
1498
- "kind": "method",
1499
- "name": "onTapZorder",
1500
- "parameters": [
1501
- {
1502
- "name": "e",
1503
- "type": {
1504
- "text": "TouchEvent | string"
1505
- }
1506
- }
1507
- ]
1346
+ "kind": "field",
1347
+ "name": "_slot",
1348
+ "type": {
1349
+ "text": "HTMLSlotElement"
1350
+ }
1508
1351
  },
1509
1352
  {
1510
1353
  "kind": "method",
1511
- "name": "onTapSymmetryX"
1354
+ "name": "start"
1512
1355
  },
1513
1356
  {
1514
1357
  "kind": "method",
1515
- "name": "onTapSymmetryY"
1358
+ "name": "stop"
1516
1359
  },
1517
1360
  {
1518
1361
  "kind": "method",
1519
- "name": "onTapRotateCW"
1362
+ "name": "next"
1520
1363
  },
1521
1364
  {
1522
1365
  "kind": "method",
1523
- "name": "onTapRotateCCW"
1524
- },
1366
+ "name": "previous"
1367
+ }
1368
+ ],
1369
+ "attributes": [
1525
1370
  {
1526
- "kind": "method",
1527
- "name": "onTapGroup"
1371
+ "name": "rows",
1372
+ "type": {
1373
+ "text": "number"
1374
+ },
1375
+ "default": "1",
1376
+ "fieldName": "rows"
1528
1377
  },
1529
1378
  {
1530
- "kind": "method",
1531
- "name": "onTapUngroup"
1532
- },
1379
+ "name": "columns",
1380
+ "type": {
1381
+ "text": "number"
1382
+ },
1383
+ "default": "1",
1384
+ "fieldName": "columns"
1385
+ }
1386
+ ],
1387
+ "superclass": {
1388
+ "name": "LitElement",
1389
+ "package": "lit"
1390
+ },
1391
+ "tagName": "ox-board-player-grid",
1392
+ "customElement": true
1393
+ }
1394
+ ],
1395
+ "exports": [
1396
+ {
1397
+ "kind": "custom-element-definition",
1398
+ "name": "ox-board-player-grid",
1399
+ "declaration": {
1400
+ "name": "BoardPlayerGrid",
1401
+ "module": "src/player/ox-board-player-grid.ts"
1402
+ }
1403
+ }
1404
+ ]
1405
+ },
1406
+ {
1407
+ "kind": "javascript-module",
1408
+ "path": "src/player/ox-board-wrapper.ts",
1409
+ "declarations": [
1410
+ {
1411
+ "kind": "class",
1412
+ "description": "",
1413
+ "name": "BoardWrapper",
1414
+ "members": [
1533
1415
  {
1534
- "kind": "method",
1535
- "name": "onTapFullscreen"
1416
+ "kind": "field",
1417
+ "name": "sceneId",
1418
+ "type": {
1419
+ "text": "string"
1420
+ },
1421
+ "attribute": "sceneId"
1536
1422
  },
1537
1423
  {
1538
- "kind": "method",
1539
- "name": "onTapToggle"
1424
+ "kind": "field",
1425
+ "name": "provider",
1426
+ "type": {
1427
+ "text": "any"
1428
+ },
1429
+ "attribute": "provider"
1540
1430
  },
1541
1431
  {
1542
- "kind": "method",
1543
- "name": "onTapFitScene"
1432
+ "kind": "field",
1433
+ "name": "_scene",
1434
+ "type": {
1435
+ "text": "any"
1436
+ }
1544
1437
  },
1545
1438
  {
1546
- "kind": "method",
1547
- "name": "onTapPreview"
1439
+ "kind": "field",
1440
+ "name": "_targetEl",
1441
+ "type": {
1442
+ "text": "HTMLElement"
1443
+ }
1548
1444
  },
1549
1445
  {
1550
1446
  "kind": "method",
1551
- "name": "onTapDownloadModel"
1447
+ "name": "_releaseRef"
1552
1448
  },
1553
1449
  {
1554
1450
  "kind": "method",
1555
- "name": "onTapDistribute",
1556
- "parameters": [
1557
- {
1558
- "name": "e",
1559
- "type": {
1560
- "text": "TouchEvent | string"
1561
- }
1562
- }
1563
- ]
1451
+ "name": "_onSceneIdChanged"
1564
1452
  }
1565
1453
  ],
1566
- "events": [
1567
- {
1568
- "name": "modeller-fullscreen",
1569
- "type": {
1570
- "text": "CustomEvent"
1571
- }
1572
- },
1573
- {
1574
- "name": "hide-property-changed",
1575
- "type": {
1576
- "text": "CustomEvent"
1577
- }
1578
- },
1454
+ "attributes": [
1579
1455
  {
1580
- "name": "open-preview",
1456
+ "name": "sceneId",
1581
1457
  "type": {
1582
- "text": "CustomEvent"
1583
- }
1458
+ "text": "string"
1459
+ },
1460
+ "fieldName": "sceneId"
1584
1461
  },
1585
1462
  {
1586
- "name": "download-model",
1463
+ "name": "provider",
1587
1464
  "type": {
1588
- "text": "CustomEvent"
1589
- }
1465
+ "text": "any"
1466
+ },
1467
+ "fieldName": "provider"
1590
1468
  }
1591
1469
  ],
1592
- "attributes": [
1470
+ "superclass": {
1471
+ "name": "LitElement",
1472
+ "package": "lit"
1473
+ },
1474
+ "tagName": "ox-board-wrapper",
1475
+ "customElement": true
1476
+ }
1477
+ ],
1478
+ "exports": [
1479
+ {
1480
+ "kind": "custom-element-definition",
1481
+ "name": "ox-board-wrapper",
1482
+ "declaration": {
1483
+ "name": "BoardWrapper",
1484
+ "module": "src/player/ox-board-wrapper.ts"
1485
+ }
1486
+ }
1487
+ ]
1488
+ },
1489
+ {
1490
+ "kind": "javascript-module",
1491
+ "path": "src/modeller/edit-toolbar-style.ts",
1492
+ "declarations": [
1493
+ {
1494
+ "kind": "variable",
1495
+ "name": "style",
1496
+ "default": "css`\n :host {\n background-color: var(--edit-toolbar-background-color, #394e64);\n\n overflow-x: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: none;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: url('/assets/images/icon-htoolbar.png') no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n\n #fullscreen,\n #toggle-property {\n flex: none;\n }\n\n #align-left {\n background-position-y: 8px;\n }\n\n #align-center {\n background-position-y: -42px;\n }\n\n #align-right {\n background-position-y: -92px;\n }\n\n #align-top {\n background-position-y: -142px;\n }\n\n #align-middle {\n background-position-y: -192px;\n }\n\n #align-bottom {\n background-position-y: -242px;\n }\n\n #undo {\n background-position-y: -592px;\n }\n\n #redo {\n background-position-y: -642px;\n }\n\n #front {\n background-position-y: -292px;\n }\n\n #back {\n background-position-y: -342px;\n }\n\n #forward {\n background-position-y: -392px;\n }\n\n #backward {\n background-position-y: -442px;\n }\n\n #symmetry-x {\n background-position-y: -492px;\n }\n\n #symmetry-y {\n background-position-y: -542px;\n }\n\n #group {\n background-position-y: -492px;\n }\n\n #ungroup {\n background-position-y: -542px;\n }\n\n #fullscreen {\n background-position-y: -692px;\n }\n\n #toggle-property {\n background-position-y: -692px;\n float: right;\n }\n\n #zoomin {\n background-position-y: -742px;\n }\n\n #zoomout {\n background-position-y: -792px;\n }\n\n #fit-scene {\n background-position-y: -1492px;\n }\n\n #cut {\n background-position-y: -842px;\n }\n\n #copy {\n background-position-y: -892px;\n }\n\n #paste {\n background-position-y: -942px;\n }\n\n #delete {\n background-position-y: -992px;\n }\n\n #font-increase {\n background-position-y: -1042px;\n }\n\n #font-decrease {\n background-position-y: -1092px;\n }\n\n #style-copy {\n background-position-y: -1142px;\n }\n\n #context-menu {\n background-position-y: -692px;\n }\n\n #symmetry-x {\n background-position-y: -1192px;\n }\n\n #symmetry-y {\n background-position-y: -1242px;\n }\n\n #rotate-cw {\n background-position-y: -1292px;\n }\n\n #rotate-ccw {\n background-position-y: -1342px;\n }\n\n #distribute-horizontal {\n background-position-y: -1542px;\n }\n\n #distribute-vertical {\n background-position-y: -1593px;\n }\n\n #toggle-property {\n background-position-y: -1392px;\n }\n\n #preview {\n background-position-y: -1640px;\n }\n\n /* bigger buttons */\n #fullscreen {\n background: url('/assets/images/icon-fullscreen.png') 50% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property {\n background: url('/assets/images/icon-collapse.png') 80% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property[active] {\n background: url(/assets/images/icon-collapse-active.png) 80% 10px no-repeat;\n }\n`"
1497
+ }
1498
+ ],
1499
+ "exports": [
1500
+ {
1501
+ "kind": "js",
1502
+ "name": "style",
1503
+ "declaration": {
1504
+ "name": "style",
1505
+ "module": "src/modeller/edit-toolbar-style.ts"
1506
+ }
1507
+ }
1508
+ ]
1509
+ },
1510
+ {
1511
+ "kind": "javascript-module",
1512
+ "path": "src/modeller/edit-toolbar.ts",
1513
+ "declarations": [
1514
+ {
1515
+ "kind": "class",
1516
+ "description": "",
1517
+ "name": "EditToolbar",
1518
+ "members": [
1593
1519
  {
1520
+ "kind": "field",
1594
1521
  "name": "scene",
1595
1522
  "type": {
1596
1523
  "text": "Scene | undefined"
1597
1524
  },
1598
- "fieldName": "scene"
1525
+ "attribute": "scene"
1599
1526
  },
1600
1527
  {
1528
+ "kind": "field",
1601
1529
  "name": "selected",
1602
1530
  "type": {
1603
1531
  "text": "any[]"
1604
1532
  },
1605
1533
  "default": "[]",
1606
- "fieldName": "selected"
1534
+ "attribute": "selected"
1607
1535
  },
1608
1536
  {
1537
+ "kind": "field",
1609
1538
  "name": "hideProperty",
1610
1539
  "type": {
1611
1540
  "text": "boolean"
1612
1541
  },
1613
1542
  "default": "false",
1614
- "fieldName": "hideProperty"
1615
- }
1616
- ],
1617
- "superclass": {
1618
- "name": "LitElement",
1619
- "package": "lit"
1620
- },
1621
- "tagName": "edit-toolbar",
1622
- "customElement": true
1623
- }
1624
- ],
1625
- "exports": [
1626
- {
1627
- "kind": "js",
1628
- "name": "EditToolbar",
1629
- "declaration": {
1630
- "name": "EditToolbar",
1631
- "module": "src/modeller/edit-toolbar.ts"
1632
- }
1633
- },
1634
- {
1635
- "kind": "custom-element-definition",
1636
- "name": "edit-toolbar",
1637
- "declaration": {
1638
- "name": "EditToolbar",
1639
- "module": "src/modeller/edit-toolbar.ts"
1640
- }
1641
- }
1642
- ]
1643
- },
1644
- {
1645
- "kind": "javascript-module",
1646
- "path": "src/player/ox-board-player-carousel.ts",
1647
- "declarations": [
1648
- {
1649
- "kind": "class",
1650
- "description": "",
1651
- "name": "BoardPlayerCarousel",
1652
- "members": [
1543
+ "attribute": "hideProperty"
1544
+ },
1653
1545
  {
1654
1546
  "kind": "field",
1655
- "name": "axis",
1547
+ "name": "cliped",
1656
1548
  "type": {
1657
- "text": "string"
1549
+ "text": "string | undefined"
1658
1550
  },
1659
- "default": "'y'",
1660
- "attribute": "axis"
1551
+ "privacy": "private"
1661
1552
  },
1662
1553
  {
1663
1554
  "kind": "field",
1664
- "name": "rows",
1555
+ "name": "redo",
1665
1556
  "type": {
1666
- "text": "number"
1557
+ "text": "HTMLElement"
1667
1558
  },
1668
- "default": "1",
1669
- "attribute": "rows"
1559
+ "privacy": "private"
1670
1560
  },
1671
1561
  {
1672
1562
  "kind": "field",
1673
- "name": "columns",
1563
+ "name": "undo",
1674
1564
  "type": {
1675
- "text": "number"
1565
+ "text": "HTMLElement"
1676
1566
  },
1677
- "default": "1",
1678
- "attribute": "columns"
1567
+ "privacy": "private"
1679
1568
  },
1680
1569
  {
1681
1570
  "kind": "field",
1682
- "name": "_slotObserver",
1571
+ "name": "fullscreen",
1683
1572
  "type": {
1684
- "text": "MutationObserver | undefined"
1685
- }
1573
+ "text": "HTMLElement"
1574
+ },
1575
+ "privacy": "private"
1686
1576
  },
1687
1577
  {
1688
1578
  "kind": "field",
1689
- "name": "_boundResize",
1579
+ "name": "cut",
1690
1580
  "type": {
1691
- "text": "() => void | undefined"
1692
- }
1581
+ "text": "HTMLElement"
1582
+ },
1583
+ "privacy": "private"
1693
1584
  },
1694
1585
  {
1695
1586
  "kind": "field",
1696
- "name": "_rotation",
1587
+ "name": "copy",
1697
1588
  "type": {
1698
- "text": "number"
1589
+ "text": "HTMLElement"
1699
1590
  },
1700
- "default": "0"
1591
+ "privacy": "private"
1701
1592
  },
1702
1593
  {
1703
1594
  "kind": "field",
1704
- "name": "_theta",
1595
+ "name": "paste",
1705
1596
  "type": {
1706
- "text": "number"
1597
+ "text": "HTMLElement"
1707
1598
  },
1708
- "default": "0"
1599
+ "privacy": "private"
1709
1600
  },
1710
1601
  {
1711
1602
  "kind": "field",
1712
- "name": "_radius",
1603
+ "name": "delete",
1713
1604
  "type": {
1714
- "text": "number"
1605
+ "text": "HTMLElement"
1715
1606
  },
1716
- "default": "0"
1607
+ "privacy": "private"
1717
1608
  },
1718
1609
  {
1719
1610
  "kind": "field",
1720
- "name": "_rotateFn",
1611
+ "name": "forward",
1721
1612
  "type": {
1722
- "text": "string | undefined"
1723
- }
1613
+ "text": "HTMLElement"
1614
+ },
1615
+ "privacy": "private"
1724
1616
  },
1725
1617
  {
1726
1618
  "kind": "field",
1727
- "name": "_panelCount",
1619
+ "name": "backward",
1728
1620
  "type": {
1729
- "text": "number"
1621
+ "text": "HTMLElement"
1730
1622
  },
1731
- "default": "0"
1623
+ "privacy": "private"
1732
1624
  },
1733
1625
  {
1734
1626
  "kind": "field",
1735
- "name": "_panelSize",
1627
+ "name": "front",
1736
1628
  "type": {
1737
- "text": "number"
1629
+ "text": "HTMLElement"
1738
1630
  },
1739
- "default": "0"
1631
+ "privacy": "private"
1632
+ },
1633
+ {
1634
+ "kind": "field",
1635
+ "name": "back",
1636
+ "type": {
1637
+ "text": "HTMLElement"
1638
+ },
1639
+ "privacy": "private"
1640
+ },
1641
+ {
1642
+ "kind": "field",
1643
+ "name": "aligners",
1644
+ "type": {
1645
+ "text": "NodeListOf<HTMLSpanElement>"
1646
+ },
1647
+ "privacy": "private"
1648
+ },
1649
+ {
1650
+ "kind": "field",
1651
+ "name": "zorders",
1652
+ "type": {
1653
+ "text": "NodeListOf<HTMLSpanElement>"
1654
+ },
1655
+ "privacy": "private"
1656
+ },
1657
+ {
1658
+ "kind": "field",
1659
+ "name": "distributes",
1660
+ "type": {
1661
+ "text": "NodeListOf<HTMLSpanElement>"
1662
+ },
1663
+ "privacy": "private"
1664
+ },
1665
+ {
1666
+ "kind": "method",
1667
+ "name": "onWheelEvent",
1668
+ "parameters": [
1669
+ {
1670
+ "name": "e",
1671
+ "type": {
1672
+ "text": "Event"
1673
+ }
1674
+ }
1675
+ ]
1676
+ },
1677
+ {
1678
+ "kind": "method",
1679
+ "name": "getSymbol",
1680
+ "parameters": [
1681
+ {
1682
+ "name": "key",
1683
+ "type": {
1684
+ "text": "string"
1685
+ }
1686
+ }
1687
+ ]
1688
+ },
1689
+ {
1690
+ "kind": "method",
1691
+ "name": "getShortcutString",
1692
+ "privacy": "private",
1693
+ "parameters": [
1694
+ {
1695
+ "name": "keys",
1696
+ "type": {
1697
+ "text": "string[]"
1698
+ }
1699
+ }
1700
+ ]
1701
+ },
1702
+ {
1703
+ "kind": "method",
1704
+ "name": "onShortcut",
1705
+ "parameters": [
1706
+ {
1707
+ "name": "e",
1708
+ "type": {
1709
+ "text": "KeyboardEvent"
1710
+ }
1711
+ }
1712
+ ]
1713
+ },
1714
+ {
1715
+ "kind": "method",
1716
+ "name": "onExecute",
1717
+ "parameters": [
1718
+ {
1719
+ "name": "command",
1720
+ "type": {
1721
+ "text": "string"
1722
+ }
1723
+ },
1724
+ {
1725
+ "name": "undoable",
1726
+ "type": {
1727
+ "text": "boolean"
1728
+ }
1729
+ },
1730
+ {
1731
+ "name": "redoable",
1732
+ "type": {
1733
+ "text": "boolean"
1734
+ }
1735
+ }
1736
+ ]
1737
+ },
1738
+ {
1739
+ "kind": "method",
1740
+ "name": "onUndo",
1741
+ "parameters": [
1742
+ {
1743
+ "name": "undoable",
1744
+ "type": {
1745
+ "text": "boolean"
1746
+ }
1747
+ },
1748
+ {
1749
+ "name": "redoable",
1750
+ "type": {
1751
+ "text": "boolean"
1752
+ }
1753
+ }
1754
+ ]
1755
+ },
1756
+ {
1757
+ "kind": "method",
1758
+ "name": "onRedo",
1759
+ "parameters": [
1760
+ {
1761
+ "name": "undoable",
1762
+ "type": {
1763
+ "text": "boolean"
1764
+ }
1765
+ },
1766
+ {
1767
+ "name": "redoable",
1768
+ "type": {
1769
+ "text": "boolean"
1770
+ }
1771
+ }
1772
+ ]
1740
1773
  },
1741
1774
  {
1742
- "kind": "field",
1743
- "name": "_isHorizontal",
1744
- "type": {
1745
- "text": "boolean"
1746
- },
1747
- "default": "true"
1775
+ "kind": "method",
1776
+ "name": "onSceneChanged",
1777
+ "parameters": [
1778
+ {
1779
+ "name": "after",
1780
+ "optional": true,
1781
+ "type": {
1782
+ "text": "Scene"
1783
+ }
1784
+ },
1785
+ {
1786
+ "name": "before",
1787
+ "optional": true,
1788
+ "type": {
1789
+ "text": "Scene"
1790
+ }
1791
+ }
1792
+ ]
1748
1793
  },
1749
1794
  {
1750
- "kind": "field",
1751
- "name": "_slot",
1752
- "type": {
1753
- "text": "HTMLSlotElement"
1754
- }
1795
+ "kind": "method",
1796
+ "name": "onSelectedChanged",
1797
+ "parameters": [
1798
+ {
1799
+ "name": "after",
1800
+ "type": {
1801
+ "text": "Component[]"
1802
+ }
1803
+ },
1804
+ {
1805
+ "name": "before",
1806
+ "type": {
1807
+ "text": "Component[]"
1808
+ }
1809
+ }
1810
+ ]
1755
1811
  },
1756
1812
  {
1757
- "kind": "field",
1758
- "name": "_carousel",
1759
- "type": {
1760
- "text": "HTMLElement"
1761
- }
1813
+ "kind": "method",
1814
+ "name": "onTapUndo"
1762
1815
  },
1763
1816
  {
1764
1817
  "kind": "method",
1765
- "name": "build"
1818
+ "name": "onTapRedo"
1766
1819
  },
1767
1820
  {
1768
1821
  "kind": "method",
1769
- "name": "start"
1822
+ "name": "onTapCut"
1770
1823
  },
1771
1824
  {
1772
1825
  "kind": "method",
1773
- "name": "stop"
1826
+ "name": "onTapCopy"
1774
1827
  },
1775
1828
  {
1776
1829
  "kind": "method",
1777
- "name": "_onAxisChanged"
1830
+ "name": "onTapPaste"
1778
1831
  },
1779
1832
  {
1780
1833
  "kind": "method",
1781
- "name": "_transform"
1834
+ "name": "onTapDelete"
1782
1835
  },
1783
1836
  {
1784
1837
  "kind": "method",
1785
- "name": "previous"
1838
+ "name": "onTapSelectAll"
1786
1839
  },
1787
1840
  {
1788
1841
  "kind": "method",
1789
- "name": "next"
1790
- }
1791
- ],
1792
- "events": [
1793
- {
1794
- "name": "transform",
1795
- "type": {
1796
- "text": "CustomEvent"
1797
- }
1798
- }
1799
- ],
1800
- "attributes": [
1801
- {
1802
- "name": "axis",
1803
- "type": {
1804
- "text": "string"
1805
- },
1806
- "default": "'y'",
1807
- "fieldName": "axis"
1842
+ "name": "onTapFontIncrease",
1843
+ "parameters": [
1844
+ {
1845
+ "name": "e",
1846
+ "type": {
1847
+ "text": "TouchEvent"
1848
+ }
1849
+ }
1850
+ ]
1808
1851
  },
1809
1852
  {
1810
- "name": "rows",
1811
- "type": {
1812
- "text": "number"
1813
- },
1814
- "default": "1",
1815
- "fieldName": "rows"
1853
+ "kind": "method",
1854
+ "name": "onTapFontDecrease",
1855
+ "parameters": [
1856
+ {
1857
+ "name": "e",
1858
+ "type": {
1859
+ "text": "TouchEvent"
1860
+ }
1861
+ }
1862
+ ]
1816
1863
  },
1817
1864
  {
1818
- "name": "columns",
1819
- "type": {
1820
- "text": "number"
1821
- },
1822
- "default": "1",
1823
- "fieldName": "columns"
1824
- }
1825
- ],
1826
- "superclass": {
1827
- "name": "LitElement",
1828
- "package": "lit"
1829
- },
1830
- "tagName": "ox-board-player-carousel",
1831
- "customElement": true
1832
- }
1833
- ],
1834
- "exports": [
1835
- {
1836
- "kind": "custom-element-definition",
1837
- "name": "ox-board-player-carousel",
1838
- "declaration": {
1839
- "name": "BoardPlayerCarousel",
1840
- "module": "src/player/ox-board-player-carousel.ts"
1841
- }
1842
- }
1843
- ]
1844
- },
1845
- {
1846
- "kind": "javascript-module",
1847
- "path": "src/player/ox-board-player-grid.ts",
1848
- "declarations": [
1849
- {
1850
- "kind": "class",
1851
- "description": "자식 컴포넌트들을 그리드형태로 화면에 배치하여 한꺼번에 디스플레이해주는 컴포넌트.\nExample:\n <ox-board-player-grid rows=\"3\" columns=\"3\" tabindex=\"0\" focus>\n <div page>A</div>\n <div page>B</div>\n <div page>C</div>\n <div page>D</div>\n </ox-board-player-grid>",
1852
- "name": "BoardPlayerGrid",
1853
- "members": [
1865
+ "kind": "method",
1866
+ "name": "onTapAlign",
1867
+ "parameters": [
1868
+ {
1869
+ "name": "e",
1870
+ "type": {
1871
+ "text": "TouchEvent | string"
1872
+ }
1873
+ }
1874
+ ]
1875
+ },
1854
1876
  {
1855
- "kind": "field",
1856
- "name": "rows",
1857
- "type": {
1858
- "text": "number"
1859
- },
1860
- "default": "1",
1861
- "attribute": "rows"
1877
+ "kind": "method",
1878
+ "name": "onTapZorder",
1879
+ "parameters": [
1880
+ {
1881
+ "name": "e",
1882
+ "type": {
1883
+ "text": "TouchEvent | string"
1884
+ }
1885
+ }
1886
+ ]
1862
1887
  },
1863
1888
  {
1864
- "kind": "field",
1865
- "name": "columns",
1866
- "type": {
1867
- "text": "number"
1868
- },
1869
- "default": "1",
1870
- "attribute": "columns"
1889
+ "kind": "method",
1890
+ "name": "onTapSymmetryX"
1871
1891
  },
1872
1892
  {
1873
- "kind": "field",
1874
- "name": "_slotObserver",
1875
- "type": {
1876
- "text": "MutationObserver | undefined"
1877
- }
1893
+ "kind": "method",
1894
+ "name": "onTapSymmetryY"
1878
1895
  },
1879
1896
  {
1880
- "kind": "field",
1881
- "name": "_slot",
1882
- "type": {
1883
- "text": "HTMLSlotElement"
1884
- }
1897
+ "kind": "method",
1898
+ "name": "onTapRotateCW"
1885
1899
  },
1886
1900
  {
1887
1901
  "kind": "method",
1888
- "name": "start"
1902
+ "name": "onTapRotateCCW"
1889
1903
  },
1890
1904
  {
1891
1905
  "kind": "method",
1892
- "name": "stop"
1906
+ "name": "onTapGroup"
1893
1907
  },
1894
1908
  {
1895
1909
  "kind": "method",
1896
- "name": "next"
1910
+ "name": "onTapUngroup"
1897
1911
  },
1898
1912
  {
1899
1913
  "kind": "method",
1900
- "name": "previous"
1901
- }
1902
- ],
1903
- "attributes": [
1914
+ "name": "onTapFullscreen"
1915
+ },
1904
1916
  {
1905
- "name": "rows",
1906
- "type": {
1907
- "text": "number"
1908
- },
1909
- "default": "1",
1910
- "fieldName": "rows"
1917
+ "kind": "method",
1918
+ "name": "onTapToggle"
1911
1919
  },
1912
1920
  {
1913
- "name": "columns",
1914
- "type": {
1915
- "text": "number"
1916
- },
1917
- "default": "1",
1918
- "fieldName": "columns"
1919
- }
1920
- ],
1921
- "superclass": {
1922
- "name": "LitElement",
1923
- "package": "lit"
1924
- },
1925
- "tagName": "ox-board-player-grid",
1926
- "customElement": true
1927
- }
1928
- ],
1929
- "exports": [
1930
- {
1931
- "kind": "custom-element-definition",
1932
- "name": "ox-board-player-grid",
1933
- "declaration": {
1934
- "name": "BoardPlayerGrid",
1935
- "module": "src/player/ox-board-player-grid.ts"
1936
- }
1937
- }
1938
- ]
1939
- },
1940
- {
1941
- "kind": "javascript-module",
1942
- "path": "src/player/ox-board-wrapper.ts",
1943
- "declarations": [
1944
- {
1945
- "kind": "class",
1946
- "description": "",
1947
- "name": "BoardWrapper",
1948
- "members": [
1921
+ "kind": "method",
1922
+ "name": "onTapFitScene"
1923
+ },
1949
1924
  {
1950
- "kind": "field",
1951
- "name": "sceneId",
1952
- "type": {
1953
- "text": "string"
1954
- },
1955
- "attribute": "sceneId"
1925
+ "kind": "method",
1926
+ "name": "onTapPreview"
1956
1927
  },
1957
1928
  {
1958
- "kind": "field",
1959
- "name": "provider",
1960
- "type": {
1961
- "text": "any"
1962
- },
1963
- "attribute": "provider"
1929
+ "kind": "method",
1930
+ "name": "onTapDownloadModel"
1964
1931
  },
1965
1932
  {
1966
- "kind": "field",
1967
- "name": "_scene",
1933
+ "kind": "method",
1934
+ "name": "onTapDistribute",
1935
+ "parameters": [
1936
+ {
1937
+ "name": "e",
1938
+ "type": {
1939
+ "text": "TouchEvent | string"
1940
+ }
1941
+ }
1942
+ ]
1943
+ }
1944
+ ],
1945
+ "events": [
1946
+ {
1947
+ "name": "modeller-fullscreen",
1968
1948
  "type": {
1969
- "text": "any"
1949
+ "text": "CustomEvent"
1970
1950
  }
1971
1951
  },
1972
1952
  {
1973
- "kind": "field",
1974
- "name": "_targetEl",
1953
+ "name": "hide-property-changed",
1975
1954
  "type": {
1976
- "text": "HTMLElement"
1955
+ "text": "CustomEvent"
1977
1956
  }
1978
1957
  },
1979
1958
  {
1980
- "kind": "method",
1981
- "name": "_releaseRef"
1959
+ "name": "open-preview",
1960
+ "type": {
1961
+ "text": "CustomEvent"
1962
+ }
1982
1963
  },
1983
1964
  {
1984
- "kind": "method",
1985
- "name": "_onSceneIdChanged"
1965
+ "name": "download-model",
1966
+ "type": {
1967
+ "text": "CustomEvent"
1968
+ }
1986
1969
  }
1987
1970
  ],
1988
1971
  "attributes": [
1989
1972
  {
1990
- "name": "sceneId",
1973
+ "name": "scene",
1991
1974
  "type": {
1992
- "text": "string"
1975
+ "text": "Scene | undefined"
1993
1976
  },
1994
- "fieldName": "sceneId"
1977
+ "fieldName": "scene"
1995
1978
  },
1996
1979
  {
1997
- "name": "provider",
1980
+ "name": "selected",
1998
1981
  "type": {
1999
- "text": "any"
1982
+ "text": "any[]"
2000
1983
  },
2001
- "fieldName": "provider"
1984
+ "default": "[]",
1985
+ "fieldName": "selected"
1986
+ },
1987
+ {
1988
+ "name": "hideProperty",
1989
+ "type": {
1990
+ "text": "boolean"
1991
+ },
1992
+ "default": "false",
1993
+ "fieldName": "hideProperty"
2002
1994
  }
2003
1995
  ],
2004
1996
  "superclass": {
2005
1997
  "name": "LitElement",
2006
1998
  "package": "lit"
2007
1999
  },
2008
- "tagName": "ox-board-wrapper",
2000
+ "tagName": "edit-toolbar",
2009
2001
  "customElement": true
2010
2002
  }
2011
2003
  ],
2012
2004
  "exports": [
2005
+ {
2006
+ "kind": "js",
2007
+ "name": "EditToolbar",
2008
+ "declaration": {
2009
+ "name": "EditToolbar",
2010
+ "module": "src/modeller/edit-toolbar.ts"
2011
+ }
2012
+ },
2013
2013
  {
2014
2014
  "kind": "custom-element-definition",
2015
- "name": "ox-board-wrapper",
2015
+ "name": "edit-toolbar",
2016
2016
  "declaration": {
2017
- "name": "BoardWrapper",
2018
- "module": "src/player/ox-board-wrapper.ts"
2017
+ "name": "EditToolbar",
2018
+ "module": "src/modeller/edit-toolbar.ts"
2019
2019
  }
2020
2020
  }
2021
2021
  ]
@@ -2201,88 +2201,300 @@
2201
2201
  "name": "SwipeListener",
2202
2202
  "parameters": [
2203
2203
  {
2204
- "name": "element",
2204
+ "name": "element",
2205
+ "type": {
2206
+ "text": "DOMElement"
2207
+ },
2208
+ "description": "Element on which to listen for swipe gestures."
2209
+ },
2210
+ {
2211
+ "name": "options",
2212
+ "optional": true,
2213
+ "type": {
2214
+ "text": "Object"
2215
+ },
2216
+ "description": "Optional: Options."
2217
+ }
2218
+ ],
2219
+ "description": "Starts monitoring swipes on the given element and\nemits `swipe` event when a swipe gesture is performed.",
2220
+ "return": {
2221
+ "type": {
2222
+ "text": "Object"
2223
+ }
2224
+ }
2225
+ }
2226
+ ],
2227
+ "exports": [
2228
+ {
2229
+ "kind": "js",
2230
+ "name": "SwipeListener",
2231
+ "declaration": {
2232
+ "name": "SwipeListener",
2233
+ "module": "src/utils/swipe-listener.ts"
2234
+ }
2235
+ }
2236
+ ]
2237
+ },
2238
+ {
2239
+ "kind": "javascript-module",
2240
+ "path": "src/modeller/component-toolbar/component-detail.ts",
2241
+ "declarations": [
2242
+ {
2243
+ "kind": "class",
2244
+ "description": "",
2245
+ "name": "ComponentDetail",
2246
+ "members": [
2247
+ {
2248
+ "kind": "field",
2249
+ "name": "template",
2250
+ "type": {
2251
+ "text": "{ about: string } | null"
2252
+ },
2253
+ "default": "null",
2254
+ "attribute": "template"
2255
+ }
2256
+ ],
2257
+ "attributes": [
2258
+ {
2259
+ "name": "template",
2260
+ "type": {
2261
+ "text": "{ about: string } | null"
2262
+ },
2263
+ "default": "null",
2264
+ "fieldName": "template"
2265
+ }
2266
+ ],
2267
+ "superclass": {
2268
+ "name": "LitElement",
2269
+ "package": "lit"
2270
+ },
2271
+ "tagName": "component-detail",
2272
+ "customElement": true
2273
+ }
2274
+ ],
2275
+ "exports": [
2276
+ {
2277
+ "kind": "custom-element-definition",
2278
+ "name": "component-detail",
2279
+ "declaration": {
2280
+ "name": "ComponentDetail",
2281
+ "module": "src/modeller/component-toolbar/component-detail.ts"
2282
+ }
2283
+ }
2284
+ ]
2285
+ },
2286
+ {
2287
+ "kind": "javascript-module",
2288
+ "path": "src/modeller/component-toolbar/component-menu.ts",
2289
+ "declarations": [
2290
+ {
2291
+ "kind": "class",
2292
+ "description": "",
2293
+ "name": "ComponentMenu",
2294
+ "members": [
2295
+ {
2296
+ "kind": "field",
2297
+ "name": "groups",
2298
+ "type": {
2299
+ "text": "Pallet[]"
2300
+ },
2301
+ "default": "[]",
2302
+ "attribute": "groups"
2303
+ },
2304
+ {
2305
+ "kind": "field",
2306
+ "name": "scene",
2307
+ "type": {
2308
+ "text": "Scene | null"
2309
+ },
2310
+ "default": "null",
2311
+ "attribute": "scene"
2312
+ },
2313
+ {
2314
+ "kind": "field",
2315
+ "name": "group",
2316
+ "type": {
2317
+ "text": "string | null"
2318
+ },
2319
+ "default": "''",
2320
+ "attribute": "group"
2321
+ },
2322
+ {
2323
+ "kind": "field",
2324
+ "name": "templates",
2325
+ "type": {
2326
+ "text": "PalletItem[]"
2327
+ },
2328
+ "default": "[]"
2329
+ },
2330
+ {
2331
+ "kind": "field",
2332
+ "name": "template",
2333
+ "type": {
2334
+ "text": "PalletItem | any"
2335
+ }
2336
+ },
2337
+ {
2338
+ "kind": "field",
2339
+ "name": "detail",
2340
+ "type": {
2341
+ "text": "HTMLElement"
2342
+ }
2343
+ },
2344
+ {
2345
+ "kind": "method",
2346
+ "name": "findTemplate",
2347
+ "parameters": [
2348
+ {
2349
+ "name": "type",
2350
+ "type": {
2351
+ "text": "string | null | undefined"
2352
+ }
2353
+ }
2354
+ ]
2355
+ },
2356
+ {
2357
+ "kind": "method",
2358
+ "name": "onHoverComponent",
2359
+ "parameters": [
2360
+ {
2361
+ "name": "e",
2362
+ "type": {
2363
+ "text": "MouseEvent"
2364
+ }
2365
+ }
2366
+ ]
2367
+ },
2368
+ {
2369
+ "kind": "method",
2370
+ "name": "onClickTemplate",
2371
+ "parameters": [
2372
+ {
2373
+ "name": "e",
2374
+ "type": {
2375
+ "text": "MouseEvent"
2376
+ }
2377
+ }
2378
+ ]
2379
+ },
2380
+ {
2381
+ "kind": "method",
2382
+ "name": "templateIcon",
2383
+ "parameters": [
2384
+ {
2385
+ "name": "template",
2386
+ "type": {
2387
+ "text": "PalletItem"
2388
+ }
2389
+ }
2390
+ ]
2391
+ }
2392
+ ],
2393
+ "attributes": [
2394
+ {
2395
+ "name": "groups",
2205
2396
  "type": {
2206
- "text": "DOMElement"
2397
+ "text": "Pallet[]"
2207
2398
  },
2208
- "description": "Element on which to listen for swipe gestures."
2399
+ "default": "[]",
2400
+ "fieldName": "groups"
2209
2401
  },
2210
2402
  {
2211
- "name": "options",
2212
- "optional": true,
2403
+ "name": "scene",
2213
2404
  "type": {
2214
- "text": "Object"
2405
+ "text": "Scene | null"
2215
2406
  },
2216
- "description": "Optional: Options."
2407
+ "default": "null",
2408
+ "fieldName": "scene"
2409
+ },
2410
+ {
2411
+ "name": "group",
2412
+ "type": {
2413
+ "text": "string | null"
2414
+ },
2415
+ "default": "''",
2416
+ "fieldName": "group"
2217
2417
  }
2218
2418
  ],
2219
- "description": "Starts monitoring swipes on the given element and\nemits `swipe` event when a swipe gesture is performed.",
2220
- "return": {
2221
- "type": {
2222
- "text": "Object"
2223
- }
2224
- }
2419
+ "superclass": {
2420
+ "name": "LitElement",
2421
+ "package": "lit"
2422
+ },
2423
+ "tagName": "component-menu",
2424
+ "customElement": true
2225
2425
  }
2226
2426
  ],
2227
2427
  "exports": [
2228
2428
  {
2229
- "kind": "js",
2230
- "name": "SwipeListener",
2429
+ "kind": "custom-element-definition",
2430
+ "name": "component-menu",
2231
2431
  "declaration": {
2232
- "name": "SwipeListener",
2233
- "module": "src/utils/swipe-listener.ts"
2432
+ "name": "ComponentMenu",
2433
+ "module": "src/modeller/component-toolbar/component-menu.ts"
2234
2434
  }
2235
2435
  }
2236
2436
  ]
2237
2437
  },
2238
2438
  {
2239
2439
  "kind": "javascript-module",
2240
- "path": "src/modeller/component-toolbar/component-menu.ts",
2440
+ "path": "src/modeller/component-toolbar/component-toolbar.ts",
2241
2441
  "declarations": [
2242
2442
  {
2243
2443
  "kind": "class",
2244
2444
  "description": "",
2245
- "name": "ComponentMenu",
2445
+ "name": "ComponentToolbar",
2246
2446
  "members": [
2247
2447
  {
2248
2448
  "kind": "field",
2249
- "name": "groups",
2449
+ "name": "componentGroupList",
2250
2450
  "type": {
2251
- "text": "Pallet[]"
2451
+ "text": "any[]"
2252
2452
  },
2253
2453
  "default": "[]",
2254
- "attribute": "groups"
2454
+ "attribute": "componentGroupList"
2455
+ },
2456
+ {
2457
+ "kind": "field",
2458
+ "name": "group",
2459
+ "type": {
2460
+ "text": "string | null | undefined"
2461
+ },
2462
+ "attribute": "group"
2255
2463
  },
2256
2464
  {
2257
2465
  "kind": "field",
2258
2466
  "name": "scene",
2259
2467
  "type": {
2260
- "text": "Scene | null"
2468
+ "text": "Scene"
2261
2469
  },
2262
- "default": "null",
2263
2470
  "attribute": "scene"
2264
2471
  },
2265
2472
  {
2266
2473
  "kind": "field",
2267
- "name": "group",
2474
+ "name": "mode",
2268
2475
  "type": {
2269
- "text": "string | null"
2476
+ "text": "SCENE_MODE"
2270
2477
  },
2271
- "default": "''",
2272
- "attribute": "group"
2478
+ "attribute": "mode"
2273
2479
  },
2274
2480
  {
2275
2481
  "kind": "field",
2276
- "name": "templates",
2482
+ "name": "menu",
2277
2483
  "type": {
2278
- "text": "PalletItem[]"
2484
+ "text": "HTMLElement"
2279
2485
  },
2280
- "default": "[]",
2281
- "attribute": "templates"
2486
+ "privacy": "private"
2487
+ },
2488
+ {
2489
+ "kind": "field",
2490
+ "name": "groups",
2491
+ "type": {
2492
+ "text": "NodeListOf<HTMLElement>"
2493
+ }
2282
2494
  },
2283
2495
  {
2284
2496
  "kind": "method",
2285
- "name": "onClickTemplate",
2497
+ "name": "_onClickGroup",
2286
2498
  "parameters": [
2287
2499
  {
2288
2500
  "name": "e",
@@ -2291,317 +2503,427 @@
2291
2503
  }
2292
2504
  }
2293
2505
  ]
2506
+ }
2507
+ ],
2508
+ "attributes": [
2509
+ {
2510
+ "name": "componentGroupList",
2511
+ "type": {
2512
+ "text": "any[]"
2513
+ },
2514
+ "default": "[]",
2515
+ "fieldName": "componentGroupList"
2516
+ },
2517
+ {
2518
+ "name": "group",
2519
+ "type": {
2520
+ "text": "string | null | undefined"
2521
+ },
2522
+ "fieldName": "group"
2523
+ },
2524
+ {
2525
+ "name": "scene",
2526
+ "type": {
2527
+ "text": "Scene"
2528
+ },
2529
+ "fieldName": "scene"
2294
2530
  },
2531
+ {
2532
+ "name": "mode",
2533
+ "type": {
2534
+ "text": "SCENE_MODE"
2535
+ },
2536
+ "fieldName": "mode"
2537
+ }
2538
+ ],
2539
+ "superclass": {
2540
+ "name": "LitElement",
2541
+ "package": "lit"
2542
+ },
2543
+ "tagName": "component-toolbar",
2544
+ "customElement": true
2545
+ }
2546
+ ],
2547
+ "exports": [
2548
+ {
2549
+ "kind": "custom-element-definition",
2550
+ "name": "component-toolbar",
2551
+ "declaration": {
2552
+ "name": "ComponentToolbar",
2553
+ "module": "src/modeller/component-toolbar/component-toolbar.ts"
2554
+ }
2555
+ }
2556
+ ]
2557
+ },
2558
+ {
2559
+ "kind": "javascript-module",
2560
+ "path": "src/modeller/scene-viewer/confidential-overlay.ts",
2561
+ "declarations": [
2562
+ {
2563
+ "kind": "class",
2564
+ "description": "",
2565
+ "name": "ConfidentialOverlay",
2566
+ "members": [
2295
2567
  {
2296
2568
  "kind": "method",
2297
- "name": "templateIcon",
2569
+ "name": "_draw",
2298
2570
  "parameters": [
2299
2571
  {
2300
- "name": "template",
2572
+ "name": "context",
2301
2573
  "type": {
2302
- "text": "PalletItem"
2574
+ "text": "CanvasRenderingContext2D"
2303
2575
  }
2304
2576
  }
2305
2577
  ]
2306
2578
  }
2307
2579
  ],
2580
+ "superclass": {
2581
+ "name": "SceneLayer",
2582
+ "package": "@hatiolab/things-scene"
2583
+ }
2584
+ }
2585
+ ],
2586
+ "exports": [
2587
+ {
2588
+ "kind": "js",
2589
+ "name": "default",
2590
+ "declaration": {
2591
+ "name": "ConfidentialOverlay",
2592
+ "module": "src/modeller/scene-viewer/confidential-overlay.ts"
2593
+ }
2594
+ }
2595
+ ]
2596
+ },
2597
+ {
2598
+ "kind": "javascript-module",
2599
+ "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
2600
+ "declarations": [
2601
+ {
2602
+ "kind": "class",
2603
+ "description": "",
2604
+ "name": "OxSceneHandler",
2605
+ "members": [
2606
+ {
2607
+ "kind": "field",
2608
+ "name": "type",
2609
+ "type": {
2610
+ "text": "string"
2611
+ },
2612
+ "attribute": "type"
2613
+ },
2614
+ {
2615
+ "kind": "field",
2616
+ "name": "model",
2617
+ "type": {
2618
+ "text": "{\n type: Object\n notify: true\n }"
2619
+ },
2620
+ "attribute": "model"
2621
+ }
2622
+ ],
2308
2623
  "attributes": [
2309
2624
  {
2310
- "name": "groups",
2625
+ "name": "type",
2311
2626
  "type": {
2312
- "text": "Pallet[]"
2627
+ "text": "string"
2628
+ },
2629
+ "fieldName": "type"
2630
+ },
2631
+ {
2632
+ "name": "model",
2633
+ "type": {
2634
+ "text": "{\n type: Object\n notify: true\n }"
2635
+ },
2636
+ "fieldName": "model"
2637
+ }
2638
+ ],
2639
+ "superclass": {
2640
+ "name": "LitElement",
2641
+ "package": "lit"
2642
+ },
2643
+ "tagName": "ox-scene-handler",
2644
+ "customElement": true
2645
+ }
2646
+ ],
2647
+ "exports": [
2648
+ {
2649
+ "kind": "js",
2650
+ "name": "default",
2651
+ "declaration": {
2652
+ "name": "OxSceneHandler",
2653
+ "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
2654
+ }
2655
+ },
2656
+ {
2657
+ "kind": "custom-element-definition",
2658
+ "name": "ox-scene-handler",
2659
+ "declaration": {
2660
+ "name": "OxSceneHandler",
2661
+ "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
2662
+ }
2663
+ }
2664
+ ]
2665
+ },
2666
+ {
2667
+ "kind": "javascript-module",
2668
+ "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
2669
+ "declarations": [
2670
+ {
2671
+ "kind": "class",
2672
+ "description": "",
2673
+ "name": "OxSceneLayer",
2674
+ "members": [
2675
+ {
2676
+ "kind": "field",
2677
+ "name": "type",
2678
+ "type": {
2679
+ "text": "String | undefined"
2313
2680
  },
2314
- "default": "[]",
2315
- "fieldName": "groups"
2681
+ "attribute": "type"
2316
2682
  },
2317
2683
  {
2318
- "name": "scene",
2684
+ "kind": "field",
2685
+ "name": "text",
2319
2686
  "type": {
2320
- "text": "Scene | null"
2687
+ "text": "String | undefined"
2321
2688
  },
2322
- "default": "null",
2323
- "fieldName": "scene"
2689
+ "attribute": "text"
2324
2690
  },
2325
2691
  {
2326
- "name": "group",
2692
+ "kind": "method",
2693
+ "name": "getModel"
2694
+ }
2695
+ ],
2696
+ "attributes": [
2697
+ {
2698
+ "name": "type",
2327
2699
  "type": {
2328
- "text": "string | null"
2700
+ "text": "String | undefined"
2329
2701
  },
2330
- "default": "''",
2331
- "fieldName": "group"
2702
+ "fieldName": "type"
2332
2703
  },
2333
2704
  {
2334
- "name": "templates",
2705
+ "name": "text",
2335
2706
  "type": {
2336
- "text": "PalletItem[]"
2707
+ "text": "String | undefined"
2337
2708
  },
2338
- "default": "[]",
2339
- "fieldName": "templates"
2709
+ "fieldName": "text"
2340
2710
  }
2341
2711
  ],
2342
2712
  "superclass": {
2343
2713
  "name": "LitElement",
2344
2714
  "package": "lit"
2345
2715
  },
2346
- "tagName": "component-menu",
2716
+ "tagName": "ox-scene-layer",
2347
2717
  "customElement": true
2348
2718
  }
2349
2719
  ],
2350
2720
  "exports": [
2721
+ {
2722
+ "kind": "js",
2723
+ "name": "default",
2724
+ "declaration": {
2725
+ "name": "OxSceneLayer",
2726
+ "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
2727
+ }
2728
+ },
2351
2729
  {
2352
2730
  "kind": "custom-element-definition",
2353
- "name": "component-menu",
2731
+ "name": "ox-scene-layer",
2354
2732
  "declaration": {
2355
- "name": "ComponentMenu",
2356
- "module": "src/modeller/component-toolbar/component-menu.ts"
2733
+ "name": "OxSceneLayer",
2734
+ "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
2357
2735
  }
2358
2736
  }
2359
2737
  ]
2360
2738
  },
2361
2739
  {
2362
2740
  "kind": "javascript-module",
2363
- "path": "src/modeller/component-toolbar/component-toolbar.ts",
2741
+ "path": "src/modeller/scene-viewer/ox-scene-player.ts",
2364
2742
  "declarations": [
2365
2743
  {
2366
2744
  "kind": "class",
2367
2745
  "description": "",
2368
- "name": "ComponentToolbar",
2746
+ "name": "OxScenePlayer",
2369
2747
  "members": [
2370
2748
  {
2371
2749
  "kind": "field",
2372
- "name": "componentGroupList",
2373
- "type": {
2374
- "text": "any[]"
2375
- },
2376
- "default": "[]",
2377
- "attribute": "componentGroupList"
2378
- },
2379
- {
2380
- "kind": "field",
2381
- "name": "group",
2750
+ "name": "sceneId",
2382
2751
  "type": {
2383
- "text": "string | null | undefined"
2752
+ "text": "string"
2384
2753
  },
2385
- "attribute": "group"
2754
+ "default": "''",
2755
+ "attribute": "sceneId"
2386
2756
  },
2387
2757
  {
2388
2758
  "kind": "field",
2389
- "name": "scene",
2759
+ "name": "fit",
2390
2760
  "type": {
2391
- "text": "Scene"
2761
+ "text": "'none' | 'both' | 'width' | 'height' | 'center' | 'ratio'"
2392
2762
  },
2393
- "attribute": "scene"
2763
+ "default": "'ratio'",
2764
+ "attribute": "fit"
2394
2765
  },
2395
2766
  {
2396
2767
  "kind": "field",
2397
- "name": "mode",
2768
+ "name": "provider",
2398
2769
  "type": {
2399
- "text": "SCENE_MODE"
2770
+ "text": "any"
2400
2771
  },
2401
- "attribute": "mode"
2772
+ "attribute": "provider"
2402
2773
  },
2403
2774
  {
2404
2775
  "kind": "field",
2405
- "name": "menu",
2776
+ "name": "scene",
2406
2777
  "type": {
2407
- "text": "HTMLElement"
2778
+ "text": "Scene | undefined"
2408
2779
  },
2409
2780
  "privacy": "private"
2410
2781
  },
2411
2782
  {
2412
2783
  "kind": "method",
2413
- "name": "_setMode",
2414
- "parameters": [
2415
- {
2416
- "name": "mode",
2417
- "type": {
2418
- "text": "SCENE_MODE"
2419
- }
2420
- }
2421
- ]
2422
- },
2423
- {
2424
- "kind": "method",
2425
- "name": "_onClickShift"
2784
+ "name": "_releaseRef"
2426
2785
  },
2427
2786
  {
2428
2787
  "kind": "method",
2429
- "name": "_onClickGroup",
2430
- "parameters": [
2431
- {
2432
- "name": "e",
2433
- "type": {
2434
- "text": "MouseEvent"
2435
- }
2436
- }
2437
- ]
2438
- }
2439
- ],
2440
- "events": [
2441
- {
2442
- "name": "mode-changed",
2443
- "type": {
2444
- "text": "CustomEvent"
2445
- }
2788
+ "name": "_onSceneIdChanged"
2446
2789
  }
2447
2790
  ],
2448
2791
  "attributes": [
2449
2792
  {
2450
- "name": "componentGroupList",
2451
- "type": {
2452
- "text": "any[]"
2453
- },
2454
- "default": "[]",
2455
- "fieldName": "componentGroupList"
2456
- },
2457
- {
2458
- "name": "group",
2793
+ "name": "sceneId",
2459
2794
  "type": {
2460
- "text": "string | null | undefined"
2795
+ "text": "string"
2461
2796
  },
2462
- "fieldName": "group"
2797
+ "default": "''",
2798
+ "fieldName": "sceneId"
2463
2799
  },
2464
2800
  {
2465
- "name": "scene",
2801
+ "name": "fit",
2466
2802
  "type": {
2467
- "text": "Scene"
2803
+ "text": "'none' | 'both' | 'width' | 'height' | 'center' | 'ratio'"
2468
2804
  },
2469
- "fieldName": "scene"
2805
+ "default": "'ratio'",
2806
+ "fieldName": "fit"
2470
2807
  },
2471
2808
  {
2472
- "name": "mode",
2809
+ "name": "provider",
2473
2810
  "type": {
2474
- "text": "SCENE_MODE"
2811
+ "text": "any"
2475
2812
  },
2476
- "fieldName": "mode"
2813
+ "fieldName": "provider"
2477
2814
  }
2478
2815
  ],
2479
2816
  "superclass": {
2480
2817
  "name": "LitElement",
2481
2818
  "package": "lit"
2482
2819
  },
2483
- "tagName": "component-toolbar",
2820
+ "tagName": "things-scene-player",
2484
2821
  "customElement": true
2485
2822
  }
2486
2823
  ],
2487
2824
  "exports": [
2488
2825
  {
2489
2826
  "kind": "custom-element-definition",
2490
- "name": "component-toolbar",
2827
+ "name": "things-scene-player",
2491
2828
  "declaration": {
2492
- "name": "ComponentToolbar",
2493
- "module": "src/modeller/component-toolbar/component-toolbar.ts"
2829
+ "name": "OxScenePlayer",
2830
+ "module": "src/modeller/scene-viewer/ox-scene-player.ts"
2494
2831
  }
2495
2832
  }
2496
2833
  ]
2497
2834
  },
2498
2835
  {
2499
2836
  "kind": "javascript-module",
2500
- "path": "src/modeller/property-sidebar/abstract-property.ts",
2837
+ "path": "src/modeller/scene-viewer/ox-scene-property.ts",
2501
2838
  "declarations": [
2502
2839
  {
2503
2840
  "kind": "class",
2504
2841
  "description": "",
2505
- "name": "AbstractProperty",
2842
+ "name": "OxSceneProperty",
2506
2843
  "members": [
2507
2844
  {
2508
- "kind": "method",
2509
- "name": "_onValueChange",
2510
- "parameters": [
2511
- {
2512
- "name": "e",
2513
- "type": {
2514
- "text": "Event"
2515
- }
2516
- }
2517
- ]
2845
+ "kind": "field",
2846
+ "name": "name",
2847
+ "type": {
2848
+ "text": "string"
2849
+ },
2850
+ "attribute": "name"
2518
2851
  },
2519
2852
  {
2520
- "kind": "method",
2521
- "name": "_getValueFromEventTarget",
2522
- "parameters": [
2523
- {
2524
- "name": "element",
2525
- "type": {
2526
- "text": "HTMLElement"
2527
- }
2528
- }
2529
- ]
2853
+ "kind": "field",
2854
+ "name": "value",
2855
+ "type": {
2856
+ "text": "string"
2857
+ },
2858
+ "attribute": "value"
2530
2859
  },
2531
2860
  {
2532
- "kind": "method",
2533
- "name": "_onAfterValueChange",
2534
- "parameters": [
2535
- {
2536
- "name": "key",
2537
- "type": {
2538
- "text": "string"
2539
- }
2540
- },
2541
- {
2542
- "name": "value",
2543
- "type": {
2544
- "text": "any"
2545
- }
2546
- }
2547
- ]
2861
+ "kind": "field",
2862
+ "name": "type",
2863
+ "type": {
2864
+ "text": "string"
2865
+ },
2866
+ "attribute": "type"
2548
2867
  }
2549
2868
  ],
2550
- "events": [
2869
+ "attributes": [
2551
2870
  {
2552
- "name": "property-change",
2871
+ "name": "name",
2553
2872
  "type": {
2554
- "text": "CustomEvent"
2555
- }
2873
+ "text": "string"
2874
+ },
2875
+ "fieldName": "name"
2876
+ },
2877
+ {
2878
+ "name": "value",
2879
+ "type": {
2880
+ "text": "string"
2881
+ },
2882
+ "fieldName": "value"
2883
+ },
2884
+ {
2885
+ "name": "type",
2886
+ "type": {
2887
+ "text": "string"
2888
+ },
2889
+ "fieldName": "type"
2556
2890
  }
2557
2891
  ],
2558
2892
  "superclass": {
2559
2893
  "name": "LitElement",
2560
- "package": "lit"
2561
- },
2562
- "customElement": true
2563
- }
2564
- ],
2565
- "exports": [
2566
- {
2567
- "kind": "js",
2568
- "name": "AbstractProperty",
2569
- "declaration": {
2570
- "name": "AbstractProperty",
2571
- "module": "src/modeller/property-sidebar/abstract-property.ts"
2572
- }
2573
- }
2574
- ]
2575
- },
2576
- {
2577
- "kind": "javascript-module",
2578
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
2579
- "declarations": [
2580
- {
2581
- "kind": "variable",
2582
- "name": "PropertySharedStyle",
2583
- "default": "css`\n fieldset {\n border: none;\n margin: 4px;\n padding: 9px 4px 9px 4px;\n border-bottom: var(--property-sidebar-fieldset-border);\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-label);\n }\n\n fieldset legend {\n padding: 5px 0 0 5px;\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-legend);\n text-transform: capitalize;\n }\n\n select,\n input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n /* property grid */\n .property-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .property-grid > * {\n width: 100%;\n box-sizing: border-box;\n }\n\n .property-grid > label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n line-height: 2;\n }\n\n .property-grid > input,\n .property-grid > table,\n .property-grid > select,\n .property-grid > ox-input-angle,\n .property-grid > ox-buttons-radio,\n .property-grid > things-editor-color,\n [custom-editor] {\n grid-column: span 7;\n align-self: stretch;\n }\n\n .property-grid > .checkbox-row {\n grid-column: span 10;\n }\n\n .property-grid > .property-full-label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n }\n\n .property-grid > .property-half-label {\n grid-column: span 1;\n }\n\n .property-grid > .property-full-input {\n grid-column: span 7;\n }\n\n .property-grid > .property-half-input {\n grid-column: span 4;\n }\n\n /* checkbox-row */\n .checkbox-row {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .checkbox-row > input {\n grid-column: 4 / 5;\n }\n\n .checkbox-row > label {\n grid-column: span 6;\n text-align: left;\n }\n\n /* image resources */\n .icon-only-label {\n grid-column: span 1;\n\n background: url(/assets/images/icon-properties-label.png) no-repeat;\n float: left;\n margin: 0;\n align-self: stretch;\n }\n\n .icon-only-label.color {\n background-position: 100% -500px;\n }\n .icon-only-label.font-size {\n background-position: 100% -594px;\n }\n .icon-only-label.leading {\n background-position: 100% -696px;\n }\n .icon-only-label.hscale {\n background-position: 100% -296px;\n }\n .icon-only-label.vscale {\n background-position: 100% -396px;\n }\n .icon-only-label.linewidth {\n background-position: 100% -894px;\n }\n .icon-only-label.lineHeight {\n background-position: 100% -995px;\n }\n`"
2894
+ "package": "lit"
2895
+ },
2896
+ "tagName": "ox-scene-property",
2897
+ "customElement": true
2584
2898
  }
2585
2899
  ],
2586
2900
  "exports": [
2587
2901
  {
2588
2902
  "kind": "js",
2589
- "name": "PropertySharedStyle",
2903
+ "name": "default",
2590
2904
  "declaration": {
2591
- "name": "PropertySharedStyle",
2592
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
2905
+ "name": "OxSceneProperty",
2906
+ "module": "src/modeller/scene-viewer/ox-scene-property.ts"
2907
+ }
2908
+ },
2909
+ {
2910
+ "kind": "custom-element-definition",
2911
+ "name": "ox-scene-property",
2912
+ "declaration": {
2913
+ "name": "OxSceneProperty",
2914
+ "module": "src/modeller/scene-viewer/ox-scene-property.ts"
2593
2915
  }
2594
2916
  }
2595
2917
  ]
2596
2918
  },
2597
2919
  {
2598
2920
  "kind": "javascript-module",
2599
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
2921
+ "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
2600
2922
  "declarations": [
2601
2923
  {
2602
2924
  "kind": "class",
2603
2925
  "description": "",
2604
- "name": "PropertySidebar",
2926
+ "name": "OxSceneViewer",
2605
2927
  "members": [
2606
2928
  {
2607
2929
  "kind": "field",
@@ -2614,21 +2936,54 @@
2614
2936
  },
2615
2937
  {
2616
2938
  "kind": "field",
2617
- "name": "bounds",
2939
+ "name": "model",
2618
2940
  "type": {
2619
- "text": "any"
2941
+ "text": "Model | undefined"
2620
2942
  },
2621
- "default": "{}",
2622
- "attribute": "bounds"
2943
+ "attribute": "model"
2623
2944
  },
2624
2945
  {
2625
2946
  "kind": "field",
2626
- "name": "model",
2947
+ "name": "mode",
2627
2948
  "type": {
2628
- "text": "Model | null"
2949
+ "text": "SCENE_MODE"
2950
+ },
2951
+ "attribute": "mode"
2952
+ },
2953
+ {
2954
+ "kind": "field",
2955
+ "name": "screenSize",
2956
+ "type": {
2957
+ "text": "number"
2958
+ },
2959
+ "default": "13.3",
2960
+ "attribute": "screenSize"
2961
+ },
2962
+ {
2963
+ "kind": "field",
2964
+ "name": "variables",
2965
+ "type": {
2966
+ "text": "Properties"
2629
2967
  },
2630
2968
  "default": "{}",
2631
- "attribute": "model"
2969
+ "attribute": "variables"
2970
+ },
2971
+ {
2972
+ "kind": "field",
2973
+ "name": "data",
2974
+ "type": {
2975
+ "text": "any"
2976
+ },
2977
+ "attribute": "data"
2978
+ },
2979
+ {
2980
+ "kind": "field",
2981
+ "name": "fit",
2982
+ "type": {
2983
+ "text": "FITMODE"
2984
+ },
2985
+ "default": "'none'",
2986
+ "attribute": "fit"
2632
2987
  },
2633
2988
  {
2634
2989
  "kind": "field",
@@ -2641,602 +2996,485 @@
2641
2996
  },
2642
2997
  {
2643
2998
  "kind": "field",
2644
- "name": "specificProps",
2999
+ "name": "disposeWhenDetached",
2645
3000
  "type": {
2646
- "text": "any"
3001
+ "text": "boolean"
2647
3002
  },
2648
- "attribute": "specificProps"
3003
+ "default": "false",
3004
+ "attribute": "disposeWhenDetached"
2649
3005
  },
2650
3006
  {
2651
3007
  "kind": "field",
2652
- "name": "tabName",
3008
+ "name": "baseUrl",
2653
3009
  "type": {
2654
- "text": "string | null"
3010
+ "text": "string"
2655
3011
  },
2656
- "default": "'shape'",
2657
- "attribute": "tabName"
3012
+ "default": "''",
3013
+ "attribute": "baseUrl"
2658
3014
  },
2659
3015
  {
2660
3016
  "kind": "field",
2661
- "name": "collapsed",
3017
+ "name": "provider",
2662
3018
  "type": {
2663
- "text": "boolean"
3019
+ "text": "any"
2664
3020
  },
2665
- "default": "false",
2666
- "attribute": "collapsed"
3021
+ "attribute": "provider"
2667
3022
  },
2668
3023
  {
2669
3024
  "kind": "field",
2670
- "name": "fonts",
3025
+ "name": "name",
2671
3026
  "type": {
2672
- "text": "any[]"
3027
+ "text": "string"
2673
3028
  },
2674
- "default": "[]",
2675
- "attribute": "fonts"
3029
+ "default": "'noname'",
3030
+ "attribute": "name"
2676
3031
  },
2677
3032
  {
2678
3033
  "kind": "field",
2679
- "name": "propertyEditor",
3034
+ "name": "enableInspector",
2680
3035
  "type": {
2681
- "text": "any[]"
3036
+ "text": "boolean"
2682
3037
  },
2683
- "default": "[]",
2684
- "attribute": "propertyEditor"
3038
+ "default": "true",
3039
+ "attribute": "enableInspector"
2685
3040
  },
2686
3041
  {
2687
3042
  "kind": "field",
2688
- "name": "propertyTarget",
3043
+ "name": "showInspector",
2689
3044
  "type": {
2690
- "text": "Component | null"
3045
+ "text": "boolean"
2691
3046
  },
2692
- "default": "null"
3047
+ "default": "false",
3048
+ "attribute": "showInspector"
3049
+ },
3050
+ {
3051
+ "kind": "field",
3052
+ "name": "lastOffsetWidth",
3053
+ "type": {
3054
+ "text": "number | undefined"
3055
+ },
3056
+ "privacy": "private"
2693
3057
  },
2694
3058
  {
2695
3059
  "kind": "method",
2696
- "name": "_onPropertyChanged",
3060
+ "name": "_setScene",
2697
3061
  "parameters": [
2698
3062
  {
2699
- "name": "e",
3063
+ "name": "scene",
2700
3064
  "type": {
2701
- "text": "CustomEvent"
3065
+ "text": "Scene | null"
2702
3066
  }
2703
3067
  }
2704
3068
  ]
2705
3069
  },
2706
3070
  {
2707
3071
  "kind": "method",
2708
- "name": "_onBoundsChanged",
3072
+ "name": "_setMode",
2709
3073
  "parameters": [
2710
3074
  {
2711
- "name": "e",
3075
+ "name": "mode",
2712
3076
  "type": {
2713
- "text": "CustomEvent"
3077
+ "text": "SCENE_MODE"
2714
3078
  }
2715
3079
  }
2716
3080
  ]
2717
3081
  },
2718
3082
  {
2719
3083
  "kind": "method",
2720
- "name": "_onChangedByScene"
2721
- },
2722
- {
2723
- "kind": "method",
2724
- "name": "_setPropertyTargetAsDefault"
3084
+ "name": "_setVariables",
3085
+ "parameters": [
3086
+ {
3087
+ "name": "variables",
3088
+ "type": {
3089
+ "text": "Properties"
3090
+ }
3091
+ }
3092
+ ]
2725
3093
  },
2726
3094
  {
2727
3095
  "kind": "method",
2728
- "name": "_onCollapsed",
3096
+ "name": "_setSelected",
2729
3097
  "parameters": [
2730
3098
  {
2731
- "name": "collapsed",
3099
+ "name": "selected",
2732
3100
  "type": {
2733
- "text": "boolean"
3101
+ "text": "Component[]"
2734
3102
  }
2735
3103
  }
2736
3104
  ]
2737
3105
  },
2738
3106
  {
2739
3107
  "kind": "method",
2740
- "name": "_onSceneChanged"
3108
+ "name": "_disposeScene"
2741
3109
  },
2742
3110
  {
2743
3111
  "kind": "method",
2744
- "name": "_onSelectedChanged",
3112
+ "name": "resize",
2745
3113
  "parameters": [
2746
3114
  {
2747
- "name": "after",
3115
+ "name": "force",
2748
3116
  "type": {
2749
- "text": "Component[]"
3117
+ "text": "boolean"
2750
3118
  }
2751
3119
  }
2752
3120
  ]
2753
3121
  },
2754
3122
  {
2755
3123
  "kind": "method",
2756
- "name": "_setPropertyTarget",
3124
+ "name": "_onModelChanged",
2757
3125
  "parameters": [
2758
3126
  {
2759
- "name": "newTarget",
3127
+ "name": "model",
3128
+ "optional": true,
2760
3129
  "type": {
2761
- "text": "Component | null"
3130
+ "text": "Model"
2762
3131
  }
2763
3132
  }
2764
3133
  ]
2765
3134
  },
2766
3135
  {
2767
3136
  "kind": "method",
2768
- "name": "_setBounds",
3137
+ "name": "_onDisplayChanged",
2769
3138
  "parameters": [
2770
3139
  {
2771
- "name": "bounds",
3140
+ "name": "screenSize",
2772
3141
  "type": {
2773
- "text": "BOUNDS"
3142
+ "text": "string | number"
2774
3143
  }
2775
3144
  }
2776
3145
  ]
2777
- }
2778
- ],
2779
- "attributes": [
2780
- {
2781
- "name": "scene",
2782
- "type": {
2783
- "text": "Scene | null"
2784
- },
2785
- "default": "null",
2786
- "fieldName": "scene"
2787
- },
2788
- {
2789
- "name": "bounds",
2790
- "type": {
2791
- "text": "any"
2792
- },
2793
- "default": "{}",
2794
- "fieldName": "bounds"
2795
- },
2796
- {
2797
- "name": "model",
2798
- "type": {
2799
- "text": "Model | null"
2800
- },
2801
- "default": "{}",
2802
- "fieldName": "model"
2803
- },
2804
- {
2805
- "name": "selected",
2806
- "type": {
2807
- "text": "Component[]"
2808
- },
2809
- "default": "[]",
2810
- "fieldName": "selected"
2811
3146
  },
2812
3147
  {
2813
- "name": "specificProps",
2814
- "type": {
2815
- "text": "any"
2816
- },
2817
- "fieldName": "specificProps"
3148
+ "kind": "method",
3149
+ "name": "_onModeChanged",
3150
+ "parameters": [
3151
+ {
3152
+ "name": "mode",
3153
+ "type": {
3154
+ "text": "SCENE_MODE"
3155
+ }
3156
+ }
3157
+ ]
2818
3158
  },
2819
3159
  {
2820
- "name": "tabName",
2821
- "type": {
2822
- "text": "string | null"
2823
- },
2824
- "default": "'shape'",
2825
- "fieldName": "tabName"
3160
+ "kind": "method",
3161
+ "name": "_onDataChanged",
3162
+ "parameters": [
3163
+ {
3164
+ "name": "data",
3165
+ "type": {
3166
+ "text": "any"
3167
+ }
3168
+ }
3169
+ ]
2826
3170
  },
2827
3171
  {
2828
- "name": "collapsed",
2829
- "type": {
2830
- "text": "boolean"
2831
- },
2832
- "default": "false",
2833
- "fieldName": "collapsed"
3172
+ "kind": "method",
3173
+ "name": "_onSelectedChanged",
3174
+ "parameters": [
3175
+ {
3176
+ "name": "after",
3177
+ "type": {
3178
+ "text": "Component[]"
3179
+ }
3180
+ }
3181
+ ]
2834
3182
  },
2835
3183
  {
2836
- "name": "fonts",
2837
- "type": {
2838
- "text": "any[]"
2839
- },
2840
- "default": "[]",
2841
- "fieldName": "fonts"
3184
+ "kind": "method",
3185
+ "name": "_onSceneModeChanged",
3186
+ "parameters": [
3187
+ {
3188
+ "name": "after",
3189
+ "type": {
3190
+ "text": "SCENE_MODE"
3191
+ }
3192
+ }
3193
+ ]
2842
3194
  },
2843
- {
2844
- "name": "propertyEditor",
2845
- "type": {
2846
- "text": "any[]"
2847
- },
2848
- "default": "[]",
2849
- "fieldName": "propertyEditor"
2850
- }
2851
- ],
2852
- "superclass": {
2853
- "name": "LitElement",
2854
- "package": "lit"
2855
- },
2856
- "tagName": "property-sidebar",
2857
- "customElement": true
2858
- }
2859
- ],
2860
- "exports": [
2861
- {
2862
- "kind": "custom-element-definition",
2863
- "name": "property-sidebar",
2864
- "declaration": {
2865
- "name": "PropertySidebar",
2866
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
2867
- }
2868
- }
2869
- ]
2870
- },
2871
- {
2872
- "kind": "javascript-module",
2873
- "path": "src/modeller/scene-viewer/confidential-overlay.ts",
2874
- "declarations": [
2875
- {
2876
- "kind": "class",
2877
- "description": "",
2878
- "name": "ConfidentialOverlay",
2879
- "members": [
2880
3195
  {
2881
3196
  "kind": "method",
2882
- "name": "_draw",
3197
+ "name": "_onBaseUrlChanged",
2883
3198
  "parameters": [
2884
3199
  {
2885
- "name": "context",
3200
+ "name": "after",
2886
3201
  "type": {
2887
- "text": "CanvasRenderingContext2D"
3202
+ "text": "string"
2888
3203
  }
2889
3204
  }
2890
3205
  ]
2891
3206
  }
2892
3207
  ],
2893
- "superclass": {
2894
- "name": "SceneLayer",
2895
- "package": "@hatiolab/things-scene"
2896
- }
2897
- }
2898
- ],
2899
- "exports": [
2900
- {
2901
- "kind": "js",
2902
- "name": "default",
2903
- "declaration": {
2904
- "name": "ConfidentialOverlay",
2905
- "module": "src/modeller/scene-viewer/confidential-overlay.ts"
2906
- }
2907
- }
2908
- ]
2909
- },
2910
- {
2911
- "kind": "javascript-module",
2912
- "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
2913
- "declarations": [
2914
- {
2915
- "kind": "class",
2916
- "description": "",
2917
- "name": "OxSceneHandler",
2918
- "members": [
3208
+ "events": [
2919
3209
  {
2920
- "kind": "field",
2921
- "name": "type",
3210
+ "name": "scene-changed",
2922
3211
  "type": {
2923
- "text": "string"
2924
- },
2925
- "attribute": "type"
3212
+ "text": "CustomEvent"
3213
+ }
2926
3214
  },
2927
3215
  {
2928
- "kind": "field",
2929
- "name": "model",
3216
+ "name": "mode-changed",
2930
3217
  "type": {
2931
- "text": "{\n type: Object\n notify: true\n }"
2932
- },
2933
- "attribute": "model"
3218
+ "text": "CustomEvent"
3219
+ }
3220
+ },
3221
+ {
3222
+ "name": "variables-changed",
3223
+ "type": {
3224
+ "text": "CustomEvent"
3225
+ }
3226
+ },
3227
+ {
3228
+ "name": "selected-changed",
3229
+ "type": {
3230
+ "text": "CustomEvent"
3231
+ }
2934
3232
  }
2935
3233
  ],
2936
3234
  "attributes": [
2937
3235
  {
2938
- "name": "type",
3236
+ "name": "scene",
2939
3237
  "type": {
2940
- "text": "string"
3238
+ "text": "Scene | null"
2941
3239
  },
2942
- "fieldName": "type"
3240
+ "default": "null",
3241
+ "fieldName": "scene"
2943
3242
  },
2944
3243
  {
2945
3244
  "name": "model",
2946
3245
  "type": {
2947
- "text": "{\n type: Object\n notify: true\n }"
3246
+ "text": "Model | undefined"
2948
3247
  },
2949
3248
  "fieldName": "model"
2950
- }
2951
- ],
2952
- "superclass": {
2953
- "name": "LitElement",
2954
- "package": "lit"
2955
- },
2956
- "tagName": "ox-scene-handler",
2957
- "customElement": true
2958
- }
2959
- ],
2960
- "exports": [
2961
- {
2962
- "kind": "js",
2963
- "name": "default",
2964
- "declaration": {
2965
- "name": "OxSceneHandler",
2966
- "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
2967
- }
2968
- },
2969
- {
2970
- "kind": "custom-element-definition",
2971
- "name": "ox-scene-handler",
2972
- "declaration": {
2973
- "name": "OxSceneHandler",
2974
- "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
2975
- }
2976
- }
2977
- ]
2978
- },
2979
- {
2980
- "kind": "javascript-module",
2981
- "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
2982
- "declarations": [
2983
- {
2984
- "kind": "class",
2985
- "description": "",
2986
- "name": "OxSceneLayer",
2987
- "members": [
3249
+ },
2988
3250
  {
2989
- "kind": "field",
2990
- "name": "type",
3251
+ "name": "mode",
2991
3252
  "type": {
2992
- "text": "String | undefined"
3253
+ "text": "SCENE_MODE"
2993
3254
  },
2994
- "attribute": "type"
3255
+ "fieldName": "mode"
2995
3256
  },
2996
3257
  {
2997
- "kind": "field",
2998
- "name": "text",
3258
+ "name": "screenSize",
2999
3259
  "type": {
3000
- "text": "String | undefined"
3260
+ "text": "number"
3001
3261
  },
3002
- "attribute": "text"
3262
+ "default": "13.3",
3263
+ "fieldName": "screenSize"
3003
3264
  },
3004
3265
  {
3005
- "kind": "method",
3006
- "name": "getModel"
3007
- }
3008
- ],
3009
- "attributes": [
3010
- {
3011
- "name": "type",
3266
+ "name": "variables",
3012
3267
  "type": {
3013
- "text": "String | undefined"
3268
+ "text": "Properties"
3014
3269
  },
3015
- "fieldName": "type"
3270
+ "default": "{}",
3271
+ "fieldName": "variables"
3016
3272
  },
3017
3273
  {
3018
- "name": "text",
3274
+ "name": "data",
3019
3275
  "type": {
3020
- "text": "String | undefined"
3276
+ "text": "any"
3021
3277
  },
3022
- "fieldName": "text"
3023
- }
3024
- ],
3025
- "superclass": {
3026
- "name": "LitElement",
3027
- "package": "lit"
3028
- },
3029
- "tagName": "ox-scene-layer",
3030
- "customElement": true
3031
- }
3032
- ],
3033
- "exports": [
3034
- {
3035
- "kind": "js",
3036
- "name": "default",
3037
- "declaration": {
3038
- "name": "OxSceneLayer",
3039
- "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
3040
- }
3041
- },
3042
- {
3043
- "kind": "custom-element-definition",
3044
- "name": "ox-scene-layer",
3045
- "declaration": {
3046
- "name": "OxSceneLayer",
3047
- "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
3048
- }
3049
- }
3050
- ]
3051
- },
3052
- {
3053
- "kind": "javascript-module",
3054
- "path": "src/modeller/scene-viewer/ox-scene-player.ts",
3055
- "declarations": [
3056
- {
3057
- "kind": "class",
3058
- "description": "",
3059
- "name": "OxScenePlayer",
3060
- "members": [
3278
+ "fieldName": "data"
3279
+ },
3061
3280
  {
3062
- "kind": "field",
3063
- "name": "sceneId",
3281
+ "name": "fit",
3064
3282
  "type": {
3065
- "text": "string"
3283
+ "text": "FITMODE"
3066
3284
  },
3067
- "default": "''",
3068
- "attribute": "sceneId"
3285
+ "default": "'none'",
3286
+ "fieldName": "fit"
3069
3287
  },
3070
3288
  {
3071
- "kind": "field",
3072
- "name": "fit",
3289
+ "name": "selected",
3073
3290
  "type": {
3074
- "text": "'none' | 'both' | 'width' | 'height' | 'center' | 'ratio'"
3291
+ "text": "Component[]"
3075
3292
  },
3076
- "default": "'ratio'",
3077
- "attribute": "fit"
3293
+ "default": "[]",
3294
+ "fieldName": "selected"
3078
3295
  },
3079
- {
3080
- "kind": "field",
3081
- "name": "provider",
3296
+ {
3297
+ "name": "disposeWhenDetached",
3082
3298
  "type": {
3083
- "text": "any"
3299
+ "text": "boolean"
3084
3300
  },
3085
- "attribute": "provider"
3301
+ "default": "false",
3302
+ "fieldName": "disposeWhenDetached"
3086
3303
  },
3087
3304
  {
3088
- "kind": "field",
3089
- "name": "scene",
3305
+ "name": "baseUrl",
3090
3306
  "type": {
3091
- "text": "Scene | undefined"
3307
+ "text": "string"
3092
3308
  },
3093
- "privacy": "private"
3309
+ "default": "''",
3310
+ "fieldName": "baseUrl"
3094
3311
  },
3095
3312
  {
3096
- "kind": "method",
3097
- "name": "_releaseRef"
3313
+ "name": "provider",
3314
+ "type": {
3315
+ "text": "any"
3316
+ },
3317
+ "fieldName": "provider"
3098
3318
  },
3099
3319
  {
3100
- "kind": "method",
3101
- "name": "_onSceneIdChanged"
3102
- }
3103
- ],
3104
- "attributes": [
3105
- {
3106
- "name": "sceneId",
3320
+ "name": "name",
3107
3321
  "type": {
3108
3322
  "text": "string"
3109
3323
  },
3110
- "default": "''",
3111
- "fieldName": "sceneId"
3324
+ "default": "'noname'",
3325
+ "fieldName": "name"
3112
3326
  },
3113
3327
  {
3114
- "name": "fit",
3328
+ "name": "enableInspector",
3115
3329
  "type": {
3116
- "text": "'none' | 'both' | 'width' | 'height' | 'center' | 'ratio'"
3330
+ "text": "boolean"
3117
3331
  },
3118
- "default": "'ratio'",
3119
- "fieldName": "fit"
3332
+ "default": "true",
3333
+ "fieldName": "enableInspector"
3120
3334
  },
3121
3335
  {
3122
- "name": "provider",
3336
+ "name": "showInspector",
3123
3337
  "type": {
3124
- "text": "any"
3338
+ "text": "boolean"
3125
3339
  },
3126
- "fieldName": "provider"
3340
+ "default": "false",
3341
+ "fieldName": "showInspector"
3127
3342
  }
3128
3343
  ],
3129
3344
  "superclass": {
3130
3345
  "name": "LitElement",
3131
3346
  "package": "lit"
3132
3347
  },
3133
- "tagName": "things-scene-player",
3348
+ "tagName": "ox-scene-viewer",
3134
3349
  "customElement": true
3135
3350
  }
3136
3351
  ],
3137
3352
  "exports": [
3353
+ {
3354
+ "kind": "js",
3355
+ "name": "default",
3356
+ "declaration": {
3357
+ "name": "OxSceneViewer",
3358
+ "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
3359
+ }
3360
+ },
3138
3361
  {
3139
3362
  "kind": "custom-element-definition",
3140
- "name": "things-scene-player",
3363
+ "name": "ox-scene-viewer",
3141
3364
  "declaration": {
3142
- "name": "OxScenePlayer",
3143
- "module": "src/modeller/scene-viewer/ox-scene-player.ts"
3365
+ "name": "OxSceneViewer",
3366
+ "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
3144
3367
  }
3145
3368
  }
3146
3369
  ]
3147
3370
  },
3148
3371
  {
3149
3372
  "kind": "javascript-module",
3150
- "path": "src/modeller/scene-viewer/ox-scene-property.ts",
3373
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
3151
3374
  "declarations": [
3152
3375
  {
3153
3376
  "kind": "class",
3154
3377
  "description": "",
3155
- "name": "OxSceneProperty",
3378
+ "name": "AbstractProperty",
3156
3379
  "members": [
3157
3380
  {
3158
- "kind": "field",
3159
- "name": "name",
3160
- "type": {
3161
- "text": "string"
3162
- },
3163
- "attribute": "name"
3381
+ "kind": "method",
3382
+ "name": "_onValueChange",
3383
+ "parameters": [
3384
+ {
3385
+ "name": "e",
3386
+ "type": {
3387
+ "text": "Event"
3388
+ }
3389
+ }
3390
+ ]
3164
3391
  },
3165
3392
  {
3166
- "kind": "field",
3167
- "name": "value",
3168
- "type": {
3169
- "text": "string"
3170
- },
3171
- "attribute": "value"
3393
+ "kind": "method",
3394
+ "name": "_getValueFromEventTarget",
3395
+ "parameters": [
3396
+ {
3397
+ "name": "element",
3398
+ "type": {
3399
+ "text": "HTMLElement"
3400
+ }
3401
+ }
3402
+ ]
3172
3403
  },
3173
3404
  {
3174
- "kind": "field",
3175
- "name": "type",
3176
- "type": {
3177
- "text": "string"
3178
- },
3179
- "attribute": "type"
3405
+ "kind": "method",
3406
+ "name": "_onAfterValueChange",
3407
+ "parameters": [
3408
+ {
3409
+ "name": "key",
3410
+ "type": {
3411
+ "text": "string"
3412
+ }
3413
+ },
3414
+ {
3415
+ "name": "value",
3416
+ "type": {
3417
+ "text": "any"
3418
+ }
3419
+ }
3420
+ ]
3180
3421
  }
3181
3422
  ],
3182
- "attributes": [
3183
- {
3184
- "name": "name",
3185
- "type": {
3186
- "text": "string"
3187
- },
3188
- "fieldName": "name"
3189
- },
3190
- {
3191
- "name": "value",
3192
- "type": {
3193
- "text": "string"
3194
- },
3195
- "fieldName": "value"
3196
- },
3423
+ "events": [
3197
3424
  {
3198
- "name": "type",
3425
+ "name": "property-change",
3199
3426
  "type": {
3200
- "text": "string"
3201
- },
3202
- "fieldName": "type"
3427
+ "text": "CustomEvent"
3428
+ }
3203
3429
  }
3204
3430
  ],
3205
3431
  "superclass": {
3206
3432
  "name": "LitElement",
3207
3433
  "package": "lit"
3208
3434
  },
3209
- "tagName": "ox-scene-property",
3210
3435
  "customElement": true
3211
3436
  }
3212
3437
  ],
3213
3438
  "exports": [
3214
3439
  {
3215
3440
  "kind": "js",
3216
- "name": "default",
3441
+ "name": "AbstractProperty",
3217
3442
  "declaration": {
3218
- "name": "OxSceneProperty",
3219
- "module": "src/modeller/scene-viewer/ox-scene-property.ts"
3443
+ "name": "AbstractProperty",
3444
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
3220
3445
  }
3221
- },
3446
+ }
3447
+ ]
3448
+ },
3449
+ {
3450
+ "kind": "javascript-module",
3451
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
3452
+ "declarations": [
3222
3453
  {
3223
- "kind": "custom-element-definition",
3224
- "name": "ox-scene-property",
3454
+ "kind": "variable",
3455
+ "name": "PropertySharedStyle",
3456
+ "default": "css`\n fieldset {\n border: none;\n margin: 4px;\n padding: 9px 4px 9px 4px;\n border-bottom: var(--property-sidebar-fieldset-border);\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-label);\n }\n\n fieldset legend {\n padding: 5px 0 0 5px;\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-legend);\n text-transform: capitalize;\n }\n\n select,\n input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n /* property grid */\n .property-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .property-grid > * {\n width: 100%;\n box-sizing: border-box;\n }\n\n .property-grid > label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n line-height: 2;\n }\n\n .property-grid > input,\n .property-grid > table,\n .property-grid > select,\n .property-grid > ox-input-angle,\n .property-grid > ox-buttons-radio,\n .property-grid > things-editor-color,\n [custom-editor] {\n grid-column: span 7;\n align-self: stretch;\n }\n\n .property-grid > .checkbox-row {\n grid-column: span 10;\n }\n\n .property-grid > .property-full-label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n }\n\n .property-grid > .property-half-label {\n grid-column: span 1;\n }\n\n .property-grid > .property-full-input {\n grid-column: span 7;\n }\n\n .property-grid > .property-half-input {\n grid-column: span 4;\n }\n\n /* checkbox-row */\n .checkbox-row {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .checkbox-row > input {\n grid-column: 4 / 5;\n }\n\n .checkbox-row > label {\n grid-column: span 6;\n text-align: left;\n }\n\n /* image resources */\n .icon-only-label {\n grid-column: span 1;\n\n background: url(/assets/images/icon-properties-label.png) no-repeat;\n float: left;\n margin: 0;\n align-self: stretch;\n }\n\n .icon-only-label.color {\n background-position: 100% -500px;\n }\n .icon-only-label.font-size {\n background-position: 100% -594px;\n }\n .icon-only-label.leading {\n background-position: 100% -696px;\n }\n .icon-only-label.hscale {\n background-position: 100% -296px;\n }\n .icon-only-label.vscale {\n background-position: 100% -396px;\n }\n .icon-only-label.linewidth {\n background-position: 100% -894px;\n }\n .icon-only-label.lineHeight {\n background-position: 100% -995px;\n }\n`"
3457
+ }
3458
+ ],
3459
+ "exports": [
3460
+ {
3461
+ "kind": "js",
3462
+ "name": "PropertySharedStyle",
3225
3463
  "declaration": {
3226
- "name": "OxSceneProperty",
3227
- "module": "src/modeller/scene-viewer/ox-scene-property.ts"
3464
+ "name": "PropertySharedStyle",
3465
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
3228
3466
  }
3229
3467
  }
3230
3468
  ]
3231
3469
  },
3232
3470
  {
3233
3471
  "kind": "javascript-module",
3234
- "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
3472
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
3235
3473
  "declarations": [
3236
3474
  {
3237
3475
  "kind": "class",
3238
3476
  "description": "",
3239
- "name": "OxSceneViewer",
3477
+ "name": "PropertySidebar",
3240
3478
  "members": [
3241
3479
  {
3242
3480
  "kind": "field",
@@ -3249,54 +3487,21 @@
3249
3487
  },
3250
3488
  {
3251
3489
  "kind": "field",
3252
- "name": "model",
3253
- "type": {
3254
- "text": "Model | undefined"
3255
- },
3256
- "attribute": "model"
3257
- },
3258
- {
3259
- "kind": "field",
3260
- "name": "mode",
3261
- "type": {
3262
- "text": "SCENE_MODE"
3263
- },
3264
- "attribute": "mode"
3265
- },
3266
- {
3267
- "kind": "field",
3268
- "name": "screenSize",
3269
- "type": {
3270
- "text": "number"
3271
- },
3272
- "default": "13.3",
3273
- "attribute": "screenSize"
3274
- },
3275
- {
3276
- "kind": "field",
3277
- "name": "variables",
3278
- "type": {
3279
- "text": "Properties"
3280
- },
3281
- "default": "{}",
3282
- "attribute": "variables"
3283
- },
3284
- {
3285
- "kind": "field",
3286
- "name": "data",
3490
+ "name": "bounds",
3287
3491
  "type": {
3288
3492
  "text": "any"
3289
3493
  },
3290
- "attribute": "data"
3494
+ "default": "{}",
3495
+ "attribute": "bounds"
3291
3496
  },
3292
3497
  {
3293
3498
  "kind": "field",
3294
- "name": "fit",
3499
+ "name": "model",
3295
3500
  "type": {
3296
- "text": "FITMODE"
3501
+ "text": "Model | null"
3297
3502
  },
3298
- "default": "'none'",
3299
- "attribute": "fit"
3503
+ "default": "{}",
3504
+ "attribute": "model"
3300
3505
  },
3301
3506
  {
3302
3507
  "kind": "field",
@@ -3309,123 +3514,94 @@
3309
3514
  },
3310
3515
  {
3311
3516
  "kind": "field",
3312
- "name": "disposeWhenDetached",
3313
- "type": {
3314
- "text": "boolean"
3315
- },
3316
- "default": "false",
3317
- "attribute": "disposeWhenDetached"
3318
- },
3319
- {
3320
- "kind": "field",
3321
- "name": "baseUrl",
3322
- "type": {
3323
- "text": "string"
3324
- },
3325
- "default": "''",
3326
- "attribute": "baseUrl"
3327
- },
3328
- {
3329
- "kind": "field",
3330
- "name": "provider",
3517
+ "name": "specificProps",
3331
3518
  "type": {
3332
3519
  "text": "any"
3333
3520
  },
3334
- "attribute": "provider"
3521
+ "attribute": "specificProps"
3335
3522
  },
3336
3523
  {
3337
3524
  "kind": "field",
3338
- "name": "name",
3525
+ "name": "tabName",
3339
3526
  "type": {
3340
- "text": "string"
3527
+ "text": "string | null"
3341
3528
  },
3342
- "default": "'noname'",
3343
- "attribute": "name"
3529
+ "default": "'shape'",
3530
+ "attribute": "tabName"
3344
3531
  },
3345
3532
  {
3346
3533
  "kind": "field",
3347
- "name": "enableInspector",
3534
+ "name": "collapsed",
3348
3535
  "type": {
3349
3536
  "text": "boolean"
3350
3537
  },
3351
- "default": "true",
3352
- "attribute": "enableInspector"
3538
+ "default": "false",
3539
+ "attribute": "collapsed"
3353
3540
  },
3354
3541
  {
3355
3542
  "kind": "field",
3356
- "name": "showInspector",
3543
+ "name": "fonts",
3357
3544
  "type": {
3358
- "text": "boolean"
3545
+ "text": "any[]"
3359
3546
  },
3360
- "default": "false",
3361
- "attribute": "showInspector"
3547
+ "default": "[]",
3548
+ "attribute": "fonts"
3362
3549
  },
3363
3550
  {
3364
3551
  "kind": "field",
3365
- "name": "lastOffsetWidth",
3552
+ "name": "propertyEditor",
3366
3553
  "type": {
3367
- "text": "number | undefined"
3554
+ "text": "any[]"
3368
3555
  },
3369
- "privacy": "private"
3556
+ "default": "[]",
3557
+ "attribute": "propertyEditor"
3370
3558
  },
3371
3559
  {
3372
- "kind": "method",
3373
- "name": "_setScene",
3374
- "parameters": [
3375
- {
3376
- "name": "scene",
3377
- "type": {
3378
- "text": "Scene | null"
3379
- }
3380
- }
3381
- ]
3560
+ "kind": "field",
3561
+ "name": "propertyTarget",
3562
+ "type": {
3563
+ "text": "Component | null"
3564
+ },
3565
+ "default": "null"
3382
3566
  },
3383
3567
  {
3384
3568
  "kind": "method",
3385
- "name": "_setMode",
3569
+ "name": "_onPropertyChanged",
3386
3570
  "parameters": [
3387
3571
  {
3388
- "name": "mode",
3572
+ "name": "e",
3389
3573
  "type": {
3390
- "text": "SCENE_MODE"
3574
+ "text": "CustomEvent"
3391
3575
  }
3392
3576
  }
3393
3577
  ]
3394
3578
  },
3395
3579
  {
3396
3580
  "kind": "method",
3397
- "name": "_setVariables",
3581
+ "name": "_onBoundsChanged",
3398
3582
  "parameters": [
3399
3583
  {
3400
- "name": "variables",
3584
+ "name": "e",
3401
3585
  "type": {
3402
- "text": "Properties"
3586
+ "text": "CustomEvent"
3403
3587
  }
3404
3588
  }
3405
3589
  ]
3406
3590
  },
3407
3591
  {
3408
3592
  "kind": "method",
3409
- "name": "_setSelected",
3410
- "parameters": [
3411
- {
3412
- "name": "selected",
3413
- "type": {
3414
- "text": "Component[]"
3415
- }
3416
- }
3417
- ]
3593
+ "name": "_onChangedByScene"
3418
3594
  },
3419
3595
  {
3420
3596
  "kind": "method",
3421
- "name": "_disposeScene"
3597
+ "name": "_setPropertyTargetAsDefault"
3422
3598
  },
3423
3599
  {
3424
3600
  "kind": "method",
3425
- "name": "resize",
3601
+ "name": "_onCollapsed",
3426
3602
  "parameters": [
3427
3603
  {
3428
- "name": "force",
3604
+ "name": "collapsed",
3429
3605
  "type": {
3430
3606
  "text": "boolean"
3431
3607
  }
@@ -3434,52 +3610,7 @@
3434
3610
  },
3435
3611
  {
3436
3612
  "kind": "method",
3437
- "name": "_onModelChanged",
3438
- "parameters": [
3439
- {
3440
- "name": "model",
3441
- "optional": true,
3442
- "type": {
3443
- "text": "Model"
3444
- }
3445
- }
3446
- ]
3447
- },
3448
- {
3449
- "kind": "method",
3450
- "name": "_onDisplayChanged",
3451
- "parameters": [
3452
- {
3453
- "name": "screenSize",
3454
- "type": {
3455
- "text": "string | number"
3456
- }
3457
- }
3458
- ]
3459
- },
3460
- {
3461
- "kind": "method",
3462
- "name": "_onModeChanged",
3463
- "parameters": [
3464
- {
3465
- "name": "mode",
3466
- "type": {
3467
- "text": "SCENE_MODE"
3468
- }
3469
- }
3470
- ]
3471
- },
3472
- {
3473
- "kind": "method",
3474
- "name": "_onDataChanged",
3475
- "parameters": [
3476
- {
3477
- "name": "data",
3478
- "type": {
3479
- "text": "any"
3480
- }
3481
- }
3482
- ]
3613
+ "name": "_onSceneChanged"
3483
3614
  },
3484
3615
  {
3485
3616
  "kind": "method",
@@ -3495,55 +3626,29 @@
3495
3626
  },
3496
3627
  {
3497
3628
  "kind": "method",
3498
- "name": "_onSceneModeChanged",
3629
+ "name": "_setPropertyTarget",
3499
3630
  "parameters": [
3500
3631
  {
3501
- "name": "after",
3632
+ "name": "newTarget",
3502
3633
  "type": {
3503
- "text": "SCENE_MODE"
3634
+ "text": "Component | null"
3504
3635
  }
3505
3636
  }
3506
3637
  ]
3507
3638
  },
3508
3639
  {
3509
3640
  "kind": "method",
3510
- "name": "_onBaseUrlChanged",
3641
+ "name": "_setBounds",
3511
3642
  "parameters": [
3512
3643
  {
3513
- "name": "after",
3644
+ "name": "bounds",
3514
3645
  "type": {
3515
- "text": "string"
3646
+ "text": "BOUNDS"
3516
3647
  }
3517
3648
  }
3518
3649
  ]
3519
3650
  }
3520
3651
  ],
3521
- "events": [
3522
- {
3523
- "name": "scene-changed",
3524
- "type": {
3525
- "text": "CustomEvent"
3526
- }
3527
- },
3528
- {
3529
- "name": "mode-changed",
3530
- "type": {
3531
- "text": "CustomEvent"
3532
- }
3533
- },
3534
- {
3535
- "name": "variables-changed",
3536
- "type": {
3537
- "text": "CustomEvent"
3538
- }
3539
- },
3540
- {
3541
- "name": "selected-changed",
3542
- "type": {
3543
- "text": "CustomEvent"
3544
- }
3545
- }
3546
- ],
3547
3652
  "attributes": [
3548
3653
  {
3549
3654
  "name": "scene",
@@ -3554,49 +3659,20 @@
3554
3659
  "fieldName": "scene"
3555
3660
  },
3556
3661
  {
3557
- "name": "model",
3558
- "type": {
3559
- "text": "Model | undefined"
3560
- },
3561
- "fieldName": "model"
3562
- },
3563
- {
3564
- "name": "mode",
3565
- "type": {
3566
- "text": "SCENE_MODE"
3567
- },
3568
- "fieldName": "mode"
3569
- },
3570
- {
3571
- "name": "screenSize",
3572
- "type": {
3573
- "text": "number"
3574
- },
3575
- "default": "13.3",
3576
- "fieldName": "screenSize"
3577
- },
3578
- {
3579
- "name": "variables",
3580
- "type": {
3581
- "text": "Properties"
3582
- },
3583
- "default": "{}",
3584
- "fieldName": "variables"
3585
- },
3586
- {
3587
- "name": "data",
3662
+ "name": "bounds",
3588
3663
  "type": {
3589
3664
  "text": "any"
3590
3665
  },
3591
- "fieldName": "data"
3666
+ "default": "{}",
3667
+ "fieldName": "bounds"
3592
3668
  },
3593
3669
  {
3594
- "name": "fit",
3670
+ "name": "model",
3595
3671
  "type": {
3596
- "text": "FITMODE"
3672
+ "text": "Model | null"
3597
3673
  },
3598
- "default": "'none'",
3599
- "fieldName": "fit"
3674
+ "default": "{}",
3675
+ "fieldName": "model"
3600
3676
  },
3601
3677
  {
3602
3678
  "name": "selected",
@@ -3607,76 +3683,60 @@
3607
3683
  "fieldName": "selected"
3608
3684
  },
3609
3685
  {
3610
- "name": "disposeWhenDetached",
3611
- "type": {
3612
- "text": "boolean"
3613
- },
3614
- "default": "false",
3615
- "fieldName": "disposeWhenDetached"
3616
- },
3617
- {
3618
- "name": "baseUrl",
3686
+ "name": "specificProps",
3619
3687
  "type": {
3620
- "text": "string"
3688
+ "text": "any"
3621
3689
  },
3622
- "default": "''",
3623
- "fieldName": "baseUrl"
3690
+ "fieldName": "specificProps"
3624
3691
  },
3625
3692
  {
3626
- "name": "provider",
3693
+ "name": "tabName",
3627
3694
  "type": {
3628
- "text": "any"
3695
+ "text": "string | null"
3629
3696
  },
3630
- "fieldName": "provider"
3697
+ "default": "'shape'",
3698
+ "fieldName": "tabName"
3631
3699
  },
3632
3700
  {
3633
- "name": "name",
3701
+ "name": "collapsed",
3634
3702
  "type": {
3635
- "text": "string"
3703
+ "text": "boolean"
3636
3704
  },
3637
- "default": "'noname'",
3638
- "fieldName": "name"
3705
+ "default": "false",
3706
+ "fieldName": "collapsed"
3639
3707
  },
3640
3708
  {
3641
- "name": "enableInspector",
3709
+ "name": "fonts",
3642
3710
  "type": {
3643
- "text": "boolean"
3711
+ "text": "any[]"
3644
3712
  },
3645
- "default": "true",
3646
- "fieldName": "enableInspector"
3713
+ "default": "[]",
3714
+ "fieldName": "fonts"
3647
3715
  },
3648
3716
  {
3649
- "name": "showInspector",
3717
+ "name": "propertyEditor",
3650
3718
  "type": {
3651
- "text": "boolean"
3719
+ "text": "any[]"
3652
3720
  },
3653
- "default": "false",
3654
- "fieldName": "showInspector"
3721
+ "default": "[]",
3722
+ "fieldName": "propertyEditor"
3655
3723
  }
3656
3724
  ],
3657
3725
  "superclass": {
3658
3726
  "name": "LitElement",
3659
3727
  "package": "lit"
3660
3728
  },
3661
- "tagName": "ox-scene-viewer",
3729
+ "tagName": "property-sidebar",
3662
3730
  "customElement": true
3663
3731
  }
3664
3732
  ],
3665
3733
  "exports": [
3666
- {
3667
- "kind": "js",
3668
- "name": "default",
3669
- "declaration": {
3670
- "name": "OxSceneViewer",
3671
- "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
3672
- }
3673
- },
3674
3734
  {
3675
3735
  "kind": "custom-element-definition",
3676
- "name": "ox-scene-viewer",
3736
+ "name": "property-sidebar",
3677
3737
  "declaration": {
3678
- "name": "OxSceneViewer",
3679
- "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
3738
+ "name": "PropertySidebar",
3739
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
3680
3740
  }
3681
3741
  }
3682
3742
  ]