@fmsim/board 2.0.0-beta.60 → 2.0.0-beta.61

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 (12) hide show
  1. package/custom-elements.json +1473 -1406
  2. package/dist/src/ox-board-viewer.d.ts +21 -2
  3. package/dist/src/ox-board-viewer.js +84 -14
  4. package/dist/src/ox-board-viewer.js.map +1 -1
  5. package/dist/src/ox-playback-controls.d.ts +13 -6
  6. package/dist/src/ox-playback-controls.js +57 -64
  7. package/dist/src/ox-playback-controls.js.map +1 -1
  8. package/dist/src/playback/playback-engine.d.ts +18 -7
  9. package/dist/src/playback/playback-engine.js +58 -31
  10. package/dist/src/playback/playback-engine.js.map +1 -1
  11. package/dist/tsconfig.tsbuildinfo +1 -1
  12. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -2,6 +2,91 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "stories/restful-attachment-selector.stories.ts",
8
+ "declarations": [
9
+ {
10
+ "kind": "variable",
11
+ "name": "meta",
12
+ "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
13
+ },
14
+ {
15
+ "kind": "variable",
16
+ "name": "Default",
17
+ "type": {
18
+ "text": "Story"
19
+ },
20
+ "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
21
+ },
22
+ {
23
+ "kind": "variable",
24
+ "name": "WithCategory",
25
+ "type": {
26
+ "text": "Story"
27
+ },
28
+ "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
29
+ },
30
+ {
31
+ "kind": "variable",
32
+ "name": "ReadOnly",
33
+ "type": {
34
+ "text": "Story"
35
+ },
36
+ "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
37
+ },
38
+ {
39
+ "kind": "variable",
40
+ "name": "WithTestData",
41
+ "type": {
42
+ "text": "Story"
43
+ },
44
+ "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
45
+ }
46
+ ],
47
+ "exports": [
48
+ {
49
+ "kind": "js",
50
+ "name": "default",
51
+ "declaration": {
52
+ "name": "meta",
53
+ "module": "stories/restful-attachment-selector.stories.ts"
54
+ }
55
+ },
56
+ {
57
+ "kind": "js",
58
+ "name": "Default",
59
+ "declaration": {
60
+ "name": "Default",
61
+ "module": "stories/restful-attachment-selector.stories.ts"
62
+ }
63
+ },
64
+ {
65
+ "kind": "js",
66
+ "name": "WithCategory",
67
+ "declaration": {
68
+ "name": "WithCategory",
69
+ "module": "stories/restful-attachment-selector.stories.ts"
70
+ }
71
+ },
72
+ {
73
+ "kind": "js",
74
+ "name": "ReadOnly",
75
+ "declaration": {
76
+ "name": "ReadOnly",
77
+ "module": "stories/restful-attachment-selector.stories.ts"
78
+ }
79
+ },
80
+ {
81
+ "kind": "js",
82
+ "name": "WithTestData",
83
+ "declaration": {
84
+ "name": "WithTestData",
85
+ "module": "stories/restful-attachment-selector.stories.ts"
86
+ }
87
+ }
88
+ ]
89
+ },
5
90
  {
6
91
  "kind": "javascript-module",
7
92
  "path": "src/index.ts",
@@ -1192,6 +1277,12 @@
1192
1277
  "name": "_pointerMoveHandler",
1193
1278
  "privacy": "private"
1194
1279
  },
1280
+ {
1281
+ "kind": "field",
1282
+ "name": "_fullscreenChangeHandler",
1283
+ "privacy": "private",
1284
+ "description": "playback 모드는 전체화면 모드와 한 몸 — 어떤 경로로든 전체화면이 해제되면\nplayback 도 함께 종료. (단독 전체화면 토글은 기존처럼 동작하도록 `_playbackActive` 가드.)"
1285
+ },
1195
1286
  {
1196
1287
  "kind": "field",
1197
1288
  "name": "_monitoringEvents",
@@ -1392,6 +1483,26 @@
1392
1483
  }
1393
1484
  ]
1394
1485
  },
1486
+ {
1487
+ "kind": "method",
1488
+ "name": "_onPlaybackSeekStart",
1489
+ "privacy": "private",
1490
+ "description": "드래그 시작 신호 — 엔진의 재생 타이머 정지해서 스크러빙 동안\nscene 이 엔진 시간으로 독립 갱신되지 않도록 함. _state 는 유지되므로\n드래그 종료 시 seekTo 가 원래 재생/일시정지 상태로 복원."
1491
+ },
1492
+ {
1493
+ "kind": "method",
1494
+ "name": "_onPlaybackSeekPreview",
1495
+ "privacy": "private",
1496
+ "parameters": [
1497
+ {
1498
+ "name": "e",
1499
+ "type": {
1500
+ "text": "CustomEvent"
1501
+ }
1502
+ }
1503
+ ],
1504
+ "description": "드래그 중 디바운스된 seek preview. 해당 시간의 snapshot 만 scene 에 적용.\n보드 리셋 없음, 애니메이션 억제."
1505
+ },
1395
1506
  {
1396
1507
  "kind": "method",
1397
1508
  "name": "_onPlaybackSpeed",
@@ -1409,9 +1520,9 @@
1409
1520
  "kind": "field",
1410
1521
  "name": "_fetchPlaybackData",
1411
1522
  "type": {
1412
- "text": "(startTime: string, endTime: string) => Promise<any> | undefined"
1523
+ "text": "(\n startTime: string,\n endTime?: string,\n includeSnapshot?: boolean,\n count?: number\n ) => Promise<any> | undefined"
1413
1524
  },
1414
- "description": "페이지에서 주입하는 playback 데이터 fetch 함수"
1525
+ "description": "페이지에서 주입하는 playback 데이터 fetch 함수.\n2-arg 호출은 청크 프리페치, 4-arg 호출은 preview snapshot (count=1)."
1415
1526
  },
1416
1527
  {
1417
1528
  "kind": "method",
@@ -1925,15 +2036,16 @@
1925
2036
  "text": "array"
1926
2037
  },
1927
2038
  "privacy": "private",
1928
- "default": "[1, 1.5, 2]"
2039
+ "default": "[1, 2, 4]"
1929
2040
  },
1930
2041
  {
1931
2042
  "kind": "field",
1932
- "name": "_timer",
2043
+ "name": "_previewDebounce",
1933
2044
  "type": {
1934
2045
  "text": "number | undefined"
1935
2046
  },
1936
- "privacy": "private"
2047
+ "privacy": "private",
2048
+ "description": "드래그 중 playback-seek-preview 이벤트 디바운스 타이머"
1937
2049
  },
1938
2050
  {
1939
2051
  "kind": "field",
@@ -2001,8 +2113,9 @@
2001
2113
  },
2002
2114
  {
2003
2115
  "kind": "method",
2004
- "name": "_updateSeekPosition",
2005
- "privacy": "private"
2116
+ "name": "_syncFromEngine",
2117
+ "privacy": "private",
2118
+ "description": "엔진 프레임(currentTime 프로프) 을 유일한 시간 소스로 사용하여\n_currentPlayTime 및 _seekValue 동기화."
2006
2119
  },
2007
2120
  {
2008
2121
  "kind": "method",
@@ -2099,37 +2212,51 @@
2099
2212
  ]
2100
2213
  },
2101
2214
  {
2102
- "kind": "method",
2103
- "name": "_renderBufferBars",
2104
- "privacy": "private"
2215
+ "kind": "field",
2216
+ "name": "PREVIEW_DEBOUNCE_MS",
2217
+ "type": {
2218
+ "text": "number"
2219
+ },
2220
+ "privacy": "private",
2221
+ "static": true,
2222
+ "readonly": true,
2223
+ "default": "200"
2105
2224
  },
2106
2225
  {
2107
2226
  "kind": "method",
2108
- "name": "_onSpeedChange",
2227
+ "name": "_schedulePreview",
2109
2228
  "privacy": "private",
2110
2229
  "parameters": [
2111
2230
  {
2112
- "name": "speed",
2231
+ "name": "previewTime",
2113
2232
  "type": {
2114
- "text": "number"
2233
+ "text": "Date"
2115
2234
  }
2116
2235
  }
2117
2236
  ]
2118
2237
  },
2119
2238
  {
2120
2239
  "kind": "method",
2121
- "name": "_startTimer",
2240
+ "name": "_cancelPreviewDebounce",
2122
2241
  "privacy": "private"
2123
2242
  },
2124
2243
  {
2125
2244
  "kind": "method",
2126
- "name": "_stopTimer",
2245
+ "name": "_renderBufferBars",
2127
2246
  "privacy": "private"
2128
2247
  },
2129
2248
  {
2130
2249
  "kind": "method",
2131
- "name": "_updateSeekFromPlayTime",
2132
- "privacy": "private"
2250
+ "name": "_onSpeedChange",
2251
+ "privacy": "private",
2252
+ "parameters": [
2253
+ {
2254
+ "name": "speed",
2255
+ "type": {
2256
+ "text": "number"
2257
+ }
2258
+ }
2259
+ ]
2133
2260
  }
2134
2261
  ],
2135
2262
  "events": [
@@ -2138,7 +2265,7 @@
2138
2265
  "type": {
2139
2266
  "text": "CustomEvent"
2140
2267
  },
2141
- "description": "시크 요청 { toTime }"
2268
+ "description": "드래그 릴리즈 시 시크 요청 { toTime }"
2142
2269
  },
2143
2270
  {
2144
2271
  "name": "playback-start",
@@ -2169,17 +2296,25 @@
2169
2296
  "description": "중지 요청"
2170
2297
  },
2171
2298
  {
2172
- "name": "playback-speed",
2299
+ "name": "playback-seek-start",
2173
2300
  "type": {
2174
2301
  "text": "CustomEvent"
2175
2302
  },
2176
- "description": "배속 변경 요청 { speed }"
2303
+ "description": "드래그 첫 input 시 즉시 발행 (엔진 타이머·애니메이션 정지 신호, detail 없음)"
2177
2304
  },
2178
2305
  {
2179
- "name": "playback-tick",
2306
+ "name": "playback-seek-preview",
2180
2307
  "type": {
2181
2308
  "text": "CustomEvent"
2182
- }
2309
+ },
2310
+ "description": "드래그 중 디바운스된 스크러빙 요청 { toTime }"
2311
+ },
2312
+ {
2313
+ "name": "playback-speed",
2314
+ "type": {
2315
+ "text": "CustomEvent"
2316
+ },
2317
+ "description": "배속 변경 요청 { speed }"
2183
2318
  }
2184
2319
  ],
2185
2320
  "attributes": [
@@ -2421,115 +2556,251 @@
2421
2556
  },
2422
2557
  {
2423
2558
  "kind": "javascript-module",
2424
- "path": "stories/restful-attachment-selector.stories.ts",
2425
- "declarations": [
2426
- {
2427
- "kind": "variable",
2428
- "name": "meta",
2429
- "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
2430
- },
2431
- {
2432
- "kind": "variable",
2433
- "name": "Default",
2434
- "type": {
2435
- "text": "Story"
2436
- },
2437
- "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
2438
- },
2439
- {
2440
- "kind": "variable",
2441
- "name": "WithCategory",
2442
- "type": {
2443
- "text": "Story"
2444
- },
2445
- "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
2446
- },
2447
- {
2448
- "kind": "variable",
2449
- "name": "ReadOnly",
2450
- "type": {
2451
- "text": "Story"
2452
- },
2453
- "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
2454
- },
2455
- {
2456
- "kind": "variable",
2457
- "name": "WithTestData",
2458
- "type": {
2459
- "text": "Story"
2460
- },
2461
- "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
2462
- }
2463
- ],
2464
- "exports": [
2465
- {
2466
- "kind": "js",
2467
- "name": "default",
2468
- "declaration": {
2469
- "name": "meta",
2470
- "module": "stories/restful-attachment-selector.stories.ts"
2471
- }
2472
- },
2473
- {
2474
- "kind": "js",
2475
- "name": "Default",
2476
- "declaration": {
2477
- "name": "Default",
2478
- "module": "stories/restful-attachment-selector.stories.ts"
2479
- }
2480
- },
2481
- {
2482
- "kind": "js",
2483
- "name": "WithCategory",
2484
- "declaration": {
2485
- "name": "WithCategory",
2486
- "module": "stories/restful-attachment-selector.stories.ts"
2487
- }
2488
- },
2489
- {
2490
- "kind": "js",
2491
- "name": "ReadOnly",
2492
- "declaration": {
2493
- "name": "ReadOnly",
2494
- "module": "stories/restful-attachment-selector.stories.ts"
2495
- }
2496
- },
2497
- {
2498
- "kind": "js",
2499
- "name": "WithTestData",
2500
- "declaration": {
2501
- "name": "WithTestData",
2502
- "module": "stories/restful-attachment-selector.stories.ts"
2503
- }
2504
- }
2505
- ]
2506
- },
2507
- {
2508
- "kind": "javascript-module",
2509
- "path": "src/component/etc.ts",
2559
+ "path": "src/data-storage/board-model-cache.ts",
2510
2560
  "declarations": [
2511
2561
  {
2512
- "kind": "variable",
2513
- "name": "icon",
2514
- "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\"> <style type=\"text/css\"> .st0{fill:{{strokeColor}};} </style> <g> <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/> </g> </svg> `"
2515
- },
2516
- {
2517
- "kind": "variable",
2518
- "name": "etc",
2519
- "type": {
2520
- "text": "ComponentGroup"
2521
- },
2522
- "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'text', description: 'text', icon: text, group: 'shape', model: { type: 'text', left: 100, top: 100, width: 200, height: 50, fillStyle: 'transparent', fontColor: '#000', fontSize: 16, text: 'Text' } }, { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'popup', description: 'popup window', icon: popup, group: 'container', model: { type: 'popup', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: 'DarkGoldenRod' } }, { type: 'floor-plate', description: 'floor plate for multi-story layout', icon: rect, group: '3d', model: { type: 'floor-plate', left: 100, top: 100, width: 500, height: 500, depth: 2, fillStyle: '#e8e8e8', strokeStyle: '#999999', alpha: 0.7 } } ] }"
2523
- }
2524
- ],
2525
- "exports": [
2526
- {
2527
- "kind": "js",
2528
- "name": "etc",
2529
- "declaration": {
2530
- "name": "etc",
2531
- "module": "src/component/etc.ts"
2532
- }
2562
+ "kind": "class",
2563
+ "description": "",
2564
+ "name": "BoardModelCache",
2565
+ "members": [
2566
+ {
2567
+ "kind": "method",
2568
+ "name": "get",
2569
+ "static": true,
2570
+ "return": {
2571
+ "type": {
2572
+ "text": "Promise<CachedBoard | null>"
2573
+ }
2574
+ },
2575
+ "parameters": [
2576
+ {
2577
+ "name": "boardId",
2578
+ "type": {
2579
+ "text": "string"
2580
+ }
2581
+ }
2582
+ ]
2583
+ },
2584
+ {
2585
+ "kind": "method",
2586
+ "name": "put",
2587
+ "static": true,
2588
+ "return": {
2589
+ "type": {
2590
+ "text": "Promise<void>"
2591
+ }
2592
+ },
2593
+ "parameters": [
2594
+ {
2595
+ "name": "boardId",
2596
+ "type": {
2597
+ "text": "string"
2598
+ }
2599
+ },
2600
+ {
2601
+ "name": "name",
2602
+ "type": {
2603
+ "text": "string"
2604
+ }
2605
+ },
2606
+ {
2607
+ "name": "model",
2608
+ "type": {
2609
+ "text": "string"
2610
+ }
2611
+ },
2612
+ {
2613
+ "name": "updatedAt",
2614
+ "type": {
2615
+ "text": "string"
2616
+ }
2617
+ }
2618
+ ]
2619
+ },
2620
+ {
2621
+ "kind": "method",
2622
+ "name": "isValid",
2623
+ "static": true,
2624
+ "return": {
2625
+ "type": {
2626
+ "text": "Promise<boolean>"
2627
+ }
2628
+ },
2629
+ "parameters": [
2630
+ {
2631
+ "name": "boardId",
2632
+ "type": {
2633
+ "text": "string"
2634
+ }
2635
+ },
2636
+ {
2637
+ "name": "serverUpdatedAt",
2638
+ "type": {
2639
+ "text": "string"
2640
+ }
2641
+ }
2642
+ ]
2643
+ },
2644
+ {
2645
+ "kind": "method",
2646
+ "name": "remove",
2647
+ "static": true,
2648
+ "return": {
2649
+ "type": {
2650
+ "text": "Promise<void>"
2651
+ }
2652
+ },
2653
+ "parameters": [
2654
+ {
2655
+ "name": "boardId",
2656
+ "type": {
2657
+ "text": "string"
2658
+ }
2659
+ }
2660
+ ]
2661
+ },
2662
+ {
2663
+ "kind": "method",
2664
+ "name": "clear",
2665
+ "static": true,
2666
+ "return": {
2667
+ "type": {
2668
+ "text": "Promise<void>"
2669
+ }
2670
+ }
2671
+ }
2672
+ ]
2673
+ }
2674
+ ],
2675
+ "exports": [
2676
+ {
2677
+ "kind": "js",
2678
+ "name": "BoardModelCache",
2679
+ "declaration": {
2680
+ "name": "BoardModelCache",
2681
+ "module": "src/data-storage/board-model-cache.ts"
2682
+ }
2683
+ }
2684
+ ]
2685
+ },
2686
+ {
2687
+ "kind": "javascript-module",
2688
+ "path": "src/data-storage/data-storage.ts",
2689
+ "declarations": [
2690
+ {
2691
+ "kind": "class",
2692
+ "description": "",
2693
+ "name": "DataStorage",
2694
+ "members": [
2695
+ {
2696
+ "kind": "field",
2697
+ "name": "id",
2698
+ "type": {
2699
+ "text": "string"
2700
+ },
2701
+ "privacy": "private",
2702
+ "default": "id"
2703
+ },
2704
+ {
2705
+ "kind": "method",
2706
+ "name": "load",
2707
+ "privacy": "public",
2708
+ "return": {
2709
+ "type": {
2710
+ "text": "Promise<any>"
2711
+ }
2712
+ },
2713
+ "parameters": [
2714
+ {
2715
+ "name": "key",
2716
+ "type": {
2717
+ "text": "Component"
2718
+ }
2719
+ }
2720
+ ]
2721
+ },
2722
+ {
2723
+ "kind": "method",
2724
+ "name": "save",
2725
+ "privacy": "public",
2726
+ "return": {
2727
+ "type": {
2728
+ "text": "Promise<void>"
2729
+ }
2730
+ },
2731
+ "parameters": [
2732
+ {
2733
+ "name": "key",
2734
+ "type": {
2735
+ "text": "Component"
2736
+ }
2737
+ },
2738
+ {
2739
+ "name": "value",
2740
+ "type": {
2741
+ "text": "any"
2742
+ }
2743
+ }
2744
+ ]
2745
+ },
2746
+ {
2747
+ "kind": "method",
2748
+ "name": "clear",
2749
+ "privacy": "public",
2750
+ "return": {
2751
+ "type": {
2752
+ "text": "Promise<void>"
2753
+ }
2754
+ },
2755
+ "parameters": [
2756
+ {
2757
+ "name": "key",
2758
+ "type": {
2759
+ "text": "Component"
2760
+ }
2761
+ }
2762
+ ]
2763
+ }
2764
+ ]
2765
+ }
2766
+ ],
2767
+ "exports": [
2768
+ {
2769
+ "kind": "js",
2770
+ "name": "DataStorage",
2771
+ "declaration": {
2772
+ "name": "DataStorage",
2773
+ "module": "src/data-storage/data-storage.ts"
2774
+ }
2775
+ }
2776
+ ]
2777
+ },
2778
+ {
2779
+ "kind": "javascript-module",
2780
+ "path": "src/component/etc.ts",
2781
+ "declarations": [
2782
+ {
2783
+ "kind": "variable",
2784
+ "name": "icon",
2785
+ "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\"> <style type=\"text/css\"> .st0{fill:{{strokeColor}};} </style> <g> <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/> </g> </svg> `"
2786
+ },
2787
+ {
2788
+ "kind": "variable",
2789
+ "name": "etc",
2790
+ "type": {
2791
+ "text": "ComponentGroup"
2792
+ },
2793
+ "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'text', description: 'text', icon: text, group: 'shape', model: { type: 'text', left: 100, top: 100, width: 200, height: 50, fillStyle: 'transparent', fontColor: '#000', fontSize: 16, text: 'Text' } }, { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'popup', description: 'popup window', icon: popup, group: 'container', model: { type: 'popup', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: 'DarkGoldenRod' } }, { type: 'floor-plate', description: 'floor plate for multi-story layout', icon: rect, group: '3d', model: { type: 'floor-plate', left: 100, top: 100, width: 500, height: 500, depth: 2, fillStyle: '#e8e8e8', strokeStyle: '#999999', alpha: 0.7 } } ] }"
2794
+ }
2795
+ ],
2796
+ "exports": [
2797
+ {
2798
+ "kind": "js",
2799
+ "name": "etc",
2800
+ "declaration": {
2801
+ "name": "etc",
2802
+ "module": "src/component/etc.ts"
2803
+ }
2533
2804
  }
2534
2805
  ]
2535
2806
  },
@@ -3631,239 +3902,18 @@
3631
3902
  },
3632
3903
  {
3633
3904
  "kind": "javascript-module",
3634
- "path": "src/data-storage/board-model-cache.ts",
3905
+ "path": "src/layers/mcs-mouse-event-handler.ts",
3906
+ "declarations": [],
3907
+ "exports": []
3908
+ },
3909
+ {
3910
+ "kind": "javascript-module",
3911
+ "path": "src/layers/movement-layer.ts",
3635
3912
  "declarations": [
3636
3913
  {
3637
3914
  "kind": "class",
3638
3915
  "description": "",
3639
- "name": "BoardModelCache",
3640
- "members": [
3641
- {
3642
- "kind": "method",
3643
- "name": "get",
3644
- "static": true,
3645
- "return": {
3646
- "type": {
3647
- "text": "Promise<CachedBoard | null>"
3648
- }
3649
- },
3650
- "parameters": [
3651
- {
3652
- "name": "boardId",
3653
- "type": {
3654
- "text": "string"
3655
- }
3656
- }
3657
- ]
3658
- },
3659
- {
3660
- "kind": "method",
3661
- "name": "put",
3662
- "static": true,
3663
- "return": {
3664
- "type": {
3665
- "text": "Promise<void>"
3666
- }
3667
- },
3668
- "parameters": [
3669
- {
3670
- "name": "boardId",
3671
- "type": {
3672
- "text": "string"
3673
- }
3674
- },
3675
- {
3676
- "name": "name",
3677
- "type": {
3678
- "text": "string"
3679
- }
3680
- },
3681
- {
3682
- "name": "model",
3683
- "type": {
3684
- "text": "string"
3685
- }
3686
- },
3687
- {
3688
- "name": "updatedAt",
3689
- "type": {
3690
- "text": "string"
3691
- }
3692
- }
3693
- ]
3694
- },
3695
- {
3696
- "kind": "method",
3697
- "name": "isValid",
3698
- "static": true,
3699
- "return": {
3700
- "type": {
3701
- "text": "Promise<boolean>"
3702
- }
3703
- },
3704
- "parameters": [
3705
- {
3706
- "name": "boardId",
3707
- "type": {
3708
- "text": "string"
3709
- }
3710
- },
3711
- {
3712
- "name": "serverUpdatedAt",
3713
- "type": {
3714
- "text": "string"
3715
- }
3716
- }
3717
- ]
3718
- },
3719
- {
3720
- "kind": "method",
3721
- "name": "remove",
3722
- "static": true,
3723
- "return": {
3724
- "type": {
3725
- "text": "Promise<void>"
3726
- }
3727
- },
3728
- "parameters": [
3729
- {
3730
- "name": "boardId",
3731
- "type": {
3732
- "text": "string"
3733
- }
3734
- }
3735
- ]
3736
- },
3737
- {
3738
- "kind": "method",
3739
- "name": "clear",
3740
- "static": true,
3741
- "return": {
3742
- "type": {
3743
- "text": "Promise<void>"
3744
- }
3745
- }
3746
- }
3747
- ]
3748
- }
3749
- ],
3750
- "exports": [
3751
- {
3752
- "kind": "js",
3753
- "name": "BoardModelCache",
3754
- "declaration": {
3755
- "name": "BoardModelCache",
3756
- "module": "src/data-storage/board-model-cache.ts"
3757
- }
3758
- }
3759
- ]
3760
- },
3761
- {
3762
- "kind": "javascript-module",
3763
- "path": "src/data-storage/data-storage.ts",
3764
- "declarations": [
3765
- {
3766
- "kind": "class",
3767
- "description": "",
3768
- "name": "DataStorage",
3769
- "members": [
3770
- {
3771
- "kind": "field",
3772
- "name": "id",
3773
- "type": {
3774
- "text": "string"
3775
- },
3776
- "privacy": "private",
3777
- "default": "id"
3778
- },
3779
- {
3780
- "kind": "method",
3781
- "name": "load",
3782
- "privacy": "public",
3783
- "return": {
3784
- "type": {
3785
- "text": "Promise<any>"
3786
- }
3787
- },
3788
- "parameters": [
3789
- {
3790
- "name": "key",
3791
- "type": {
3792
- "text": "Component"
3793
- }
3794
- }
3795
- ]
3796
- },
3797
- {
3798
- "kind": "method",
3799
- "name": "save",
3800
- "privacy": "public",
3801
- "return": {
3802
- "type": {
3803
- "text": "Promise<void>"
3804
- }
3805
- },
3806
- "parameters": [
3807
- {
3808
- "name": "key",
3809
- "type": {
3810
- "text": "Component"
3811
- }
3812
- },
3813
- {
3814
- "name": "value",
3815
- "type": {
3816
- "text": "any"
3817
- }
3818
- }
3819
- ]
3820
- },
3821
- {
3822
- "kind": "method",
3823
- "name": "clear",
3824
- "privacy": "public",
3825
- "return": {
3826
- "type": {
3827
- "text": "Promise<void>"
3828
- }
3829
- },
3830
- "parameters": [
3831
- {
3832
- "name": "key",
3833
- "type": {
3834
- "text": "Component"
3835
- }
3836
- }
3837
- ]
3838
- }
3839
- ]
3840
- }
3841
- ],
3842
- "exports": [
3843
- {
3844
- "kind": "js",
3845
- "name": "DataStorage",
3846
- "declaration": {
3847
- "name": "DataStorage",
3848
- "module": "src/data-storage/data-storage.ts"
3849
- }
3850
- }
3851
- ]
3852
- },
3853
- {
3854
- "kind": "javascript-module",
3855
- "path": "src/layers/mcs-mouse-event-handler.ts",
3856
- "declarations": [],
3857
- "exports": []
3858
- },
3859
- {
3860
- "kind": "javascript-module",
3861
- "path": "src/layers/movement-layer.ts",
3862
- "declarations": [
3863
- {
3864
- "kind": "class",
3865
- "description": "",
3866
- "name": "MovementLayer",
3916
+ "name": "MovementLayer",
3867
3917
  "members": [
3868
3918
  {
3869
3919
  "kind": "field",
@@ -4643,7 +4693,7 @@
4643
4693
  "kind": "field",
4644
4694
  "name": "_fetchFn",
4645
4695
  "type": {
4646
- "text": "(startTime: string, endTime: string) => Promise<any> | undefined"
4696
+ "text": "(\n startTime: string,\n endTime?: string,\n includeSnapshot?: boolean,\n count?: number\n ) => Promise<any> | undefined"
4647
4697
  },
4648
4698
  "privacy": "private"
4649
4699
  },
@@ -4725,11 +4775,11 @@
4725
4775
  {
4726
4776
  "name": "fn",
4727
4777
  "type": {
4728
- "text": "(startTime: string, endTime: string) => Promise<any>"
4778
+ "text": "(\n startTime: string,\n endTime?: string,\n includeSnapshot?: boolean,\n count?: number\n ) => Promise<any>"
4729
4779
  }
4730
4780
  }
4731
4781
  ],
4732
- "description": "fetch 함수 주입 (페이지에서 제공)"
4782
+ "description": "fetch 함수 주입 (페이지에서 제공)\n- 2-arg 호출: 청크 프리페치 (includeSnapshot 기본 true)\n- 4-arg 호출: 프리뷰용 snapshot-only (count=1)"
4733
4783
  },
4734
4784
  {
4735
4785
  "kind": "method",
@@ -4884,18 +4934,35 @@
4884
4934
  }
4885
4935
  }
4886
4936
  ],
4887
- "description": "seek — 기존 버퍼 전체 폐기 + 보드 상태 리셋 + 새 위치에서 fresh fetch"
4937
+ "description": "seek — 기존 버퍼 폐기 + 새 위치에서 snapshot+delta fresh fetch.\n보드 상태 리셋 없음 — snapshot 이 모든 컴포넌트 data 를 덮어쓰므로 불필요.\n(드래그로 들어온 경우 pauseForSeek 에서 이미 suppressAnimations = true)"
4888
4938
  },
4889
4939
  {
4890
4940
  "kind": "method",
4891
- "name": "_resetScene",
4892
- "privacy": "private",
4941
+ "name": "pauseForSeek",
4942
+ "return": {
4943
+ "type": {
4944
+ "text": "void"
4945
+ }
4946
+ },
4947
+ "description": "드래그 시작: 재생 타이머 정지 + 애니메이션 억제 ON.\n논리 상태(_state)는 유지 — seekTo 가 상태 기반으로 타이머 복원."
4948
+ },
4949
+ {
4950
+ "kind": "method",
4951
+ "name": "seekPreview",
4893
4952
  "return": {
4894
4953
  "type": {
4895
4954
  "text": "Promise<void>"
4896
4955
  }
4897
4956
  },
4898
- "description": "Scene 상태 리셋:\n 1) carrier 등 동적 컴포넌트 정리 (carrierManager.dispose)\n 2) 모든 컴포넌트의 data를 null로 초기화 (이전 위치 잔상 제거)"
4957
+ "parameters": [
4958
+ {
4959
+ "name": "time",
4960
+ "type": {
4961
+ "text": "Date"
4962
+ }
4963
+ }
4964
+ ],
4965
+ "description": "seekPreview — 드래그 중 호출. 해당 시간의 snapshot 1프레임만 요청해서\n현재 보드에 적용. 버퍼/상태 변경 없음.\n(pauseForSeek 에서 이미 suppressAnimations = true 가 걸려 있음)"
4899
4966
  },
4900
4967
  {
4901
4968
  "kind": "method",
@@ -7297,41 +7364,30 @@
7297
7364
  },
7298
7365
  {
7299
7366
  "kind": "javascript-module",
7300
- "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
7301
- "declarations": [
7302
- {
7303
- "kind": "variable",
7304
- "name": "EffectsSharedStyle",
7305
- "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
7306
- }
7307
- ],
7308
- "exports": [
7309
- {
7310
- "kind": "js",
7311
- "name": "EffectsSharedStyle",
7312
- "declaration": {
7313
- "name": "EffectsSharedStyle",
7314
- "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
7315
- }
7316
- }
7317
- ]
7318
- },
7319
- {
7320
- "kind": "javascript-module",
7321
- "path": "src/modeller/property-sidebar/effects/effects.ts",
7367
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
7322
7368
  "declarations": [
7323
7369
  {
7324
7370
  "kind": "class",
7325
- "description": "",
7326
- "name": "PropertyEffects",
7371
+ "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
7372
+ "name": "DataBindingMapper",
7327
7373
  "members": [
7328
7374
  {
7329
7375
  "kind": "field",
7330
- "name": "value",
7376
+ "name": "mapping",
7331
7377
  "type": {
7332
- "text": "Properties | undefined"
7378
+ "text": "Mapping"
7333
7379
  },
7334
- "attribute": "value"
7380
+ "default": "{ rule: 'value' }",
7381
+ "attribute": "mapping"
7382
+ },
7383
+ {
7384
+ "kind": "field",
7385
+ "name": "rule",
7386
+ "type": {
7387
+ "text": "Rule"
7388
+ },
7389
+ "default": "{}",
7390
+ "attribute": "rule"
7335
7391
  },
7336
7392
  {
7337
7393
  "kind": "field",
@@ -7343,190 +7399,74 @@
7343
7399
  },
7344
7400
  {
7345
7401
  "kind": "field",
7346
- "name": "selected",
7402
+ "name": "_valueTypes",
7347
7403
  "type": {
7348
- "text": "Component[]"
7404
+ "text": "any"
7349
7405
  },
7350
- "default": "[]",
7351
- "attribute": "selected"
7406
+ "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
7352
7407
  },
7353
7408
  {
7354
7409
  "kind": "field",
7355
- "name": "scopedElements",
7356
- "static": true,
7357
- "readonly": true
7410
+ "name": "_componentIds",
7411
+ "type": {
7412
+ "text": "{ value: string; description: string }[]"
7413
+ },
7414
+ "default": "[]"
7358
7415
  },
7359
7416
  {
7360
- "kind": "method",
7361
- "name": "_onValueChange",
7362
- "parameters": [
7363
- {
7364
- "name": "e",
7365
- "type": {
7366
- "text": "Event"
7367
- }
7368
- }
7369
- ],
7370
- "inheritedFrom": {
7371
- "name": "AbstractProperty",
7372
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7417
+ "kind": "field",
7418
+ "name": "editor",
7419
+ "type": {
7420
+ "text": "HTMLInputElement"
7373
7421
  }
7374
7422
  },
7375
7423
  {
7376
- "kind": "method",
7377
- "name": "_getValueFromEventTarget",
7378
- "parameters": [
7379
- {
7380
- "name": "element",
7381
- "type": {
7382
- "text": "HTMLElement"
7383
- }
7384
- }
7385
- ],
7386
- "inheritedFrom": {
7387
- "name": "AbstractProperty",
7388
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7424
+ "kind": "field",
7425
+ "name": "target",
7426
+ "type": {
7427
+ "text": "HTMLInputElement"
7389
7428
  }
7390
7429
  },
7391
7430
  {
7392
7431
  "kind": "method",
7393
- "name": "_onAfterValueChange",
7432
+ "name": "_valuetype",
7394
7433
  "parameters": [
7395
7434
  {
7396
- "name": "key",
7435
+ "name": "property",
7397
7436
  "type": {
7398
7437
  "text": "string"
7399
7438
  }
7400
- },
7401
- {
7402
- "name": "value",
7403
- "type": {
7404
- "text": "any"
7405
- }
7406
7439
  }
7407
- ],
7408
- "inheritedFrom": {
7409
- "name": "AbstractProperty",
7410
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7411
- }
7412
- }
7413
- ],
7414
- "attributes": [
7415
- {
7416
- "name": "value",
7417
- "type": {
7418
- "text": "Properties | undefined"
7419
- },
7420
- "fieldName": "value"
7421
- },
7422
- {
7423
- "name": "scene",
7424
- "type": {
7425
- "text": "Scene | undefined"
7426
- },
7427
- "fieldName": "scene"
7428
- },
7429
- {
7430
- "name": "selected",
7431
- "type": {
7432
- "text": "Component[]"
7433
- },
7434
- "default": "[]",
7435
- "fieldName": "selected"
7436
- }
7437
- ],
7438
- "mixins": [
7439
- {
7440
- "name": "ScopedElementsMixin",
7441
- "package": "@open-wc/scoped-elements"
7442
- }
7443
- ],
7444
- "superclass": {
7445
- "name": "AbstractProperty",
7446
- "module": "/src/modeller/property-sidebar/abstract-property.js"
7447
- },
7448
- "events": [
7449
- {
7450
- "name": "property-change",
7451
- "type": {
7452
- "text": "CustomEvent"
7453
- },
7454
- "inheritedFrom": {
7455
- "name": "AbstractProperty",
7456
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7457
- }
7458
- }
7459
- ]
7460
- }
7461
- ],
7462
- "exports": [
7463
- {
7464
- "kind": "js",
7465
- "name": "PropertyEffects",
7466
- "declaration": {
7467
- "name": "PropertyEffects",
7468
- "module": "src/modeller/property-sidebar/effects/effects.ts"
7469
- }
7470
- }
7471
- ]
7472
- },
7473
- {
7474
- "kind": "javascript-module",
7475
- "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
7476
- "declarations": [
7477
- {
7478
- "kind": "class",
7479
- "description": "",
7480
- "name": "PropertyEventHover",
7481
- "members": [
7482
- {
7483
- "kind": "field",
7484
- "name": "value",
7485
- "type": {
7486
- "text": "Properties | undefined"
7487
- },
7488
- "attribute": "value"
7440
+ ]
7489
7441
  },
7490
7442
  {
7491
7443
  "kind": "field",
7492
- "name": "scene",
7444
+ "name": "_keep_saved_rule_params",
7493
7445
  "type": {
7494
- "text": "Scene | undefined"
7446
+ "text": "boolean"
7495
7447
  },
7496
- "attribute": "scene"
7448
+ "privacy": "private",
7449
+ "default": "false"
7497
7450
  },
7498
7451
  {
7499
7452
  "kind": "method",
7500
- "name": "_getPlaceHoder",
7501
- "parameters": [
7502
- {
7503
- "name": "action",
7504
- "type": {
7505
- "text": "string"
7506
- }
7507
- }
7508
- ]
7453
+ "name": "_onChangedMapping"
7509
7454
  },
7510
7455
  {
7511
7456
  "kind": "method",
7512
- "name": "_getTargetList",
7513
- "return": {
7514
- "type": {
7515
- "text": "{ value: string; description: string }[]"
7516
- }
7517
- },
7457
+ "name": "_onChangeRule",
7518
7458
  "parameters": [
7519
7459
  {
7520
- "name": "action",
7460
+ "name": "e",
7521
7461
  "type": {
7522
- "text": "string"
7462
+ "text": "Event"
7523
7463
  }
7524
7464
  }
7525
7465
  ]
7526
7466
  },
7527
7467
  {
7528
7468
  "kind": "method",
7529
- "name": "_onValueChange",
7469
+ "name": "_onChange",
7530
7470
  "parameters": [
7531
7471
  {
7532
7472
  "name": "e",
@@ -7539,7 +7479,7 @@
7539
7479
  ],
7540
7480
  "events": [
7541
7481
  {
7542
- "name": "change",
7482
+ "name": "value-change",
7543
7483
  "type": {
7544
7484
  "text": "CustomEvent"
7545
7485
  }
@@ -7547,11 +7487,28 @@
7547
7487
  ],
7548
7488
  "attributes": [
7549
7489
  {
7550
- "name": "value",
7490
+ "name": "mapping",
7551
7491
  "type": {
7552
- "text": "Properties | undefined"
7492
+ "text": "Mapping"
7553
7493
  },
7554
- "fieldName": "value"
7494
+ "default": "{ rule: 'value' }",
7495
+ "fieldName": "mapping"
7496
+ },
7497
+ {
7498
+ "name": "rule",
7499
+ "type": {
7500
+ "text": "Rule"
7501
+ },
7502
+ "default": "{}",
7503
+ "fieldName": "rule"
7504
+ },
7505
+ {
7506
+ "name": "properties",
7507
+ "type": {
7508
+ "text": "Properties[]"
7509
+ },
7510
+ "default": "[]",
7511
+ "fieldName": "properties"
7555
7512
  },
7556
7513
  {
7557
7514
  "name": "scene",
@@ -7571,122 +7528,122 @@
7571
7528
  "exports": [
7572
7529
  {
7573
7530
  "kind": "js",
7574
- "name": "PropertyEventHover",
7531
+ "name": "DataBindingMapper",
7575
7532
  "declaration": {
7576
- "name": "PropertyEventHover",
7577
- "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
7533
+ "name": "DataBindingMapper",
7534
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
7578
7535
  }
7579
7536
  }
7580
7537
  ]
7581
7538
  },
7582
7539
  {
7583
7540
  "kind": "javascript-module",
7584
- "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
7541
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
7585
7542
  "declarations": [
7586
7543
  {
7587
7544
  "kind": "class",
7588
7545
  "description": "",
7589
- "name": "PropertyEventTap",
7546
+ "name": "DataBindingValueMap",
7590
7547
  "members": [
7591
- {
7592
- "kind": "field",
7593
- "name": "value",
7594
- "type": {
7595
- "text": "Properties | undefined"
7596
- },
7597
- "attribute": "value"
7598
- },
7599
- {
7600
- "kind": "field",
7601
- "name": "scene",
7602
- "type": {
7603
- "text": "Scene | undefined"
7604
- },
7605
- "attribute": "scene"
7606
- },
7607
- {
7608
- "kind": "field",
7609
- "name": "targetList",
7610
- "type": {
7611
- "text": "{ value: string; description: string }[]"
7612
- },
7613
- "default": "[]"
7614
- },
7615
7548
  {
7616
7549
  "kind": "method",
7617
- "name": "_getPlaceHoder",
7550
+ "name": "valueInputTemplate",
7618
7551
  "parameters": [
7619
7552
  {
7620
- "name": "action",
7553
+ "name": "value",
7554
+ "optional": true,
7621
7555
  "type": {
7622
- "text": "string"
7556
+ "text": "any"
7623
7557
  }
7624
7558
  }
7625
7559
  ]
7626
- },
7560
+ }
7561
+ ],
7562
+ "superclass": {
7563
+ "name": "OxInputValueMap",
7564
+ "package": "@operato/input"
7565
+ },
7566
+ "tagName": "data-binding-value-map",
7567
+ "customElement": true
7568
+ }
7569
+ ],
7570
+ "exports": [
7571
+ {
7572
+ "kind": "js",
7573
+ "name": "DataBindingValueMap",
7574
+ "declaration": {
7575
+ "name": "DataBindingValueMap",
7576
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
7577
+ }
7578
+ },
7579
+ {
7580
+ "kind": "custom-element-definition",
7581
+ "name": "data-binding-value-map",
7582
+ "declaration": {
7583
+ "name": "DataBindingValueMap",
7584
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
7585
+ }
7586
+ }
7587
+ ]
7588
+ },
7589
+ {
7590
+ "kind": "javascript-module",
7591
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
7592
+ "declarations": [
7593
+ {
7594
+ "kind": "class",
7595
+ "description": "",
7596
+ "name": "DataBindingValueRange",
7597
+ "members": [
7627
7598
  {
7628
7599
  "kind": "method",
7629
- "name": "_onValueChange",
7600
+ "name": "valueInputTemplate",
7630
7601
  "parameters": [
7631
7602
  {
7632
- "name": "e",
7603
+ "name": "value",
7604
+ "optional": true,
7633
7605
  "type": {
7634
- "text": "Event"
7606
+ "text": "any"
7635
7607
  }
7636
7608
  }
7637
7609
  ]
7638
7610
  }
7639
7611
  ],
7640
- "events": [
7641
- {
7642
- "name": "change",
7643
- "type": {
7644
- "text": "CustomEvent"
7645
- }
7646
- }
7647
- ],
7648
- "attributes": [
7649
- {
7650
- "name": "value",
7651
- "type": {
7652
- "text": "Properties | undefined"
7653
- },
7654
- "fieldName": "value"
7655
- },
7656
- {
7657
- "name": "scene",
7658
- "type": {
7659
- "text": "Scene | undefined"
7660
- },
7661
- "fieldName": "scene"
7662
- }
7663
- ],
7664
7612
  "superclass": {
7665
- "name": "LitElement",
7666
- "package": "lit"
7613
+ "name": "OxInputValueRange",
7614
+ "package": "@operato/input"
7667
7615
  },
7616
+ "tagName": "data-binding-value-range",
7668
7617
  "customElement": true
7669
7618
  }
7670
7619
  ],
7671
7620
  "exports": [
7672
7621
  {
7673
7622
  "kind": "js",
7674
- "name": "PropertyEventTap",
7623
+ "name": "DataBindingValueRange",
7675
7624
  "declaration": {
7676
- "name": "PropertyEventTap",
7677
- "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
7625
+ "name": "DataBindingValueRange",
7626
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
7627
+ }
7628
+ },
7629
+ {
7630
+ "kind": "custom-element-definition",
7631
+ "name": "data-binding-value-range",
7632
+ "declaration": {
7633
+ "name": "DataBindingValueRange",
7634
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
7678
7635
  }
7679
7636
  }
7680
7637
  ]
7681
7638
  },
7682
7639
  {
7683
7640
  "kind": "javascript-module",
7684
- "path": "src/modeller/property-sidebar/effects/property-event.ts",
7641
+ "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
7685
7642
  "declarations": [
7686
7643
  {
7687
7644
  "kind": "class",
7688
7645
  "description": "",
7689
- "name": "PropertyEvent",
7646
+ "name": "PropertyDataBinding",
7690
7647
  "members": [
7691
7648
  {
7692
7649
  "kind": "field",
@@ -7704,12 +7661,89 @@
7704
7661
  },
7705
7662
  "attribute": "scene"
7706
7663
  },
7664
+ {
7665
+ "kind": "field",
7666
+ "name": "mappingIndex",
7667
+ "type": {
7668
+ "text": "number"
7669
+ },
7670
+ "default": "0"
7671
+ },
7672
+ {
7673
+ "kind": "field",
7674
+ "name": "_afterRender",
7675
+ "type": {
7676
+ "text": "Function | null | undefined"
7677
+ }
7678
+ },
7679
+ {
7680
+ "kind": "field",
7681
+ "name": "_dataExpanded",
7682
+ "type": {
7683
+ "text": "boolean"
7684
+ },
7685
+ "default": "true"
7686
+ },
7687
+ {
7688
+ "kind": "field",
7689
+ "name": "tabs",
7690
+ "type": {
7691
+ "text": "HTMLElement"
7692
+ }
7693
+ },
7694
+ {
7695
+ "kind": "field",
7696
+ "name": "tabNavLeftButton",
7697
+ "type": {
7698
+ "text": "HTMLElement"
7699
+ }
7700
+ },
7701
+ {
7702
+ "kind": "field",
7703
+ "name": "tabNavRightButton",
7704
+ "type": {
7705
+ "text": "HTMLElement"
7706
+ }
7707
+ },
7708
+ {
7709
+ "kind": "field",
7710
+ "name": "mappings",
7711
+ "readonly": true
7712
+ },
7707
7713
  {
7708
7714
  "kind": "field",
7709
7715
  "name": "scopedElements",
7710
7716
  "static": true,
7711
7717
  "readonly": true
7712
7718
  },
7719
+ {
7720
+ "kind": "method",
7721
+ "name": "_setMappingIndex",
7722
+ "parameters": [
7723
+ {
7724
+ "name": "idx",
7725
+ "type": {
7726
+ "text": "number"
7727
+ }
7728
+ }
7729
+ ]
7730
+ },
7731
+ {
7732
+ "kind": "method",
7733
+ "name": "_clearDataBindingMapper"
7734
+ },
7735
+ {
7736
+ "kind": "method",
7737
+ "name": "_copyDataBindingMapper"
7738
+ },
7739
+ {
7740
+ "kind": "method",
7741
+ "name": "_pasteDataBindingMapper"
7742
+ },
7743
+ {
7744
+ "kind": "method",
7745
+ "name": "_onValueChanged"
7746
+ },
7713
7747
  {
7714
7748
  "kind": "method",
7715
7749
  "name": "_onValueChange",
@@ -7720,14 +7754,89 @@
7720
7754
  "text": "Event"
7721
7755
  }
7722
7756
  }
7757
+ ],
7758
+ "inheritedFrom": {
7759
+ "name": "AbstractProperty",
7760
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
7761
+ }
7762
+ },
7763
+ {
7764
+ "kind": "field",
7765
+ "name": "tabContainer",
7766
+ "readonly": true
7767
+ },
7768
+ {
7769
+ "kind": "method",
7770
+ "name": "_onMappingChanged",
7771
+ "parameters": [
7772
+ {
7773
+ "name": "e",
7774
+ "type": {
7775
+ "text": "CustomEvent"
7776
+ }
7777
+ }
7723
7778
  ]
7779
+ },
7780
+ {
7781
+ "kind": "method",
7782
+ "name": "_onTabScroll"
7783
+ },
7784
+ {
7785
+ "kind": "method",
7786
+ "name": "_onTabScrollNavLeft"
7787
+ },
7788
+ {
7789
+ "kind": "method",
7790
+ "name": "_onTabScrollNavRight"
7791
+ },
7792
+ {
7793
+ "kind": "method",
7794
+ "name": "_getValueFromEventTarget",
7795
+ "parameters": [
7796
+ {
7797
+ "name": "element",
7798
+ "type": {
7799
+ "text": "HTMLElement"
7800
+ }
7801
+ }
7802
+ ],
7803
+ "inheritedFrom": {
7804
+ "name": "AbstractProperty",
7805
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
7806
+ }
7807
+ },
7808
+ {
7809
+ "kind": "method",
7810
+ "name": "_onAfterValueChange",
7811
+ "parameters": [
7812
+ {
7813
+ "name": "key",
7814
+ "type": {
7815
+ "text": "string"
7816
+ }
7817
+ },
7818
+ {
7819
+ "name": "value",
7820
+ "type": {
7821
+ "text": "any"
7822
+ }
7823
+ }
7824
+ ],
7825
+ "inheritedFrom": {
7826
+ "name": "AbstractProperty",
7827
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
7828
+ }
7724
7829
  }
7725
7830
  ],
7726
7831
  "events": [
7727
7832
  {
7728
- "name": "change",
7833
+ "name": "property-change",
7729
7834
  "type": {
7730
7835
  "text": "CustomEvent"
7836
+ },
7837
+ "inheritedFrom": {
7838
+ "name": "AbstractProperty",
7839
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
7731
7840
  }
7732
7841
  }
7733
7842
  ],
@@ -7754,407 +7863,274 @@
7754
7863
  }
7755
7864
  ],
7756
7865
  "superclass": {
7757
- "name": "LitElement",
7758
- "package": "lit"
7759
- },
7760
- "customElement": true
7761
- }
7762
- ],
7763
- "exports": [
7764
- {
7765
- "kind": "js",
7766
- "name": "PropertyEvent",
7767
- "declaration": {
7768
- "name": "PropertyEvent",
7769
- "module": "src/modeller/property-sidebar/effects/property-event.ts"
7866
+ "name": "AbstractProperty",
7867
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
7770
7868
  }
7771
7869
  }
7772
- ]
7773
- },
7774
- {
7775
- "kind": "javascript-module",
7776
- "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
7777
- "declarations": [
7778
- {
7779
- "kind": "class",
7780
- "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
7781
- "name": "PropertyShadow",
7782
- "members": [
7783
- {
7784
- "kind": "field",
7785
- "name": "value",
7786
- "type": {
7787
- "text": "Properties | undefined"
7788
- },
7789
- "attribute": "value"
7790
- },
7791
- {
7792
- "kind": "method",
7793
- "name": "_onValueChange",
7794
- "parameters": [
7795
- {
7796
- "name": "e",
7797
- "type": {
7798
- "text": "Event"
7799
- }
7800
- }
7801
- ]
7802
- }
7803
- ],
7804
- "events": [
7805
- {
7806
- "name": "change",
7807
- "type": {
7808
- "text": "CustomEvent"
7809
- }
7810
- }
7811
- ],
7812
- "attributes": [
7813
- {
7814
- "name": "value",
7815
- "type": {
7816
- "text": "Properties | undefined"
7817
- },
7818
- "fieldName": "value"
7819
- }
7820
- ],
7821
- "superclass": {
7822
- "name": "LitElement",
7823
- "package": "lit"
7824
- },
7825
- "customElement": true
7826
- }
7827
7870
  ],
7828
7871
  "exports": [
7829
7872
  {
7830
7873
  "kind": "js",
7831
- "name": "PropertyShadow",
7874
+ "name": "PropertyDataBinding",
7832
7875
  "declaration": {
7833
- "name": "PropertyShadow",
7834
- "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
7876
+ "name": "PropertyDataBinding",
7877
+ "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
7835
7878
  }
7836
7879
  }
7837
7880
  ]
7838
7881
  },
7839
7882
  {
7840
7883
  "kind": "javascript-module",
7841
- "path": "src/modeller/property-sidebar/effects/value-converter.ts",
7884
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
7842
7885
  "declarations": [
7843
7886
  {
7844
- "kind": "function",
7845
- "name": "convert",
7846
- "parameters": [
7847
- {
7848
- "name": "element",
7849
- "type": {
7850
- "text": "any"
7851
- }
7852
- }
7853
- ]
7887
+ "kind": "variable",
7888
+ "name": "BoxPaddingEditorStyles",
7889
+ "default": "css` .box-padding { width: 100%; } .box-padding td { background: var(--url-icon-properties-padding) 50% 0 no-repeat; } .box-padding tr:nth-child(1), .box-padding tr:nth-child(3) { height: 20px; } .box-padding tr td:nth-child(1), .box-padding tr td:nth-child(3) { width: 18px; } .box-padding .slide1 { background-position: 0 0; } .box-padding .slide2 { background-position: 50% -40px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide3 { background-position: 100% -440px; } .box-padding .slide4 { background-position: 0 -360px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide5 { background: none; text-align: center; } .box-padding .slide6 { background-position: 100% -160px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide7 { background-position: 0 100%; } .box-padding .slide8 { background-position: 50% -320px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide9 { background-position: 0 0px; } .box-padding input { background-color: transparent; width: 35px; margin: 0px; padding: 0px; clear: both; float: initial; border: 1px solid #fff; border-width: 0 0 1px 0; text-align: right; font-size: 14px; } .slide5 input:nth-child(1), .slide5 input:nth-child(4) { display: block; margin: auto; } .slide5 input:nth-child(2) { float: left; } .slide5 input:nth-child(3) { float: right; margin-top: -25px; } .slide5 input:nth-child(4) { margin-top: -5px; } `"
7854
7890
  }
7855
7891
  ],
7856
7892
  "exports": [
7857
7893
  {
7858
7894
  "kind": "js",
7859
- "name": "convert",
7895
+ "name": "BoxPaddingEditorStyles",
7860
7896
  "declaration": {
7861
- "name": "convert",
7862
- "module": "src/modeller/property-sidebar/effects/value-converter.ts"
7897
+ "name": "BoxPaddingEditorStyles",
7898
+ "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
7863
7899
  }
7864
7900
  }
7865
7901
  ]
7866
7902
  },
7867
7903
  {
7868
7904
  "kind": "javascript-module",
7869
- "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
7905
+ "path": "src/modeller/property-sidebar/shapes/shapes.ts",
7870
7906
  "declarations": [
7871
7907
  {
7872
7908
  "kind": "class",
7873
- "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
7874
- "name": "DataBindingMapper",
7909
+ "description": "",
7910
+ "name": "PropertyShapes",
7875
7911
  "members": [
7876
7912
  {
7877
7913
  "kind": "field",
7878
- "name": "mapping",
7914
+ "name": "value",
7879
7915
  "type": {
7880
- "text": "Mapping"
7916
+ "text": "Properties | undefined"
7881
7917
  },
7882
- "default": "{ rule: 'value' }",
7883
- "attribute": "mapping"
7918
+ "attribute": "value"
7884
7919
  },
7885
7920
  {
7886
7921
  "kind": "field",
7887
- "name": "rule",
7922
+ "name": "bounds",
7888
7923
  "type": {
7889
- "text": "Rule"
7924
+ "text": "BOUNDS | null"
7890
7925
  },
7891
- "default": "{}",
7892
- "attribute": "rule"
7926
+ "default": "null",
7927
+ "attribute": "bounds"
7893
7928
  },
7894
7929
  {
7895
7930
  "kind": "field",
7896
- "name": "scene",
7931
+ "name": "selected",
7897
7932
  "type": {
7898
- "text": "Scene | undefined"
7933
+ "text": "Component[]"
7899
7934
  },
7900
- "attribute": "scene"
7935
+ "default": "[]",
7936
+ "attribute": "selected"
7901
7937
  },
7902
7938
  {
7903
- "kind": "field",
7904
- "name": "_valueTypes",
7905
- "type": {
7906
- "text": "any"
7907
- },
7908
- "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
7939
+ "kind": "method",
7940
+ "name": "_onValueChange",
7941
+ "parameters": [
7942
+ {
7943
+ "name": "e",
7944
+ "type": {
7945
+ "text": "Event"
7946
+ }
7947
+ }
7948
+ ],
7949
+ "inheritedFrom": {
7950
+ "name": "AbstractProperty",
7951
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
7952
+ }
7909
7953
  },
7910
7954
  {
7911
- "kind": "field",
7912
- "name": "_componentIds",
7913
- "type": {
7914
- "text": "{ value: string; description: string }[]"
7915
- },
7916
- "default": "[]"
7955
+ "kind": "method",
7956
+ "name": "_hasTextProperty",
7957
+ "parameters": [
7958
+ {
7959
+ "name": "selected",
7960
+ "type": {
7961
+ "text": "Component[]"
7962
+ }
7963
+ }
7964
+ ]
7917
7965
  },
7918
7966
  {
7919
- "kind": "field",
7920
- "name": "editor",
7921
- "type": {
7922
- "text": "HTMLInputElement"
7923
- }
7967
+ "kind": "method",
7968
+ "name": "_hasProperties",
7969
+ "parameters": [
7970
+ {
7971
+ "name": "selected",
7972
+ "type": {
7973
+ "text": "Component[]"
7974
+ }
7975
+ }
7976
+ ]
7924
7977
  },
7925
7978
  {
7926
- "kind": "field",
7927
- "name": "target",
7928
- "type": {
7929
- "text": "HTMLInputElement"
7930
- }
7979
+ "kind": "method",
7980
+ "name": "_isIdentifiable",
7981
+ "parameters": [
7982
+ {
7983
+ "name": "selected",
7984
+ "type": {
7985
+ "text": "Component[]"
7986
+ }
7987
+ }
7988
+ ]
7931
7989
  },
7932
7990
  {
7933
7991
  "kind": "method",
7934
- "name": "_valuetype",
7992
+ "name": "_isClassIdentifiable",
7935
7993
  "parameters": [
7936
7994
  {
7937
- "name": "property",
7995
+ "name": "selected",
7938
7996
  "type": {
7939
- "text": "string"
7997
+ "text": "Component[]"
7940
7998
  }
7941
7999
  }
7942
8000
  ]
7943
8001
  },
7944
8002
  {
7945
- "kind": "field",
7946
- "name": "_keep_saved_rule_params",
7947
- "type": {
7948
- "text": "boolean"
7949
- },
7950
- "privacy": "private",
7951
- "default": "false"
8003
+ "kind": "method",
8004
+ "name": "_isLine",
8005
+ "parameters": [
8006
+ {
8007
+ "name": "selected",
8008
+ "type": {
8009
+ "text": "Component[]"
8010
+ }
8011
+ }
8012
+ ]
7952
8013
  },
7953
8014
  {
7954
8015
  "kind": "method",
7955
- "name": "_onChangedMapping"
8016
+ "name": "_is3dish",
8017
+ "parameters": [
8018
+ {
8019
+ "name": "selected",
8020
+ "type": {
8021
+ "text": "Component[]"
8022
+ }
8023
+ }
8024
+ ]
7956
8025
  },
7957
8026
  {
7958
8027
  "kind": "method",
7959
- "name": "_onChangeRule",
8028
+ "name": "_getValueFromEventTarget",
7960
8029
  "parameters": [
7961
8030
  {
7962
- "name": "e",
8031
+ "name": "element",
7963
8032
  "type": {
7964
- "text": "Event"
8033
+ "text": "HTMLElement"
7965
8034
  }
7966
8035
  }
7967
- ]
8036
+ ],
8037
+ "inheritedFrom": {
8038
+ "name": "AbstractProperty",
8039
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8040
+ }
7968
8041
  },
7969
8042
  {
7970
8043
  "kind": "method",
7971
- "name": "_onChange",
8044
+ "name": "_onAfterValueChange",
7972
8045
  "parameters": [
7973
8046
  {
7974
- "name": "e",
8047
+ "name": "key",
7975
8048
  "type": {
7976
- "text": "Event"
8049
+ "text": "string"
8050
+ }
8051
+ },
8052
+ {
8053
+ "name": "value",
8054
+ "type": {
8055
+ "text": "any"
7977
8056
  }
7978
8057
  }
7979
- ]
8058
+ ],
8059
+ "inheritedFrom": {
8060
+ "name": "AbstractProperty",
8061
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8062
+ }
7980
8063
  }
7981
8064
  ],
7982
8065
  "events": [
7983
8066
  {
7984
- "name": "value-change",
8067
+ "name": "bounds-change",
7985
8068
  "type": {
7986
8069
  "text": "CustomEvent"
7987
8070
  }
8071
+ },
8072
+ {
8073
+ "name": "property-change",
8074
+ "type": {
8075
+ "text": "CustomEvent"
8076
+ },
8077
+ "inheritedFrom": {
8078
+ "name": "AbstractProperty",
8079
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8080
+ }
7988
8081
  }
7989
8082
  ],
7990
8083
  "attributes": [
7991
8084
  {
7992
- "name": "mapping",
8085
+ "name": "value",
7993
8086
  "type": {
7994
- "text": "Mapping"
8087
+ "text": "Properties | undefined"
7995
8088
  },
7996
- "default": "{ rule: 'value' }",
7997
- "fieldName": "mapping"
8089
+ "fieldName": "value"
7998
8090
  },
7999
8091
  {
8000
- "name": "rule",
8092
+ "name": "bounds",
8001
8093
  "type": {
8002
- "text": "Rule"
8094
+ "text": "BOUNDS | null"
8003
8095
  },
8004
- "default": "{}",
8005
- "fieldName": "rule"
8096
+ "default": "null",
8097
+ "fieldName": "bounds"
8006
8098
  },
8007
8099
  {
8008
- "name": "properties",
8100
+ "name": "selected",
8009
8101
  "type": {
8010
- "text": "Properties[]"
8102
+ "text": "Component[]"
8011
8103
  },
8012
8104
  "default": "[]",
8013
- "fieldName": "properties"
8014
- },
8015
- {
8016
- "name": "scene",
8017
- "type": {
8018
- "text": "Scene | undefined"
8019
- },
8020
- "fieldName": "scene"
8021
- }
8022
- ],
8023
- "superclass": {
8024
- "name": "LitElement",
8025
- "package": "lit"
8026
- },
8027
- "customElement": true
8028
- }
8029
- ],
8030
- "exports": [
8031
- {
8032
- "kind": "js",
8033
- "name": "DataBindingMapper",
8034
- "declaration": {
8035
- "name": "DataBindingMapper",
8036
- "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
8037
- }
8038
- }
8039
- ]
8040
- },
8041
- {
8042
- "kind": "javascript-module",
8043
- "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
8044
- "declarations": [
8045
- {
8046
- "kind": "class",
8047
- "description": "",
8048
- "name": "DataBindingValueMap",
8049
- "members": [
8050
- {
8051
- "kind": "method",
8052
- "name": "valueInputTemplate",
8053
- "parameters": [
8054
- {
8055
- "name": "value",
8056
- "optional": true,
8057
- "type": {
8058
- "text": "any"
8059
- }
8060
- }
8061
- ]
8105
+ "fieldName": "selected"
8062
8106
  }
8063
8107
  ],
8064
8108
  "superclass": {
8065
- "name": "OxInputValueMap",
8066
- "package": "@operato/input"
8067
- },
8068
- "tagName": "data-binding-value-map",
8069
- "customElement": true
8070
- }
8071
- ],
8072
- "exports": [
8073
- {
8074
- "kind": "js",
8075
- "name": "DataBindingValueMap",
8076
- "declaration": {
8077
- "name": "DataBindingValueMap",
8078
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
8079
- }
8080
- },
8081
- {
8082
- "kind": "custom-element-definition",
8083
- "name": "data-binding-value-map",
8084
- "declaration": {
8085
- "name": "DataBindingValueMap",
8086
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
8109
+ "name": "AbstractProperty",
8110
+ "module": "/src/modeller/property-sidebar/abstract-property"
8087
8111
  }
8088
8112
  }
8089
- ]
8090
- },
8091
- {
8092
- "kind": "javascript-module",
8093
- "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
8094
- "declarations": [
8095
- {
8096
- "kind": "class",
8097
- "description": "",
8098
- "name": "DataBindingValueRange",
8099
- "members": [
8100
- {
8101
- "kind": "method",
8102
- "name": "valueInputTemplate",
8103
- "parameters": [
8104
- {
8105
- "name": "value",
8106
- "optional": true,
8107
- "type": {
8108
- "text": "any"
8109
- }
8110
- }
8111
- ]
8112
- }
8113
- ],
8114
- "superclass": {
8115
- "name": "OxInputValueRange",
8116
- "package": "@operato/input"
8117
- },
8118
- "tagName": "data-binding-value-range",
8119
- "customElement": true
8120
- }
8121
8113
  ],
8122
8114
  "exports": [
8123
8115
  {
8124
8116
  "kind": "js",
8125
- "name": "DataBindingValueRange",
8126
- "declaration": {
8127
- "name": "DataBindingValueRange",
8128
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
8129
- }
8130
- },
8131
- {
8132
- "kind": "custom-element-definition",
8133
- "name": "data-binding-value-range",
8117
+ "name": "PropertyShapes",
8134
8118
  "declaration": {
8135
- "name": "DataBindingValueRange",
8136
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
8119
+ "name": "PropertyShapes",
8120
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
8137
8121
  }
8138
8122
  }
8139
8123
  ]
8140
8124
  },
8141
8125
  {
8142
8126
  "kind": "javascript-module",
8143
- "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
8127
+ "path": "src/modeller/property-sidebar/inspector/inspector.ts",
8144
8128
  "declarations": [
8145
8129
  {
8146
8130
  "kind": "class",
8147
8131
  "description": "",
8148
- "name": "PropertyDataBinding",
8132
+ "name": "SceneInspector",
8149
8133
  "members": [
8150
- {
8151
- "kind": "field",
8152
- "name": "value",
8153
- "type": {
8154
- "text": "Properties | undefined"
8155
- },
8156
- "attribute": "value"
8157
- },
8158
8134
  {
8159
8135
  "kind": "field",
8160
8136
  "name": "scene",
@@ -8165,326 +8141,91 @@
8165
8141
  },
8166
8142
  {
8167
8143
  "kind": "field",
8168
- "name": "mappingIndex",
8144
+ "name": "searchText",
8169
8145
  "type": {
8170
- "text": "number"
8146
+ "text": "string"
8171
8147
  },
8172
- "default": "0"
8148
+ "privacy": "private",
8149
+ "default": "''"
8173
8150
  },
8174
8151
  {
8175
8152
  "kind": "field",
8176
- "name": "_afterRender",
8153
+ "name": "_extendedMap",
8177
8154
  "type": {
8178
- "text": "Function | null | undefined"
8179
- }
8155
+ "text": "any"
8156
+ },
8157
+ "privacy": "private"
8180
8158
  },
8181
8159
  {
8182
8160
  "kind": "field",
8183
- "name": "_dataExpanded",
8161
+ "name": "show",
8184
8162
  "type": {
8185
8163
  "text": "boolean"
8186
8164
  },
8187
- "default": "true"
8188
- },
8189
- {
8190
- "kind": "field",
8191
- "name": "tabs",
8192
- "type": {
8193
- "text": "HTMLElement"
8194
- }
8195
- },
8196
- {
8197
- "kind": "field",
8198
- "name": "tabNavLeftButton",
8199
- "type": {
8200
- "text": "HTMLElement"
8201
- }
8165
+ "privacy": "private",
8166
+ "default": "false"
8202
8167
  },
8203
8168
  {
8204
8169
  "kind": "field",
8205
- "name": "tabNavRightButton",
8170
+ "name": "count",
8206
8171
  "type": {
8207
- "text": "HTMLElement"
8208
- }
8209
- },
8210
- {
8211
- "kind": "field",
8212
- "name": "mappings",
8213
- "readonly": true
8214
- },
8215
- {
8216
- "kind": "field",
8217
- "name": "scopedElements",
8218
- "static": true,
8219
- "readonly": true
8172
+ "text": "number"
8173
+ },
8174
+ "privacy": "private",
8175
+ "default": "-1"
8220
8176
  },
8221
8177
  {
8222
8178
  "kind": "method",
8223
- "name": "_setMappingIndex",
8179
+ "name": "disconnectScene",
8224
8180
  "parameters": [
8225
8181
  {
8226
- "name": "idx",
8182
+ "name": "scene",
8183
+ "optional": true,
8227
8184
  "type": {
8228
- "text": "number"
8185
+ "text": "Scene"
8229
8186
  }
8230
8187
  }
8231
8188
  ]
8232
8189
  },
8233
8190
  {
8234
8191
  "kind": "method",
8235
- "name": "_clearDataBindingMapper"
8236
- },
8237
- {
8238
- "kind": "method",
8239
- "name": "_copyDataBindingMapper"
8240
- },
8241
- {
8242
- "kind": "method",
8243
- "name": "_pasteDataBindingMapper"
8192
+ "name": "refresh"
8244
8193
  },
8245
8194
  {
8246
8195
  "kind": "method",
8247
- "name": "_onValueChanged"
8196
+ "name": "_onclick",
8197
+ "parameters": [
8198
+ {
8199
+ "name": "e",
8200
+ "type": {
8201
+ "text": "MouseEvent"
8202
+ }
8203
+ }
8204
+ ]
8248
8205
  },
8249
8206
  {
8250
8207
  "kind": "method",
8251
- "name": "_onValueChange",
8208
+ "name": "_ondblclick",
8252
8209
  "parameters": [
8253
8210
  {
8254
8211
  "name": "e",
8255
8212
  "type": {
8256
- "text": "Event"
8213
+ "text": "MouseEvent"
8257
8214
  }
8258
8215
  }
8259
- ],
8260
- "inheritedFrom": {
8261
- "name": "AbstractProperty",
8262
- "module": "src/modeller/property-sidebar/abstract-property.ts"
8263
- }
8216
+ ]
8264
8217
  },
8265
8218
  {
8266
8219
  "kind": "field",
8267
- "name": "tabContainer",
8220
+ "name": "extendedMap",
8268
8221
  "readonly": true
8269
8222
  },
8270
8223
  {
8271
8224
  "kind": "method",
8272
- "name": "_onMappingChanged",
8225
+ "name": "getNodeHandleClass",
8273
8226
  "parameters": [
8274
8227
  {
8275
- "name": "e",
8276
- "type": {
8277
- "text": "CustomEvent"
8278
- }
8279
- }
8280
- ]
8281
- },
8282
- {
8283
- "kind": "method",
8284
- "name": "_onTabScroll"
8285
- },
8286
- {
8287
- "kind": "method",
8288
- "name": "_onTabScrollNavLeft"
8289
- },
8290
- {
8291
- "kind": "method",
8292
- "name": "_onTabScrollNavRight"
8293
- },
8294
- {
8295
- "kind": "method",
8296
- "name": "_getValueFromEventTarget",
8297
- "parameters": [
8298
- {
8299
- "name": "element",
8300
- "type": {
8301
- "text": "HTMLElement"
8302
- }
8303
- }
8304
- ],
8305
- "inheritedFrom": {
8306
- "name": "AbstractProperty",
8307
- "module": "src/modeller/property-sidebar/abstract-property.ts"
8308
- }
8309
- },
8310
- {
8311
- "kind": "method",
8312
- "name": "_onAfterValueChange",
8313
- "parameters": [
8314
- {
8315
- "name": "key",
8316
- "type": {
8317
- "text": "string"
8318
- }
8319
- },
8320
- {
8321
- "name": "value",
8322
- "type": {
8323
- "text": "any"
8324
- }
8325
- }
8326
- ],
8327
- "inheritedFrom": {
8328
- "name": "AbstractProperty",
8329
- "module": "src/modeller/property-sidebar/abstract-property.ts"
8330
- }
8331
- }
8332
- ],
8333
- "events": [
8334
- {
8335
- "name": "property-change",
8336
- "type": {
8337
- "text": "CustomEvent"
8338
- },
8339
- "inheritedFrom": {
8340
- "name": "AbstractProperty",
8341
- "module": "src/modeller/property-sidebar/abstract-property.ts"
8342
- }
8343
- }
8344
- ],
8345
- "attributes": [
8346
- {
8347
- "name": "value",
8348
- "type": {
8349
- "text": "Properties | undefined"
8350
- },
8351
- "fieldName": "value"
8352
- },
8353
- {
8354
- "name": "scene",
8355
- "type": {
8356
- "text": "Scene | undefined"
8357
- },
8358
- "fieldName": "scene"
8359
- }
8360
- ],
8361
- "mixins": [
8362
- {
8363
- "name": "ScopedElementsMixin",
8364
- "package": "@open-wc/scoped-elements"
8365
- }
8366
- ],
8367
- "superclass": {
8368
- "name": "AbstractProperty",
8369
- "module": "/src/modeller/property-sidebar/abstract-property.js"
8370
- }
8371
- }
8372
- ],
8373
- "exports": [
8374
- {
8375
- "kind": "js",
8376
- "name": "PropertyDataBinding",
8377
- "declaration": {
8378
- "name": "PropertyDataBinding",
8379
- "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
8380
- }
8381
- }
8382
- ]
8383
- },
8384
- {
8385
- "kind": "javascript-module",
8386
- "path": "src/modeller/property-sidebar/inspector/inspector.ts",
8387
- "declarations": [
8388
- {
8389
- "kind": "class",
8390
- "description": "",
8391
- "name": "SceneInspector",
8392
- "members": [
8393
- {
8394
- "kind": "field",
8395
- "name": "scene",
8396
- "type": {
8397
- "text": "Scene | undefined"
8398
- },
8399
- "attribute": "scene"
8400
- },
8401
- {
8402
- "kind": "field",
8403
- "name": "searchText",
8404
- "type": {
8405
- "text": "string"
8406
- },
8407
- "privacy": "private",
8408
- "default": "''"
8409
- },
8410
- {
8411
- "kind": "field",
8412
- "name": "_extendedMap",
8413
- "type": {
8414
- "text": "any"
8415
- },
8416
- "privacy": "private"
8417
- },
8418
- {
8419
- "kind": "field",
8420
- "name": "show",
8421
- "type": {
8422
- "text": "boolean"
8423
- },
8424
- "privacy": "private",
8425
- "default": "false"
8426
- },
8427
- {
8428
- "kind": "field",
8429
- "name": "count",
8430
- "type": {
8431
- "text": "number"
8432
- },
8433
- "privacy": "private",
8434
- "default": "-1"
8435
- },
8436
- {
8437
- "kind": "method",
8438
- "name": "disconnectScene",
8439
- "parameters": [
8440
- {
8441
- "name": "scene",
8442
- "optional": true,
8443
- "type": {
8444
- "text": "Scene"
8445
- }
8446
- }
8447
- ]
8448
- },
8449
- {
8450
- "kind": "method",
8451
- "name": "refresh"
8452
- },
8453
- {
8454
- "kind": "method",
8455
- "name": "_onclick",
8456
- "parameters": [
8457
- {
8458
- "name": "e",
8459
- "type": {
8460
- "text": "MouseEvent"
8461
- }
8462
- }
8463
- ]
8464
- },
8465
- {
8466
- "kind": "method",
8467
- "name": "_ondblclick",
8468
- "parameters": [
8469
- {
8470
- "name": "e",
8471
- "type": {
8472
- "text": "MouseEvent"
8473
- }
8474
- }
8475
- ]
8476
- },
8477
- {
8478
- "kind": "field",
8479
- "name": "extendedMap",
8480
- "readonly": true
8481
- },
8482
- {
8483
- "kind": "method",
8484
- "name": "getNodeHandleClass",
8485
- "parameters": [
8486
- {
8487
- "name": "component",
8228
+ "name": "component",
8488
8229
  "type": {
8489
8230
  "text": "Component"
8490
8231
  }
@@ -8602,21 +8343,590 @@
8602
8343
  },
8603
8344
  "fieldName": "scene"
8604
8345
  }
8605
- ],
8606
- "superclass": {
8607
- "name": "LitElement",
8608
- "package": "lit"
8609
- },
8610
- "customElement": true
8346
+ ],
8347
+ "superclass": {
8348
+ "name": "LitElement",
8349
+ "package": "lit"
8350
+ },
8351
+ "customElement": true
8352
+ }
8353
+ ],
8354
+ "exports": [
8355
+ {
8356
+ "kind": "js",
8357
+ "name": "SceneInspector",
8358
+ "declaration": {
8359
+ "name": "SceneInspector",
8360
+ "module": "src/modeller/property-sidebar/inspector/inspector.ts"
8361
+ }
8362
+ }
8363
+ ]
8364
+ },
8365
+ {
8366
+ "kind": "javascript-module",
8367
+ "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
8368
+ "declarations": [
8369
+ {
8370
+ "kind": "variable",
8371
+ "name": "EffectsSharedStyle",
8372
+ "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
8373
+ }
8374
+ ],
8375
+ "exports": [
8376
+ {
8377
+ "kind": "js",
8378
+ "name": "EffectsSharedStyle",
8379
+ "declaration": {
8380
+ "name": "EffectsSharedStyle",
8381
+ "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
8382
+ }
8383
+ }
8384
+ ]
8385
+ },
8386
+ {
8387
+ "kind": "javascript-module",
8388
+ "path": "src/modeller/property-sidebar/effects/effects.ts",
8389
+ "declarations": [
8390
+ {
8391
+ "kind": "class",
8392
+ "description": "",
8393
+ "name": "PropertyEffects",
8394
+ "members": [
8395
+ {
8396
+ "kind": "field",
8397
+ "name": "value",
8398
+ "type": {
8399
+ "text": "Properties | undefined"
8400
+ },
8401
+ "attribute": "value"
8402
+ },
8403
+ {
8404
+ "kind": "field",
8405
+ "name": "scene",
8406
+ "type": {
8407
+ "text": "Scene | undefined"
8408
+ },
8409
+ "attribute": "scene"
8410
+ },
8411
+ {
8412
+ "kind": "field",
8413
+ "name": "selected",
8414
+ "type": {
8415
+ "text": "Component[]"
8416
+ },
8417
+ "default": "[]",
8418
+ "attribute": "selected"
8419
+ },
8420
+ {
8421
+ "kind": "field",
8422
+ "name": "scopedElements",
8423
+ "static": true,
8424
+ "readonly": true
8425
+ },
8426
+ {
8427
+ "kind": "method",
8428
+ "name": "_onValueChange",
8429
+ "parameters": [
8430
+ {
8431
+ "name": "e",
8432
+ "type": {
8433
+ "text": "Event"
8434
+ }
8435
+ }
8436
+ ],
8437
+ "inheritedFrom": {
8438
+ "name": "AbstractProperty",
8439
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8440
+ }
8441
+ },
8442
+ {
8443
+ "kind": "method",
8444
+ "name": "_getValueFromEventTarget",
8445
+ "parameters": [
8446
+ {
8447
+ "name": "element",
8448
+ "type": {
8449
+ "text": "HTMLElement"
8450
+ }
8451
+ }
8452
+ ],
8453
+ "inheritedFrom": {
8454
+ "name": "AbstractProperty",
8455
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8456
+ }
8457
+ },
8458
+ {
8459
+ "kind": "method",
8460
+ "name": "_onAfterValueChange",
8461
+ "parameters": [
8462
+ {
8463
+ "name": "key",
8464
+ "type": {
8465
+ "text": "string"
8466
+ }
8467
+ },
8468
+ {
8469
+ "name": "value",
8470
+ "type": {
8471
+ "text": "any"
8472
+ }
8473
+ }
8474
+ ],
8475
+ "inheritedFrom": {
8476
+ "name": "AbstractProperty",
8477
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8478
+ }
8479
+ }
8480
+ ],
8481
+ "attributes": [
8482
+ {
8483
+ "name": "value",
8484
+ "type": {
8485
+ "text": "Properties | undefined"
8486
+ },
8487
+ "fieldName": "value"
8488
+ },
8489
+ {
8490
+ "name": "scene",
8491
+ "type": {
8492
+ "text": "Scene | undefined"
8493
+ },
8494
+ "fieldName": "scene"
8495
+ },
8496
+ {
8497
+ "name": "selected",
8498
+ "type": {
8499
+ "text": "Component[]"
8500
+ },
8501
+ "default": "[]",
8502
+ "fieldName": "selected"
8503
+ }
8504
+ ],
8505
+ "mixins": [
8506
+ {
8507
+ "name": "ScopedElementsMixin",
8508
+ "package": "@open-wc/scoped-elements"
8509
+ }
8510
+ ],
8511
+ "superclass": {
8512
+ "name": "AbstractProperty",
8513
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
8514
+ },
8515
+ "events": [
8516
+ {
8517
+ "name": "property-change",
8518
+ "type": {
8519
+ "text": "CustomEvent"
8520
+ },
8521
+ "inheritedFrom": {
8522
+ "name": "AbstractProperty",
8523
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8524
+ }
8525
+ }
8526
+ ]
8527
+ }
8528
+ ],
8529
+ "exports": [
8530
+ {
8531
+ "kind": "js",
8532
+ "name": "PropertyEffects",
8533
+ "declaration": {
8534
+ "name": "PropertyEffects",
8535
+ "module": "src/modeller/property-sidebar/effects/effects.ts"
8536
+ }
8537
+ }
8538
+ ]
8539
+ },
8540
+ {
8541
+ "kind": "javascript-module",
8542
+ "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
8543
+ "declarations": [
8544
+ {
8545
+ "kind": "class",
8546
+ "description": "",
8547
+ "name": "PropertyEventHover",
8548
+ "members": [
8549
+ {
8550
+ "kind": "field",
8551
+ "name": "value",
8552
+ "type": {
8553
+ "text": "Properties | undefined"
8554
+ },
8555
+ "attribute": "value"
8556
+ },
8557
+ {
8558
+ "kind": "field",
8559
+ "name": "scene",
8560
+ "type": {
8561
+ "text": "Scene | undefined"
8562
+ },
8563
+ "attribute": "scene"
8564
+ },
8565
+ {
8566
+ "kind": "method",
8567
+ "name": "_getPlaceHoder",
8568
+ "parameters": [
8569
+ {
8570
+ "name": "action",
8571
+ "type": {
8572
+ "text": "string"
8573
+ }
8574
+ }
8575
+ ]
8576
+ },
8577
+ {
8578
+ "kind": "method",
8579
+ "name": "_getTargetList",
8580
+ "return": {
8581
+ "type": {
8582
+ "text": "{ value: string; description: string }[]"
8583
+ }
8584
+ },
8585
+ "parameters": [
8586
+ {
8587
+ "name": "action",
8588
+ "type": {
8589
+ "text": "string"
8590
+ }
8591
+ }
8592
+ ]
8593
+ },
8594
+ {
8595
+ "kind": "method",
8596
+ "name": "_onValueChange",
8597
+ "parameters": [
8598
+ {
8599
+ "name": "e",
8600
+ "type": {
8601
+ "text": "Event"
8602
+ }
8603
+ }
8604
+ ]
8605
+ }
8606
+ ],
8607
+ "events": [
8608
+ {
8609
+ "name": "change",
8610
+ "type": {
8611
+ "text": "CustomEvent"
8612
+ }
8613
+ }
8614
+ ],
8615
+ "attributes": [
8616
+ {
8617
+ "name": "value",
8618
+ "type": {
8619
+ "text": "Properties | undefined"
8620
+ },
8621
+ "fieldName": "value"
8622
+ },
8623
+ {
8624
+ "name": "scene",
8625
+ "type": {
8626
+ "text": "Scene | undefined"
8627
+ },
8628
+ "fieldName": "scene"
8629
+ }
8630
+ ],
8631
+ "superclass": {
8632
+ "name": "LitElement",
8633
+ "package": "lit"
8634
+ },
8635
+ "customElement": true
8636
+ }
8637
+ ],
8638
+ "exports": [
8639
+ {
8640
+ "kind": "js",
8641
+ "name": "PropertyEventHover",
8642
+ "declaration": {
8643
+ "name": "PropertyEventHover",
8644
+ "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
8645
+ }
8646
+ }
8647
+ ]
8648
+ },
8649
+ {
8650
+ "kind": "javascript-module",
8651
+ "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
8652
+ "declarations": [
8653
+ {
8654
+ "kind": "class",
8655
+ "description": "",
8656
+ "name": "PropertyEventTap",
8657
+ "members": [
8658
+ {
8659
+ "kind": "field",
8660
+ "name": "value",
8661
+ "type": {
8662
+ "text": "Properties | undefined"
8663
+ },
8664
+ "attribute": "value"
8665
+ },
8666
+ {
8667
+ "kind": "field",
8668
+ "name": "scene",
8669
+ "type": {
8670
+ "text": "Scene | undefined"
8671
+ },
8672
+ "attribute": "scene"
8673
+ },
8674
+ {
8675
+ "kind": "field",
8676
+ "name": "targetList",
8677
+ "type": {
8678
+ "text": "{ value: string; description: string }[]"
8679
+ },
8680
+ "default": "[]"
8681
+ },
8682
+ {
8683
+ "kind": "method",
8684
+ "name": "_getPlaceHoder",
8685
+ "parameters": [
8686
+ {
8687
+ "name": "action",
8688
+ "type": {
8689
+ "text": "string"
8690
+ }
8691
+ }
8692
+ ]
8693
+ },
8694
+ {
8695
+ "kind": "method",
8696
+ "name": "_onValueChange",
8697
+ "parameters": [
8698
+ {
8699
+ "name": "e",
8700
+ "type": {
8701
+ "text": "Event"
8702
+ }
8703
+ }
8704
+ ]
8705
+ }
8706
+ ],
8707
+ "events": [
8708
+ {
8709
+ "name": "change",
8710
+ "type": {
8711
+ "text": "CustomEvent"
8712
+ }
8713
+ }
8714
+ ],
8715
+ "attributes": [
8716
+ {
8717
+ "name": "value",
8718
+ "type": {
8719
+ "text": "Properties | undefined"
8720
+ },
8721
+ "fieldName": "value"
8722
+ },
8723
+ {
8724
+ "name": "scene",
8725
+ "type": {
8726
+ "text": "Scene | undefined"
8727
+ },
8728
+ "fieldName": "scene"
8729
+ }
8730
+ ],
8731
+ "superclass": {
8732
+ "name": "LitElement",
8733
+ "package": "lit"
8734
+ },
8735
+ "customElement": true
8736
+ }
8737
+ ],
8738
+ "exports": [
8739
+ {
8740
+ "kind": "js",
8741
+ "name": "PropertyEventTap",
8742
+ "declaration": {
8743
+ "name": "PropertyEventTap",
8744
+ "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
8745
+ }
8746
+ }
8747
+ ]
8748
+ },
8749
+ {
8750
+ "kind": "javascript-module",
8751
+ "path": "src/modeller/property-sidebar/effects/property-event.ts",
8752
+ "declarations": [
8753
+ {
8754
+ "kind": "class",
8755
+ "description": "",
8756
+ "name": "PropertyEvent",
8757
+ "members": [
8758
+ {
8759
+ "kind": "field",
8760
+ "name": "value",
8761
+ "type": {
8762
+ "text": "Properties | undefined"
8763
+ },
8764
+ "attribute": "value"
8765
+ },
8766
+ {
8767
+ "kind": "field",
8768
+ "name": "scene",
8769
+ "type": {
8770
+ "text": "Scene | undefined"
8771
+ },
8772
+ "attribute": "scene"
8773
+ },
8774
+ {
8775
+ "kind": "field",
8776
+ "name": "scopedElements",
8777
+ "static": true,
8778
+ "readonly": true
8779
+ },
8780
+ {
8781
+ "kind": "method",
8782
+ "name": "_onValueChange",
8783
+ "parameters": [
8784
+ {
8785
+ "name": "e",
8786
+ "type": {
8787
+ "text": "Event"
8788
+ }
8789
+ }
8790
+ ]
8791
+ }
8792
+ ],
8793
+ "events": [
8794
+ {
8795
+ "name": "change",
8796
+ "type": {
8797
+ "text": "CustomEvent"
8798
+ }
8799
+ }
8800
+ ],
8801
+ "attributes": [
8802
+ {
8803
+ "name": "value",
8804
+ "type": {
8805
+ "text": "Properties | undefined"
8806
+ },
8807
+ "fieldName": "value"
8808
+ },
8809
+ {
8810
+ "name": "scene",
8811
+ "type": {
8812
+ "text": "Scene | undefined"
8813
+ },
8814
+ "fieldName": "scene"
8815
+ }
8816
+ ],
8817
+ "mixins": [
8818
+ {
8819
+ "name": "ScopedElementsMixin",
8820
+ "package": "@open-wc/scoped-elements"
8821
+ }
8822
+ ],
8823
+ "superclass": {
8824
+ "name": "LitElement",
8825
+ "package": "lit"
8826
+ },
8827
+ "customElement": true
8828
+ }
8829
+ ],
8830
+ "exports": [
8831
+ {
8832
+ "kind": "js",
8833
+ "name": "PropertyEvent",
8834
+ "declaration": {
8835
+ "name": "PropertyEvent",
8836
+ "module": "src/modeller/property-sidebar/effects/property-event.ts"
8837
+ }
8838
+ }
8839
+ ]
8840
+ },
8841
+ {
8842
+ "kind": "javascript-module",
8843
+ "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
8844
+ "declarations": [
8845
+ {
8846
+ "kind": "class",
8847
+ "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
8848
+ "name": "PropertyShadow",
8849
+ "members": [
8850
+ {
8851
+ "kind": "field",
8852
+ "name": "value",
8853
+ "type": {
8854
+ "text": "Properties | undefined"
8855
+ },
8856
+ "attribute": "value"
8857
+ },
8858
+ {
8859
+ "kind": "method",
8860
+ "name": "_onValueChange",
8861
+ "parameters": [
8862
+ {
8863
+ "name": "e",
8864
+ "type": {
8865
+ "text": "Event"
8866
+ }
8867
+ }
8868
+ ]
8869
+ }
8870
+ ],
8871
+ "events": [
8872
+ {
8873
+ "name": "change",
8874
+ "type": {
8875
+ "text": "CustomEvent"
8876
+ }
8877
+ }
8878
+ ],
8879
+ "attributes": [
8880
+ {
8881
+ "name": "value",
8882
+ "type": {
8883
+ "text": "Properties | undefined"
8884
+ },
8885
+ "fieldName": "value"
8886
+ }
8887
+ ],
8888
+ "superclass": {
8889
+ "name": "LitElement",
8890
+ "package": "lit"
8891
+ },
8892
+ "customElement": true
8893
+ }
8894
+ ],
8895
+ "exports": [
8896
+ {
8897
+ "kind": "js",
8898
+ "name": "PropertyShadow",
8899
+ "declaration": {
8900
+ "name": "PropertyShadow",
8901
+ "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
8902
+ }
8903
+ }
8904
+ ]
8905
+ },
8906
+ {
8907
+ "kind": "javascript-module",
8908
+ "path": "src/modeller/property-sidebar/effects/value-converter.ts",
8909
+ "declarations": [
8910
+ {
8911
+ "kind": "function",
8912
+ "name": "convert",
8913
+ "parameters": [
8914
+ {
8915
+ "name": "element",
8916
+ "type": {
8917
+ "text": "any"
8918
+ }
8919
+ }
8920
+ ]
8611
8921
  }
8612
8922
  ],
8613
8923
  "exports": [
8614
8924
  {
8615
8925
  "kind": "js",
8616
- "name": "SceneInspector",
8926
+ "name": "convert",
8617
8927
  "declaration": {
8618
- "name": "SceneInspector",
8619
- "module": "src/modeller/property-sidebar/inspector/inspector.ts"
8928
+ "name": "convert",
8929
+ "module": "src/modeller/property-sidebar/effects/value-converter.ts"
8620
8930
  }
8621
8931
  }
8622
8932
  ]
@@ -8978,249 +9288,6 @@
8978
9288
  }
8979
9289
  ]
8980
9290
  },
8981
- {
8982
- "kind": "javascript-module",
8983
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
8984
- "declarations": [
8985
- {
8986
- "kind": "variable",
8987
- "name": "BoxPaddingEditorStyles",
8988
- "default": "css` .box-padding { width: 100%; } .box-padding td { background: var(--url-icon-properties-padding) 50% 0 no-repeat; } .box-padding tr:nth-child(1), .box-padding tr:nth-child(3) { height: 20px; } .box-padding tr td:nth-child(1), .box-padding tr td:nth-child(3) { width: 18px; } .box-padding .slide1 { background-position: 0 0; } .box-padding .slide2 { background-position: 50% -40px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide3 { background-position: 100% -440px; } .box-padding .slide4 { background-position: 0 -360px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide5 { background: none; text-align: center; } .box-padding .slide6 { background-position: 100% -160px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide7 { background-position: 0 100%; } .box-padding .slide8 { background-position: 50% -320px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide9 { background-position: 0 0px; } .box-padding input { background-color: transparent; width: 35px; margin: 0px; padding: 0px; clear: both; float: initial; border: 1px solid #fff; border-width: 0 0 1px 0; text-align: right; font-size: 14px; } .slide5 input:nth-child(1), .slide5 input:nth-child(4) { display: block; margin: auto; } .slide5 input:nth-child(2) { float: left; } .slide5 input:nth-child(3) { float: right; margin-top: -25px; } .slide5 input:nth-child(4) { margin-top: -5px; } `"
8989
- }
8990
- ],
8991
- "exports": [
8992
- {
8993
- "kind": "js",
8994
- "name": "BoxPaddingEditorStyles",
8995
- "declaration": {
8996
- "name": "BoxPaddingEditorStyles",
8997
- "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
8998
- }
8999
- }
9000
- ]
9001
- },
9002
- {
9003
- "kind": "javascript-module",
9004
- "path": "src/modeller/property-sidebar/shapes/shapes.ts",
9005
- "declarations": [
9006
- {
9007
- "kind": "class",
9008
- "description": "",
9009
- "name": "PropertyShapes",
9010
- "members": [
9011
- {
9012
- "kind": "field",
9013
- "name": "value",
9014
- "type": {
9015
- "text": "Properties | undefined"
9016
- },
9017
- "attribute": "value"
9018
- },
9019
- {
9020
- "kind": "field",
9021
- "name": "bounds",
9022
- "type": {
9023
- "text": "BOUNDS | null"
9024
- },
9025
- "default": "null",
9026
- "attribute": "bounds"
9027
- },
9028
- {
9029
- "kind": "field",
9030
- "name": "selected",
9031
- "type": {
9032
- "text": "Component[]"
9033
- },
9034
- "default": "[]",
9035
- "attribute": "selected"
9036
- },
9037
- {
9038
- "kind": "method",
9039
- "name": "_onValueChange",
9040
- "parameters": [
9041
- {
9042
- "name": "e",
9043
- "type": {
9044
- "text": "Event"
9045
- }
9046
- }
9047
- ],
9048
- "inheritedFrom": {
9049
- "name": "AbstractProperty",
9050
- "module": "src/modeller/property-sidebar/abstract-property.ts"
9051
- }
9052
- },
9053
- {
9054
- "kind": "method",
9055
- "name": "_hasTextProperty",
9056
- "parameters": [
9057
- {
9058
- "name": "selected",
9059
- "type": {
9060
- "text": "Component[]"
9061
- }
9062
- }
9063
- ]
9064
- },
9065
- {
9066
- "kind": "method",
9067
- "name": "_hasProperties",
9068
- "parameters": [
9069
- {
9070
- "name": "selected",
9071
- "type": {
9072
- "text": "Component[]"
9073
- }
9074
- }
9075
- ]
9076
- },
9077
- {
9078
- "kind": "method",
9079
- "name": "_isIdentifiable",
9080
- "parameters": [
9081
- {
9082
- "name": "selected",
9083
- "type": {
9084
- "text": "Component[]"
9085
- }
9086
- }
9087
- ]
9088
- },
9089
- {
9090
- "kind": "method",
9091
- "name": "_isClassIdentifiable",
9092
- "parameters": [
9093
- {
9094
- "name": "selected",
9095
- "type": {
9096
- "text": "Component[]"
9097
- }
9098
- }
9099
- ]
9100
- },
9101
- {
9102
- "kind": "method",
9103
- "name": "_isLine",
9104
- "parameters": [
9105
- {
9106
- "name": "selected",
9107
- "type": {
9108
- "text": "Component[]"
9109
- }
9110
- }
9111
- ]
9112
- },
9113
- {
9114
- "kind": "method",
9115
- "name": "_is3dish",
9116
- "parameters": [
9117
- {
9118
- "name": "selected",
9119
- "type": {
9120
- "text": "Component[]"
9121
- }
9122
- }
9123
- ]
9124
- },
9125
- {
9126
- "kind": "method",
9127
- "name": "_getValueFromEventTarget",
9128
- "parameters": [
9129
- {
9130
- "name": "element",
9131
- "type": {
9132
- "text": "HTMLElement"
9133
- }
9134
- }
9135
- ],
9136
- "inheritedFrom": {
9137
- "name": "AbstractProperty",
9138
- "module": "src/modeller/property-sidebar/abstract-property.ts"
9139
- }
9140
- },
9141
- {
9142
- "kind": "method",
9143
- "name": "_onAfterValueChange",
9144
- "parameters": [
9145
- {
9146
- "name": "key",
9147
- "type": {
9148
- "text": "string"
9149
- }
9150
- },
9151
- {
9152
- "name": "value",
9153
- "type": {
9154
- "text": "any"
9155
- }
9156
- }
9157
- ],
9158
- "inheritedFrom": {
9159
- "name": "AbstractProperty",
9160
- "module": "src/modeller/property-sidebar/abstract-property.ts"
9161
- }
9162
- }
9163
- ],
9164
- "events": [
9165
- {
9166
- "name": "bounds-change",
9167
- "type": {
9168
- "text": "CustomEvent"
9169
- }
9170
- },
9171
- {
9172
- "name": "property-change",
9173
- "type": {
9174
- "text": "CustomEvent"
9175
- },
9176
- "inheritedFrom": {
9177
- "name": "AbstractProperty",
9178
- "module": "src/modeller/property-sidebar/abstract-property.ts"
9179
- }
9180
- }
9181
- ],
9182
- "attributes": [
9183
- {
9184
- "name": "value",
9185
- "type": {
9186
- "text": "Properties | undefined"
9187
- },
9188
- "fieldName": "value"
9189
- },
9190
- {
9191
- "name": "bounds",
9192
- "type": {
9193
- "text": "BOUNDS | null"
9194
- },
9195
- "default": "null",
9196
- "fieldName": "bounds"
9197
- },
9198
- {
9199
- "name": "selected",
9200
- "type": {
9201
- "text": "Component[]"
9202
- },
9203
- "default": "[]",
9204
- "fieldName": "selected"
9205
- }
9206
- ],
9207
- "superclass": {
9208
- "name": "AbstractProperty",
9209
- "module": "/src/modeller/property-sidebar/abstract-property"
9210
- }
9211
- }
9212
- ],
9213
- "exports": [
9214
- {
9215
- "kind": "js",
9216
- "name": "PropertyShapes",
9217
- "declaration": {
9218
- "name": "PropertyShapes",
9219
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
9220
- }
9221
- }
9222
- ]
9223
- },
9224
9291
  {
9225
9292
  "kind": "javascript-module",
9226
9293
  "path": "src/modeller/property-sidebar/styles/styles.ts",