@fmsim/board 0.0.61 → 0.0.63

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 (65) hide show
  1. package/custom-elements.json +1094 -647
  2. package/dist/src/layers/mcs-mouse-event-layer.d.ts +30 -0
  3. package/dist/src/layers/mcs-mouse-event-layer.js +114 -0
  4. package/dist/src/layers/mcs-mouse-event-layer.js.map +1 -0
  5. package/dist/src/layers/tooltip-decorator.d.ts +2 -0
  6. package/dist/src/layers/tooltip-decorator.js +41 -0
  7. package/dist/src/layers/tooltip-decorator.js.map +1 -0
  8. package/dist/src/ox-board-component-info.d.ts +21 -0
  9. package/dist/src/ox-board-component-info.js +218 -0
  10. package/dist/src/ox-board-component-info.js.map +1 -0
  11. package/dist/src/ox-board-modeller.js +0 -1
  12. package/dist/src/ox-board-modeller.js.map +1 -1
  13. package/dist/src/ox-board-viewer.d.ts +5 -1
  14. package/dist/src/ox-board-viewer.js +49 -3
  15. package/dist/src/ox-board-viewer.js.map +1 -1
  16. package/dist/tsconfig.tsbuildinfo +1 -1
  17. package/package.json +3 -3
  18. package/dist/src/graphql/board.d.ts +0 -6
  19. package/dist/src/graphql/board.js +0 -139
  20. package/dist/src/graphql/board.js.map +0 -1
  21. package/dist/src/graphql/data-subscription.d.ts +0 -5
  22. package/dist/src/graphql/data-subscription.js +0 -24
  23. package/dist/src/graphql/data-subscription.js.map +0 -1
  24. package/dist/src/graphql/favorite-board.d.ts +0 -1
  25. package/dist/src/graphql/favorite-board.js +0 -23
  26. package/dist/src/graphql/favorite-board.js.map +0 -1
  27. package/dist/src/graphql/group.d.ts +0 -7
  28. package/dist/src/graphql/group.js +0 -125
  29. package/dist/src/graphql/group.js.map +0 -1
  30. package/dist/src/graphql/index.d.ts +0 -4
  31. package/dist/src/graphql/index.js +0 -5
  32. package/dist/src/graphql/index.js.map +0 -1
  33. package/dist/src/graphql/play-group.d.ts +0 -8
  34. package/dist/src/graphql/play-group.js +0 -173
  35. package/dist/src/graphql/play-group.js.map +0 -1
  36. package/dist/src/graphql/scenario.d.ts +0 -6
  37. package/dist/src/graphql/scenario.js +0 -69
  38. package/dist/src/graphql/scenario.js.map +0 -1
  39. package/dist/src/layers/bouncing-arrow-decorator.d.ts +0 -1
  40. package/dist/src/layers/bouncing-arrow-decorator.js +0 -40
  41. package/dist/src/layers/bouncing-arrow-decorator.js.map +0 -1
  42. package/dist/src/layers/event-handlers.d.ts +0 -1
  43. package/dist/src/layers/event-handlers.js +0 -70
  44. package/dist/src/layers/event-handlers.js.map +0 -1
  45. package/dist/src/layers/mcs-event-handlers.d.ts +0 -1
  46. package/dist/src/layers/mcs-event-handlers.js +0 -73
  47. package/dist/src/layers/mcs-event-handlers.js.map +0 -1
  48. package/dist/src/layers/ox-mini-map.d.ts +0 -1
  49. package/dist/src/layers/ox-mini-map.js +0 -189
  50. package/dist/src/layers/ox-mini-map.js.map +0 -1
  51. package/dist/src/layers/scroll-layer.d.ts +0 -24
  52. package/dist/src/layers/scroll-layer.js +0 -125
  53. package/dist/src/layers/scroll-layer.js.map +0 -1
  54. package/dist/src/layers/shift-handler.d.ts +0 -1
  55. package/dist/src/layers/shift-handler.js +0 -38
  56. package/dist/src/layers/shift-handler.js.map +0 -1
  57. package/dist/src/layers/zoom-handler.d.ts +0 -1
  58. package/dist/src/layers/zoom-handler.js +0 -36
  59. package/dist/src/layers/zoom-handler.js.map +0 -1
  60. package/dist/src/ox-board-viewer-backup.d.ts +0 -64
  61. package/dist/src/ox-board-viewer-backup.js +0 -529
  62. package/dist/src/ox-board-viewer-backup.js.map +0 -1
  63. package/dist/src/ox-board-viewer-other.d.ts +0 -19
  64. package/dist/src/ox-board-viewer-other.js +0 -82
  65. package/dist/src/ox-board-viewer-other.js.map +0 -1
@@ -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",
@@ -120,6 +57,143 @@
120
57
  }
121
58
  ]
122
59
  },
60
+ {
61
+ "kind": "javascript-module",
62
+ "path": "src/ox-board-component-info.ts",
63
+ "declarations": [
64
+ {
65
+ "kind": "class",
66
+ "description": "",
67
+ "name": "BoardComponentInfo",
68
+ "members": [
69
+ {
70
+ "kind": "field",
71
+ "name": "component",
72
+ "type": {
73
+ "text": "any | undefined"
74
+ },
75
+ "attribute": "component"
76
+ },
77
+ {
78
+ "kind": "field",
79
+ "name": "detailInfo",
80
+ "type": {
81
+ "text": "any | undefined"
82
+ }
83
+ },
84
+ {
85
+ "kind": "field",
86
+ "name": "dragStart",
87
+ "type": {
88
+ "text": "{ x: number; y: number } | undefined"
89
+ },
90
+ "privacy": "private"
91
+ },
92
+ {
93
+ "kind": "field",
94
+ "name": "dragEndHandler",
95
+ "privacy": "private",
96
+ "default": "this.onDragEnd.bind(this)"
97
+ },
98
+ {
99
+ "kind": "field",
100
+ "name": "dragMoveHandler",
101
+ "privacy": "private",
102
+ "default": "this.onDragMove.bind(this)"
103
+ },
104
+ {
105
+ "kind": "method",
106
+ "name": "onWheel",
107
+ "parameters": [
108
+ {
109
+ "name": "e",
110
+ "type": {
111
+ "text": "WheelEvent"
112
+ }
113
+ }
114
+ ]
115
+ },
116
+ {
117
+ "kind": "method",
118
+ "name": "onDragStart",
119
+ "parameters": [
120
+ {
121
+ "name": "e",
122
+ "type": {
123
+ "text": "MouseEvent"
124
+ }
125
+ }
126
+ ]
127
+ },
128
+ {
129
+ "kind": "method",
130
+ "name": "onDragMove",
131
+ "parameters": [
132
+ {
133
+ "name": "e",
134
+ "type": {
135
+ "text": "Event"
136
+ }
137
+ }
138
+ ]
139
+ },
140
+ {
141
+ "kind": "method",
142
+ "name": "onDragEnd",
143
+ "parameters": [
144
+ {
145
+ "name": "e",
146
+ "type": {
147
+ "text": "Event"
148
+ }
149
+ }
150
+ ]
151
+ }
152
+ ],
153
+ "events": [
154
+ {
155
+ "name": "close",
156
+ "type": {
157
+ "text": "CustomEvent"
158
+ }
159
+ }
160
+ ],
161
+ "attributes": [
162
+ {
163
+ "name": "component",
164
+ "type": {
165
+ "text": "any | undefined"
166
+ },
167
+ "fieldName": "component"
168
+ }
169
+ ],
170
+ "superclass": {
171
+ "name": "LitElement",
172
+ "package": "lit"
173
+ },
174
+ "tagName": "ox-board-component-info",
175
+ "customElement": true
176
+ }
177
+ ],
178
+ "exports": [
179
+ {
180
+ "kind": "js",
181
+ "name": "BoardComponentInfo",
182
+ "declaration": {
183
+ "name": "BoardComponentInfo",
184
+ "module": "src/ox-board-component-info.ts"
185
+ }
186
+ },
187
+ {
188
+ "kind": "custom-element-definition",
189
+ "name": "ox-board-component-info",
190
+ "declaration": {
191
+ "name": "BoardComponentInfo",
192
+ "module": "src/ox-board-component-info.ts"
193
+ }
194
+ }
195
+ ]
196
+ },
123
197
  {
124
198
  "kind": "javascript-module",
125
199
  "path": "src/ox-board-list.ts",
@@ -901,6 +975,14 @@
901
975
  "text": "HTMLElement"
902
976
  }
903
977
  },
978
+ {
979
+ "kind": "field",
980
+ "name": "popup",
981
+ "type": {
982
+ "text": "BoardComponentInfo | undefined"
983
+ },
984
+ "privacy": "private"
985
+ },
904
986
  {
905
987
  "kind": "method",
906
988
  "name": "initSceneAsync"
@@ -1132,6 +1214,28 @@
1132
1214
  {
1133
1215
  "kind": "method",
1134
1216
  "name": "getSceneValues"
1217
+ },
1218
+ {
1219
+ "kind": "method",
1220
+ "name": "onClickEvent",
1221
+ "parameters": [
1222
+ {
1223
+ "name": "e",
1224
+ "type": {
1225
+ "text": "MouseEvent"
1226
+ }
1227
+ },
1228
+ {
1229
+ "name": "hint",
1230
+ "type": {
1231
+ "text": "any"
1232
+ }
1233
+ }
1234
+ ]
1235
+ },
1236
+ {
1237
+ "kind": "method",
1238
+ "name": "hidePopup"
1135
1239
  }
1136
1240
  ],
1137
1241
  "events": [
@@ -1487,56 +1591,119 @@
1487
1591
  },
1488
1592
  {
1489
1593
  "kind": "javascript-module",
1490
- "path": "src/component/etc.ts",
1594
+ "path": "stories/index.stories.ts",
1491
1595
  "declarations": [
1492
1596
  {
1493
1597
  "kind": "variable",
1494
- "name": "etc",
1495
- "type": {
1496
- "text": "ComponentGroup"
1497
- },
1498
- "default": "{\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n }\n ]\n}"
1598
+ "name": "Regular"
1599
+ },
1600
+ {
1601
+ "kind": "variable",
1602
+ "name": "CustomTitle"
1603
+ },
1604
+ {
1605
+ "kind": "variable",
1606
+ "name": "CustomCounter"
1607
+ },
1608
+ {
1609
+ "kind": "variable",
1610
+ "name": "SlottedContent"
1499
1611
  }
1500
1612
  ],
1501
1613
  "exports": [
1502
1614
  {
1503
1615
  "kind": "js",
1504
- "name": "etc",
1616
+ "name": "default",
1505
1617
  "declaration": {
1506
- "name": "etc",
1507
- "module": "src/component/etc.ts"
1618
+ "module": "stories/index.stories.ts"
1508
1619
  }
1509
- }
1510
- ]
1511
- },
1512
- {
1513
- "kind": "javascript-module",
1514
- "path": "src/component/index.ts",
1515
- "declarations": [],
1516
- "exports": [
1620
+ },
1517
1621
  {
1518
1622
  "kind": "js",
1519
- "name": "*",
1623
+ "name": "Regular",
1520
1624
  "declaration": {
1521
- "name": "*",
1522
- "package": "./etc"
1625
+ "name": "Regular",
1626
+ "module": "stories/index.stories.ts"
1523
1627
  }
1524
- }
1525
- ]
1526
- },
1527
- {
1528
- "kind": "javascript-module",
1529
- "path": "src/component/register-default-groups.ts",
1530
- "declarations": [
1531
- {
1532
- "kind": "function",
1533
- "name": "registerDefaultGroups"
1534
- }
1535
- ],
1536
- "exports": [
1628
+ },
1537
1629
  {
1538
1630
  "kind": "js",
1539
- "name": "registerDefaultGroups",
1631
+ "name": "CustomTitle",
1632
+ "declaration": {
1633
+ "name": "CustomTitle",
1634
+ "module": "stories/index.stories.ts"
1635
+ }
1636
+ },
1637
+ {
1638
+ "kind": "js",
1639
+ "name": "CustomCounter",
1640
+ "declaration": {
1641
+ "name": "CustomCounter",
1642
+ "module": "stories/index.stories.ts"
1643
+ }
1644
+ },
1645
+ {
1646
+ "kind": "js",
1647
+ "name": "SlottedContent",
1648
+ "declaration": {
1649
+ "name": "SlottedContent",
1650
+ "module": "stories/index.stories.ts"
1651
+ }
1652
+ }
1653
+ ]
1654
+ },
1655
+ {
1656
+ "kind": "javascript-module",
1657
+ "path": "src/component/etc.ts",
1658
+ "declarations": [
1659
+ {
1660
+ "kind": "variable",
1661
+ "name": "etc",
1662
+ "type": {
1663
+ "text": "ComponentGroup"
1664
+ },
1665
+ "default": "{\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n }\n ]\n}"
1666
+ }
1667
+ ],
1668
+ "exports": [
1669
+ {
1670
+ "kind": "js",
1671
+ "name": "etc",
1672
+ "declaration": {
1673
+ "name": "etc",
1674
+ "module": "src/component/etc.ts"
1675
+ }
1676
+ }
1677
+ ]
1678
+ },
1679
+ {
1680
+ "kind": "javascript-module",
1681
+ "path": "src/component/index.ts",
1682
+ "declarations": [],
1683
+ "exports": [
1684
+ {
1685
+ "kind": "js",
1686
+ "name": "*",
1687
+ "declaration": {
1688
+ "name": "*",
1689
+ "package": "./etc"
1690
+ }
1691
+ }
1692
+ ]
1693
+ },
1694
+ {
1695
+ "kind": "javascript-module",
1696
+ "path": "src/component/register-default-groups.ts",
1697
+ "declarations": [
1698
+ {
1699
+ "kind": "function",
1700
+ "name": "registerDefaultGroups"
1701
+ }
1702
+ ],
1703
+ "exports": [
1704
+ {
1705
+ "kind": "js",
1706
+ "name": "registerDefaultGroups",
1540
1707
  "declaration": {
1541
1708
  "name": "registerDefaultGroups",
1542
1709
  "module": "src/component/register-default-groups.ts"
@@ -1638,92 +1805,183 @@
1638
1805
  },
1639
1806
  {
1640
1807
  "kind": "javascript-module",
1641
- "path": "src/layers/mcs-event-handlers.ts",
1642
- "declarations": [],
1643
- "exports": []
1644
- },
1645
- {
1646
- "kind": "javascript-module",
1647
- "path": "src/layers/movement-layer.ts",
1808
+ "path": "src/layers/mcs-mouse-event-layer.ts",
1648
1809
  "declarations": [
1649
1810
  {
1650
1811
  "kind": "class",
1651
1812
  "description": "",
1652
- "name": "MovementLayer",
1813
+ "name": "MCSMouseEventLayer",
1653
1814
  "members": [
1654
1815
  {
1655
1816
  "kind": "field",
1656
- "name": "capturable",
1657
- "readonly": true
1817
+ "name": "_anim_alpha",
1818
+ "type": {
1819
+ "text": "number"
1820
+ },
1821
+ "privacy": "private",
1822
+ "default": "1"
1823
+ },
1824
+ {
1825
+ "kind": "field",
1826
+ "name": "_lastTargets",
1827
+ "type": {
1828
+ "text": "Component[]"
1829
+ },
1830
+ "privacy": "private",
1831
+ "default": "[]"
1832
+ },
1833
+ {
1834
+ "kind": "field",
1835
+ "name": "_decoTargets",
1836
+ "type": {
1837
+ "text": "Component[]"
1838
+ },
1839
+ "privacy": "private",
1840
+ "default": "[]"
1841
+ },
1842
+ {
1843
+ "kind": "field",
1844
+ "name": "_animate",
1845
+ "type": {
1846
+ "text": "any"
1847
+ },
1848
+ "privacy": "private"
1658
1849
  },
1659
1850
  {
1660
1851
  "kind": "method",
1661
- "name": "drawArrow",
1852
+ "name": "animOnTargetChange",
1662
1853
  "parameters": [
1663
1854
  {
1664
- "name": "ctx",
1855
+ "name": "decoTargets",
1665
1856
  "type": {
1666
- "text": "CanvasRenderingContext2D"
1857
+ "text": "Component[]"
1667
1858
  }
1668
- },
1859
+ }
1860
+ ]
1861
+ },
1862
+ {
1863
+ "kind": "method",
1864
+ "name": "decorate",
1865
+ "parameters": [
1669
1866
  {
1670
- "name": "p0",
1867
+ "name": "component",
1671
1868
  "type": {
1672
- "text": "POINT"
1869
+ "text": "Component"
1673
1870
  }
1674
1871
  },
1675
1872
  {
1676
- "name": "p1",
1873
+ "name": "context",
1677
1874
  "type": {
1678
- "text": "POINT"
1875
+ "text": "CanvasRenderingContext2D"
1679
1876
  }
1680
1877
  },
1681
1878
  {
1682
- "name": "headLength",
1683
- "default": "10",
1879
+ "name": "delta",
1684
1880
  "type": {
1685
1881
  "text": "number"
1686
1882
  }
1687
1883
  }
1688
1884
  ]
1689
1885
  },
1886
+ {
1887
+ "kind": "field",
1888
+ "name": "decoTargets",
1889
+ "type": {
1890
+ "text": "Component[]"
1891
+ }
1892
+ },
1893
+ {
1894
+ "kind": "field",
1895
+ "name": "eventMap",
1896
+ "readonly": true
1897
+ },
1690
1898
  {
1691
1899
  "kind": "method",
1692
- "name": "findSourceAndTarget",
1693
- "return": {
1694
- "type": {
1695
- "text": "[Component?, Component?]"
1900
+ "name": "onmouseclick",
1901
+ "parameters": [
1902
+ {
1903
+ "name": "e",
1904
+ "type": {
1905
+ "text": "MouseEvent"
1906
+ }
1907
+ },
1908
+ {
1909
+ "name": "hint",
1910
+ "type": {
1911
+ "text": "any"
1912
+ }
1696
1913
  }
1697
- },
1914
+ ]
1915
+ },
1916
+ {
1917
+ "kind": "method",
1918
+ "name": "onmouseenter",
1698
1919
  "parameters": [
1699
1920
  {
1700
- "name": "path",
1921
+ "name": "e",
1701
1922
  "type": {
1702
- "text": "PATH"
1923
+ "text": "MouseEvent"
1924
+ }
1925
+ },
1926
+ {
1927
+ "name": "hint",
1928
+ "type": {
1929
+ "text": "any"
1703
1930
  }
1704
1931
  }
1705
1932
  ]
1706
1933
  },
1707
1934
  {
1708
- "kind": "field",
1709
- "name": "eventMap",
1710
- "readonly": true
1935
+ "kind": "method",
1936
+ "name": "onmouseleave",
1937
+ "parameters": [
1938
+ {
1939
+ "name": "e",
1940
+ "type": {
1941
+ "text": "MouseEvent"
1942
+ }
1943
+ },
1944
+ {
1945
+ "name": "hint",
1946
+ "type": {
1947
+ "text": "any"
1948
+ }
1949
+ }
1950
+ ]
1711
1951
  },
1712
1952
  {
1713
1953
  "kind": "method",
1714
- "name": "onchangeModelLayer",
1954
+ "name": "onhoverreset",
1715
1955
  "parameters": [
1716
1956
  {
1717
- "name": "after",
1957
+ "name": "hint",
1718
1958
  "type": {
1719
1959
  "text": "any"
1720
1960
  }
1721
- },
1961
+ }
1962
+ ]
1963
+ },
1964
+ {
1965
+ "kind": "method",
1966
+ "name": "onhover",
1967
+ "parameters": [
1722
1968
  {
1723
- "name": "before",
1969
+ "name": "hint",
1724
1970
  "type": {
1725
1971
  "text": "any"
1726
1972
  }
1973
+ }
1974
+ ]
1975
+ },
1976
+ {
1977
+ "kind": "method",
1978
+ "name": "offhover",
1979
+ "parameters": [
1980
+ {
1981
+ "name": "e",
1982
+ "type": {
1983
+ "text": "MouseEvent"
1984
+ }
1727
1985
  },
1728
1986
  {
1729
1987
  "name": "hint",
@@ -1735,23 +1993,40 @@
1735
1993
  },
1736
1994
  {
1737
1995
  "kind": "method",
1738
- "name": "onchangeData",
1739
- "return": {
1740
- "type": {
1741
- "text": "void"
1996
+ "name": "_onhover",
1997
+ "parameters": [
1998
+ {
1999
+ "name": "target",
2000
+ "type": {
2001
+ "text": "Component"
2002
+ }
1742
2003
  }
1743
- },
2004
+ ]
2005
+ },
2006
+ {
2007
+ "kind": "method",
2008
+ "name": "_offhover",
1744
2009
  "parameters": [
1745
2010
  {
1746
- "name": "after",
2011
+ "name": "target",
1747
2012
  "type": {
1748
- "text": "Properties"
2013
+ "text": "Component"
1749
2014
  }
1750
- },
2015
+ }
2016
+ ]
2017
+ },
2018
+ {
2019
+ "kind": "method",
2020
+ "name": "_hoverreset"
2021
+ },
2022
+ {
2023
+ "kind": "method",
2024
+ "name": "_onpopup",
2025
+ "parameters": [
1751
2026
  {
1752
- "name": "before",
2027
+ "name": "unit",
1753
2028
  "type": {
1754
- "text": "Properties"
2029
+ "text": "Component"
1755
2030
  }
1756
2031
  }
1757
2032
  ]
@@ -1768,22 +2043,194 @@
1768
2043
  "kind": "js",
1769
2044
  "name": "default",
1770
2045
  "declaration": {
1771
- "name": "MovementLayer",
1772
- "module": "src/layers/movement-layer.ts"
2046
+ "name": "MCSMouseEventLayer",
2047
+ "module": "src/layers/mcs-mouse-event-layer.ts"
1773
2048
  }
1774
2049
  }
1775
2050
  ]
1776
2051
  },
1777
2052
  {
1778
2053
  "kind": "javascript-module",
1779
- "path": "src/modeller/edit-toolbar-style.ts",
2054
+ "path": "src/layers/movement-layer.ts",
1780
2055
  "declarations": [
1781
2056
  {
1782
- "kind": "variable",
1783
- "name": "style",
1784
- "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: var(--url-icon-htoolbar) 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: var(--url-icon-fullscreen) 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: var(--url-icon-collapse) 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: var(--url-icon-collapse-active) 80% 10px no-repeat;\n }\n`"
1785
- }
1786
- ],
2057
+ "kind": "class",
2058
+ "description": "",
2059
+ "name": "MovementLayer",
2060
+ "members": [
2061
+ {
2062
+ "kind": "field",
2063
+ "name": "capturable",
2064
+ "readonly": true
2065
+ },
2066
+ {
2067
+ "kind": "method",
2068
+ "name": "drawArrow",
2069
+ "parameters": [
2070
+ {
2071
+ "name": "ctx",
2072
+ "type": {
2073
+ "text": "CanvasRenderingContext2D"
2074
+ }
2075
+ },
2076
+ {
2077
+ "name": "p0",
2078
+ "type": {
2079
+ "text": "POINT"
2080
+ }
2081
+ },
2082
+ {
2083
+ "name": "p1",
2084
+ "type": {
2085
+ "text": "POINT"
2086
+ }
2087
+ },
2088
+ {
2089
+ "name": "headLength",
2090
+ "default": "10",
2091
+ "type": {
2092
+ "text": "number"
2093
+ }
2094
+ }
2095
+ ]
2096
+ },
2097
+ {
2098
+ "kind": "method",
2099
+ "name": "findSourceAndTarget",
2100
+ "return": {
2101
+ "type": {
2102
+ "text": "[Component?, Component?]"
2103
+ }
2104
+ },
2105
+ "parameters": [
2106
+ {
2107
+ "name": "path",
2108
+ "type": {
2109
+ "text": "PATH"
2110
+ }
2111
+ }
2112
+ ]
2113
+ },
2114
+ {
2115
+ "kind": "field",
2116
+ "name": "eventMap",
2117
+ "readonly": true
2118
+ },
2119
+ {
2120
+ "kind": "method",
2121
+ "name": "onchangeModelLayer",
2122
+ "parameters": [
2123
+ {
2124
+ "name": "after",
2125
+ "type": {
2126
+ "text": "any"
2127
+ }
2128
+ },
2129
+ {
2130
+ "name": "before",
2131
+ "type": {
2132
+ "text": "any"
2133
+ }
2134
+ },
2135
+ {
2136
+ "name": "hint",
2137
+ "type": {
2138
+ "text": "any"
2139
+ }
2140
+ }
2141
+ ]
2142
+ },
2143
+ {
2144
+ "kind": "method",
2145
+ "name": "onchangeData",
2146
+ "return": {
2147
+ "type": {
2148
+ "text": "void"
2149
+ }
2150
+ },
2151
+ "parameters": [
2152
+ {
2153
+ "name": "after",
2154
+ "type": {
2155
+ "text": "Properties"
2156
+ }
2157
+ },
2158
+ {
2159
+ "name": "before",
2160
+ "type": {
2161
+ "text": "Properties"
2162
+ }
2163
+ }
2164
+ ]
2165
+ }
2166
+ ],
2167
+ "superclass": {
2168
+ "name": "Layer",
2169
+ "package": "@hatiolab/things-scene"
2170
+ }
2171
+ }
2172
+ ],
2173
+ "exports": [
2174
+ {
2175
+ "kind": "js",
2176
+ "name": "default",
2177
+ "declaration": {
2178
+ "name": "MovementLayer",
2179
+ "module": "src/layers/movement-layer.ts"
2180
+ }
2181
+ }
2182
+ ]
2183
+ },
2184
+ {
2185
+ "kind": "javascript-module",
2186
+ "path": "src/layers/tooltip-decorator.ts",
2187
+ "declarations": [
2188
+ {
2189
+ "kind": "function",
2190
+ "name": "tooltipDecorator",
2191
+ "parameters": [
2192
+ {
2193
+ "name": "component",
2194
+ "type": {
2195
+ "text": "Component"
2196
+ }
2197
+ },
2198
+ {
2199
+ "name": "context",
2200
+ "type": {
2201
+ "text": "CanvasRenderingContext2D"
2202
+ }
2203
+ },
2204
+ {
2205
+ "name": "delta",
2206
+ "type": {
2207
+ "text": "number"
2208
+ }
2209
+ }
2210
+ ]
2211
+ }
2212
+ ],
2213
+ "exports": [
2214
+ {
2215
+ "kind": "js",
2216
+ "name": "default",
2217
+ "declaration": {
2218
+ "name": "tooltipDecorator",
2219
+ "module": "src/layers/tooltip-decorator.ts"
2220
+ }
2221
+ }
2222
+ ]
2223
+ },
2224
+ {
2225
+ "kind": "javascript-module",
2226
+ "path": "src/modeller/edit-toolbar-style.ts",
2227
+ "declarations": [
2228
+ {
2229
+ "kind": "variable",
2230
+ "name": "style",
2231
+ "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: var(--url-icon-htoolbar) 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: var(--url-icon-fullscreen) 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: var(--url-icon-collapse) 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: var(--url-icon-collapse-active) 80% 10px no-repeat;\n }\n`"
2232
+ }
2233
+ ],
1787
2234
  "exports": [
1788
2235
  {
1789
2236
  "kind": "js",
@@ -4936,84 +5383,321 @@
4936
5383
  },
4937
5384
  {
4938
5385
  "kind": "javascript-module",
4939
- "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
4940
- "declarations": [
4941
- {
4942
- "kind": "variable",
4943
- "name": "EffectsSharedStyle",
4944
- "default": "css`\n :host {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n\n align-items: center;\n }\n\n * {\n align-self: stretch;\n }\n\n label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n\n align-self: center;\n }\n\n input,\n select,\n ox-input-angle,\n ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n }\n\n input,\n select,\n ox-input-angle input,\n ox-input-color input,\n [custom-editor] input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n input[type='checkbox'] {\n grid-column: 4 / 5;\n align-self: center;\n }\n\n label.checkbox-label {\n grid-column: span 6;\n text-align: left;\n }\n\n [fullwidth] {\n grid-column: 1 / -1;\n }\n`"
4945
- }
4946
- ],
4947
- "exports": [
4948
- {
4949
- "kind": "js",
4950
- "name": "EffectsSharedStyle",
4951
- "declaration": {
4952
- "name": "EffectsSharedStyle",
4953
- "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
4954
- }
4955
- }
4956
- ]
4957
- },
4958
- {
4959
- "kind": "javascript-module",
4960
- "path": "src/modeller/property-sidebar/effects/effects.ts",
5386
+ "path": "src/modeller/property-sidebar/inspector/inspector.ts",
4961
5387
  "declarations": [
4962
5388
  {
4963
5389
  "kind": "class",
4964
5390
  "description": "",
4965
- "name": "PropertyEffects",
5391
+ "name": "SceneInspector",
4966
5392
  "members": [
4967
5393
  {
4968
5394
  "kind": "field",
4969
- "name": "value",
5395
+ "name": "scene",
4970
5396
  "type": {
4971
- "text": "Properties | undefined"
5397
+ "text": "Scene | undefined"
4972
5398
  },
4973
- "attribute": "value"
5399
+ "attribute": "scene"
4974
5400
  },
4975
5401
  {
4976
5402
  "kind": "field",
4977
- "name": "scene",
5403
+ "name": "searchText",
4978
5404
  "type": {
4979
- "text": "Scene | undefined"
5405
+ "text": "string"
4980
5406
  },
4981
- "attribute": "scene"
5407
+ "privacy": "private",
5408
+ "default": "''"
4982
5409
  },
4983
5410
  {
4984
5411
  "kind": "field",
4985
- "name": "scopedElements",
4986
- "static": true,
4987
- "readonly": true
5412
+ "name": "_extendedMap",
5413
+ "type": {
5414
+ "text": "any"
5415
+ },
5416
+ "privacy": "private"
5417
+ },
5418
+ {
5419
+ "kind": "field",
5420
+ "name": "show",
5421
+ "type": {
5422
+ "text": "boolean"
5423
+ },
5424
+ "privacy": "private",
5425
+ "default": "false"
4988
5426
  },
4989
5427
  {
4990
5428
  "kind": "method",
4991
- "name": "_onValueChange",
5429
+ "name": "disconnectScene",
4992
5430
  "parameters": [
4993
5431
  {
4994
- "name": "e",
5432
+ "name": "scene",
5433
+ "optional": true,
4995
5434
  "type": {
4996
- "text": "Event"
5435
+ "text": "Scene"
4997
5436
  }
4998
5437
  }
4999
- ],
5000
- "inheritedFrom": {
5001
- "name": "AbstractProperty",
5002
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5003
- }
5438
+ ]
5004
5439
  },
5005
5440
  {
5006
5441
  "kind": "method",
5007
- "name": "_getValueFromEventTarget",
5442
+ "name": "refresh"
5443
+ },
5444
+ {
5445
+ "kind": "field",
5446
+ "name": "sortableConfig",
5447
+ "type": {
5448
+ "text": "Sortable.Options"
5449
+ },
5450
+ "default": "{\n group: 'inspector',\n animation: 150,\n draggable: '.component',\n swapThreshold: 1,\n onSort: this.onSort.bind(this)\n }"
5451
+ },
5452
+ {
5453
+ "kind": "method",
5454
+ "name": "onSort",
5008
5455
  "parameters": [
5009
5456
  {
5010
- "name": "element",
5457
+ "name": "e",
5011
5458
  "type": {
5012
- "text": "HTMLElement"
5459
+ "text": "Sortable.SortableEvent"
5013
5460
  }
5014
5461
  }
5015
- ],
5016
- "inheritedFrom": {
5462
+ ]
5463
+ },
5464
+ {
5465
+ "kind": "method",
5466
+ "name": "_onclick",
5467
+ "parameters": [
5468
+ {
5469
+ "name": "e",
5470
+ "type": {
5471
+ "text": "MouseEvent"
5472
+ }
5473
+ }
5474
+ ]
5475
+ },
5476
+ {
5477
+ "kind": "method",
5478
+ "name": "_ondblclick",
5479
+ "parameters": [
5480
+ {
5481
+ "name": "e",
5482
+ "type": {
5483
+ "text": "MouseEvent"
5484
+ }
5485
+ }
5486
+ ]
5487
+ },
5488
+ {
5489
+ "kind": "field",
5490
+ "name": "extendedMap",
5491
+ "readonly": true
5492
+ },
5493
+ {
5494
+ "kind": "method",
5495
+ "name": "getNodeHandleClass",
5496
+ "parameters": [
5497
+ {
5498
+ "name": "component",
5499
+ "type": {
5500
+ "text": "Component"
5501
+ }
5502
+ }
5503
+ ]
5504
+ },
5505
+ {
5506
+ "kind": "method",
5507
+ "name": "isExtended",
5508
+ "parameters": [
5509
+ {
5510
+ "name": "component",
5511
+ "type": {
5512
+ "text": "Component"
5513
+ }
5514
+ }
5515
+ ]
5516
+ },
5517
+ {
5518
+ "kind": "method",
5519
+ "name": "toggleExtended",
5520
+ "parameters": [
5521
+ {
5522
+ "name": "component",
5523
+ "type": {
5524
+ "text": "Component"
5525
+ }
5526
+ }
5527
+ ]
5528
+ },
5529
+ {
5530
+ "kind": "method",
5531
+ "name": "toggleHidden",
5532
+ "parameters": [
5533
+ {
5534
+ "name": "component",
5535
+ "type": {
5536
+ "text": "Component"
5537
+ }
5538
+ }
5539
+ ]
5540
+ },
5541
+ {
5542
+ "kind": "method",
5543
+ "name": "selectComponent",
5544
+ "parameters": [
5545
+ {
5546
+ "name": "component",
5547
+ "type": {
5548
+ "text": "Component"
5549
+ }
5550
+ }
5551
+ ]
5552
+ },
5553
+ {
5554
+ "kind": "method",
5555
+ "name": "shouldBeShown",
5556
+ "return": {
5557
+ "type": {
5558
+ "text": "boolean"
5559
+ }
5560
+ },
5561
+ "parameters": [
5562
+ {
5563
+ "name": "component",
5564
+ "type": {
5565
+ "text": "Component"
5566
+ }
5567
+ }
5568
+ ]
5569
+ },
5570
+ {
5571
+ "kind": "method",
5572
+ "name": "renderComponent",
5573
+ "return": {
5574
+ "type": {
5575
+ "text": "TemplateResult"
5576
+ }
5577
+ },
5578
+ "parameters": [
5579
+ {
5580
+ "name": "component",
5581
+ "type": {
5582
+ "text": "Component"
5583
+ }
5584
+ },
5585
+ {
5586
+ "name": "depth",
5587
+ "type": {
5588
+ "text": "number"
5589
+ }
5590
+ }
5591
+ ]
5592
+ }
5593
+ ],
5594
+ "attributes": [
5595
+ {
5596
+ "name": "scene",
5597
+ "type": {
5598
+ "text": "Scene | undefined"
5599
+ },
5600
+ "fieldName": "scene"
5601
+ }
5602
+ ],
5603
+ "superclass": {
5604
+ "name": "LitElement",
5605
+ "package": "lit"
5606
+ },
5607
+ "customElement": true
5608
+ }
5609
+ ],
5610
+ "exports": [
5611
+ {
5612
+ "kind": "js",
5613
+ "name": "SceneInspector",
5614
+ "declaration": {
5615
+ "name": "SceneInspector",
5616
+ "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5617
+ }
5618
+ }
5619
+ ]
5620
+ },
5621
+ {
5622
+ "kind": "javascript-module",
5623
+ "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5624
+ "declarations": [
5625
+ {
5626
+ "kind": "variable",
5627
+ "name": "EffectsSharedStyle",
5628
+ "default": "css`\n :host {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n\n align-items: center;\n }\n\n * {\n align-self: stretch;\n }\n\n label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n\n align-self: center;\n }\n\n input,\n select,\n ox-input-angle,\n ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n }\n\n input,\n select,\n ox-input-angle input,\n ox-input-color input,\n [custom-editor] input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n input[type='checkbox'] {\n grid-column: 4 / 5;\n align-self: center;\n }\n\n label.checkbox-label {\n grid-column: span 6;\n text-align: left;\n }\n\n [fullwidth] {\n grid-column: 1 / -1;\n }\n`"
5629
+ }
5630
+ ],
5631
+ "exports": [
5632
+ {
5633
+ "kind": "js",
5634
+ "name": "EffectsSharedStyle",
5635
+ "declaration": {
5636
+ "name": "EffectsSharedStyle",
5637
+ "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5638
+ }
5639
+ }
5640
+ ]
5641
+ },
5642
+ {
5643
+ "kind": "javascript-module",
5644
+ "path": "src/modeller/property-sidebar/effects/effects.ts",
5645
+ "declarations": [
5646
+ {
5647
+ "kind": "class",
5648
+ "description": "",
5649
+ "name": "PropertyEffects",
5650
+ "members": [
5651
+ {
5652
+ "kind": "field",
5653
+ "name": "value",
5654
+ "type": {
5655
+ "text": "Properties | undefined"
5656
+ },
5657
+ "attribute": "value"
5658
+ },
5659
+ {
5660
+ "kind": "field",
5661
+ "name": "scene",
5662
+ "type": {
5663
+ "text": "Scene | undefined"
5664
+ },
5665
+ "attribute": "scene"
5666
+ },
5667
+ {
5668
+ "kind": "field",
5669
+ "name": "scopedElements",
5670
+ "static": true,
5671
+ "readonly": true
5672
+ },
5673
+ {
5674
+ "kind": "method",
5675
+ "name": "_onValueChange",
5676
+ "parameters": [
5677
+ {
5678
+ "name": "e",
5679
+ "type": {
5680
+ "text": "Event"
5681
+ }
5682
+ }
5683
+ ],
5684
+ "inheritedFrom": {
5685
+ "name": "AbstractProperty",
5686
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5687
+ }
5688
+ },
5689
+ {
5690
+ "kind": "method",
5691
+ "name": "_getValueFromEventTarget",
5692
+ "parameters": [
5693
+ {
5694
+ "name": "element",
5695
+ "type": {
5696
+ "text": "HTMLElement"
5697
+ }
5698
+ }
5699
+ ],
5700
+ "inheritedFrom": {
5017
5701
  "name": "AbstractProperty",
5018
5702
  "module": "src/modeller/property-sidebar/abstract-property.ts"
5019
5703
  }
@@ -5513,244 +6197,7 @@
5513
6197
  },
5514
6198
  {
5515
6199
  "kind": "javascript-module",
5516
- "path": "src/modeller/property-sidebar/inspector/inspector.ts",
5517
- "declarations": [
5518
- {
5519
- "kind": "class",
5520
- "description": "",
5521
- "name": "SceneInspector",
5522
- "members": [
5523
- {
5524
- "kind": "field",
5525
- "name": "scene",
5526
- "type": {
5527
- "text": "Scene | undefined"
5528
- },
5529
- "attribute": "scene"
5530
- },
5531
- {
5532
- "kind": "field",
5533
- "name": "searchText",
5534
- "type": {
5535
- "text": "string"
5536
- },
5537
- "privacy": "private",
5538
- "default": "''"
5539
- },
5540
- {
5541
- "kind": "field",
5542
- "name": "_extendedMap",
5543
- "type": {
5544
- "text": "any"
5545
- },
5546
- "privacy": "private"
5547
- },
5548
- {
5549
- "kind": "field",
5550
- "name": "show",
5551
- "type": {
5552
- "text": "boolean"
5553
- },
5554
- "privacy": "private",
5555
- "default": "false"
5556
- },
5557
- {
5558
- "kind": "method",
5559
- "name": "disconnectScene",
5560
- "parameters": [
5561
- {
5562
- "name": "scene",
5563
- "optional": true,
5564
- "type": {
5565
- "text": "Scene"
5566
- }
5567
- }
5568
- ]
5569
- },
5570
- {
5571
- "kind": "method",
5572
- "name": "refresh"
5573
- },
5574
- {
5575
- "kind": "field",
5576
- "name": "sortableConfig",
5577
- "type": {
5578
- "text": "Sortable.Options"
5579
- },
5580
- "default": "{\n group: 'inspector',\n animation: 150,\n draggable: '.component',\n swapThreshold: 1,\n onSort: this.onSort.bind(this)\n }"
5581
- },
5582
- {
5583
- "kind": "method",
5584
- "name": "onSort",
5585
- "parameters": [
5586
- {
5587
- "name": "e",
5588
- "type": {
5589
- "text": "Sortable.SortableEvent"
5590
- }
5591
- }
5592
- ]
5593
- },
5594
- {
5595
- "kind": "method",
5596
- "name": "_onclick",
5597
- "parameters": [
5598
- {
5599
- "name": "e",
5600
- "type": {
5601
- "text": "MouseEvent"
5602
- }
5603
- }
5604
- ]
5605
- },
5606
- {
5607
- "kind": "method",
5608
- "name": "_ondblclick",
5609
- "parameters": [
5610
- {
5611
- "name": "e",
5612
- "type": {
5613
- "text": "MouseEvent"
5614
- }
5615
- }
5616
- ]
5617
- },
5618
- {
5619
- "kind": "field",
5620
- "name": "extendedMap",
5621
- "readonly": true
5622
- },
5623
- {
5624
- "kind": "method",
5625
- "name": "getNodeHandleClass",
5626
- "parameters": [
5627
- {
5628
- "name": "component",
5629
- "type": {
5630
- "text": "Component"
5631
- }
5632
- }
5633
- ]
5634
- },
5635
- {
5636
- "kind": "method",
5637
- "name": "isExtended",
5638
- "parameters": [
5639
- {
5640
- "name": "component",
5641
- "type": {
5642
- "text": "Component"
5643
- }
5644
- }
5645
- ]
5646
- },
5647
- {
5648
- "kind": "method",
5649
- "name": "toggleExtended",
5650
- "parameters": [
5651
- {
5652
- "name": "component",
5653
- "type": {
5654
- "text": "Component"
5655
- }
5656
- }
5657
- ]
5658
- },
5659
- {
5660
- "kind": "method",
5661
- "name": "toggleHidden",
5662
- "parameters": [
5663
- {
5664
- "name": "component",
5665
- "type": {
5666
- "text": "Component"
5667
- }
5668
- }
5669
- ]
5670
- },
5671
- {
5672
- "kind": "method",
5673
- "name": "selectComponent",
5674
- "parameters": [
5675
- {
5676
- "name": "component",
5677
- "type": {
5678
- "text": "Component"
5679
- }
5680
- }
5681
- ]
5682
- },
5683
- {
5684
- "kind": "method",
5685
- "name": "shouldBeShown",
5686
- "return": {
5687
- "type": {
5688
- "text": "boolean"
5689
- }
5690
- },
5691
- "parameters": [
5692
- {
5693
- "name": "component",
5694
- "type": {
5695
- "text": "Component"
5696
- }
5697
- }
5698
- ]
5699
- },
5700
- {
5701
- "kind": "method",
5702
- "name": "renderComponent",
5703
- "return": {
5704
- "type": {
5705
- "text": "TemplateResult"
5706
- }
5707
- },
5708
- "parameters": [
5709
- {
5710
- "name": "component",
5711
- "type": {
5712
- "text": "Component"
5713
- }
5714
- },
5715
- {
5716
- "name": "depth",
5717
- "type": {
5718
- "text": "number"
5719
- }
5720
- }
5721
- ]
5722
- }
5723
- ],
5724
- "attributes": [
5725
- {
5726
- "name": "scene",
5727
- "type": {
5728
- "text": "Scene | undefined"
5729
- },
5730
- "fieldName": "scene"
5731
- }
5732
- ],
5733
- "superclass": {
5734
- "name": "LitElement",
5735
- "package": "lit"
5736
- },
5737
- "customElement": true
5738
- }
5739
- ],
5740
- "exports": [
5741
- {
5742
- "kind": "js",
5743
- "name": "SceneInspector",
5744
- "declaration": {
5745
- "name": "SceneInspector",
5746
- "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5747
- }
5748
- }
5749
- ]
5750
- },
5751
- {
5752
- "kind": "javascript-module",
5753
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
6200
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5754
6201
  "declarations": [
5755
6202
  {
5756
6203
  "kind": "variable",
@@ -5845,187 +6292,28 @@
5845
6292
  ]
5846
6293
  },
5847
6294
  {
5848
- "kind": "method",
5849
- "name": "_isIdentifiable",
5850
- "parameters": [
5851
- {
5852
- "name": "selected",
5853
- "type": {
5854
- "text": "Component[]"
5855
- }
5856
- }
5857
- ]
5858
- },
5859
- {
5860
- "kind": "method",
5861
- "name": "_isClassIdentifiable",
5862
- "parameters": [
5863
- {
5864
- "name": "selected",
5865
- "type": {
5866
- "text": "Component[]"
5867
- }
5868
- }
5869
- ]
5870
- },
5871
- {
5872
- "kind": "method",
5873
- "name": "_isLine",
5874
- "parameters": [
5875
- {
5876
- "name": "selected",
5877
- "type": {
5878
- "text": "Component[]"
5879
- }
5880
- }
5881
- ]
5882
- },
5883
- {
5884
- "kind": "method",
5885
- "name": "_is3dish",
5886
- "parameters": [
5887
- {
5888
- "name": "selected",
5889
- "type": {
5890
- "text": "Component[]"
5891
- }
5892
- }
5893
- ]
5894
- },
5895
- {
5896
- "kind": "method",
5897
- "name": "_getValueFromEventTarget",
5898
- "parameters": [
5899
- {
5900
- "name": "element",
5901
- "type": {
5902
- "text": "HTMLElement"
5903
- }
5904
- }
5905
- ],
5906
- "inheritedFrom": {
5907
- "name": "AbstractProperty",
5908
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5909
- }
5910
- },
5911
- {
5912
- "kind": "method",
5913
- "name": "_onAfterValueChange",
5914
- "parameters": [
5915
- {
5916
- "name": "key",
5917
- "type": {
5918
- "text": "string"
5919
- }
5920
- },
5921
- {
5922
- "name": "value",
5923
- "type": {
5924
- "text": "any"
5925
- }
5926
- }
5927
- ],
5928
- "inheritedFrom": {
5929
- "name": "AbstractProperty",
5930
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5931
- }
5932
- }
5933
- ],
5934
- "events": [
5935
- {
5936
- "name": "bounds-change",
5937
- "type": {
5938
- "text": "CustomEvent"
5939
- }
5940
- },
5941
- {
5942
- "name": "property-change",
5943
- "type": {
5944
- "text": "CustomEvent"
5945
- },
5946
- "inheritedFrom": {
5947
- "name": "AbstractProperty",
5948
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5949
- }
5950
- }
5951
- ],
5952
- "attributes": [
5953
- {
5954
- "name": "value",
5955
- "type": {
5956
- "text": "Properties | undefined"
5957
- },
5958
- "fieldName": "value"
5959
- },
5960
- {
5961
- "name": "bounds",
5962
- "type": {
5963
- "text": "BOUNDS | null"
5964
- },
5965
- "default": "null",
5966
- "fieldName": "bounds"
5967
- },
5968
- {
5969
- "name": "selected",
5970
- "type": {
5971
- "text": "Component[]"
5972
- },
5973
- "default": "[]",
5974
- "fieldName": "selected"
5975
- }
5976
- ],
5977
- "superclass": {
5978
- "name": "AbstractProperty",
5979
- "module": "/src/modeller/property-sidebar/abstract-property"
5980
- }
5981
- }
5982
- ],
5983
- "exports": [
5984
- {
5985
- "kind": "js",
5986
- "name": "PropertyShapes",
5987
- "declaration": {
5988
- "name": "PropertyShapes",
5989
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5990
- }
5991
- }
5992
- ]
5993
- },
5994
- {
5995
- "kind": "javascript-module",
5996
- "path": "src/modeller/property-sidebar/styles/styles.ts",
5997
- "declarations": [
5998
- {
5999
- "kind": "class",
6000
- "description": "",
6001
- "name": "PropertyStyles",
6002
- "members": [
6003
- {
6004
- "kind": "field",
6005
- "name": "value",
6006
- "type": {
6007
- "text": "any"
6008
- },
6009
- "default": "{}",
6010
- "attribute": "value"
6011
- },
6012
- {
6013
- "kind": "field",
6014
- "name": "selected",
6015
- "type": {
6016
- "text": "Component[]"
6017
- },
6018
- "default": "[]",
6019
- "attribute": "selected"
6020
- },
6021
- {
6022
- "kind": "field",
6023
- "name": "fonts",
6024
- "type": {
6025
- "text": "any[]"
6026
- },
6027
- "default": "[]",
6028
- "attribute": "fonts"
6295
+ "kind": "method",
6296
+ "name": "_isIdentifiable",
6297
+ "parameters": [
6298
+ {
6299
+ "name": "selected",
6300
+ "type": {
6301
+ "text": "Component[]"
6302
+ }
6303
+ }
6304
+ ]
6305
+ },
6306
+ {
6307
+ "kind": "method",
6308
+ "name": "_isClassIdentifiable",
6309
+ "parameters": [
6310
+ {
6311
+ "name": "selected",
6312
+ "type": {
6313
+ "text": "Component[]"
6314
+ }
6315
+ }
6316
+ ]
6029
6317
  },
6030
6318
  {
6031
6319
  "kind": "method",
@@ -6041,19 +6329,15 @@
6041
6329
  },
6042
6330
  {
6043
6331
  "kind": "method",
6044
- "name": "_onValueChange",
6332
+ "name": "_is3dish",
6045
6333
  "parameters": [
6046
6334
  {
6047
- "name": "e",
6335
+ "name": "selected",
6048
6336
  "type": {
6049
- "text": "Event"
6337
+ "text": "Component[]"
6050
6338
  }
6051
6339
  }
6052
- ],
6053
- "inheritedFrom": {
6054
- "name": "AbstractProperty",
6055
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6056
- }
6340
+ ]
6057
6341
  },
6058
6342
  {
6059
6343
  "kind": "method",
@@ -6094,57 +6378,62 @@
6094
6378
  }
6095
6379
  }
6096
6380
  ],
6381
+ "events": [
6382
+ {
6383
+ "name": "bounds-change",
6384
+ "type": {
6385
+ "text": "CustomEvent"
6386
+ }
6387
+ },
6388
+ {
6389
+ "name": "property-change",
6390
+ "type": {
6391
+ "text": "CustomEvent"
6392
+ },
6393
+ "inheritedFrom": {
6394
+ "name": "AbstractProperty",
6395
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6396
+ }
6397
+ }
6398
+ ],
6097
6399
  "attributes": [
6098
6400
  {
6099
6401
  "name": "value",
6100
6402
  "type": {
6101
- "text": "any"
6403
+ "text": "Properties | undefined"
6102
6404
  },
6103
- "default": "{}",
6104
6405
  "fieldName": "value"
6105
6406
  },
6106
6407
  {
6107
- "name": "selected",
6408
+ "name": "bounds",
6108
6409
  "type": {
6109
- "text": "Component[]"
6410
+ "text": "BOUNDS | null"
6110
6411
  },
6111
- "default": "[]",
6112
- "fieldName": "selected"
6412
+ "default": "null",
6413
+ "fieldName": "bounds"
6113
6414
  },
6114
6415
  {
6115
- "name": "fonts",
6416
+ "name": "selected",
6116
6417
  "type": {
6117
- "text": "any[]"
6418
+ "text": "Component[]"
6118
6419
  },
6119
6420
  "default": "[]",
6120
- "fieldName": "fonts"
6421
+ "fieldName": "selected"
6121
6422
  }
6122
6423
  ],
6123
6424
  "superclass": {
6124
6425
  "name": "AbstractProperty",
6125
- "module": "/src/modeller/property-sidebar/abstract-property.js"
6126
- },
6127
- "events": [
6128
- {
6129
- "name": "property-change",
6130
- "type": {
6131
- "text": "CustomEvent"
6132
- },
6133
- "inheritedFrom": {
6134
- "name": "AbstractProperty",
6135
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6136
- }
6137
- }
6138
- ]
6426
+ "module": "/src/modeller/property-sidebar/abstract-property"
6427
+ }
6139
6428
  }
6140
6429
  ],
6141
6430
  "exports": [
6142
6431
  {
6143
6432
  "kind": "js",
6144
- "name": "PropertyStyles",
6433
+ "name": "PropertyShapes",
6145
6434
  "declaration": {
6146
- "name": "PropertyStyles",
6147
- "module": "src/modeller/property-sidebar/styles/styles.ts"
6435
+ "name": "PropertyShapes",
6436
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
6148
6437
  }
6149
6438
  }
6150
6439
  ]
@@ -6495,6 +6784,164 @@
6495
6784
  }
6496
6785
  }
6497
6786
  ]
6787
+ },
6788
+ {
6789
+ "kind": "javascript-module",
6790
+ "path": "src/modeller/property-sidebar/styles/styles.ts",
6791
+ "declarations": [
6792
+ {
6793
+ "kind": "class",
6794
+ "description": "",
6795
+ "name": "PropertyStyles",
6796
+ "members": [
6797
+ {
6798
+ "kind": "field",
6799
+ "name": "value",
6800
+ "type": {
6801
+ "text": "any"
6802
+ },
6803
+ "default": "{}",
6804
+ "attribute": "value"
6805
+ },
6806
+ {
6807
+ "kind": "field",
6808
+ "name": "selected",
6809
+ "type": {
6810
+ "text": "Component[]"
6811
+ },
6812
+ "default": "[]",
6813
+ "attribute": "selected"
6814
+ },
6815
+ {
6816
+ "kind": "field",
6817
+ "name": "fonts",
6818
+ "type": {
6819
+ "text": "any[]"
6820
+ },
6821
+ "default": "[]",
6822
+ "attribute": "fonts"
6823
+ },
6824
+ {
6825
+ "kind": "method",
6826
+ "name": "_isLine",
6827
+ "parameters": [
6828
+ {
6829
+ "name": "selected",
6830
+ "type": {
6831
+ "text": "Component[]"
6832
+ }
6833
+ }
6834
+ ]
6835
+ },
6836
+ {
6837
+ "kind": "method",
6838
+ "name": "_onValueChange",
6839
+ "parameters": [
6840
+ {
6841
+ "name": "e",
6842
+ "type": {
6843
+ "text": "Event"
6844
+ }
6845
+ }
6846
+ ],
6847
+ "inheritedFrom": {
6848
+ "name": "AbstractProperty",
6849
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6850
+ }
6851
+ },
6852
+ {
6853
+ "kind": "method",
6854
+ "name": "_getValueFromEventTarget",
6855
+ "parameters": [
6856
+ {
6857
+ "name": "element",
6858
+ "type": {
6859
+ "text": "HTMLElement"
6860
+ }
6861
+ }
6862
+ ],
6863
+ "inheritedFrom": {
6864
+ "name": "AbstractProperty",
6865
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6866
+ }
6867
+ },
6868
+ {
6869
+ "kind": "method",
6870
+ "name": "_onAfterValueChange",
6871
+ "parameters": [
6872
+ {
6873
+ "name": "key",
6874
+ "type": {
6875
+ "text": "string"
6876
+ }
6877
+ },
6878
+ {
6879
+ "name": "value",
6880
+ "type": {
6881
+ "text": "any"
6882
+ }
6883
+ }
6884
+ ],
6885
+ "inheritedFrom": {
6886
+ "name": "AbstractProperty",
6887
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6888
+ }
6889
+ }
6890
+ ],
6891
+ "attributes": [
6892
+ {
6893
+ "name": "value",
6894
+ "type": {
6895
+ "text": "any"
6896
+ },
6897
+ "default": "{}",
6898
+ "fieldName": "value"
6899
+ },
6900
+ {
6901
+ "name": "selected",
6902
+ "type": {
6903
+ "text": "Component[]"
6904
+ },
6905
+ "default": "[]",
6906
+ "fieldName": "selected"
6907
+ },
6908
+ {
6909
+ "name": "fonts",
6910
+ "type": {
6911
+ "text": "any[]"
6912
+ },
6913
+ "default": "[]",
6914
+ "fieldName": "fonts"
6915
+ }
6916
+ ],
6917
+ "superclass": {
6918
+ "name": "AbstractProperty",
6919
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
6920
+ },
6921
+ "events": [
6922
+ {
6923
+ "name": "property-change",
6924
+ "type": {
6925
+ "text": "CustomEvent"
6926
+ },
6927
+ "inheritedFrom": {
6928
+ "name": "AbstractProperty",
6929
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6930
+ }
6931
+ }
6932
+ ]
6933
+ }
6934
+ ],
6935
+ "exports": [
6936
+ {
6937
+ "kind": "js",
6938
+ "name": "PropertyStyles",
6939
+ "declaration": {
6940
+ "name": "PropertyStyles",
6941
+ "module": "src/modeller/property-sidebar/styles/styles.ts"
6942
+ }
6943
+ }
6944
+ ]
6498
6945
  }
6499
6946
  ]
6500
6947
  }