@fmsim/board 0.0.60 → 0.0.62

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 (3) hide show
  1. package/custom-elements.json +1889 -1889
  2. package/dist/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -2,6 +2,69 @@
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
+ },
5
68
  {
6
69
  "kind": "javascript-module",
7
70
  "path": "src/index.ts",
@@ -1422,69 +1485,6 @@
1422
1485
  "declarations": [],
1423
1486
  "exports": []
1424
1487
  },
1425
- {
1426
- "kind": "javascript-module",
1427
- "path": "stories/index.stories.ts",
1428
- "declarations": [
1429
- {
1430
- "kind": "variable",
1431
- "name": "Regular"
1432
- },
1433
- {
1434
- "kind": "variable",
1435
- "name": "CustomTitle"
1436
- },
1437
- {
1438
- "kind": "variable",
1439
- "name": "CustomCounter"
1440
- },
1441
- {
1442
- "kind": "variable",
1443
- "name": "SlottedContent"
1444
- }
1445
- ],
1446
- "exports": [
1447
- {
1448
- "kind": "js",
1449
- "name": "default",
1450
- "declaration": {
1451
- "module": "stories/index.stories.ts"
1452
- }
1453
- },
1454
- {
1455
- "kind": "js",
1456
- "name": "Regular",
1457
- "declaration": {
1458
- "name": "Regular",
1459
- "module": "stories/index.stories.ts"
1460
- }
1461
- },
1462
- {
1463
- "kind": "js",
1464
- "name": "CustomTitle",
1465
- "declaration": {
1466
- "name": "CustomTitle",
1467
- "module": "stories/index.stories.ts"
1468
- }
1469
- },
1470
- {
1471
- "kind": "js",
1472
- "name": "CustomCounter",
1473
- "declaration": {
1474
- "name": "CustomCounter",
1475
- "module": "stories/index.stories.ts"
1476
- }
1477
- },
1478
- {
1479
- "kind": "js",
1480
- "name": "SlottedContent",
1481
- "declaration": {
1482
- "name": "SlottedContent",
1483
- "module": "stories/index.stories.ts"
1484
- }
1485
- }
1486
- ]
1487
- },
1488
1488
  {
1489
1489
  "kind": "javascript-module",
1490
1490
  "path": "src/component/etc.ts",
@@ -1776,1114 +1776,1067 @@
1776
1776
  },
1777
1777
  {
1778
1778
  "kind": "javascript-module",
1779
- "path": "src/modeller/edit-toolbar-style.ts",
1780
- "declarations": [
1781
- {
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
- ],
1787
- "exports": [
1788
- {
1789
- "kind": "js",
1790
- "name": "style",
1791
- "declaration": {
1792
- "name": "style",
1793
- "module": "src/modeller/edit-toolbar-style.ts"
1794
- }
1795
- }
1796
- ]
1797
- },
1798
- {
1799
- "kind": "javascript-module",
1800
- "path": "src/modeller/edit-toolbar.ts",
1779
+ "path": "src/selector/board-creation-popup.ts",
1801
1780
  "declarations": [
1802
1781
  {
1803
1782
  "kind": "class",
1804
1783
  "description": "",
1805
- "name": "EditToolbar",
1784
+ "name": "BoardCreationPopup",
1806
1785
  "members": [
1807
1786
  {
1808
1787
  "kind": "field",
1809
- "name": "scene",
1788
+ "name": "defaultGroup",
1810
1789
  "type": {
1811
- "text": "Scene | undefined"
1790
+ "text": "string | undefined"
1812
1791
  },
1813
- "attribute": "scene"
1792
+ "attribute": "defaultGroup"
1814
1793
  },
1815
1794
  {
1816
1795
  "kind": "field",
1817
- "name": "selected",
1796
+ "name": "groups",
1818
1797
  "type": {
1819
- "text": "any[]"
1798
+ "text": "{ id: string; name: string }[] | undefined"
1820
1799
  },
1821
- "default": "[]",
1822
- "attribute": "selected"
1800
+ "attribute": "groups"
1823
1801
  },
1824
1802
  {
1825
- "kind": "field",
1826
- "name": "hideProperty",
1803
+ "kind": "method",
1804
+ "name": "onClickSubmit"
1805
+ }
1806
+ ],
1807
+ "events": [
1808
+ {
1809
+ "name": "create-board",
1827
1810
  "type": {
1828
- "text": "boolean"
1829
- },
1830
- "default": "false",
1831
- "attribute": "hideProperty"
1832
- },
1811
+ "text": "CustomEvent"
1812
+ }
1813
+ }
1814
+ ],
1815
+ "attributes": [
1833
1816
  {
1834
- "kind": "field",
1835
- "name": "cliped",
1817
+ "name": "defaultGroup",
1836
1818
  "type": {
1837
1819
  "text": "string | undefined"
1838
1820
  },
1839
- "privacy": "private"
1821
+ "fieldName": "defaultGroup"
1840
1822
  },
1841
1823
  {
1842
- "kind": "field",
1843
- "name": "redo",
1824
+ "name": "groups",
1844
1825
  "type": {
1845
- "text": "HTMLElement"
1826
+ "text": "{ id: string; name: string }[] | undefined"
1846
1827
  },
1847
- "privacy": "private"
1848
- },
1828
+ "fieldName": "groups"
1829
+ }
1830
+ ],
1831
+ "mixins": [
1832
+ {
1833
+ "name": "localize(i18next)",
1834
+ "module": "src/selector/board-creation-popup.ts"
1835
+ }
1836
+ ],
1837
+ "superclass": {
1838
+ "name": "LitElement",
1839
+ "package": "lit"
1840
+ },
1841
+ "tagName": "board-creation-popup",
1842
+ "customElement": true
1843
+ }
1844
+ ],
1845
+ "exports": [
1846
+ {
1847
+ "kind": "js",
1848
+ "name": "BoardCreationPopup",
1849
+ "declaration": {
1850
+ "name": "BoardCreationPopup",
1851
+ "module": "src/selector/board-creation-popup.ts"
1852
+ }
1853
+ },
1854
+ {
1855
+ "kind": "custom-element-definition",
1856
+ "name": "board-creation-popup",
1857
+ "declaration": {
1858
+ "name": "BoardCreationPopup",
1859
+ "module": "src/selector/board-creation-popup.ts"
1860
+ }
1861
+ }
1862
+ ]
1863
+ },
1864
+ {
1865
+ "kind": "javascript-module",
1866
+ "path": "src/selector/board-thumbnail-card.ts",
1867
+ "declarations": [
1868
+ {
1869
+ "kind": "class",
1870
+ "description": "",
1871
+ "name": "BoardThumbnailCard",
1872
+ "members": [
1849
1873
  {
1850
1874
  "kind": "field",
1851
- "name": "undo",
1875
+ "name": "defaultGroup",
1852
1876
  "type": {
1853
- "text": "HTMLElement"
1877
+ "text": "string | undefined"
1854
1878
  },
1855
- "privacy": "private"
1879
+ "attribute": "defaultGroup"
1856
1880
  },
1857
1881
  {
1858
1882
  "kind": "field",
1859
- "name": "fullscreen",
1883
+ "name": "groups",
1860
1884
  "type": {
1861
- "text": "HTMLElement"
1885
+ "text": "{ id: string; name: string }[] | undefined"
1862
1886
  },
1863
- "privacy": "private"
1887
+ "attribute": "groups"
1864
1888
  },
1865
1889
  {
1866
- "kind": "field",
1867
- "name": "cut",
1868
- "type": {
1869
- "text": "HTMLElement"
1890
+ "kind": "method",
1891
+ "name": "onClickFlip",
1892
+ "parameters": [
1893
+ {
1894
+ "name": "e",
1895
+ "type": {
1896
+ "text": "Event"
1897
+ }
1898
+ }
1899
+ ]
1900
+ },
1901
+ {
1902
+ "kind": "method",
1903
+ "name": "onClickSubmit",
1904
+ "parameters": [
1905
+ {
1906
+ "name": "e",
1907
+ "type": {
1908
+ "text": "Event"
1909
+ }
1910
+ }
1911
+ ]
1912
+ },
1913
+ {
1914
+ "kind": "method",
1915
+ "name": "reset"
1916
+ }
1917
+ ],
1918
+ "events": [
1919
+ {
1920
+ "name": "create-board",
1921
+ "type": {
1922
+ "text": "CustomEvent"
1923
+ }
1924
+ }
1925
+ ],
1926
+ "attributes": [
1927
+ {
1928
+ "name": "defaultGroup",
1929
+ "type": {
1930
+ "text": "string | undefined"
1870
1931
  },
1871
- "privacy": "private"
1932
+ "fieldName": "defaultGroup"
1872
1933
  },
1934
+ {
1935
+ "name": "groups",
1936
+ "type": {
1937
+ "text": "{ id: string; name: string }[] | undefined"
1938
+ },
1939
+ "fieldName": "groups"
1940
+ }
1941
+ ],
1942
+ "mixins": [
1943
+ {
1944
+ "name": "localize(i18next)",
1945
+ "module": "src/selector/board-thumbnail-card.ts"
1946
+ }
1947
+ ],
1948
+ "superclass": {
1949
+ "name": "LitElement",
1950
+ "package": "lit"
1951
+ },
1952
+ "tagName": "board-thumbnail-card",
1953
+ "customElement": true
1954
+ }
1955
+ ],
1956
+ "exports": [
1957
+ {
1958
+ "kind": "js",
1959
+ "name": "BoardThumbnailCard",
1960
+ "declaration": {
1961
+ "name": "BoardThumbnailCard",
1962
+ "module": "src/selector/board-thumbnail-card.ts"
1963
+ }
1964
+ },
1965
+ {
1966
+ "kind": "custom-element-definition",
1967
+ "name": "board-thumbnail-card",
1968
+ "declaration": {
1969
+ "name": "BoardThumbnailCard",
1970
+ "module": "src/selector/board-thumbnail-card.ts"
1971
+ }
1972
+ }
1973
+ ]
1974
+ },
1975
+ {
1976
+ "kind": "javascript-module",
1977
+ "path": "src/selector/ox-board-creation-card.ts",
1978
+ "declarations": [
1979
+ {
1980
+ "kind": "class",
1981
+ "description": "",
1982
+ "name": "BoardCreationCard",
1983
+ "members": [
1873
1984
  {
1874
1985
  "kind": "field",
1875
- "name": "copy",
1986
+ "name": "defaultGroup",
1876
1987
  "type": {
1877
- "text": "HTMLElement"
1988
+ "text": "string | undefined"
1878
1989
  },
1879
- "privacy": "private"
1990
+ "attribute": "defaultGroup"
1880
1991
  },
1881
1992
  {
1882
1993
  "kind": "field",
1883
- "name": "paste",
1994
+ "name": "groups",
1884
1995
  "type": {
1885
- "text": "HTMLElement"
1996
+ "text": "any"
1886
1997
  },
1887
- "privacy": "private"
1998
+ "attribute": "groups"
1888
1999
  },
1889
2000
  {
1890
2001
  "kind": "field",
1891
- "name": "delete",
2002
+ "name": "popup",
1892
2003
  "type": {
1893
- "text": "HTMLElement"
2004
+ "text": "any"
1894
2005
  },
1895
2006
  "privacy": "private"
1896
2007
  },
2008
+ {
2009
+ "kind": "method",
2010
+ "name": "onClick"
2011
+ },
2012
+ {
2013
+ "kind": "method",
2014
+ "name": "reset"
2015
+ }
2016
+ ],
2017
+ "events": [
2018
+ {
2019
+ "name": "create-board",
2020
+ "type": {
2021
+ "text": "CustomEvent"
2022
+ }
2023
+ }
2024
+ ],
2025
+ "attributes": [
2026
+ {
2027
+ "name": "defaultGroup",
2028
+ "type": {
2029
+ "text": "string | undefined"
2030
+ },
2031
+ "fieldName": "defaultGroup"
2032
+ },
2033
+ {
2034
+ "name": "groups",
2035
+ "type": {
2036
+ "text": "any"
2037
+ },
2038
+ "fieldName": "groups"
2039
+ }
2040
+ ],
2041
+ "mixins": [
2042
+ {
2043
+ "name": "localize(i18next)",
2044
+ "module": "src/selector/ox-board-creation-card.ts"
2045
+ }
2046
+ ],
2047
+ "superclass": {
2048
+ "name": "LitElement",
2049
+ "package": "lit"
2050
+ },
2051
+ "tagName": "ox-board-creation-card",
2052
+ "customElement": true
2053
+ }
2054
+ ],
2055
+ "exports": [
2056
+ {
2057
+ "kind": "js",
2058
+ "name": "BoardCreationCard",
2059
+ "declaration": {
2060
+ "name": "BoardCreationCard",
2061
+ "module": "src/selector/ox-board-creation-card.ts"
2062
+ }
2063
+ },
2064
+ {
2065
+ "kind": "custom-element-definition",
2066
+ "name": "ox-board-creation-card",
2067
+ "declaration": {
2068
+ "name": "BoardCreationCard",
2069
+ "module": "src/selector/ox-board-creation-card.ts"
2070
+ }
2071
+ }
2072
+ ]
2073
+ },
2074
+ {
2075
+ "kind": "javascript-module",
2076
+ "path": "src/selector/ox-board-selector.ts",
2077
+ "declarations": [
2078
+ {
2079
+ "kind": "class",
2080
+ "description": "",
2081
+ "name": "BoardSelector",
2082
+ "members": [
1897
2083
  {
1898
2084
  "kind": "field",
1899
- "name": "forward",
2085
+ "name": "groups",
1900
2086
  "type": {
1901
- "text": "HTMLElement"
2087
+ "text": "{ id: string; name: string; description: string }[]"
1902
2088
  },
1903
- "privacy": "private"
2089
+ "default": "[]",
2090
+ "attribute": "groups"
1904
2091
  },
1905
2092
  {
1906
2093
  "kind": "field",
1907
- "name": "backward",
2094
+ "name": "boards",
1908
2095
  "type": {
1909
- "text": "HTMLElement"
2096
+ "text": "any[]"
1910
2097
  },
1911
- "privacy": "private"
2098
+ "default": "[]",
2099
+ "attribute": "boards"
1912
2100
  },
1913
2101
  {
1914
2102
  "kind": "field",
1915
- "name": "front",
2103
+ "name": "group",
1916
2104
  "type": {
1917
- "text": "HTMLElement"
2105
+ "text": "string | undefined"
1918
2106
  },
1919
- "privacy": "private"
2107
+ "attribute": "group"
1920
2108
  },
1921
2109
  {
1922
2110
  "kind": "field",
1923
- "name": "back",
2111
+ "name": "inherited",
1924
2112
  "type": {
1925
- "text": "HTMLElement"
2113
+ "text": "InheritedValueType | undefined"
1926
2114
  },
1927
- "privacy": "private"
2115
+ "attribute": "inherited"
1928
2116
  },
1929
2117
  {
1930
2118
  "kind": "field",
1931
- "name": "aligners",
2119
+ "name": "creatable",
1932
2120
  "type": {
1933
- "text": "NodeListOf<HTMLSpanElement>"
2121
+ "text": "boolean"
1934
2122
  },
1935
- "privacy": "private"
2123
+ "default": "false",
2124
+ "attribute": "creatable"
1936
2125
  },
1937
2126
  {
1938
2127
  "kind": "field",
1939
- "name": "zorders",
2128
+ "name": "value",
1940
2129
  "type": {
1941
- "text": "NodeListOf<HTMLSpanElement>"
2130
+ "text": "string | undefined"
1942
2131
  },
1943
- "privacy": "private"
2132
+ "attribute": "value"
1944
2133
  },
1945
2134
  {
1946
2135
  "kind": "field",
1947
- "name": "distributes",
2136
+ "name": "_page",
1948
2137
  "type": {
1949
- "text": "NodeListOf<HTMLSpanElement>"
2138
+ "text": "number"
1950
2139
  },
1951
- "privacy": "private"
2140
+ "privacy": "private",
2141
+ "default": "1"
2142
+ },
2143
+ {
2144
+ "kind": "field",
2145
+ "name": "_total",
2146
+ "type": {
2147
+ "text": "number"
2148
+ },
2149
+ "privacy": "private",
2150
+ "default": "0"
2151
+ },
2152
+ {
2153
+ "kind": "field",
2154
+ "name": "scrollTargetEl",
2155
+ "type": {
2156
+ "text": "HTMLElement | null"
2157
+ },
2158
+ "readonly": true
1952
2159
  },
1953
2160
  {
1954
2161
  "kind": "method",
1955
- "name": "onWheelEvent",
2162
+ "name": "scrollAction"
2163
+ },
2164
+ {
2165
+ "kind": "method",
2166
+ "name": "onClickSelect",
1956
2167
  "parameters": [
1957
2168
  {
1958
- "name": "e",
2169
+ "name": "board",
1959
2170
  "type": {
1960
- "text": "Event"
2171
+ "text": "any"
1961
2172
  }
1962
2173
  }
1963
2174
  ]
1964
2175
  },
1965
2176
  {
1966
2177
  "kind": "method",
1967
- "name": "getSymbol",
2178
+ "name": "onCreateBoard",
1968
2179
  "parameters": [
1969
2180
  {
1970
- "name": "key",
2181
+ "name": "e",
1971
2182
  "type": {
1972
- "text": "string"
2183
+ "text": "CustomEvent"
1973
2184
  }
1974
2185
  }
1975
2186
  ]
1976
2187
  },
1977
2188
  {
1978
2189
  "kind": "method",
1979
- "name": "getShortcutString",
1980
- "privacy": "private",
1981
- "parameters": [
1982
- {
1983
- "name": "keys",
1984
- "type": {
1985
- "text": "string[]"
1986
- }
1987
- }
1988
- ]
2190
+ "name": "refreshGroups"
1989
2191
  },
1990
2192
  {
1991
2193
  "kind": "method",
1992
- "name": "onShortcut",
1993
- "parameters": [
1994
- {
1995
- "name": "e",
1996
- "type": {
1997
- "text": "KeyboardEvent"
1998
- }
1999
- }
2000
- ]
2194
+ "name": "refreshBoards"
2001
2195
  },
2002
2196
  {
2003
2197
  "kind": "method",
2004
- "name": "onExecute",
2005
- "parameters": [
2006
- {
2007
- "name": "command",
2008
- "type": {
2009
- "text": "string"
2010
- }
2011
- },
2012
- {
2013
- "name": "undoable",
2014
- "type": {
2015
- "text": "boolean"
2016
- }
2017
- },
2018
- {
2019
- "name": "redoable",
2020
- "type": {
2021
- "text": "boolean"
2022
- }
2023
- }
2024
- ]
2198
+ "name": "appendBoards"
2025
2199
  },
2026
2200
  {
2027
2201
  "kind": "method",
2028
- "name": "onUndo",
2202
+ "name": "getBoards",
2029
2203
  "parameters": [
2030
2204
  {
2031
- "name": "undoable",
2032
- "type": {
2033
- "text": "boolean"
2034
- }
2035
- },
2036
- {
2037
- "name": "redoable",
2038
- "type": {
2039
- "text": "boolean"
2040
- }
2205
+ "name": "{ page = 1, limit = this._infiniteScrollOptions.limit }",
2206
+ "default": "{}"
2041
2207
  }
2042
2208
  ]
2043
2209
  },
2044
2210
  {
2045
2211
  "kind": "method",
2046
- "name": "onRedo",
2212
+ "name": "createBoard",
2047
2213
  "parameters": [
2048
2214
  {
2049
- "name": "undoable",
2215
+ "name": "name",
2050
2216
  "type": {
2051
- "text": "boolean"
2217
+ "text": "string"
2052
2218
  }
2053
2219
  },
2054
2220
  {
2055
- "name": "redoable",
2056
- "type": {
2057
- "text": "boolean"
2058
- }
2059
- }
2060
- ]
2061
- },
2062
- {
2063
- "kind": "method",
2064
- "name": "onSceneChanged",
2065
- "parameters": [
2066
- {
2067
- "name": "after",
2068
- "optional": true,
2221
+ "name": "description",
2069
2222
  "type": {
2070
- "text": "Scene"
2223
+ "text": "string"
2071
2224
  }
2072
2225
  },
2073
2226
  {
2074
- "name": "before",
2075
- "optional": true,
2227
+ "name": "groupId",
2076
2228
  "type": {
2077
- "text": "Scene"
2229
+ "text": "string"
2078
2230
  }
2079
2231
  }
2080
2232
  ]
2081
2233
  },
2082
2234
  {
2083
- "kind": "method",
2084
- "name": "onSelectedChanged",
2085
- "parameters": [
2086
- {
2087
- "name": "after",
2088
- "type": {
2089
- "text": "Component[]"
2090
- }
2091
- },
2092
- {
2093
- "name": "before",
2094
- "type": {
2095
- "text": "Component[]"
2096
- }
2097
- }
2098
- ]
2235
+ "kind": "field",
2236
+ "name": "limit",
2237
+ "type": {
2238
+ "text": "number"
2239
+ },
2240
+ "default": "50"
2241
+ }
2242
+ ],
2243
+ "events": [
2244
+ {
2245
+ "name": "board-selected",
2246
+ "type": {
2247
+ "text": "CustomEvent"
2248
+ }
2249
+ }
2250
+ ],
2251
+ "attributes": [
2252
+ {
2253
+ "name": "groups",
2254
+ "type": {
2255
+ "text": "{ id: string; name: string; description: string }[]"
2256
+ },
2257
+ "default": "[]",
2258
+ "fieldName": "groups"
2099
2259
  },
2100
2260
  {
2101
- "kind": "method",
2102
- "name": "onTapUndo"
2261
+ "name": "boards",
2262
+ "type": {
2263
+ "text": "any[]"
2264
+ },
2265
+ "default": "[]",
2266
+ "fieldName": "boards"
2103
2267
  },
2104
2268
  {
2105
- "kind": "method",
2106
- "name": "onTapRedo"
2269
+ "name": "group",
2270
+ "type": {
2271
+ "text": "string | undefined"
2272
+ },
2273
+ "fieldName": "group"
2107
2274
  },
2108
2275
  {
2109
- "kind": "method",
2110
- "name": "onTapCut"
2276
+ "name": "inherited",
2277
+ "type": {
2278
+ "text": "InheritedValueType | undefined"
2279
+ },
2280
+ "fieldName": "inherited"
2111
2281
  },
2112
2282
  {
2113
- "kind": "method",
2114
- "name": "onTapCopy"
2283
+ "name": "creatable",
2284
+ "type": {
2285
+ "text": "boolean"
2286
+ },
2287
+ "default": "false",
2288
+ "fieldName": "creatable"
2115
2289
  },
2116
2290
  {
2117
- "kind": "method",
2118
- "name": "onTapPaste"
2291
+ "name": "value",
2292
+ "type": {
2293
+ "text": "string | undefined"
2294
+ },
2295
+ "fieldName": "value"
2296
+ }
2297
+ ],
2298
+ "mixins": [
2299
+ {
2300
+ "name": "InfiniteScrollable",
2301
+ "package": "@operato/utils/mixins/infinite-scrollable.js"
2119
2302
  },
2120
2303
  {
2121
- "kind": "method",
2122
- "name": "onTapDelete"
2304
+ "name": "localize(i18next)",
2305
+ "module": "src/selector/ox-board-selector.ts"
2306
+ }
2307
+ ],
2308
+ "superclass": {
2309
+ "name": "LitElement",
2310
+ "package": "lit"
2311
+ },
2312
+ "tagName": "ox-editor-board-selector",
2313
+ "customElement": true
2314
+ }
2315
+ ],
2316
+ "exports": [
2317
+ {
2318
+ "kind": "js",
2319
+ "name": "BoardSelector",
2320
+ "declaration": {
2321
+ "name": "BoardSelector",
2322
+ "module": "src/selector/ox-board-selector.ts"
2323
+ }
2324
+ },
2325
+ {
2326
+ "kind": "custom-element-definition",
2327
+ "name": "ox-board-selector",
2328
+ "declaration": {
2329
+ "name": "BoardSelector",
2330
+ "module": "src/selector/ox-board-selector.ts"
2331
+ }
2332
+ }
2333
+ ]
2334
+ },
2335
+ {
2336
+ "kind": "javascript-module",
2337
+ "path": "src/modeller/edit-toolbar-style.ts",
2338
+ "declarations": [
2339
+ {
2340
+ "kind": "variable",
2341
+ "name": "style",
2342
+ "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`"
2343
+ }
2344
+ ],
2345
+ "exports": [
2346
+ {
2347
+ "kind": "js",
2348
+ "name": "style",
2349
+ "declaration": {
2350
+ "name": "style",
2351
+ "module": "src/modeller/edit-toolbar-style.ts"
2352
+ }
2353
+ }
2354
+ ]
2355
+ },
2356
+ {
2357
+ "kind": "javascript-module",
2358
+ "path": "src/modeller/edit-toolbar.ts",
2359
+ "declarations": [
2360
+ {
2361
+ "kind": "class",
2362
+ "description": "",
2363
+ "name": "EditToolbar",
2364
+ "members": [
2365
+ {
2366
+ "kind": "field",
2367
+ "name": "scene",
2368
+ "type": {
2369
+ "text": "Scene | undefined"
2370
+ },
2371
+ "attribute": "scene"
2123
2372
  },
2124
2373
  {
2125
- "kind": "method",
2126
- "name": "onTapSelectAll"
2374
+ "kind": "field",
2375
+ "name": "selected",
2376
+ "type": {
2377
+ "text": "any[]"
2378
+ },
2379
+ "default": "[]",
2380
+ "attribute": "selected"
2127
2381
  },
2128
2382
  {
2129
- "kind": "method",
2130
- "name": "onTapFontIncrease",
2383
+ "kind": "field",
2384
+ "name": "hideProperty",
2385
+ "type": {
2386
+ "text": "boolean"
2387
+ },
2388
+ "default": "false",
2389
+ "attribute": "hideProperty"
2390
+ },
2391
+ {
2392
+ "kind": "field",
2393
+ "name": "cliped",
2394
+ "type": {
2395
+ "text": "string | undefined"
2396
+ },
2397
+ "privacy": "private"
2398
+ },
2399
+ {
2400
+ "kind": "field",
2401
+ "name": "redo",
2402
+ "type": {
2403
+ "text": "HTMLElement"
2404
+ },
2405
+ "privacy": "private"
2406
+ },
2407
+ {
2408
+ "kind": "field",
2409
+ "name": "undo",
2410
+ "type": {
2411
+ "text": "HTMLElement"
2412
+ },
2413
+ "privacy": "private"
2414
+ },
2415
+ {
2416
+ "kind": "field",
2417
+ "name": "fullscreen",
2418
+ "type": {
2419
+ "text": "HTMLElement"
2420
+ },
2421
+ "privacy": "private"
2422
+ },
2423
+ {
2424
+ "kind": "field",
2425
+ "name": "cut",
2426
+ "type": {
2427
+ "text": "HTMLElement"
2428
+ },
2429
+ "privacy": "private"
2430
+ },
2431
+ {
2432
+ "kind": "field",
2433
+ "name": "copy",
2434
+ "type": {
2435
+ "text": "HTMLElement"
2436
+ },
2437
+ "privacy": "private"
2438
+ },
2439
+ {
2440
+ "kind": "field",
2441
+ "name": "paste",
2442
+ "type": {
2443
+ "text": "HTMLElement"
2444
+ },
2445
+ "privacy": "private"
2446
+ },
2447
+ {
2448
+ "kind": "field",
2449
+ "name": "delete",
2450
+ "type": {
2451
+ "text": "HTMLElement"
2452
+ },
2453
+ "privacy": "private"
2454
+ },
2455
+ {
2456
+ "kind": "field",
2457
+ "name": "forward",
2458
+ "type": {
2459
+ "text": "HTMLElement"
2460
+ },
2461
+ "privacy": "private"
2462
+ },
2463
+ {
2464
+ "kind": "field",
2465
+ "name": "backward",
2466
+ "type": {
2467
+ "text": "HTMLElement"
2468
+ },
2469
+ "privacy": "private"
2470
+ },
2471
+ {
2472
+ "kind": "field",
2473
+ "name": "front",
2474
+ "type": {
2475
+ "text": "HTMLElement"
2476
+ },
2477
+ "privacy": "private"
2478
+ },
2479
+ {
2480
+ "kind": "field",
2481
+ "name": "back",
2482
+ "type": {
2483
+ "text": "HTMLElement"
2484
+ },
2485
+ "privacy": "private"
2486
+ },
2487
+ {
2488
+ "kind": "field",
2489
+ "name": "aligners",
2490
+ "type": {
2491
+ "text": "NodeListOf<HTMLSpanElement>"
2492
+ },
2493
+ "privacy": "private"
2494
+ },
2495
+ {
2496
+ "kind": "field",
2497
+ "name": "zorders",
2498
+ "type": {
2499
+ "text": "NodeListOf<HTMLSpanElement>"
2500
+ },
2501
+ "privacy": "private"
2502
+ },
2503
+ {
2504
+ "kind": "field",
2505
+ "name": "distributes",
2506
+ "type": {
2507
+ "text": "NodeListOf<HTMLSpanElement>"
2508
+ },
2509
+ "privacy": "private"
2510
+ },
2511
+ {
2512
+ "kind": "method",
2513
+ "name": "onWheelEvent",
2131
2514
  "parameters": [
2132
2515
  {
2133
2516
  "name": "e",
2134
2517
  "type": {
2135
- "text": "TouchEvent"
2518
+ "text": "Event"
2136
2519
  }
2137
2520
  }
2138
2521
  ]
2139
2522
  },
2140
2523
  {
2141
2524
  "kind": "method",
2142
- "name": "onTapFontDecrease",
2525
+ "name": "getSymbol",
2143
2526
  "parameters": [
2144
2527
  {
2145
- "name": "e",
2528
+ "name": "key",
2146
2529
  "type": {
2147
- "text": "TouchEvent"
2530
+ "text": "string"
2148
2531
  }
2149
2532
  }
2150
2533
  ]
2151
2534
  },
2152
2535
  {
2153
2536
  "kind": "method",
2154
- "name": "onTapAlign",
2537
+ "name": "getShortcutString",
2538
+ "privacy": "private",
2155
2539
  "parameters": [
2156
2540
  {
2157
- "name": "e",
2541
+ "name": "keys",
2158
2542
  "type": {
2159
- "text": "TouchEvent | string"
2543
+ "text": "string[]"
2160
2544
  }
2161
2545
  }
2162
2546
  ]
2163
2547
  },
2164
2548
  {
2165
2549
  "kind": "method",
2166
- "name": "onTapZorder",
2550
+ "name": "onShortcut",
2167
2551
  "parameters": [
2168
2552
  {
2169
2553
  "name": "e",
2170
2554
  "type": {
2171
- "text": "TouchEvent | string"
2555
+ "text": "KeyboardEvent"
2172
2556
  }
2173
2557
  }
2174
2558
  ]
2175
2559
  },
2176
2560
  {
2177
2561
  "kind": "method",
2178
- "name": "onTapSymmetryX"
2562
+ "name": "onExecute",
2563
+ "parameters": [
2564
+ {
2565
+ "name": "command",
2566
+ "type": {
2567
+ "text": "string"
2568
+ }
2569
+ },
2570
+ {
2571
+ "name": "undoable",
2572
+ "type": {
2573
+ "text": "boolean"
2574
+ }
2575
+ },
2576
+ {
2577
+ "name": "redoable",
2578
+ "type": {
2579
+ "text": "boolean"
2580
+ }
2581
+ }
2582
+ ]
2179
2583
  },
2180
2584
  {
2181
2585
  "kind": "method",
2182
- "name": "onTapSymmetryY"
2586
+ "name": "onUndo",
2587
+ "parameters": [
2588
+ {
2589
+ "name": "undoable",
2590
+ "type": {
2591
+ "text": "boolean"
2592
+ }
2593
+ },
2594
+ {
2595
+ "name": "redoable",
2596
+ "type": {
2597
+ "text": "boolean"
2598
+ }
2599
+ }
2600
+ ]
2183
2601
  },
2184
2602
  {
2185
2603
  "kind": "method",
2186
- "name": "onTapRotateCW"
2604
+ "name": "onRedo",
2605
+ "parameters": [
2606
+ {
2607
+ "name": "undoable",
2608
+ "type": {
2609
+ "text": "boolean"
2610
+ }
2611
+ },
2612
+ {
2613
+ "name": "redoable",
2614
+ "type": {
2615
+ "text": "boolean"
2616
+ }
2617
+ }
2618
+ ]
2187
2619
  },
2188
2620
  {
2189
2621
  "kind": "method",
2190
- "name": "onTapRotateCCW"
2622
+ "name": "onSceneChanged",
2623
+ "parameters": [
2624
+ {
2625
+ "name": "after",
2626
+ "optional": true,
2627
+ "type": {
2628
+ "text": "Scene"
2629
+ }
2630
+ },
2631
+ {
2632
+ "name": "before",
2633
+ "optional": true,
2634
+ "type": {
2635
+ "text": "Scene"
2636
+ }
2637
+ }
2638
+ ]
2191
2639
  },
2192
2640
  {
2193
2641
  "kind": "method",
2194
- "name": "onTapGroup"
2642
+ "name": "onSelectedChanged",
2643
+ "parameters": [
2644
+ {
2645
+ "name": "after",
2646
+ "type": {
2647
+ "text": "Component[]"
2648
+ }
2649
+ },
2650
+ {
2651
+ "name": "before",
2652
+ "type": {
2653
+ "text": "Component[]"
2654
+ }
2655
+ }
2656
+ ]
2195
2657
  },
2196
2658
  {
2197
2659
  "kind": "method",
2198
- "name": "onTapUngroup"
2660
+ "name": "onTapUndo"
2199
2661
  },
2200
2662
  {
2201
2663
  "kind": "method",
2202
- "name": "onTapFullscreen"
2664
+ "name": "onTapRedo"
2203
2665
  },
2204
2666
  {
2205
2667
  "kind": "method",
2206
- "name": "onTapToggle"
2668
+ "name": "onTapCut"
2207
2669
  },
2208
2670
  {
2209
2671
  "kind": "method",
2210
- "name": "onTapFitScene"
2672
+ "name": "onTapCopy"
2211
2673
  },
2212
2674
  {
2213
2675
  "kind": "method",
2214
- "name": "onTapPreview"
2676
+ "name": "onTapPaste"
2215
2677
  },
2216
2678
  {
2217
2679
  "kind": "method",
2218
- "name": "onTapDownloadModel"
2680
+ "name": "onTapDelete"
2219
2681
  },
2220
2682
  {
2221
2683
  "kind": "method",
2222
- "name": "onTapDistribute",
2684
+ "name": "onTapSelectAll"
2685
+ },
2686
+ {
2687
+ "kind": "method",
2688
+ "name": "onTapFontIncrease",
2223
2689
  "parameters": [
2224
2690
  {
2225
2691
  "name": "e",
2226
2692
  "type": {
2227
- "text": "TouchEvent | string"
2693
+ "text": "TouchEvent"
2228
2694
  }
2229
2695
  }
2230
2696
  ]
2231
- }
2232
- ],
2233
- "events": [
2234
- {
2235
- "name": "modeller-fullscreen",
2236
- "type": {
2237
- "text": "CustomEvent"
2238
- }
2239
- },
2240
- {
2241
- "name": "hide-property-changed",
2242
- "type": {
2243
- "text": "CustomEvent"
2244
- }
2245
- },
2246
- {
2247
- "name": "open-preview",
2248
- "type": {
2249
- "text": "CustomEvent"
2250
- }
2251
- },
2252
- {
2253
- "name": "download-model",
2254
- "type": {
2255
- "text": "CustomEvent"
2256
- }
2257
- }
2258
- ],
2259
- "attributes": [
2260
- {
2261
- "name": "scene",
2262
- "type": {
2263
- "text": "Scene | undefined"
2264
- },
2265
- "fieldName": "scene"
2266
- },
2267
- {
2268
- "name": "selected",
2269
- "type": {
2270
- "text": "any[]"
2271
- },
2272
- "default": "[]",
2273
- "fieldName": "selected"
2274
- },
2275
- {
2276
- "name": "hideProperty",
2277
- "type": {
2278
- "text": "boolean"
2279
- },
2280
- "default": "false",
2281
- "fieldName": "hideProperty"
2282
- }
2283
- ],
2284
- "superclass": {
2285
- "name": "LitElement",
2286
- "package": "lit"
2287
- },
2288
- "customElement": true
2289
- }
2290
- ],
2291
- "exports": [
2292
- {
2293
- "kind": "js",
2294
- "name": "EditToolbar",
2295
- "declaration": {
2296
- "name": "EditToolbar",
2297
- "module": "src/modeller/edit-toolbar.ts"
2298
- }
2299
- }
2300
- ]
2301
- },
2302
- {
2303
- "kind": "javascript-module",
2304
- "path": "src/selector/board-creation-popup.ts",
2305
- "declarations": [
2306
- {
2307
- "kind": "class",
2308
- "description": "",
2309
- "name": "BoardCreationPopup",
2310
- "members": [
2311
- {
2312
- "kind": "field",
2313
- "name": "defaultGroup",
2314
- "type": {
2315
- "text": "string | undefined"
2316
- },
2317
- "attribute": "defaultGroup"
2318
- },
2319
- {
2320
- "kind": "field",
2321
- "name": "groups",
2322
- "type": {
2323
- "text": "{ id: string; name: string }[] | undefined"
2324
- },
2325
- "attribute": "groups"
2326
2697
  },
2327
2698
  {
2328
2699
  "kind": "method",
2329
- "name": "onClickSubmit"
2330
- }
2331
- ],
2332
- "events": [
2333
- {
2334
- "name": "create-board",
2335
- "type": {
2336
- "text": "CustomEvent"
2337
- }
2338
- }
2339
- ],
2340
- "attributes": [
2341
- {
2342
- "name": "defaultGroup",
2343
- "type": {
2344
- "text": "string | undefined"
2345
- },
2346
- "fieldName": "defaultGroup"
2347
- },
2348
- {
2349
- "name": "groups",
2350
- "type": {
2351
- "text": "{ id: string; name: string }[] | undefined"
2352
- },
2353
- "fieldName": "groups"
2354
- }
2355
- ],
2356
- "mixins": [
2357
- {
2358
- "name": "localize(i18next)",
2359
- "module": "src/selector/board-creation-popup.ts"
2360
- }
2361
- ],
2362
- "superclass": {
2363
- "name": "LitElement",
2364
- "package": "lit"
2365
- },
2366
- "tagName": "board-creation-popup",
2367
- "customElement": true
2368
- }
2369
- ],
2370
- "exports": [
2371
- {
2372
- "kind": "js",
2373
- "name": "BoardCreationPopup",
2374
- "declaration": {
2375
- "name": "BoardCreationPopup",
2376
- "module": "src/selector/board-creation-popup.ts"
2377
- }
2378
- },
2379
- {
2380
- "kind": "custom-element-definition",
2381
- "name": "board-creation-popup",
2382
- "declaration": {
2383
- "name": "BoardCreationPopup",
2384
- "module": "src/selector/board-creation-popup.ts"
2385
- }
2386
- }
2387
- ]
2388
- },
2389
- {
2390
- "kind": "javascript-module",
2391
- "path": "src/selector/board-thumbnail-card.ts",
2392
- "declarations": [
2393
- {
2394
- "kind": "class",
2395
- "description": "",
2396
- "name": "BoardThumbnailCard",
2397
- "members": [
2398
- {
2399
- "kind": "field",
2400
- "name": "defaultGroup",
2401
- "type": {
2402
- "text": "string | undefined"
2403
- },
2404
- "attribute": "defaultGroup"
2405
- },
2406
- {
2407
- "kind": "field",
2408
- "name": "groups",
2409
- "type": {
2410
- "text": "{ id: string; name: string }[] | undefined"
2411
- },
2412
- "attribute": "groups"
2700
+ "name": "onTapFontDecrease",
2701
+ "parameters": [
2702
+ {
2703
+ "name": "e",
2704
+ "type": {
2705
+ "text": "TouchEvent"
2706
+ }
2707
+ }
2708
+ ]
2413
2709
  },
2414
2710
  {
2415
2711
  "kind": "method",
2416
- "name": "onClickFlip",
2712
+ "name": "onTapAlign",
2417
2713
  "parameters": [
2418
2714
  {
2419
2715
  "name": "e",
2420
2716
  "type": {
2421
- "text": "Event"
2717
+ "text": "TouchEvent | string"
2422
2718
  }
2423
2719
  }
2424
2720
  ]
2425
2721
  },
2426
2722
  {
2427
2723
  "kind": "method",
2428
- "name": "onClickSubmit",
2724
+ "name": "onTapZorder",
2429
2725
  "parameters": [
2430
2726
  {
2431
2727
  "name": "e",
2432
2728
  "type": {
2433
- "text": "Event"
2729
+ "text": "TouchEvent | string"
2434
2730
  }
2435
2731
  }
2436
2732
  ]
2437
2733
  },
2438
2734
  {
2439
2735
  "kind": "method",
2440
- "name": "reset"
2441
- }
2442
- ],
2443
- "events": [
2444
- {
2445
- "name": "create-board",
2446
- "type": {
2447
- "text": "CustomEvent"
2448
- }
2449
- }
2450
- ],
2451
- "attributes": [
2452
- {
2453
- "name": "defaultGroup",
2454
- "type": {
2455
- "text": "string | undefined"
2456
- },
2457
- "fieldName": "defaultGroup"
2458
- },
2459
- {
2460
- "name": "groups",
2461
- "type": {
2462
- "text": "{ id: string; name: string }[] | undefined"
2463
- },
2464
- "fieldName": "groups"
2465
- }
2466
- ],
2467
- "mixins": [
2468
- {
2469
- "name": "localize(i18next)",
2470
- "module": "src/selector/board-thumbnail-card.ts"
2471
- }
2472
- ],
2473
- "superclass": {
2474
- "name": "LitElement",
2475
- "package": "lit"
2476
- },
2477
- "tagName": "board-thumbnail-card",
2478
- "customElement": true
2479
- }
2480
- ],
2481
- "exports": [
2482
- {
2483
- "kind": "js",
2484
- "name": "BoardThumbnailCard",
2485
- "declaration": {
2486
- "name": "BoardThumbnailCard",
2487
- "module": "src/selector/board-thumbnail-card.ts"
2488
- }
2489
- },
2490
- {
2491
- "kind": "custom-element-definition",
2492
- "name": "board-thumbnail-card",
2493
- "declaration": {
2494
- "name": "BoardThumbnailCard",
2495
- "module": "src/selector/board-thumbnail-card.ts"
2496
- }
2497
- }
2498
- ]
2499
- },
2500
- {
2501
- "kind": "javascript-module",
2502
- "path": "src/selector/ox-board-creation-card.ts",
2503
- "declarations": [
2504
- {
2505
- "kind": "class",
2506
- "description": "",
2507
- "name": "BoardCreationCard",
2508
- "members": [
2509
- {
2510
- "kind": "field",
2511
- "name": "defaultGroup",
2512
- "type": {
2513
- "text": "string | undefined"
2514
- },
2515
- "attribute": "defaultGroup"
2516
- },
2517
- {
2518
- "kind": "field",
2519
- "name": "groups",
2520
- "type": {
2521
- "text": "any"
2522
- },
2523
- "attribute": "groups"
2524
- },
2525
- {
2526
- "kind": "field",
2527
- "name": "popup",
2528
- "type": {
2529
- "text": "any"
2530
- },
2531
- "privacy": "private"
2736
+ "name": "onTapSymmetryX"
2532
2737
  },
2533
2738
  {
2534
2739
  "kind": "method",
2535
- "name": "onClick"
2740
+ "name": "onTapSymmetryY"
2536
2741
  },
2537
2742
  {
2538
2743
  "kind": "method",
2539
- "name": "reset"
2540
- }
2541
- ],
2542
- "events": [
2543
- {
2544
- "name": "create-board",
2545
- "type": {
2546
- "text": "CustomEvent"
2547
- }
2548
- }
2549
- ],
2550
- "attributes": [
2551
- {
2552
- "name": "defaultGroup",
2553
- "type": {
2554
- "text": "string | undefined"
2555
- },
2556
- "fieldName": "defaultGroup"
2557
- },
2558
- {
2559
- "name": "groups",
2560
- "type": {
2561
- "text": "any"
2562
- },
2563
- "fieldName": "groups"
2564
- }
2565
- ],
2566
- "mixins": [
2567
- {
2568
- "name": "localize(i18next)",
2569
- "module": "src/selector/ox-board-creation-card.ts"
2570
- }
2571
- ],
2572
- "superclass": {
2573
- "name": "LitElement",
2574
- "package": "lit"
2575
- },
2576
- "tagName": "ox-board-creation-card",
2577
- "customElement": true
2578
- }
2579
- ],
2580
- "exports": [
2581
- {
2582
- "kind": "js",
2583
- "name": "BoardCreationCard",
2584
- "declaration": {
2585
- "name": "BoardCreationCard",
2586
- "module": "src/selector/ox-board-creation-card.ts"
2587
- }
2588
- },
2589
- {
2590
- "kind": "custom-element-definition",
2591
- "name": "ox-board-creation-card",
2592
- "declaration": {
2593
- "name": "BoardCreationCard",
2594
- "module": "src/selector/ox-board-creation-card.ts"
2595
- }
2596
- }
2597
- ]
2598
- },
2599
- {
2600
- "kind": "javascript-module",
2601
- "path": "src/selector/ox-board-selector.ts",
2602
- "declarations": [
2603
- {
2604
- "kind": "class",
2605
- "description": "",
2606
- "name": "BoardSelector",
2607
- "members": [
2608
- {
2609
- "kind": "field",
2610
- "name": "groups",
2611
- "type": {
2612
- "text": "{ id: string; name: string; description: string }[]"
2613
- },
2614
- "default": "[]",
2615
- "attribute": "groups"
2616
- },
2617
- {
2618
- "kind": "field",
2619
- "name": "boards",
2620
- "type": {
2621
- "text": "any[]"
2622
- },
2623
- "default": "[]",
2624
- "attribute": "boards"
2625
- },
2626
- {
2627
- "kind": "field",
2628
- "name": "group",
2629
- "type": {
2630
- "text": "string | undefined"
2631
- },
2632
- "attribute": "group"
2633
- },
2634
- {
2635
- "kind": "field",
2636
- "name": "inherited",
2637
- "type": {
2638
- "text": "InheritedValueType | undefined"
2639
- },
2640
- "attribute": "inherited"
2641
- },
2642
- {
2643
- "kind": "field",
2644
- "name": "creatable",
2645
- "type": {
2646
- "text": "boolean"
2647
- },
2648
- "default": "false",
2649
- "attribute": "creatable"
2650
- },
2651
- {
2652
- "kind": "field",
2653
- "name": "value",
2654
- "type": {
2655
- "text": "string | undefined"
2656
- },
2657
- "attribute": "value"
2658
- },
2659
- {
2660
- "kind": "field",
2661
- "name": "_page",
2662
- "type": {
2663
- "text": "number"
2664
- },
2665
- "privacy": "private",
2666
- "default": "1"
2667
- },
2668
- {
2669
- "kind": "field",
2670
- "name": "_total",
2671
- "type": {
2672
- "text": "number"
2673
- },
2674
- "privacy": "private",
2675
- "default": "0"
2744
+ "name": "onTapRotateCW"
2676
2745
  },
2677
2746
  {
2678
- "kind": "field",
2679
- "name": "scrollTargetEl",
2680
- "type": {
2681
- "text": "HTMLElement | null"
2682
- },
2683
- "readonly": true
2747
+ "kind": "method",
2748
+ "name": "onTapRotateCCW"
2684
2749
  },
2685
2750
  {
2686
2751
  "kind": "method",
2687
- "name": "scrollAction"
2752
+ "name": "onTapGroup"
2688
2753
  },
2689
2754
  {
2690
2755
  "kind": "method",
2691
- "name": "onClickSelect",
2692
- "parameters": [
2693
- {
2694
- "name": "board",
2695
- "type": {
2696
- "text": "any"
2697
- }
2698
- }
2699
- ]
2756
+ "name": "onTapUngroup"
2700
2757
  },
2701
2758
  {
2702
2759
  "kind": "method",
2703
- "name": "onCreateBoard",
2704
- "parameters": [
2705
- {
2706
- "name": "e",
2707
- "type": {
2708
- "text": "CustomEvent"
2709
- }
2710
- }
2711
- ]
2760
+ "name": "onTapFullscreen"
2712
2761
  },
2713
2762
  {
2714
2763
  "kind": "method",
2715
- "name": "refreshGroups"
2764
+ "name": "onTapToggle"
2716
2765
  },
2717
2766
  {
2718
2767
  "kind": "method",
2719
- "name": "refreshBoards"
2768
+ "name": "onTapFitScene"
2720
2769
  },
2721
2770
  {
2722
2771
  "kind": "method",
2723
- "name": "appendBoards"
2772
+ "name": "onTapPreview"
2724
2773
  },
2725
2774
  {
2726
2775
  "kind": "method",
2727
- "name": "getBoards",
2728
- "parameters": [
2729
- {
2730
- "name": "{ page = 1, limit = this._infiniteScrollOptions.limit }",
2731
- "default": "{}"
2732
- }
2733
- ]
2776
+ "name": "onTapDownloadModel"
2734
2777
  },
2735
2778
  {
2736
2779
  "kind": "method",
2737
- "name": "createBoard",
2780
+ "name": "onTapDistribute",
2738
2781
  "parameters": [
2739
2782
  {
2740
- "name": "name",
2741
- "type": {
2742
- "text": "string"
2743
- }
2744
- },
2745
- {
2746
- "name": "description",
2747
- "type": {
2748
- "text": "string"
2749
- }
2750
- },
2751
- {
2752
- "name": "groupId",
2783
+ "name": "e",
2753
2784
  "type": {
2754
- "text": "string"
2785
+ "text": "TouchEvent | string"
2755
2786
  }
2756
2787
  }
2757
2788
  ]
2758
- },
2759
- {
2760
- "kind": "field",
2761
- "name": "limit",
2762
- "type": {
2763
- "text": "number"
2764
- },
2765
- "default": "50"
2766
2789
  }
2767
2790
  ],
2768
2791
  "events": [
2769
2792
  {
2770
- "name": "board-selected",
2793
+ "name": "modeller-fullscreen",
2771
2794
  "type": {
2772
2795
  "text": "CustomEvent"
2773
2796
  }
2774
- }
2775
- ],
2776
- "attributes": [
2777
- {
2778
- "name": "groups",
2779
- "type": {
2780
- "text": "{ id: string; name: string; description: string }[]"
2781
- },
2782
- "default": "[]",
2783
- "fieldName": "groups"
2784
2797
  },
2785
2798
  {
2786
- "name": "boards",
2799
+ "name": "hide-property-changed",
2787
2800
  "type": {
2788
- "text": "any[]"
2789
- },
2790
- "default": "[]",
2791
- "fieldName": "boards"
2801
+ "text": "CustomEvent"
2802
+ }
2792
2803
  },
2793
2804
  {
2794
- "name": "group",
2805
+ "name": "open-preview",
2795
2806
  "type": {
2796
- "text": "string | undefined"
2797
- },
2798
- "fieldName": "group"
2807
+ "text": "CustomEvent"
2808
+ }
2799
2809
  },
2800
2810
  {
2801
- "name": "inherited",
2811
+ "name": "download-model",
2802
2812
  "type": {
2803
- "text": "InheritedValueType | undefined"
2804
- },
2805
- "fieldName": "inherited"
2806
- },
2813
+ "text": "CustomEvent"
2814
+ }
2815
+ }
2816
+ ],
2817
+ "attributes": [
2807
2818
  {
2808
- "name": "creatable",
2819
+ "name": "scene",
2809
2820
  "type": {
2810
- "text": "boolean"
2821
+ "text": "Scene | undefined"
2811
2822
  },
2812
- "default": "false",
2813
- "fieldName": "creatable"
2823
+ "fieldName": "scene"
2814
2824
  },
2815
2825
  {
2816
- "name": "value",
2826
+ "name": "selected",
2817
2827
  "type": {
2818
- "text": "string | undefined"
2828
+ "text": "any[]"
2819
2829
  },
2820
- "fieldName": "value"
2821
- }
2822
- ],
2823
- "mixins": [
2824
- {
2825
- "name": "InfiniteScrollable",
2826
- "package": "@operato/utils/mixins/infinite-scrollable.js"
2830
+ "default": "[]",
2831
+ "fieldName": "selected"
2827
2832
  },
2828
2833
  {
2829
- "name": "localize(i18next)",
2830
- "module": "src/selector/ox-board-selector.ts"
2831
- }
2832
- ],
2833
- "superclass": {
2834
- "name": "LitElement",
2835
- "package": "lit"
2836
- },
2837
- "tagName": "ox-editor-board-selector",
2838
- "customElement": true
2839
- }
2840
- ],
2841
- "exports": [
2842
- {
2843
- "kind": "js",
2844
- "name": "BoardSelector",
2845
- "declaration": {
2846
- "name": "BoardSelector",
2847
- "module": "src/selector/ox-board-selector.ts"
2848
- }
2849
- },
2850
- {
2851
- "kind": "custom-element-definition",
2852
- "name": "ox-board-selector",
2853
- "declaration": {
2854
- "name": "BoardSelector",
2855
- "module": "src/selector/ox-board-selector.ts"
2856
- }
2857
- }
2858
- ]
2859
- },
2860
- {
2861
- "kind": "javascript-module",
2862
- "path": "src/modeller/component-toolbar/component-detail.ts",
2863
- "declarations": [
2864
- {
2865
- "kind": "class",
2866
- "description": "",
2867
- "name": "ComponentDetail",
2868
- "members": [
2869
- {
2870
- "kind": "field",
2871
- "name": "template",
2872
- "type": {
2873
- "text": "{ about: string } | null"
2874
- },
2875
- "default": "null",
2876
- "attribute": "template"
2877
- }
2878
- ],
2879
- "attributes": [
2880
- {
2881
- "name": "template",
2834
+ "name": "hideProperty",
2882
2835
  "type": {
2883
- "text": "{ about: string } | null"
2836
+ "text": "boolean"
2884
2837
  },
2885
- "default": "null",
2886
- "fieldName": "template"
2838
+ "default": "false",
2839
+ "fieldName": "hideProperty"
2887
2840
  }
2888
2841
  ],
2889
2842
  "superclass": {
@@ -2896,157 +2849,72 @@
2896
2849
  "exports": [
2897
2850
  {
2898
2851
  "kind": "js",
2899
- "name": "ComponentDetail",
2852
+ "name": "EditToolbar",
2900
2853
  "declaration": {
2901
- "name": "ComponentDetail",
2902
- "module": "src/modeller/component-toolbar/component-detail.ts"
2854
+ "name": "EditToolbar",
2855
+ "module": "src/modeller/edit-toolbar.ts"
2903
2856
  }
2904
2857
  }
2905
2858
  ]
2906
2859
  },
2907
2860
  {
2908
2861
  "kind": "javascript-module",
2909
- "path": "src/modeller/component-toolbar/component-menu.ts",
2862
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
2910
2863
  "declarations": [
2911
2864
  {
2912
2865
  "kind": "class",
2913
2866
  "description": "",
2914
- "name": "ComponentMenu",
2867
+ "name": "AbstractProperty",
2915
2868
  "members": [
2916
- {
2917
- "kind": "field",
2918
- "name": "groups",
2919
- "type": {
2920
- "text": "Pallet[]"
2921
- },
2922
- "default": "[]",
2923
- "attribute": "groups"
2924
- },
2925
- {
2926
- "kind": "field",
2927
- "name": "scene",
2928
- "type": {
2929
- "text": "Scene | null"
2930
- },
2931
- "default": "null",
2932
- "attribute": "scene"
2933
- },
2934
- {
2935
- "kind": "field",
2936
- "name": "group",
2937
- "type": {
2938
- "text": "string | null"
2939
- },
2940
- "default": "''",
2941
- "attribute": "group"
2942
- },
2943
- {
2944
- "kind": "field",
2945
- "name": "templates",
2946
- "type": {
2947
- "text": "PalletItem[]"
2948
- },
2949
- "default": "[]"
2950
- },
2951
- {
2952
- "kind": "field",
2953
- "name": "template",
2954
- "type": {
2955
- "text": "PalletItem | any"
2956
- }
2957
- },
2958
- {
2959
- "kind": "field",
2960
- "name": "detail",
2961
- "type": {
2962
- "text": "HTMLElement"
2963
- }
2964
- },
2965
- {
2966
- "kind": "field",
2967
- "name": "scopedElements",
2968
- "static": true,
2969
- "readonly": true
2970
- },
2971
- {
2972
- "kind": "method",
2973
- "name": "findTemplate",
2974
- "parameters": [
2975
- {
2976
- "name": "type",
2977
- "type": {
2978
- "text": "string | null | undefined"
2979
- }
2980
- }
2981
- ]
2982
- },
2983
2869
  {
2984
2870
  "kind": "method",
2985
- "name": "onHoverComponent",
2871
+ "name": "_onValueChange",
2986
2872
  "parameters": [
2987
2873
  {
2988
2874
  "name": "e",
2989
2875
  "type": {
2990
- "text": "MouseEvent"
2876
+ "text": "Event"
2991
2877
  }
2992
2878
  }
2993
2879
  ]
2994
2880
  },
2995
2881
  {
2996
2882
  "kind": "method",
2997
- "name": "onClickTemplate",
2883
+ "name": "_getValueFromEventTarget",
2998
2884
  "parameters": [
2999
2885
  {
3000
- "name": "e",
2886
+ "name": "element",
3001
2887
  "type": {
3002
- "text": "MouseEvent"
2888
+ "text": "HTMLElement"
3003
2889
  }
3004
2890
  }
3005
2891
  ]
3006
2892
  },
3007
2893
  {
3008
2894
  "kind": "method",
3009
- "name": "templateIcon",
2895
+ "name": "_onAfterValueChange",
3010
2896
  "parameters": [
3011
2897
  {
3012
- "name": "template",
2898
+ "name": "key",
3013
2899
  "type": {
3014
- "text": "PalletItem"
2900
+ "text": "string"
2901
+ }
2902
+ },
2903
+ {
2904
+ "name": "value",
2905
+ "type": {
2906
+ "text": "any"
3015
2907
  }
3016
2908
  }
3017
2909
  ]
3018
2910
  }
3019
2911
  ],
3020
- "attributes": [
3021
- {
3022
- "name": "groups",
3023
- "type": {
3024
- "text": "Pallet[]"
3025
- },
3026
- "default": "[]",
3027
- "fieldName": "groups"
3028
- },
3029
- {
3030
- "name": "scene",
3031
- "type": {
3032
- "text": "Scene | null"
3033
- },
3034
- "default": "null",
3035
- "fieldName": "scene"
3036
- },
2912
+ "events": [
3037
2913
  {
3038
- "name": "group",
2914
+ "name": "property-change",
3039
2915
  "type": {
3040
- "text": "string | null"
3041
- },
3042
- "default": "''",
3043
- "fieldName": "group"
3044
- }
3045
- ],
3046
- "mixins": [
3047
- {
3048
- "name": "ScopedElementsMixin",
3049
- "package": "@open-wc/scoped-elements"
2916
+ "text": "CustomEvent"
2917
+ }
3050
2918
  }
3051
2919
  ],
3052
2920
  "superclass": {
@@ -3059,95 +2927,131 @@
3059
2927
  "exports": [
3060
2928
  {
3061
2929
  "kind": "js",
3062
- "name": "ComponentMenu",
2930
+ "name": "AbstractProperty",
3063
2931
  "declaration": {
3064
- "name": "ComponentMenu",
3065
- "module": "src/modeller/component-toolbar/component-menu.ts"
2932
+ "name": "AbstractProperty",
2933
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
3066
2934
  }
3067
2935
  }
3068
2936
  ]
3069
2937
  },
3070
2938
  {
3071
2939
  "kind": "javascript-module",
3072
- "path": "src/modeller/component-toolbar/component-toolbar.ts",
2940
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
2941
+ "declarations": [
2942
+ {
2943
+ "kind": "variable",
2944
+ "name": "PropertySharedStyle",
2945
+ "default": "css`\n fieldset {\n border: none;\n margin: 4px;\n padding: 9px 4px 9px 4px;\n border-bottom: var(--property-sidebar-fieldset-border);\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-label);\n }\n\n fieldset legend {\n padding: 5px 0 0 5px;\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-legend);\n text-transform: capitalize;\n }\n\n select,\n input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n /* property grid */\n .property-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .property-grid > * {\n width: 100%;\n box-sizing: border-box;\n }\n\n .property-grid > label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n line-height: 2;\n }\n\n .property-grid > input,\n .property-grid > table,\n .property-grid > select,\n .property-grid > ox-input-angle,\n .property-grid > ox-buttons-radio,\n .property-grid > ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n align-self: stretch;\n }\n\n .property-grid > .checkbox-row {\n grid-column: span 10;\n }\n\n .property-grid > .property-full-label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n }\n\n .property-grid > .property-half-label {\n grid-column: span 1;\n }\n\n .property-grid > .property-full-input {\n grid-column: span 7;\n }\n\n .property-grid > .property-half-input {\n grid-column: span 4;\n }\n\n /* checkbox-row */\n .checkbox-row {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .checkbox-row > input {\n grid-column: 4 / 5;\n }\n\n .checkbox-row > label {\n grid-column: span 6;\n text-align: left;\n }\n\n /* image resources */\n .icon-only-label {\n grid-column: span 1;\n\n background: var(--url-icon-properties-label) no-repeat;\n float: left;\n margin: 0;\n align-self: stretch;\n }\n\n .icon-only-label.color {\n background-position: 100% -500px;\n }\n .icon-only-label.font-size {\n background-position: 100% -594px;\n }\n .icon-only-label.leading {\n background-position: 100% -696px;\n }\n .icon-only-label.hscale {\n background-position: 100% -296px;\n }\n .icon-only-label.vscale {\n background-position: 100% -396px;\n }\n .icon-only-label.linewidth {\n background-position: 100% -894px;\n }\n .icon-only-label.lineHeight {\n background-position: 100% -995px;\n }\n`"
2946
+ }
2947
+ ],
2948
+ "exports": [
2949
+ {
2950
+ "kind": "js",
2951
+ "name": "PropertySharedStyle",
2952
+ "declaration": {
2953
+ "name": "PropertySharedStyle",
2954
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
2955
+ }
2956
+ }
2957
+ ]
2958
+ },
2959
+ {
2960
+ "kind": "javascript-module",
2961
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
3073
2962
  "declarations": [
3074
2963
  {
3075
2964
  "kind": "class",
3076
2965
  "description": "",
3077
- "name": "ComponentToolbar",
2966
+ "name": "PropertySidebar",
3078
2967
  "members": [
3079
2968
  {
3080
2969
  "kind": "field",
3081
- "name": "componentGroupList",
2970
+ "name": "scene",
3082
2971
  "type": {
3083
- "text": "ComponentGroup[]"
2972
+ "text": "Scene | null"
3084
2973
  },
3085
- "default": "[]",
3086
- "attribute": "componentGroupList"
2974
+ "default": "null",
2975
+ "attribute": "scene"
3087
2976
  },
3088
2977
  {
3089
2978
  "kind": "field",
3090
- "name": "group",
2979
+ "name": "bounds",
3091
2980
  "type": {
3092
- "text": "string | null | undefined"
2981
+ "text": "any"
3093
2982
  },
3094
- "attribute": "group"
2983
+ "default": "{}",
2984
+ "attribute": "bounds"
3095
2985
  },
3096
2986
  {
3097
2987
  "kind": "field",
3098
- "name": "scene",
2988
+ "name": "model",
3099
2989
  "type": {
3100
- "text": "Scene"
2990
+ "text": "Model | null"
3101
2991
  },
3102
- "attribute": "scene"
2992
+ "default": "{}",
2993
+ "attribute": "model"
3103
2994
  },
3104
2995
  {
3105
2996
  "kind": "field",
3106
- "name": "mode",
2997
+ "name": "selected",
3107
2998
  "type": {
3108
- "text": "SCENE_MODE"
2999
+ "text": "Component[]"
3109
3000
  },
3110
- "attribute": "mode"
3001
+ "default": "[]",
3002
+ "attribute": "selected"
3111
3003
  },
3112
3004
  {
3113
3005
  "kind": "field",
3114
- "name": "shift",
3006
+ "name": "specificProps",
3115
3007
  "type": {
3116
- "text": "HTMLImageElement"
3117
- }
3008
+ "text": "any"
3009
+ },
3010
+ "attribute": "specificProps"
3118
3011
  },
3119
3012
  {
3120
3013
  "kind": "field",
3121
- "name": "menu",
3014
+ "name": "tabName",
3122
3015
  "type": {
3123
- "text": "HTMLElement"
3016
+ "text": "string | null"
3124
3017
  },
3125
- "privacy": "private"
3018
+ "default": "'specific'",
3019
+ "attribute": "tabName"
3126
3020
  },
3127
3021
  {
3128
3022
  "kind": "field",
3129
- "name": "componentsContainer",
3023
+ "name": "collapsed",
3130
3024
  "type": {
3131
- "text": "HTMLElement"
3025
+ "text": "boolean"
3132
3026
  },
3133
- "privacy": "private"
3027
+ "default": "false",
3028
+ "attribute": "collapsed"
3134
3029
  },
3135
3030
  {
3136
3031
  "kind": "field",
3137
- "name": "groups",
3032
+ "name": "fonts",
3138
3033
  "type": {
3139
- "text": "NodeListOf<HTMLElement>"
3034
+ "text": "any[]"
3140
3035
  },
3141
- "privacy": "private"
3036
+ "default": "[]",
3037
+ "attribute": "fonts"
3142
3038
  },
3143
3039
  {
3144
3040
  "kind": "field",
3145
- "name": "icons",
3041
+ "name": "propertyEditor",
3146
3042
  "type": {
3147
- "text": "{ [name: string]: string }"
3043
+ "text": "any[]"
3148
3044
  },
3149
- "privacy": "private",
3150
- "default": "{}"
3045
+ "default": "[]",
3046
+ "attribute": "propertyEditor"
3047
+ },
3048
+ {
3049
+ "kind": "field",
3050
+ "name": "propertyTarget",
3051
+ "type": {
3052
+ "text": "Component | null"
3053
+ },
3054
+ "default": "null"
3151
3055
  },
3152
3056
  {
3153
3057
  "kind": "field",
@@ -3157,90 +3061,160 @@
3157
3061
  },
3158
3062
  {
3159
3063
  "kind": "method",
3160
- "name": "onWheelEvent",
3064
+ "name": "_onPropertyChanged",
3161
3065
  "parameters": [
3162
3066
  {
3163
3067
  "name": "e",
3164
3068
  "type": {
3165
- "text": "Event"
3069
+ "text": "CustomEvent"
3166
3070
  }
3167
3071
  }
3168
3072
  ]
3169
3073
  },
3170
3074
  {
3171
3075
  "kind": "method",
3172
- "name": "_setMode",
3076
+ "name": "_onBoundsChanged",
3173
3077
  "parameters": [
3174
3078
  {
3175
- "name": "mode",
3079
+ "name": "e",
3176
3080
  "type": {
3177
- "text": "SCENE_MODE"
3081
+ "text": "CustomEvent"
3178
3082
  }
3179
3083
  }
3180
3084
  ]
3181
3085
  },
3182
3086
  {
3183
3087
  "kind": "method",
3184
- "name": "_onClickShift",
3088
+ "name": "_onChangedByScene"
3089
+ },
3090
+ {
3091
+ "kind": "method",
3092
+ "name": "_setPropertyTargetAsDefault"
3093
+ },
3094
+ {
3095
+ "kind": "method",
3096
+ "name": "_onCollapsed",
3185
3097
  "parameters": [
3186
3098
  {
3187
- "name": "e",
3099
+ "name": "collapsed",
3188
3100
  "type": {
3189
- "text": "MouseEvent"
3101
+ "text": "boolean"
3190
3102
  }
3191
3103
  }
3192
3104
  ]
3193
3105
  },
3194
3106
  {
3195
3107
  "kind": "method",
3196
- "name": "_onClickGroup",
3108
+ "name": "_onSceneChanged"
3109
+ },
3110
+ {
3111
+ "kind": "method",
3112
+ "name": "_onSelectedChanged",
3197
3113
  "parameters": [
3198
3114
  {
3199
- "name": "e",
3115
+ "name": "after",
3200
3116
  "type": {
3201
- "text": "MouseEvent"
3117
+ "text": "Component[]"
3202
3118
  }
3203
3119
  }
3204
3120
  ]
3205
- }
3206
- ],
3207
- "events": [
3121
+ },
3208
3122
  {
3209
- "name": "mode-changed",
3210
- "type": {
3211
- "text": "CustomEvent"
3212
- }
3123
+ "kind": "method",
3124
+ "name": "_setPropertyTarget",
3125
+ "parameters": [
3126
+ {
3127
+ "name": "newTarget",
3128
+ "type": {
3129
+ "text": "Component | null"
3130
+ }
3131
+ }
3132
+ ]
3133
+ },
3134
+ {
3135
+ "kind": "method",
3136
+ "name": "_setBounds",
3137
+ "parameters": [
3138
+ {
3139
+ "name": "bounds",
3140
+ "type": {
3141
+ "text": "BOUNDS"
3142
+ }
3143
+ }
3144
+ ]
3213
3145
  }
3214
3146
  ],
3215
3147
  "attributes": [
3216
3148
  {
3217
- "name": "componentGroupList",
3149
+ "name": "scene",
3218
3150
  "type": {
3219
- "text": "ComponentGroup[]"
3151
+ "text": "Scene | null"
3152
+ },
3153
+ "default": "null",
3154
+ "fieldName": "scene"
3155
+ },
3156
+ {
3157
+ "name": "bounds",
3158
+ "type": {
3159
+ "text": "any"
3160
+ },
3161
+ "default": "{}",
3162
+ "fieldName": "bounds"
3163
+ },
3164
+ {
3165
+ "name": "model",
3166
+ "type": {
3167
+ "text": "Model | null"
3168
+ },
3169
+ "default": "{}",
3170
+ "fieldName": "model"
3171
+ },
3172
+ {
3173
+ "name": "selected",
3174
+ "type": {
3175
+ "text": "Component[]"
3220
3176
  },
3221
3177
  "default": "[]",
3222
- "fieldName": "componentGroupList"
3178
+ "fieldName": "selected"
3179
+ },
3180
+ {
3181
+ "name": "specificProps",
3182
+ "type": {
3183
+ "text": "any"
3184
+ },
3185
+ "fieldName": "specificProps"
3186
+ },
3187
+ {
3188
+ "name": "tabName",
3189
+ "type": {
3190
+ "text": "string | null"
3191
+ },
3192
+ "default": "'specific'",
3193
+ "fieldName": "tabName"
3223
3194
  },
3224
3195
  {
3225
- "name": "group",
3196
+ "name": "collapsed",
3226
3197
  "type": {
3227
- "text": "string | null | undefined"
3198
+ "text": "boolean"
3228
3199
  },
3229
- "fieldName": "group"
3200
+ "default": "false",
3201
+ "fieldName": "collapsed"
3230
3202
  },
3231
3203
  {
3232
- "name": "scene",
3204
+ "name": "fonts",
3233
3205
  "type": {
3234
- "text": "Scene"
3206
+ "text": "any[]"
3235
3207
  },
3236
- "fieldName": "scene"
3208
+ "default": "[]",
3209
+ "fieldName": "fonts"
3237
3210
  },
3238
3211
  {
3239
- "name": "mode",
3212
+ "name": "propertyEditor",
3240
3213
  "type": {
3241
- "text": "SCENE_MODE"
3214
+ "text": "any[]"
3242
3215
  },
3243
- "fieldName": "mode"
3216
+ "default": "[]",
3217
+ "fieldName": "propertyEditor"
3244
3218
  }
3245
3219
  ],
3246
3220
  "mixins": [
@@ -3259,44 +3233,10 @@
3259
3233
  "exports": [
3260
3234
  {
3261
3235
  "kind": "js",
3262
- "name": "ComponentToolbar",
3263
- "declaration": {
3264
- "name": "ComponentToolbar",
3265
- "module": "src/modeller/component-toolbar/component-toolbar.ts"
3266
- }
3267
- }
3268
- ]
3269
- },
3270
- {
3271
- "kind": "javascript-module",
3272
- "path": "src/modeller/component-toolbar/mode-icons.ts",
3273
- "declarations": [
3274
- {
3275
- "kind": "variable",
3276
- "name": "ICON_EDIT_MODE",
3277
- "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill: {{strokeColor}};\n }\n .st1 {\n fill: none;\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \t\" />\n <path\n class=\"st1\"\n d=\"M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5\n l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0\n c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1\n s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z\"\n />\n </g>\n </svg>\n`"
3278
- },
3279
- {
3280
- "kind": "variable",
3281
- "name": "ICON_SHIFT_MODE",
3282
- "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill-rule: evenodd;\n clip-rule: evenodd;\n }\n .st1 {\n fill: {{strokeColor}};\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <path\n class=\"st0\"\n d=\"M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4\n c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8\n c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8\n c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8\n c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8\n C6.7,22.7,7,23.2,7.8,23.2z\"\n />\n <path\n class=\"st1\"\n d=\"M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5\n l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0\n c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1\n s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z\"\n />\n </g>\n </svg>\n`"
3283
- }
3284
- ],
3285
- "exports": [
3286
- {
3287
- "kind": "js",
3288
- "name": "ICON_EDIT_MODE",
3289
- "declaration": {
3290
- "name": "ICON_EDIT_MODE",
3291
- "module": "src/modeller/component-toolbar/mode-icons.ts"
3292
- }
3293
- },
3294
- {
3295
- "kind": "js",
3296
- "name": "ICON_SHIFT_MODE",
3236
+ "name": "PropertySidebar",
3297
3237
  "declaration": {
3298
- "name": "ICON_SHIFT_MODE",
3299
- "module": "src/modeller/component-toolbar/mode-icons.ts"
3238
+ "name": "PropertySidebar",
3239
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
3300
3240
  }
3301
3241
  }
3302
3242
  ]
@@ -4035,199 +3975,295 @@
4035
3975
  },
4036
3976
  {
4037
3977
  "kind": "javascript-module",
4038
- "path": "src/modeller/property-sidebar/abstract-property.ts",
3978
+ "path": "src/modeller/component-toolbar/component-detail.ts",
4039
3979
  "declarations": [
4040
3980
  {
4041
3981
  "kind": "class",
4042
3982
  "description": "",
4043
- "name": "AbstractProperty",
3983
+ "name": "ComponentDetail",
3984
+ "members": [
3985
+ {
3986
+ "kind": "field",
3987
+ "name": "template",
3988
+ "type": {
3989
+ "text": "{ about: string } | null"
3990
+ },
3991
+ "default": "null",
3992
+ "attribute": "template"
3993
+ }
3994
+ ],
3995
+ "attributes": [
3996
+ {
3997
+ "name": "template",
3998
+ "type": {
3999
+ "text": "{ about: string } | null"
4000
+ },
4001
+ "default": "null",
4002
+ "fieldName": "template"
4003
+ }
4004
+ ],
4005
+ "superclass": {
4006
+ "name": "LitElement",
4007
+ "package": "lit"
4008
+ },
4009
+ "customElement": true
4010
+ }
4011
+ ],
4012
+ "exports": [
4013
+ {
4014
+ "kind": "js",
4015
+ "name": "ComponentDetail",
4016
+ "declaration": {
4017
+ "name": "ComponentDetail",
4018
+ "module": "src/modeller/component-toolbar/component-detail.ts"
4019
+ }
4020
+ }
4021
+ ]
4022
+ },
4023
+ {
4024
+ "kind": "javascript-module",
4025
+ "path": "src/modeller/component-toolbar/component-menu.ts",
4026
+ "declarations": [
4027
+ {
4028
+ "kind": "class",
4029
+ "description": "",
4030
+ "name": "ComponentMenu",
4044
4031
  "members": [
4032
+ {
4033
+ "kind": "field",
4034
+ "name": "groups",
4035
+ "type": {
4036
+ "text": "Pallet[]"
4037
+ },
4038
+ "default": "[]",
4039
+ "attribute": "groups"
4040
+ },
4041
+ {
4042
+ "kind": "field",
4043
+ "name": "scene",
4044
+ "type": {
4045
+ "text": "Scene | null"
4046
+ },
4047
+ "default": "null",
4048
+ "attribute": "scene"
4049
+ },
4050
+ {
4051
+ "kind": "field",
4052
+ "name": "group",
4053
+ "type": {
4054
+ "text": "string | null"
4055
+ },
4056
+ "default": "''",
4057
+ "attribute": "group"
4058
+ },
4059
+ {
4060
+ "kind": "field",
4061
+ "name": "templates",
4062
+ "type": {
4063
+ "text": "PalletItem[]"
4064
+ },
4065
+ "default": "[]"
4066
+ },
4067
+ {
4068
+ "kind": "field",
4069
+ "name": "template",
4070
+ "type": {
4071
+ "text": "PalletItem | any"
4072
+ }
4073
+ },
4074
+ {
4075
+ "kind": "field",
4076
+ "name": "detail",
4077
+ "type": {
4078
+ "text": "HTMLElement"
4079
+ }
4080
+ },
4081
+ {
4082
+ "kind": "field",
4083
+ "name": "scopedElements",
4084
+ "static": true,
4085
+ "readonly": true
4086
+ },
4045
4087
  {
4046
4088
  "kind": "method",
4047
- "name": "_onValueChange",
4089
+ "name": "findTemplate",
4048
4090
  "parameters": [
4049
4091
  {
4050
- "name": "e",
4092
+ "name": "type",
4051
4093
  "type": {
4052
- "text": "Event"
4094
+ "text": "string | null | undefined"
4053
4095
  }
4054
4096
  }
4055
4097
  ]
4056
4098
  },
4057
4099
  {
4058
4100
  "kind": "method",
4059
- "name": "_getValueFromEventTarget",
4101
+ "name": "onHoverComponent",
4060
4102
  "parameters": [
4061
4103
  {
4062
- "name": "element",
4104
+ "name": "e",
4063
4105
  "type": {
4064
- "text": "HTMLElement"
4106
+ "text": "MouseEvent"
4065
4107
  }
4066
4108
  }
4067
4109
  ]
4068
4110
  },
4069
4111
  {
4070
4112
  "kind": "method",
4071
- "name": "_onAfterValueChange",
4113
+ "name": "onClickTemplate",
4072
4114
  "parameters": [
4073
4115
  {
4074
- "name": "key",
4116
+ "name": "e",
4075
4117
  "type": {
4076
- "text": "string"
4118
+ "text": "MouseEvent"
4077
4119
  }
4078
- },
4120
+ }
4121
+ ]
4122
+ },
4123
+ {
4124
+ "kind": "method",
4125
+ "name": "templateIcon",
4126
+ "parameters": [
4079
4127
  {
4080
- "name": "value",
4128
+ "name": "template",
4081
4129
  "type": {
4082
- "text": "any"
4130
+ "text": "PalletItem"
4083
4131
  }
4084
4132
  }
4085
4133
  ]
4086
4134
  }
4087
4135
  ],
4088
- "events": [
4136
+ "attributes": [
4089
4137
  {
4090
- "name": "property-change",
4138
+ "name": "groups",
4091
4139
  "type": {
4092
- "text": "CustomEvent"
4093
- }
4140
+ "text": "Pallet[]"
4141
+ },
4142
+ "default": "[]",
4143
+ "fieldName": "groups"
4144
+ },
4145
+ {
4146
+ "name": "scene",
4147
+ "type": {
4148
+ "text": "Scene | null"
4149
+ },
4150
+ "default": "null",
4151
+ "fieldName": "scene"
4152
+ },
4153
+ {
4154
+ "name": "group",
4155
+ "type": {
4156
+ "text": "string | null"
4157
+ },
4158
+ "default": "''",
4159
+ "fieldName": "group"
4094
4160
  }
4095
4161
  ],
4096
- "superclass": {
4097
- "name": "LitElement",
4098
- "package": "lit"
4099
- },
4100
- "customElement": true
4101
- }
4102
- ],
4103
- "exports": [
4104
- {
4105
- "kind": "js",
4106
- "name": "AbstractProperty",
4107
- "declaration": {
4108
- "name": "AbstractProperty",
4109
- "module": "src/modeller/property-sidebar/abstract-property.ts"
4110
- }
4111
- }
4112
- ]
4113
- },
4114
- {
4115
- "kind": "javascript-module",
4116
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
4117
- "declarations": [
4118
- {
4119
- "kind": "variable",
4120
- "name": "PropertySharedStyle",
4121
- "default": "css`\n fieldset {\n border: none;\n margin: 4px;\n padding: 9px 4px 9px 4px;\n border-bottom: var(--property-sidebar-fieldset-border);\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-label);\n }\n\n fieldset legend {\n padding: 5px 0 0 5px;\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-legend);\n text-transform: capitalize;\n }\n\n select,\n input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n /* property grid */\n .property-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .property-grid > * {\n width: 100%;\n box-sizing: border-box;\n }\n\n .property-grid > label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n line-height: 2;\n }\n\n .property-grid > input,\n .property-grid > table,\n .property-grid > select,\n .property-grid > ox-input-angle,\n .property-grid > ox-buttons-radio,\n .property-grid > ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n align-self: stretch;\n }\n\n .property-grid > .checkbox-row {\n grid-column: span 10;\n }\n\n .property-grid > .property-full-label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n }\n\n .property-grid > .property-half-label {\n grid-column: span 1;\n }\n\n .property-grid > .property-full-input {\n grid-column: span 7;\n }\n\n .property-grid > .property-half-input {\n grid-column: span 4;\n }\n\n /* checkbox-row */\n .checkbox-row {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .checkbox-row > input {\n grid-column: 4 / 5;\n }\n\n .checkbox-row > label {\n grid-column: span 6;\n text-align: left;\n }\n\n /* image resources */\n .icon-only-label {\n grid-column: span 1;\n\n background: var(--url-icon-properties-label) no-repeat;\n float: left;\n margin: 0;\n align-self: stretch;\n }\n\n .icon-only-label.color {\n background-position: 100% -500px;\n }\n .icon-only-label.font-size {\n background-position: 100% -594px;\n }\n .icon-only-label.leading {\n background-position: 100% -696px;\n }\n .icon-only-label.hscale {\n background-position: 100% -296px;\n }\n .icon-only-label.vscale {\n background-position: 100% -396px;\n }\n .icon-only-label.linewidth {\n background-position: 100% -894px;\n }\n .icon-only-label.lineHeight {\n background-position: 100% -995px;\n }\n`"
4162
+ "mixins": [
4163
+ {
4164
+ "name": "ScopedElementsMixin",
4165
+ "package": "@open-wc/scoped-elements"
4166
+ }
4167
+ ],
4168
+ "superclass": {
4169
+ "name": "LitElement",
4170
+ "package": "lit"
4171
+ },
4172
+ "customElement": true
4122
4173
  }
4123
4174
  ],
4124
4175
  "exports": [
4125
4176
  {
4126
4177
  "kind": "js",
4127
- "name": "PropertySharedStyle",
4178
+ "name": "ComponentMenu",
4128
4179
  "declaration": {
4129
- "name": "PropertySharedStyle",
4130
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
4180
+ "name": "ComponentMenu",
4181
+ "module": "src/modeller/component-toolbar/component-menu.ts"
4131
4182
  }
4132
4183
  }
4133
4184
  ]
4134
4185
  },
4135
4186
  {
4136
4187
  "kind": "javascript-module",
4137
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
4188
+ "path": "src/modeller/component-toolbar/component-toolbar.ts",
4138
4189
  "declarations": [
4139
4190
  {
4140
4191
  "kind": "class",
4141
4192
  "description": "",
4142
- "name": "PropertySidebar",
4193
+ "name": "ComponentToolbar",
4143
4194
  "members": [
4144
4195
  {
4145
4196
  "kind": "field",
4146
- "name": "scene",
4147
- "type": {
4148
- "text": "Scene | null"
4149
- },
4150
- "default": "null",
4151
- "attribute": "scene"
4152
- },
4153
- {
4154
- "kind": "field",
4155
- "name": "bounds",
4197
+ "name": "componentGroupList",
4156
4198
  "type": {
4157
- "text": "any"
4199
+ "text": "ComponentGroup[]"
4158
4200
  },
4159
- "default": "{}",
4160
- "attribute": "bounds"
4201
+ "default": "[]",
4202
+ "attribute": "componentGroupList"
4161
4203
  },
4162
4204
  {
4163
4205
  "kind": "field",
4164
- "name": "model",
4206
+ "name": "group",
4165
4207
  "type": {
4166
- "text": "Model | null"
4208
+ "text": "string | null | undefined"
4167
4209
  },
4168
- "default": "{}",
4169
- "attribute": "model"
4210
+ "attribute": "group"
4170
4211
  },
4171
4212
  {
4172
4213
  "kind": "field",
4173
- "name": "selected",
4214
+ "name": "scene",
4174
4215
  "type": {
4175
- "text": "Component[]"
4216
+ "text": "Scene"
4176
4217
  },
4177
- "default": "[]",
4178
- "attribute": "selected"
4218
+ "attribute": "scene"
4179
4219
  },
4180
4220
  {
4181
4221
  "kind": "field",
4182
- "name": "specificProps",
4222
+ "name": "mode",
4183
4223
  "type": {
4184
- "text": "any"
4224
+ "text": "SCENE_MODE"
4185
4225
  },
4186
- "attribute": "specificProps"
4226
+ "attribute": "mode"
4187
4227
  },
4188
4228
  {
4189
4229
  "kind": "field",
4190
- "name": "tabName",
4230
+ "name": "shift",
4191
4231
  "type": {
4192
- "text": "string | null"
4193
- },
4194
- "default": "'specific'",
4195
- "attribute": "tabName"
4232
+ "text": "HTMLImageElement"
4233
+ }
4196
4234
  },
4197
4235
  {
4198
4236
  "kind": "field",
4199
- "name": "collapsed",
4237
+ "name": "menu",
4200
4238
  "type": {
4201
- "text": "boolean"
4239
+ "text": "HTMLElement"
4202
4240
  },
4203
- "default": "false",
4204
- "attribute": "collapsed"
4241
+ "privacy": "private"
4205
4242
  },
4206
4243
  {
4207
4244
  "kind": "field",
4208
- "name": "fonts",
4245
+ "name": "componentsContainer",
4209
4246
  "type": {
4210
- "text": "any[]"
4247
+ "text": "HTMLElement"
4211
4248
  },
4212
- "default": "[]",
4213
- "attribute": "fonts"
4249
+ "privacy": "private"
4214
4250
  },
4215
4251
  {
4216
4252
  "kind": "field",
4217
- "name": "propertyEditor",
4253
+ "name": "groups",
4218
4254
  "type": {
4219
- "text": "any[]"
4255
+ "text": "NodeListOf<HTMLElement>"
4220
4256
  },
4221
- "default": "[]",
4222
- "attribute": "propertyEditor"
4257
+ "privacy": "private"
4223
4258
  },
4224
4259
  {
4225
4260
  "kind": "field",
4226
- "name": "propertyTarget",
4261
+ "name": "icons",
4227
4262
  "type": {
4228
- "text": "Component | null"
4263
+ "text": "{ [name: string]: string }"
4229
4264
  },
4230
- "default": "null"
4265
+ "privacy": "private",
4266
+ "default": "{}"
4231
4267
  },
4232
4268
  {
4233
4269
  "kind": "field",
@@ -4237,160 +4273,90 @@
4237
4273
  },
4238
4274
  {
4239
4275
  "kind": "method",
4240
- "name": "_onPropertyChanged",
4241
- "parameters": [
4242
- {
4243
- "name": "e",
4244
- "type": {
4245
- "text": "CustomEvent"
4246
- }
4247
- }
4248
- ]
4249
- },
4250
- {
4251
- "kind": "method",
4252
- "name": "_onBoundsChanged",
4276
+ "name": "onWheelEvent",
4253
4277
  "parameters": [
4254
4278
  {
4255
4279
  "name": "e",
4256
4280
  "type": {
4257
- "text": "CustomEvent"
4258
- }
4259
- }
4260
- ]
4261
- },
4262
- {
4263
- "kind": "method",
4264
- "name": "_onChangedByScene"
4265
- },
4266
- {
4267
- "kind": "method",
4268
- "name": "_setPropertyTargetAsDefault"
4269
- },
4270
- {
4271
- "kind": "method",
4272
- "name": "_onCollapsed",
4273
- "parameters": [
4274
- {
4275
- "name": "collapsed",
4276
- "type": {
4277
- "text": "boolean"
4281
+ "text": "Event"
4278
4282
  }
4279
4283
  }
4280
4284
  ]
4281
4285
  },
4282
4286
  {
4283
4287
  "kind": "method",
4284
- "name": "_onSceneChanged"
4285
- },
4286
- {
4287
- "kind": "method",
4288
- "name": "_onSelectedChanged",
4288
+ "name": "_setMode",
4289
4289
  "parameters": [
4290
4290
  {
4291
- "name": "after",
4291
+ "name": "mode",
4292
4292
  "type": {
4293
- "text": "Component[]"
4293
+ "text": "SCENE_MODE"
4294
4294
  }
4295
4295
  }
4296
4296
  ]
4297
4297
  },
4298
4298
  {
4299
4299
  "kind": "method",
4300
- "name": "_setPropertyTarget",
4300
+ "name": "_onClickShift",
4301
4301
  "parameters": [
4302
4302
  {
4303
- "name": "newTarget",
4303
+ "name": "e",
4304
4304
  "type": {
4305
- "text": "Component | null"
4305
+ "text": "MouseEvent"
4306
4306
  }
4307
4307
  }
4308
4308
  ]
4309
4309
  },
4310
4310
  {
4311
4311
  "kind": "method",
4312
- "name": "_setBounds",
4312
+ "name": "_onClickGroup",
4313
4313
  "parameters": [
4314
4314
  {
4315
- "name": "bounds",
4315
+ "name": "e",
4316
4316
  "type": {
4317
- "text": "BOUNDS"
4317
+ "text": "MouseEvent"
4318
4318
  }
4319
4319
  }
4320
4320
  ]
4321
4321
  }
4322
4322
  ],
4323
- "attributes": [
4324
- {
4325
- "name": "scene",
4326
- "type": {
4327
- "text": "Scene | null"
4328
- },
4329
- "default": "null",
4330
- "fieldName": "scene"
4331
- },
4332
- {
4333
- "name": "bounds",
4334
- "type": {
4335
- "text": "any"
4336
- },
4337
- "default": "{}",
4338
- "fieldName": "bounds"
4339
- },
4323
+ "events": [
4340
4324
  {
4341
- "name": "model",
4325
+ "name": "mode-changed",
4342
4326
  "type": {
4343
- "text": "Model | null"
4344
- },
4345
- "default": "{}",
4346
- "fieldName": "model"
4347
- },
4327
+ "text": "CustomEvent"
4328
+ }
4329
+ }
4330
+ ],
4331
+ "attributes": [
4348
4332
  {
4349
- "name": "selected",
4333
+ "name": "componentGroupList",
4350
4334
  "type": {
4351
- "text": "Component[]"
4335
+ "text": "ComponentGroup[]"
4352
4336
  },
4353
4337
  "default": "[]",
4354
- "fieldName": "selected"
4355
- },
4356
- {
4357
- "name": "specificProps",
4358
- "type": {
4359
- "text": "any"
4360
- },
4361
- "fieldName": "specificProps"
4362
- },
4363
- {
4364
- "name": "tabName",
4365
- "type": {
4366
- "text": "string | null"
4367
- },
4368
- "default": "'specific'",
4369
- "fieldName": "tabName"
4338
+ "fieldName": "componentGroupList"
4370
4339
  },
4371
4340
  {
4372
- "name": "collapsed",
4341
+ "name": "group",
4373
4342
  "type": {
4374
- "text": "boolean"
4343
+ "text": "string | null | undefined"
4375
4344
  },
4376
- "default": "false",
4377
- "fieldName": "collapsed"
4345
+ "fieldName": "group"
4378
4346
  },
4379
4347
  {
4380
- "name": "fonts",
4348
+ "name": "scene",
4381
4349
  "type": {
4382
- "text": "any[]"
4350
+ "text": "Scene"
4383
4351
  },
4384
- "default": "[]",
4385
- "fieldName": "fonts"
4352
+ "fieldName": "scene"
4386
4353
  },
4387
4354
  {
4388
- "name": "propertyEditor",
4355
+ "name": "mode",
4389
4356
  "type": {
4390
- "text": "any[]"
4357
+ "text": "SCENE_MODE"
4391
4358
  },
4392
- "default": "[]",
4393
- "fieldName": "propertyEditor"
4359
+ "fieldName": "mode"
4394
4360
  }
4395
4361
  ],
4396
4362
  "mixins": [
@@ -4409,10 +4375,44 @@
4409
4375
  "exports": [
4410
4376
  {
4411
4377
  "kind": "js",
4412
- "name": "PropertySidebar",
4378
+ "name": "ComponentToolbar",
4413
4379
  "declaration": {
4414
- "name": "PropertySidebar",
4415
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
4380
+ "name": "ComponentToolbar",
4381
+ "module": "src/modeller/component-toolbar/component-toolbar.ts"
4382
+ }
4383
+ }
4384
+ ]
4385
+ },
4386
+ {
4387
+ "kind": "javascript-module",
4388
+ "path": "src/modeller/component-toolbar/mode-icons.ts",
4389
+ "declarations": [
4390
+ {
4391
+ "kind": "variable",
4392
+ "name": "ICON_EDIT_MODE",
4393
+ "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill: {{strokeColor}};\n }\n .st1 {\n fill: none;\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \t\" />\n <path\n class=\"st1\"\n d=\"M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5\n l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0\n c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1\n s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z\"\n />\n </g>\n </svg>\n`"
4394
+ },
4395
+ {
4396
+ "kind": "variable",
4397
+ "name": "ICON_SHIFT_MODE",
4398
+ "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill-rule: evenodd;\n clip-rule: evenodd;\n }\n .st1 {\n fill: {{strokeColor}};\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <path\n class=\"st0\"\n d=\"M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4\n c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8\n c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8\n c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8\n c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8\n C6.7,22.7,7,23.2,7.8,23.2z\"\n />\n <path\n class=\"st1\"\n d=\"M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5\n l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0\n c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1\n s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1\n c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z\"\n />\n </g>\n </svg>\n`"
4399
+ }
4400
+ ],
4401
+ "exports": [
4402
+ {
4403
+ "kind": "js",
4404
+ "name": "ICON_EDIT_MODE",
4405
+ "declaration": {
4406
+ "name": "ICON_EDIT_MODE",
4407
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
4408
+ }
4409
+ },
4410
+ {
4411
+ "kind": "js",
4412
+ "name": "ICON_SHIFT_MODE",
4413
+ "declaration": {
4414
+ "name": "ICON_SHIFT_MODE",
4415
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
4416
4416
  }
4417
4417
  }
4418
4418
  ]
@@ -5080,71 +5080,338 @@
5080
5080
  ]
5081
5081
  },
5082
5082
  {
5083
- "kind": "method",
5084
- "name": "toggleHidden",
5085
- "parameters": [
5086
- {
5087
- "name": "component",
5088
- "type": {
5089
- "text": "Component"
5090
- }
5091
- }
5092
- ]
5083
+ "kind": "method",
5084
+ "name": "toggleHidden",
5085
+ "parameters": [
5086
+ {
5087
+ "name": "component",
5088
+ "type": {
5089
+ "text": "Component"
5090
+ }
5091
+ }
5092
+ ]
5093
+ },
5094
+ {
5095
+ "kind": "method",
5096
+ "name": "selectComponent",
5097
+ "parameters": [
5098
+ {
5099
+ "name": "component",
5100
+ "type": {
5101
+ "text": "Component"
5102
+ }
5103
+ }
5104
+ ]
5105
+ },
5106
+ {
5107
+ "kind": "method",
5108
+ "name": "shouldBeShown",
5109
+ "return": {
5110
+ "type": {
5111
+ "text": "boolean"
5112
+ }
5113
+ },
5114
+ "parameters": [
5115
+ {
5116
+ "name": "component",
5117
+ "type": {
5118
+ "text": "Component"
5119
+ }
5120
+ }
5121
+ ]
5122
+ },
5123
+ {
5124
+ "kind": "method",
5125
+ "name": "renderComponent",
5126
+ "return": {
5127
+ "type": {
5128
+ "text": "TemplateResult"
5129
+ }
5130
+ },
5131
+ "parameters": [
5132
+ {
5133
+ "name": "component",
5134
+ "type": {
5135
+ "text": "Component"
5136
+ }
5137
+ },
5138
+ {
5139
+ "name": "depth",
5140
+ "type": {
5141
+ "text": "number"
5142
+ }
5143
+ }
5144
+ ]
5145
+ }
5146
+ ],
5147
+ "attributes": [
5148
+ {
5149
+ "name": "scene",
5150
+ "type": {
5151
+ "text": "Scene | undefined"
5152
+ },
5153
+ "fieldName": "scene"
5154
+ }
5155
+ ],
5156
+ "superclass": {
5157
+ "name": "LitElement",
5158
+ "package": "lit"
5159
+ },
5160
+ "customElement": true
5161
+ }
5162
+ ],
5163
+ "exports": [
5164
+ {
5165
+ "kind": "js",
5166
+ "name": "SceneInspector",
5167
+ "declaration": {
5168
+ "name": "SceneInspector",
5169
+ "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5170
+ }
5171
+ }
5172
+ ]
5173
+ },
5174
+ {
5175
+ "kind": "javascript-module",
5176
+ "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5177
+ "declarations": [
5178
+ {
5179
+ "kind": "variable",
5180
+ "name": "EffectsSharedStyle",
5181
+ "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`"
5182
+ }
5183
+ ],
5184
+ "exports": [
5185
+ {
5186
+ "kind": "js",
5187
+ "name": "EffectsSharedStyle",
5188
+ "declaration": {
5189
+ "name": "EffectsSharedStyle",
5190
+ "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5191
+ }
5192
+ }
5193
+ ]
5194
+ },
5195
+ {
5196
+ "kind": "javascript-module",
5197
+ "path": "src/modeller/property-sidebar/effects/effects.ts",
5198
+ "declarations": [
5199
+ {
5200
+ "kind": "class",
5201
+ "description": "",
5202
+ "name": "PropertyEffects",
5203
+ "members": [
5204
+ {
5205
+ "kind": "field",
5206
+ "name": "value",
5207
+ "type": {
5208
+ "text": "Properties | undefined"
5209
+ },
5210
+ "attribute": "value"
5211
+ },
5212
+ {
5213
+ "kind": "field",
5214
+ "name": "scene",
5215
+ "type": {
5216
+ "text": "Scene | undefined"
5217
+ },
5218
+ "attribute": "scene"
5219
+ },
5220
+ {
5221
+ "kind": "field",
5222
+ "name": "scopedElements",
5223
+ "static": true,
5224
+ "readonly": true
5225
+ },
5226
+ {
5227
+ "kind": "method",
5228
+ "name": "_onValueChange",
5229
+ "parameters": [
5230
+ {
5231
+ "name": "e",
5232
+ "type": {
5233
+ "text": "Event"
5234
+ }
5235
+ }
5236
+ ],
5237
+ "inheritedFrom": {
5238
+ "name": "AbstractProperty",
5239
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5240
+ }
5241
+ },
5242
+ {
5243
+ "kind": "method",
5244
+ "name": "_getValueFromEventTarget",
5245
+ "parameters": [
5246
+ {
5247
+ "name": "element",
5248
+ "type": {
5249
+ "text": "HTMLElement"
5250
+ }
5251
+ }
5252
+ ],
5253
+ "inheritedFrom": {
5254
+ "name": "AbstractProperty",
5255
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5256
+ }
5257
+ },
5258
+ {
5259
+ "kind": "method",
5260
+ "name": "_onAfterValueChange",
5261
+ "parameters": [
5262
+ {
5263
+ "name": "key",
5264
+ "type": {
5265
+ "text": "string"
5266
+ }
5267
+ },
5268
+ {
5269
+ "name": "value",
5270
+ "type": {
5271
+ "text": "any"
5272
+ }
5273
+ }
5274
+ ],
5275
+ "inheritedFrom": {
5276
+ "name": "AbstractProperty",
5277
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5278
+ }
5279
+ }
5280
+ ],
5281
+ "attributes": [
5282
+ {
5283
+ "name": "value",
5284
+ "type": {
5285
+ "text": "Properties | undefined"
5286
+ },
5287
+ "fieldName": "value"
5288
+ },
5289
+ {
5290
+ "name": "scene",
5291
+ "type": {
5292
+ "text": "Scene | undefined"
5293
+ },
5294
+ "fieldName": "scene"
5295
+ }
5296
+ ],
5297
+ "mixins": [
5298
+ {
5299
+ "name": "ScopedElementsMixin",
5300
+ "package": "@open-wc/scoped-elements"
5301
+ }
5302
+ ],
5303
+ "superclass": {
5304
+ "name": "AbstractProperty",
5305
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
5306
+ },
5307
+ "events": [
5308
+ {
5309
+ "name": "property-change",
5310
+ "type": {
5311
+ "text": "CustomEvent"
5312
+ },
5313
+ "inheritedFrom": {
5314
+ "name": "AbstractProperty",
5315
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5316
+ }
5317
+ }
5318
+ ]
5319
+ }
5320
+ ],
5321
+ "exports": [
5322
+ {
5323
+ "kind": "js",
5324
+ "name": "PropertyEffects",
5325
+ "declaration": {
5326
+ "name": "PropertyEffects",
5327
+ "module": "src/modeller/property-sidebar/effects/effects.ts"
5328
+ }
5329
+ }
5330
+ ]
5331
+ },
5332
+ {
5333
+ "kind": "javascript-module",
5334
+ "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
5335
+ "declarations": [
5336
+ {
5337
+ "kind": "class",
5338
+ "description": "",
5339
+ "name": "PropertyEventHover",
5340
+ "members": [
5341
+ {
5342
+ "kind": "field",
5343
+ "name": "value",
5344
+ "type": {
5345
+ "text": "Properties | undefined"
5346
+ },
5347
+ "attribute": "value"
5348
+ },
5349
+ {
5350
+ "kind": "field",
5351
+ "name": "scene",
5352
+ "type": {
5353
+ "text": "Scene | undefined"
5354
+ },
5355
+ "attribute": "scene"
5093
5356
  },
5094
5357
  {
5095
5358
  "kind": "method",
5096
- "name": "selectComponent",
5359
+ "name": "_getPlaceHoder",
5097
5360
  "parameters": [
5098
5361
  {
5099
- "name": "component",
5362
+ "name": "action",
5100
5363
  "type": {
5101
- "text": "Component"
5364
+ "text": "string"
5102
5365
  }
5103
5366
  }
5104
5367
  ]
5105
5368
  },
5106
5369
  {
5107
5370
  "kind": "method",
5108
- "name": "shouldBeShown",
5371
+ "name": "_getTargetList",
5109
5372
  "return": {
5110
5373
  "type": {
5111
- "text": "boolean"
5374
+ "text": "{ value: string; description: string }[]"
5112
5375
  }
5113
5376
  },
5114
5377
  "parameters": [
5115
5378
  {
5116
- "name": "component",
5379
+ "name": "action",
5117
5380
  "type": {
5118
- "text": "Component"
5381
+ "text": "string"
5119
5382
  }
5120
5383
  }
5121
5384
  ]
5122
5385
  },
5123
5386
  {
5124
5387
  "kind": "method",
5125
- "name": "renderComponent",
5126
- "return": {
5127
- "type": {
5128
- "text": "TemplateResult"
5129
- }
5130
- },
5388
+ "name": "_onValueChange",
5131
5389
  "parameters": [
5132
5390
  {
5133
- "name": "component",
5134
- "type": {
5135
- "text": "Component"
5136
- }
5137
- },
5138
- {
5139
- "name": "depth",
5391
+ "name": "e",
5140
5392
  "type": {
5141
- "text": "number"
5393
+ "text": "Event"
5142
5394
  }
5143
5395
  }
5144
5396
  ]
5145
5397
  }
5146
5398
  ],
5399
+ "events": [
5400
+ {
5401
+ "name": "change",
5402
+ "type": {
5403
+ "text": "CustomEvent"
5404
+ }
5405
+ }
5406
+ ],
5147
5407
  "attributes": [
5408
+ {
5409
+ "name": "value",
5410
+ "type": {
5411
+ "text": "Properties | undefined"
5412
+ },
5413
+ "fieldName": "value"
5414
+ },
5148
5415
  {
5149
5416
  "name": "scene",
5150
5417
  "type": {
@@ -5163,43 +5430,22 @@
5163
5430
  "exports": [
5164
5431
  {
5165
5432
  "kind": "js",
5166
- "name": "SceneInspector",
5167
- "declaration": {
5168
- "name": "SceneInspector",
5169
- "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5170
- }
5171
- }
5172
- ]
5173
- },
5174
- {
5175
- "kind": "javascript-module",
5176
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5177
- "declarations": [
5178
- {
5179
- "kind": "variable",
5180
- "name": "BoxPaddingEditorStyles",
5181
- "default": "css`\n .box-padding {\n width: 100%;\n }\n\n .box-padding td {\n background: var(--url-icon-properties-padding) 50% 0 no-repeat;\n }\n\n .box-padding tr:nth-child(1),\n .box-padding tr:nth-child(3) {\n height: 20px;\n }\n\n .box-padding tr td:nth-child(1),\n .box-padding tr td:nth-child(3) {\n width: 18px;\n }\n\n .box-padding .slide1 {\n background-position: 0 0;\n }\n\n .box-padding .slide2 {\n background-position: 50% -40px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide3 {\n background-position: 100% -440px;\n }\n\n .box-padding .slide4 {\n background-position: 0 -360px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide5 {\n background: none;\n text-align: center;\n }\n\n .box-padding .slide6 {\n background-position: 100% -160px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide7 {\n background-position: 0 100%;\n }\n\n .box-padding .slide8 {\n background-position: 50% -320px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide9 {\n background-position: 0 0px;\n }\n\n .box-padding input {\n background-color: transparent;\n width: 35px;\n margin: 0px;\n padding: 0px;\n clear: both;\n float: initial;\n border: 1px solid #fff;\n border-width: 0 0 1px 0;\n text-align: right;\n font-size: 14px;\n }\n\n .slide5 input:nth-child(1),\n .slide5 input:nth-child(4) {\n display: block;\n margin: auto;\n }\n\n .slide5 input:nth-child(2) {\n float: left;\n }\n\n .slide5 input:nth-child(3) {\n float: right;\n margin-top: -25px;\n }\n\n .slide5 input:nth-child(4) {\n margin-top: -5px;\n }\n`"
5182
- }
5183
- ],
5184
- "exports": [
5185
- {
5186
- "kind": "js",
5187
- "name": "BoxPaddingEditorStyles",
5433
+ "name": "PropertyEventHover",
5188
5434
  "declaration": {
5189
- "name": "BoxPaddingEditorStyles",
5190
- "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
5435
+ "name": "PropertyEventHover",
5436
+ "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
5191
5437
  }
5192
5438
  }
5193
5439
  ]
5194
5440
  },
5195
5441
  {
5196
5442
  "kind": "javascript-module",
5197
- "path": "src/modeller/property-sidebar/shapes/shapes.ts",
5443
+ "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
5198
5444
  "declarations": [
5199
5445
  {
5200
5446
  "kind": "class",
5201
5447
  "description": "",
5202
- "name": "PropertyShapes",
5448
+ "name": "PropertyEventTap",
5203
5449
  "members": [
5204
5450
  {
5205
5451
  "kind": "field",
@@ -5211,164 +5457,75 @@
5211
5457
  },
5212
5458
  {
5213
5459
  "kind": "field",
5214
- "name": "bounds",
5460
+ "name": "scene",
5215
5461
  "type": {
5216
- "text": "BOUNDS | null"
5462
+ "text": "Scene | undefined"
5217
5463
  },
5218
- "default": "null",
5219
- "attribute": "bounds"
5464
+ "attribute": "scene"
5220
5465
  },
5221
5466
  {
5222
5467
  "kind": "field",
5223
- "name": "selected",
5468
+ "name": "scenarios",
5224
5469
  "type": {
5225
- "text": "Component[]"
5470
+ "text": "{ value: string; description: string }[]"
5226
5471
  },
5227
- "default": "[]",
5228
- "attribute": "selected"
5229
- },
5230
- {
5231
- "kind": "method",
5232
- "name": "_onValueChange",
5233
- "parameters": [
5234
- {
5235
- "name": "e",
5236
- "type": {
5237
- "text": "Event"
5238
- }
5239
- }
5240
- ],
5241
- "inheritedFrom": {
5242
- "name": "AbstractProperty",
5243
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5244
- }
5245
- },
5246
- {
5247
- "kind": "method",
5248
- "name": "_hasTextProperty",
5249
- "parameters": [
5250
- {
5251
- "name": "selected",
5252
- "type": {
5253
- "text": "Component[]"
5254
- }
5255
- }
5256
- ]
5472
+ "default": "[]"
5257
5473
  },
5258
5474
  {
5259
- "kind": "method",
5260
- "name": "_hasProperties",
5261
- "parameters": [
5262
- {
5263
- "name": "selected",
5264
- "type": {
5265
- "text": "Component[]"
5266
- }
5267
- }
5268
- ]
5475
+ "kind": "field",
5476
+ "name": "targetList",
5477
+ "type": {
5478
+ "text": "{ value: string; description: string }[]"
5479
+ },
5480
+ "default": "[]"
5269
5481
  },
5270
5482
  {
5271
5483
  "kind": "method",
5272
- "name": "_isIdentifiable",
5484
+ "name": "_getPlaceHoder",
5273
5485
  "parameters": [
5274
5486
  {
5275
- "name": "selected",
5487
+ "name": "action",
5276
5488
  "type": {
5277
- "text": "Component[]"
5489
+ "text": "string"
5278
5490
  }
5279
5491
  }
5280
5492
  ]
5281
5493
  },
5282
5494
  {
5283
5495
  "kind": "method",
5284
- "name": "_isClassIdentifiable",
5285
- "parameters": [
5286
- {
5287
- "name": "selected",
5288
- "type": {
5289
- "text": "Component[]"
5290
- }
5496
+ "name": "_getInputList",
5497
+ "return": {
5498
+ "type": {
5499
+ "text": "{ value: string; description: string }[]"
5291
5500
  }
5292
- ]
5293
- },
5294
- {
5295
- "kind": "method",
5296
- "name": "_isLine",
5501
+ },
5297
5502
  "parameters": [
5298
5503
  {
5299
- "name": "selected",
5504
+ "name": "action",
5300
5505
  "type": {
5301
- "text": "Component[]"
5506
+ "text": "string"
5302
5507
  }
5303
5508
  }
5304
5509
  ]
5305
5510
  },
5306
5511
  {
5307
5512
  "kind": "method",
5308
- "name": "_is3dish",
5513
+ "name": "_onValueChange",
5309
5514
  "parameters": [
5310
5515
  {
5311
- "name": "selected",
5516
+ "name": "e",
5312
5517
  "type": {
5313
- "text": "Component[]"
5518
+ "text": "Event"
5314
5519
  }
5315
5520
  }
5316
5521
  ]
5317
- },
5318
- {
5319
- "kind": "method",
5320
- "name": "_getValueFromEventTarget",
5321
- "parameters": [
5322
- {
5323
- "name": "element",
5324
- "type": {
5325
- "text": "HTMLElement"
5326
- }
5327
- }
5328
- ],
5329
- "inheritedFrom": {
5330
- "name": "AbstractProperty",
5331
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5332
- }
5333
- },
5334
- {
5335
- "kind": "method",
5336
- "name": "_onAfterValueChange",
5337
- "parameters": [
5338
- {
5339
- "name": "key",
5340
- "type": {
5341
- "text": "string"
5342
- }
5343
- },
5344
- {
5345
- "name": "value",
5346
- "type": {
5347
- "text": "any"
5348
- }
5349
- }
5350
- ],
5351
- "inheritedFrom": {
5352
- "name": "AbstractProperty",
5353
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5354
- }
5355
5522
  }
5356
5523
  ],
5357
5524
  "events": [
5358
5525
  {
5359
- "name": "bounds-change",
5360
- "type": {
5361
- "text": "CustomEvent"
5362
- }
5363
- },
5364
- {
5365
- "name": "property-change",
5526
+ "name": "change",
5366
5527
  "type": {
5367
5528
  "text": "CustomEvent"
5368
- },
5369
- "inheritedFrom": {
5370
- "name": "AbstractProperty",
5371
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5372
5529
  }
5373
5530
  }
5374
5531
  ],
@@ -5381,68 +5538,39 @@
5381
5538
  "fieldName": "value"
5382
5539
  },
5383
5540
  {
5384
- "name": "bounds",
5385
- "type": {
5386
- "text": "BOUNDS | null"
5387
- },
5388
- "default": "null",
5389
- "fieldName": "bounds"
5390
- },
5391
- {
5392
- "name": "selected",
5541
+ "name": "scene",
5393
5542
  "type": {
5394
- "text": "Component[]"
5543
+ "text": "Scene | undefined"
5395
5544
  },
5396
- "default": "[]",
5397
- "fieldName": "selected"
5545
+ "fieldName": "scene"
5398
5546
  }
5399
5547
  ],
5400
5548
  "superclass": {
5401
- "name": "AbstractProperty",
5402
- "module": "/src/modeller/property-sidebar/abstract-property"
5403
- }
5404
- }
5405
- ],
5406
- "exports": [
5407
- {
5408
- "kind": "js",
5409
- "name": "PropertyShapes",
5410
- "declaration": {
5411
- "name": "PropertyShapes",
5412
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5413
- }
5414
- }
5415
- ]
5416
- },
5417
- {
5418
- "kind": "javascript-module",
5419
- "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5420
- "declarations": [
5421
- {
5422
- "kind": "variable",
5423
- "name": "EffectsSharedStyle",
5424
- "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`"
5549
+ "name": "LitElement",
5550
+ "package": "lit"
5551
+ },
5552
+ "customElement": true
5425
5553
  }
5426
5554
  ],
5427
5555
  "exports": [
5428
5556
  {
5429
5557
  "kind": "js",
5430
- "name": "EffectsSharedStyle",
5558
+ "name": "PropertyEventTap",
5431
5559
  "declaration": {
5432
- "name": "EffectsSharedStyle",
5433
- "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5560
+ "name": "PropertyEventTap",
5561
+ "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
5434
5562
  }
5435
5563
  }
5436
5564
  ]
5437
5565
  },
5438
5566
  {
5439
5567
  "kind": "javascript-module",
5440
- "path": "src/modeller/property-sidebar/effects/effects.ts",
5568
+ "path": "src/modeller/property-sidebar/effects/property-event.ts",
5441
5569
  "declarations": [
5442
5570
  {
5443
5571
  "kind": "class",
5444
5572
  "description": "",
5445
- "name": "PropertyEffects",
5573
+ "name": "PropertyEvent",
5446
5574
  "members": [
5447
5575
  {
5448
5576
  "kind": "field",
@@ -5476,48 +5604,14 @@
5476
5604
  "text": "Event"
5477
5605
  }
5478
5606
  }
5479
- ],
5480
- "inheritedFrom": {
5481
- "name": "AbstractProperty",
5482
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5483
- }
5484
- },
5485
- {
5486
- "kind": "method",
5487
- "name": "_getValueFromEventTarget",
5488
- "parameters": [
5489
- {
5490
- "name": "element",
5491
- "type": {
5492
- "text": "HTMLElement"
5493
- }
5494
- }
5495
- ],
5496
- "inheritedFrom": {
5497
- "name": "AbstractProperty",
5498
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5499
- }
5500
- },
5607
+ ]
5608
+ }
5609
+ ],
5610
+ "events": [
5501
5611
  {
5502
- "kind": "method",
5503
- "name": "_onAfterValueChange",
5504
- "parameters": [
5505
- {
5506
- "name": "key",
5507
- "type": {
5508
- "text": "string"
5509
- }
5510
- },
5511
- {
5512
- "name": "value",
5513
- "type": {
5514
- "text": "any"
5515
- }
5516
- }
5517
- ],
5518
- "inheritedFrom": {
5519
- "name": "AbstractProperty",
5520
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5612
+ "name": "change",
5613
+ "type": {
5614
+ "text": "CustomEvent"
5521
5615
  }
5522
5616
  }
5523
5617
  ],
@@ -5544,42 +5638,31 @@
5544
5638
  }
5545
5639
  ],
5546
5640
  "superclass": {
5547
- "name": "AbstractProperty",
5548
- "module": "/src/modeller/property-sidebar/abstract-property.js"
5641
+ "name": "LitElement",
5642
+ "package": "lit"
5549
5643
  },
5550
- "events": [
5551
- {
5552
- "name": "property-change",
5553
- "type": {
5554
- "text": "CustomEvent"
5555
- },
5556
- "inheritedFrom": {
5557
- "name": "AbstractProperty",
5558
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5559
- }
5560
- }
5561
- ]
5644
+ "customElement": true
5562
5645
  }
5563
5646
  ],
5564
5647
  "exports": [
5565
5648
  {
5566
5649
  "kind": "js",
5567
- "name": "PropertyEffects",
5650
+ "name": "PropertyEvent",
5568
5651
  "declaration": {
5569
- "name": "PropertyEffects",
5570
- "module": "src/modeller/property-sidebar/effects/effects.ts"
5652
+ "name": "PropertyEvent",
5653
+ "module": "src/modeller/property-sidebar/effects/property-event.ts"
5571
5654
  }
5572
5655
  }
5573
5656
  ]
5574
5657
  },
5575
5658
  {
5576
5659
  "kind": "javascript-module",
5577
- "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
5660
+ "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
5578
5661
  "declarations": [
5579
5662
  {
5580
5663
  "kind": "class",
5581
- "description": "",
5582
- "name": "PropertyEventHover",
5664
+ "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
5665
+ "name": "PropertyShadow",
5583
5666
  "members": [
5584
5667
  {
5585
5668
  "kind": "field",
@@ -5589,43 +5672,6 @@
5589
5672
  },
5590
5673
  "attribute": "value"
5591
5674
  },
5592
- {
5593
- "kind": "field",
5594
- "name": "scene",
5595
- "type": {
5596
- "text": "Scene | undefined"
5597
- },
5598
- "attribute": "scene"
5599
- },
5600
- {
5601
- "kind": "method",
5602
- "name": "_getPlaceHoder",
5603
- "parameters": [
5604
- {
5605
- "name": "action",
5606
- "type": {
5607
- "text": "string"
5608
- }
5609
- }
5610
- ]
5611
- },
5612
- {
5613
- "kind": "method",
5614
- "name": "_getTargetList",
5615
- "return": {
5616
- "type": {
5617
- "text": "{ value: string; description: string }[]"
5618
- }
5619
- },
5620
- "parameters": [
5621
- {
5622
- "name": "action",
5623
- "type": {
5624
- "text": "string"
5625
- }
5626
- }
5627
- ]
5628
- },
5629
5675
  {
5630
5676
  "kind": "method",
5631
5677
  "name": "_onValueChange",
@@ -5654,13 +5700,6 @@
5654
5700
  "text": "Properties | undefined"
5655
5701
  },
5656
5702
  "fieldName": "value"
5657
- },
5658
- {
5659
- "name": "scene",
5660
- "type": {
5661
- "text": "Scene | undefined"
5662
- },
5663
- "fieldName": "scene"
5664
5703
  }
5665
5704
  ],
5666
5705
  "superclass": {
@@ -5673,22 +5712,71 @@
5673
5712
  "exports": [
5674
5713
  {
5675
5714
  "kind": "js",
5676
- "name": "PropertyEventHover",
5715
+ "name": "PropertyShadow",
5677
5716
  "declaration": {
5678
- "name": "PropertyEventHover",
5679
- "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
5717
+ "name": "PropertyShadow",
5718
+ "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
5680
5719
  }
5681
5720
  }
5682
5721
  ]
5683
5722
  },
5684
5723
  {
5685
5724
  "kind": "javascript-module",
5686
- "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
5725
+ "path": "src/modeller/property-sidebar/effects/value-converter.ts",
5726
+ "declarations": [
5727
+ {
5728
+ "kind": "function",
5729
+ "name": "convert",
5730
+ "parameters": [
5731
+ {
5732
+ "name": "element",
5733
+ "type": {
5734
+ "text": "any"
5735
+ }
5736
+ }
5737
+ ]
5738
+ }
5739
+ ],
5740
+ "exports": [
5741
+ {
5742
+ "kind": "js",
5743
+ "name": "convert",
5744
+ "declaration": {
5745
+ "name": "convert",
5746
+ "module": "src/modeller/property-sidebar/effects/value-converter.ts"
5747
+ }
5748
+ }
5749
+ ]
5750
+ },
5751
+ {
5752
+ "kind": "javascript-module",
5753
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5754
+ "declarations": [
5755
+ {
5756
+ "kind": "variable",
5757
+ "name": "BoxPaddingEditorStyles",
5758
+ "default": "css`\n .box-padding {\n width: 100%;\n }\n\n .box-padding td {\n background: var(--url-icon-properties-padding) 50% 0 no-repeat;\n }\n\n .box-padding tr:nth-child(1),\n .box-padding tr:nth-child(3) {\n height: 20px;\n }\n\n .box-padding tr td:nth-child(1),\n .box-padding tr td:nth-child(3) {\n width: 18px;\n }\n\n .box-padding .slide1 {\n background-position: 0 0;\n }\n\n .box-padding .slide2 {\n background-position: 50% -40px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide3 {\n background-position: 100% -440px;\n }\n\n .box-padding .slide4 {\n background-position: 0 -360px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide5 {\n background: none;\n text-align: center;\n }\n\n .box-padding .slide6 {\n background-position: 100% -160px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide7 {\n background-position: 0 100%;\n }\n\n .box-padding .slide8 {\n background-position: 50% -320px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide9 {\n background-position: 0 0px;\n }\n\n .box-padding input {\n background-color: transparent;\n width: 35px;\n margin: 0px;\n padding: 0px;\n clear: both;\n float: initial;\n border: 1px solid #fff;\n border-width: 0 0 1px 0;\n text-align: right;\n font-size: 14px;\n }\n\n .slide5 input:nth-child(1),\n .slide5 input:nth-child(4) {\n display: block;\n margin: auto;\n }\n\n .slide5 input:nth-child(2) {\n float: left;\n }\n\n .slide5 input:nth-child(3) {\n float: right;\n margin-top: -25px;\n }\n\n .slide5 input:nth-child(4) {\n margin-top: -5px;\n }\n`"
5759
+ }
5760
+ ],
5761
+ "exports": [
5762
+ {
5763
+ "kind": "js",
5764
+ "name": "BoxPaddingEditorStyles",
5765
+ "declaration": {
5766
+ "name": "BoxPaddingEditorStyles",
5767
+ "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
5768
+ }
5769
+ }
5770
+ ]
5771
+ },
5772
+ {
5773
+ "kind": "javascript-module",
5774
+ "path": "src/modeller/property-sidebar/shapes/shapes.ts",
5687
5775
  "declarations": [
5688
5776
  {
5689
5777
  "kind": "class",
5690
5778
  "description": "",
5691
- "name": "PropertyEventTap",
5779
+ "name": "PropertyShapes",
5692
5780
  "members": [
5693
5781
  {
5694
5782
  "kind": "field",
@@ -5699,76 +5787,165 @@
5699
5787
  "attribute": "value"
5700
5788
  },
5701
5789
  {
5702
- "kind": "field",
5703
- "name": "scene",
5704
- "type": {
5705
- "text": "Scene | undefined"
5706
- },
5707
- "attribute": "scene"
5790
+ "kind": "field",
5791
+ "name": "bounds",
5792
+ "type": {
5793
+ "text": "BOUNDS | null"
5794
+ },
5795
+ "default": "null",
5796
+ "attribute": "bounds"
5797
+ },
5798
+ {
5799
+ "kind": "field",
5800
+ "name": "selected",
5801
+ "type": {
5802
+ "text": "Component[]"
5803
+ },
5804
+ "default": "[]",
5805
+ "attribute": "selected"
5806
+ },
5807
+ {
5808
+ "kind": "method",
5809
+ "name": "_onValueChange",
5810
+ "parameters": [
5811
+ {
5812
+ "name": "e",
5813
+ "type": {
5814
+ "text": "Event"
5815
+ }
5816
+ }
5817
+ ],
5818
+ "inheritedFrom": {
5819
+ "name": "AbstractProperty",
5820
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5821
+ }
5822
+ },
5823
+ {
5824
+ "kind": "method",
5825
+ "name": "_hasTextProperty",
5826
+ "parameters": [
5827
+ {
5828
+ "name": "selected",
5829
+ "type": {
5830
+ "text": "Component[]"
5831
+ }
5832
+ }
5833
+ ]
5708
5834
  },
5709
5835
  {
5710
- "kind": "field",
5711
- "name": "scenarios",
5712
- "type": {
5713
- "text": "{ value: string; description: string }[]"
5714
- },
5715
- "default": "[]"
5836
+ "kind": "method",
5837
+ "name": "_hasProperties",
5838
+ "parameters": [
5839
+ {
5840
+ "name": "selected",
5841
+ "type": {
5842
+ "text": "Component[]"
5843
+ }
5844
+ }
5845
+ ]
5716
5846
  },
5717
5847
  {
5718
- "kind": "field",
5719
- "name": "targetList",
5720
- "type": {
5721
- "text": "{ value: string; description: string }[]"
5722
- },
5723
- "default": "[]"
5848
+ "kind": "method",
5849
+ "name": "_isIdentifiable",
5850
+ "parameters": [
5851
+ {
5852
+ "name": "selected",
5853
+ "type": {
5854
+ "text": "Component[]"
5855
+ }
5856
+ }
5857
+ ]
5724
5858
  },
5725
5859
  {
5726
5860
  "kind": "method",
5727
- "name": "_getPlaceHoder",
5861
+ "name": "_isClassIdentifiable",
5728
5862
  "parameters": [
5729
5863
  {
5730
- "name": "action",
5864
+ "name": "selected",
5731
5865
  "type": {
5732
- "text": "string"
5866
+ "text": "Component[]"
5733
5867
  }
5734
5868
  }
5735
5869
  ]
5736
5870
  },
5737
5871
  {
5738
5872
  "kind": "method",
5739
- "name": "_getInputList",
5740
- "return": {
5741
- "type": {
5742
- "text": "{ value: string; description: string }[]"
5743
- }
5744
- },
5873
+ "name": "_isLine",
5745
5874
  "parameters": [
5746
5875
  {
5747
- "name": "action",
5876
+ "name": "selected",
5748
5877
  "type": {
5749
- "text": "string"
5878
+ "text": "Component[]"
5750
5879
  }
5751
5880
  }
5752
5881
  ]
5753
5882
  },
5754
5883
  {
5755
5884
  "kind": "method",
5756
- "name": "_onValueChange",
5885
+ "name": "_is3dish",
5757
5886
  "parameters": [
5758
5887
  {
5759
- "name": "e",
5888
+ "name": "selected",
5760
5889
  "type": {
5761
- "text": "Event"
5890
+ "text": "Component[]"
5762
5891
  }
5763
5892
  }
5764
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
+ }
5765
5932
  }
5766
5933
  ],
5767
5934
  "events": [
5768
5935
  {
5769
- "name": "change",
5936
+ "name": "bounds-change",
5937
+ "type": {
5938
+ "text": "CustomEvent"
5939
+ }
5940
+ },
5941
+ {
5942
+ "name": "property-change",
5770
5943
  "type": {
5771
5944
  "text": "CustomEvent"
5945
+ },
5946
+ "inheritedFrom": {
5947
+ "name": "AbstractProperty",
5948
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5772
5949
  }
5773
5950
  }
5774
5951
  ],
@@ -5781,61 +5958,86 @@
5781
5958
  "fieldName": "value"
5782
5959
  },
5783
5960
  {
5784
- "name": "scene",
5961
+ "name": "bounds",
5785
5962
  "type": {
5786
- "text": "Scene | undefined"
5963
+ "text": "BOUNDS | null"
5787
5964
  },
5788
- "fieldName": "scene"
5965
+ "default": "null",
5966
+ "fieldName": "bounds"
5967
+ },
5968
+ {
5969
+ "name": "selected",
5970
+ "type": {
5971
+ "text": "Component[]"
5972
+ },
5973
+ "default": "[]",
5974
+ "fieldName": "selected"
5789
5975
  }
5790
5976
  ],
5791
5977
  "superclass": {
5792
- "name": "LitElement",
5793
- "package": "lit"
5794
- },
5795
- "customElement": true
5978
+ "name": "AbstractProperty",
5979
+ "module": "/src/modeller/property-sidebar/abstract-property"
5980
+ }
5796
5981
  }
5797
5982
  ],
5798
5983
  "exports": [
5799
5984
  {
5800
5985
  "kind": "js",
5801
- "name": "PropertyEventTap",
5986
+ "name": "PropertyShapes",
5802
5987
  "declaration": {
5803
- "name": "PropertyEventTap",
5804
- "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
5988
+ "name": "PropertyShapes",
5989
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5805
5990
  }
5806
5991
  }
5807
5992
  ]
5808
5993
  },
5809
5994
  {
5810
5995
  "kind": "javascript-module",
5811
- "path": "src/modeller/property-sidebar/effects/property-event.ts",
5996
+ "path": "src/modeller/property-sidebar/styles/styles.ts",
5812
5997
  "declarations": [
5813
5998
  {
5814
5999
  "kind": "class",
5815
6000
  "description": "",
5816
- "name": "PropertyEvent",
6001
+ "name": "PropertyStyles",
5817
6002
  "members": [
5818
6003
  {
5819
6004
  "kind": "field",
5820
6005
  "name": "value",
5821
6006
  "type": {
5822
- "text": "Properties | undefined"
6007
+ "text": "any"
5823
6008
  },
6009
+ "default": "{}",
5824
6010
  "attribute": "value"
5825
6011
  },
5826
6012
  {
5827
6013
  "kind": "field",
5828
- "name": "scene",
6014
+ "name": "selected",
5829
6015
  "type": {
5830
- "text": "Scene | undefined"
6016
+ "text": "Component[]"
5831
6017
  },
5832
- "attribute": "scene"
6018
+ "default": "[]",
6019
+ "attribute": "selected"
5833
6020
  },
5834
6021
  {
5835
6022
  "kind": "field",
5836
- "name": "scopedElements",
5837
- "static": true,
5838
- "readonly": true
6023
+ "name": "fonts",
6024
+ "type": {
6025
+ "text": "any[]"
6026
+ },
6027
+ "default": "[]",
6028
+ "attribute": "fonts"
6029
+ },
6030
+ {
6031
+ "kind": "method",
6032
+ "name": "_isLine",
6033
+ "parameters": [
6034
+ {
6035
+ "name": "selected",
6036
+ "type": {
6037
+ "text": "Component[]"
6038
+ }
6039
+ }
6040
+ ]
5839
6041
  },
5840
6042
  {
5841
6043
  "kind": "method",
@@ -5847,92 +6049,48 @@
5847
6049
  "text": "Event"
5848
6050
  }
5849
6051
  }
5850
- ]
5851
- }
5852
- ],
5853
- "events": [
5854
- {
5855
- "name": "change",
5856
- "type": {
5857
- "text": "CustomEvent"
6052
+ ],
6053
+ "inheritedFrom": {
6054
+ "name": "AbstractProperty",
6055
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5858
6056
  }
5859
- }
5860
- ],
5861
- "attributes": [
5862
- {
5863
- "name": "value",
5864
- "type": {
5865
- "text": "Properties | undefined"
5866
- },
5867
- "fieldName": "value"
5868
- },
5869
- {
5870
- "name": "scene",
5871
- "type": {
5872
- "text": "Scene | undefined"
5873
- },
5874
- "fieldName": "scene"
5875
- }
5876
- ],
5877
- "mixins": [
5878
- {
5879
- "name": "ScopedElementsMixin",
5880
- "package": "@open-wc/scoped-elements"
5881
- }
5882
- ],
5883
- "superclass": {
5884
- "name": "LitElement",
5885
- "package": "lit"
5886
- },
5887
- "customElement": true
5888
- }
5889
- ],
5890
- "exports": [
5891
- {
5892
- "kind": "js",
5893
- "name": "PropertyEvent",
5894
- "declaration": {
5895
- "name": "PropertyEvent",
5896
- "module": "src/modeller/property-sidebar/effects/property-event.ts"
5897
- }
5898
- }
5899
- ]
5900
- },
5901
- {
5902
- "kind": "javascript-module",
5903
- "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
5904
- "declarations": [
5905
- {
5906
- "kind": "class",
5907
- "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
5908
- "name": "PropertyShadow",
5909
- "members": [
5910
- {
5911
- "kind": "field",
5912
- "name": "value",
5913
- "type": {
5914
- "text": "Properties | undefined"
5915
- },
5916
- "attribute": "value"
5917
6057
  },
5918
6058
  {
5919
6059
  "kind": "method",
5920
- "name": "_onValueChange",
6060
+ "name": "_getValueFromEventTarget",
5921
6061
  "parameters": [
5922
6062
  {
5923
- "name": "e",
6063
+ "name": "element",
5924
6064
  "type": {
5925
- "text": "Event"
6065
+ "text": "HTMLElement"
5926
6066
  }
5927
6067
  }
5928
- ]
5929
- }
5930
- ],
5931
- "events": [
6068
+ ],
6069
+ "inheritedFrom": {
6070
+ "name": "AbstractProperty",
6071
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6072
+ }
6073
+ },
5932
6074
  {
5933
- "name": "change",
5934
- "type": {
5935
- "text": "CustomEvent"
6075
+ "kind": "method",
6076
+ "name": "_onAfterValueChange",
6077
+ "parameters": [
6078
+ {
6079
+ "name": "key",
6080
+ "type": {
6081
+ "text": "string"
6082
+ }
6083
+ },
6084
+ {
6085
+ "name": "value",
6086
+ "type": {
6087
+ "text": "any"
6088
+ }
6089
+ }
6090
+ ],
6091
+ "inheritedFrom": {
6092
+ "name": "AbstractProperty",
6093
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5936
6094
  }
5937
6095
  }
5938
6096
  ],
@@ -5940,41 +6098,41 @@
5940
6098
  {
5941
6099
  "name": "value",
5942
6100
  "type": {
5943
- "text": "Properties | undefined"
6101
+ "text": "any"
5944
6102
  },
6103
+ "default": "{}",
5945
6104
  "fieldName": "value"
6105
+ },
6106
+ {
6107
+ "name": "selected",
6108
+ "type": {
6109
+ "text": "Component[]"
6110
+ },
6111
+ "default": "[]",
6112
+ "fieldName": "selected"
6113
+ },
6114
+ {
6115
+ "name": "fonts",
6116
+ "type": {
6117
+ "text": "any[]"
6118
+ },
6119
+ "default": "[]",
6120
+ "fieldName": "fonts"
5946
6121
  }
5947
6122
  ],
5948
6123
  "superclass": {
5949
- "name": "LitElement",
5950
- "package": "lit"
6124
+ "name": "AbstractProperty",
6125
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
5951
6126
  },
5952
- "customElement": true
5953
- }
5954
- ],
5955
- "exports": [
5956
- {
5957
- "kind": "js",
5958
- "name": "PropertyShadow",
5959
- "declaration": {
5960
- "name": "PropertyShadow",
5961
- "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
5962
- }
5963
- }
5964
- ]
5965
- },
5966
- {
5967
- "kind": "javascript-module",
5968
- "path": "src/modeller/property-sidebar/effects/value-converter.ts",
5969
- "declarations": [
5970
- {
5971
- "kind": "function",
5972
- "name": "convert",
5973
- "parameters": [
6127
+ "events": [
5974
6128
  {
5975
- "name": "element",
6129
+ "name": "property-change",
5976
6130
  "type": {
5977
- "text": "any"
6131
+ "text": "CustomEvent"
6132
+ },
6133
+ "inheritedFrom": {
6134
+ "name": "AbstractProperty",
6135
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5978
6136
  }
5979
6137
  }
5980
6138
  ]
@@ -5983,10 +6141,10 @@
5983
6141
  "exports": [
5984
6142
  {
5985
6143
  "kind": "js",
5986
- "name": "convert",
6144
+ "name": "PropertyStyles",
5987
6145
  "declaration": {
5988
- "name": "convert",
5989
- "module": "src/modeller/property-sidebar/effects/value-converter.ts"
6146
+ "name": "PropertyStyles",
6147
+ "module": "src/modeller/property-sidebar/styles/styles.ts"
5990
6148
  }
5991
6149
  }
5992
6150
  ]
@@ -6337,164 +6495,6 @@
6337
6495
  }
6338
6496
  }
6339
6497
  ]
6340
- },
6341
- {
6342
- "kind": "javascript-module",
6343
- "path": "src/modeller/property-sidebar/styles/styles.ts",
6344
- "declarations": [
6345
- {
6346
- "kind": "class",
6347
- "description": "",
6348
- "name": "PropertyStyles",
6349
- "members": [
6350
- {
6351
- "kind": "field",
6352
- "name": "value",
6353
- "type": {
6354
- "text": "any"
6355
- },
6356
- "default": "{}",
6357
- "attribute": "value"
6358
- },
6359
- {
6360
- "kind": "field",
6361
- "name": "selected",
6362
- "type": {
6363
- "text": "Component[]"
6364
- },
6365
- "default": "[]",
6366
- "attribute": "selected"
6367
- },
6368
- {
6369
- "kind": "field",
6370
- "name": "fonts",
6371
- "type": {
6372
- "text": "any[]"
6373
- },
6374
- "default": "[]",
6375
- "attribute": "fonts"
6376
- },
6377
- {
6378
- "kind": "method",
6379
- "name": "_isLine",
6380
- "parameters": [
6381
- {
6382
- "name": "selected",
6383
- "type": {
6384
- "text": "Component[]"
6385
- }
6386
- }
6387
- ]
6388
- },
6389
- {
6390
- "kind": "method",
6391
- "name": "_onValueChange",
6392
- "parameters": [
6393
- {
6394
- "name": "e",
6395
- "type": {
6396
- "text": "Event"
6397
- }
6398
- }
6399
- ],
6400
- "inheritedFrom": {
6401
- "name": "AbstractProperty",
6402
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6403
- }
6404
- },
6405
- {
6406
- "kind": "method",
6407
- "name": "_getValueFromEventTarget",
6408
- "parameters": [
6409
- {
6410
- "name": "element",
6411
- "type": {
6412
- "text": "HTMLElement"
6413
- }
6414
- }
6415
- ],
6416
- "inheritedFrom": {
6417
- "name": "AbstractProperty",
6418
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6419
- }
6420
- },
6421
- {
6422
- "kind": "method",
6423
- "name": "_onAfterValueChange",
6424
- "parameters": [
6425
- {
6426
- "name": "key",
6427
- "type": {
6428
- "text": "string"
6429
- }
6430
- },
6431
- {
6432
- "name": "value",
6433
- "type": {
6434
- "text": "any"
6435
- }
6436
- }
6437
- ],
6438
- "inheritedFrom": {
6439
- "name": "AbstractProperty",
6440
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6441
- }
6442
- }
6443
- ],
6444
- "attributes": [
6445
- {
6446
- "name": "value",
6447
- "type": {
6448
- "text": "any"
6449
- },
6450
- "default": "{}",
6451
- "fieldName": "value"
6452
- },
6453
- {
6454
- "name": "selected",
6455
- "type": {
6456
- "text": "Component[]"
6457
- },
6458
- "default": "[]",
6459
- "fieldName": "selected"
6460
- },
6461
- {
6462
- "name": "fonts",
6463
- "type": {
6464
- "text": "any[]"
6465
- },
6466
- "default": "[]",
6467
- "fieldName": "fonts"
6468
- }
6469
- ],
6470
- "superclass": {
6471
- "name": "AbstractProperty",
6472
- "module": "/src/modeller/property-sidebar/abstract-property.js"
6473
- },
6474
- "events": [
6475
- {
6476
- "name": "property-change",
6477
- "type": {
6478
- "text": "CustomEvent"
6479
- },
6480
- "inheritedFrom": {
6481
- "name": "AbstractProperty",
6482
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6483
- }
6484
- }
6485
- ]
6486
- }
6487
- ],
6488
- "exports": [
6489
- {
6490
- "kind": "js",
6491
- "name": "PropertyStyles",
6492
- "declaration": {
6493
- "name": "PropertyStyles",
6494
- "module": "src/modeller/property-sidebar/styles/styles.ts"
6495
- }
6496
- }
6497
- ]
6498
6498
  }
6499
6499
  ]
6500
6500
  }