@operato/board 0.3.20 → 0.3.26

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 (52) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/custom-elements.json +947 -947
  3. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.d.ts +1 -0
  4. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js +9 -8
  5. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js.map +1 -1
  6. package/dist/src/modeller/property-sidebar/data-binding/data-binding.d.ts +2 -1
  7. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js +12 -9
  8. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js.map +1 -1
  9. package/dist/src/modeller/property-sidebar/effects/effects.d.ts +2 -0
  10. package/dist/src/modeller/property-sidebar/effects/effects.js +8 -4
  11. package/dist/src/modeller/property-sidebar/effects/effects.js.map +1 -1
  12. package/dist/src/modeller/property-sidebar/effects/property-animation.d.ts +1 -0
  13. package/dist/src/modeller/property-sidebar/effects/property-animation.js +11 -10
  14. package/dist/src/modeller/property-sidebar/effects/property-animation.js.map +1 -1
  15. package/dist/src/modeller/property-sidebar/effects/property-animations.d.ts +1 -0
  16. package/dist/src/modeller/property-sidebar/effects/property-animations.js +5 -2
  17. package/dist/src/modeller/property-sidebar/effects/property-animations.js.map +1 -1
  18. package/dist/src/modeller/property-sidebar/effects/property-event-hover.d.ts +1 -0
  19. package/dist/src/modeller/property-sidebar/effects/property-event-hover.js +6 -5
  20. package/dist/src/modeller/property-sidebar/effects/property-event-hover.js.map +1 -1
  21. package/dist/src/modeller/property-sidebar/effects/property-event-tap.d.ts +1 -0
  22. package/dist/src/modeller/property-sidebar/effects/property-event-tap.js +5 -4
  23. package/dist/src/modeller/property-sidebar/effects/property-event-tap.js.map +1 -1
  24. package/dist/src/modeller/property-sidebar/effects/property-event.d.ts +1 -0
  25. package/dist/src/modeller/property-sidebar/effects/property-event.js +4 -3
  26. package/dist/src/modeller/property-sidebar/effects/property-event.js.map +1 -1
  27. package/dist/src/modeller/property-sidebar/effects/property-shadow.d.ts +1 -0
  28. package/dist/src/modeller/property-sidebar/effects/property-shadow.js +4 -3
  29. package/dist/src/modeller/property-sidebar/effects/property-shadow.js.map +1 -1
  30. package/dist/src/modeller/property-sidebar/shapes/shapes.d.ts +2 -0
  31. package/dist/src/modeller/property-sidebar/shapes/shapes.js +30 -28
  32. package/dist/src/modeller/property-sidebar/shapes/shapes.js.map +1 -1
  33. package/dist/src/modeller/property-sidebar/specifics/specifics.d.ts +1 -1
  34. package/dist/src/modeller/property-sidebar/specifics/specifics.js +3 -3
  35. package/dist/src/modeller/property-sidebar/specifics/specifics.js.map +1 -1
  36. package/dist/src/modeller/property-sidebar/styles/styles.d.ts +2 -1
  37. package/dist/src/modeller/property-sidebar/styles/styles.js +21 -20
  38. package/dist/src/modeller/property-sidebar/styles/styles.js.map +1 -1
  39. package/dist/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +14 -14
  41. package/src/modeller/property-sidebar/data-binding/data-binding-mapper.ts +9 -8
  42. package/src/modeller/property-sidebar/data-binding/data-binding.ts +12 -9
  43. package/src/modeller/property-sidebar/effects/effects.ts +10 -5
  44. package/src/modeller/property-sidebar/effects/property-animation.ts +11 -10
  45. package/src/modeller/property-sidebar/effects/property-animations.ts +7 -3
  46. package/src/modeller/property-sidebar/effects/property-event-hover.ts +6 -5
  47. package/src/modeller/property-sidebar/effects/property-event-tap.ts +5 -4
  48. package/src/modeller/property-sidebar/effects/property-event.ts +6 -4
  49. package/src/modeller/property-sidebar/effects/property-shadow.ts +4 -3
  50. package/src/modeller/property-sidebar/shapes/shapes.ts +30 -28
  51. package/src/modeller/property-sidebar/specifics/specifics.ts +5 -4
  52. package/src/modeller/property-sidebar/styles/styles.ts +21 -20
package/custom-elements.json CHANGED
@@ -1825,123 +1825,572 @@
1825
1825
  },
1826
1826
  {
1827
1827
  "kind": "javascript-module",
1828
- "path": "src/modeller/edit-toolbar-style.ts",
1828
+ "path": "src/graphql/board.ts",
1829
1829
  "declarations": [
1830
1830
  {
1831
- "kind": "variable",
1832
- "name": "style",
1833
- "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`"
1831
+ "kind": "function",
1832
+ "name": "fetchBoardList",
1833
+ "parameters": [
1834
+ {
1835
+ "name": "listParam",
1836
+ "default": "{}"
1837
+ }
1838
+ ]
1839
+ },
1840
+ {
1841
+ "kind": "function",
1842
+ "name": "fetchBoard",
1843
+ "parameters": [
1844
+ {
1845
+ "name": "id",
1846
+ "type": {
1847
+ "text": "string"
1848
+ }
1849
+ }
1850
+ ]
1851
+ },
1852
+ {
1853
+ "kind": "function",
1854
+ "name": "createBoard",
1855
+ "parameters": [
1856
+ {
1857
+ "name": "board",
1858
+ "type": {
1859
+ "text": "Board"
1860
+ }
1861
+ }
1862
+ ]
1863
+ },
1864
+ {
1865
+ "kind": "function",
1866
+ "name": "updateBoard",
1867
+ "parameters": [
1868
+ {
1869
+ "name": "board",
1870
+ "type": {
1871
+ "text": "Board"
1872
+ }
1873
+ }
1874
+ ]
1875
+ },
1876
+ {
1877
+ "kind": "function",
1878
+ "name": "deleteBoard",
1879
+ "parameters": [
1880
+ {
1881
+ "name": "id",
1882
+ "type": {
1883
+ "text": "string"
1884
+ }
1885
+ }
1886
+ ]
1834
1887
  }
1835
1888
  ],
1836
1889
  "exports": [
1837
1890
  {
1838
1891
  "kind": "js",
1839
- "name": "style",
1892
+ "name": "fetchBoardList",
1840
1893
  "declaration": {
1841
- "name": "style",
1842
- "module": "src/modeller/edit-toolbar-style.ts"
1894
+ "name": "fetchBoardList",
1895
+ "module": "src/graphql/board.ts"
1896
+ }
1897
+ },
1898
+ {
1899
+ "kind": "js",
1900
+ "name": "fetchBoard",
1901
+ "declaration": {
1902
+ "name": "fetchBoard",
1903
+ "module": "src/graphql/board.ts"
1904
+ }
1905
+ },
1906
+ {
1907
+ "kind": "js",
1908
+ "name": "createBoard",
1909
+ "declaration": {
1910
+ "name": "createBoard",
1911
+ "module": "src/graphql/board.ts"
1912
+ }
1913
+ },
1914
+ {
1915
+ "kind": "js",
1916
+ "name": "updateBoard",
1917
+ "declaration": {
1918
+ "name": "updateBoard",
1919
+ "module": "src/graphql/board.ts"
1920
+ }
1921
+ },
1922
+ {
1923
+ "kind": "js",
1924
+ "name": "deleteBoard",
1925
+ "declaration": {
1926
+ "name": "deleteBoard",
1927
+ "module": "src/graphql/board.ts"
1843
1928
  }
1844
1929
  }
1845
1930
  ]
1846
1931
  },
1847
1932
  {
1848
1933
  "kind": "javascript-module",
1849
- "path": "src/modeller/edit-toolbar.ts",
1934
+ "path": "src/graphql/favorite-board.ts",
1850
1935
  "declarations": [
1851
1936
  {
1852
- "kind": "class",
1853
- "description": "",
1854
- "name": "EditToolbar",
1855
- "members": [
1856
- {
1857
- "kind": "field",
1858
- "name": "scene",
1859
- "type": {
1860
- "text": "Scene | undefined"
1861
- },
1862
- "attribute": "scene"
1863
- },
1864
- {
1865
- "kind": "field",
1866
- "name": "selected",
1867
- "type": {
1868
- "text": "any[]"
1869
- },
1870
- "default": "[]",
1871
- "attribute": "selected"
1872
- },
1873
- {
1874
- "kind": "field",
1875
- "name": "hideProperty",
1876
- "type": {
1877
- "text": "boolean"
1878
- },
1879
- "default": "false",
1880
- "attribute": "hideProperty"
1881
- },
1882
- {
1883
- "kind": "field",
1884
- "name": "cliped",
1885
- "type": {
1886
- "text": "string | undefined"
1887
- },
1888
- "privacy": "private"
1889
- },
1937
+ "kind": "function",
1938
+ "name": "fetchFavoriteBoardList",
1939
+ "parameters": [
1890
1940
  {
1891
- "kind": "field",
1892
- "name": "redo",
1893
- "type": {
1894
- "text": "HTMLElement"
1895
- },
1896
- "privacy": "private"
1897
- },
1941
+ "name": "listParam",
1942
+ "default": "{}"
1943
+ }
1944
+ ]
1945
+ }
1946
+ ],
1947
+ "exports": [
1948
+ {
1949
+ "kind": "js",
1950
+ "name": "fetchFavoriteBoardList",
1951
+ "declaration": {
1952
+ "name": "fetchFavoriteBoardList",
1953
+ "module": "src/graphql/favorite-board.ts"
1954
+ }
1955
+ }
1956
+ ]
1957
+ },
1958
+ {
1959
+ "kind": "javascript-module",
1960
+ "path": "src/graphql/group.ts",
1961
+ "declarations": [
1962
+ {
1963
+ "kind": "function",
1964
+ "name": "fetchGroup",
1965
+ "parameters": [
1898
1966
  {
1899
- "kind": "field",
1900
- "name": "undo",
1967
+ "name": "id",
1901
1968
  "type": {
1902
- "text": "HTMLElement"
1903
- },
1904
- "privacy": "private"
1905
- },
1969
+ "text": "string"
1970
+ }
1971
+ }
1972
+ ]
1973
+ },
1974
+ {
1975
+ "kind": "function",
1976
+ "name": "updateGroup",
1977
+ "parameters": [
1906
1978
  {
1907
- "kind": "field",
1908
- "name": "fullscreen",
1979
+ "name": "group",
1909
1980
  "type": {
1910
- "text": "HTMLElement"
1911
- },
1912
- "privacy": "private"
1913
- },
1981
+ "text": "BoardGroup"
1982
+ }
1983
+ }
1984
+ ]
1985
+ },
1986
+ {
1987
+ "kind": "function",
1988
+ "name": "deleteGroup",
1989
+ "parameters": [
1914
1990
  {
1915
- "kind": "field",
1916
- "name": "cut",
1991
+ "name": "id",
1917
1992
  "type": {
1918
- "text": "HTMLElement"
1919
- },
1920
- "privacy": "private"
1921
- },
1993
+ "text": "string"
1994
+ }
1995
+ }
1996
+ ]
1997
+ },
1998
+ {
1999
+ "kind": "function",
2000
+ "name": "fetchGroupList"
2001
+ },
2002
+ {
2003
+ "kind": "function",
2004
+ "name": "createGroup",
2005
+ "parameters": [
1922
2006
  {
1923
- "kind": "field",
1924
- "name": "copy",
2007
+ "name": "group",
1925
2008
  "type": {
1926
- "text": "HTMLElement"
1927
- },
1928
- "privacy": "private"
1929
- },
2009
+ "text": "BoardGroup"
2010
+ }
2011
+ }
2012
+ ]
2013
+ },
2014
+ {
2015
+ "kind": "function",
2016
+ "name": "joinGroup",
2017
+ "parameters": [
1930
2018
  {
1931
- "kind": "field",
1932
- "name": "paste",
2019
+ "name": "boardId",
1933
2020
  "type": {
1934
- "text": "HTMLElement"
1935
- },
1936
- "privacy": "private"
2021
+ "text": "string"
2022
+ }
1937
2023
  },
1938
2024
  {
1939
- "kind": "field",
1940
- "name": "delete",
2025
+ "name": "groupId",
1941
2026
  "type": {
1942
- "text": "HTMLElement"
1943
- },
1944
- "privacy": "private"
2027
+ "text": "string"
2028
+ }
2029
+ }
2030
+ ]
2031
+ }
2032
+ ],
2033
+ "exports": [
2034
+ {
2035
+ "kind": "js",
2036
+ "name": "fetchGroup",
2037
+ "declaration": {
2038
+ "name": "fetchGroup",
2039
+ "module": "src/graphql/group.ts"
2040
+ }
2041
+ },
2042
+ {
2043
+ "kind": "js",
2044
+ "name": "updateGroup",
2045
+ "declaration": {
2046
+ "name": "updateGroup",
2047
+ "module": "src/graphql/group.ts"
2048
+ }
2049
+ },
2050
+ {
2051
+ "kind": "js",
2052
+ "name": "deleteGroup",
2053
+ "declaration": {
2054
+ "name": "deleteGroup",
2055
+ "module": "src/graphql/group.ts"
2056
+ }
2057
+ },
2058
+ {
2059
+ "kind": "js",
2060
+ "name": "fetchGroupList",
2061
+ "declaration": {
2062
+ "name": "fetchGroupList",
2063
+ "module": "src/graphql/group.ts"
2064
+ }
2065
+ },
2066
+ {
2067
+ "kind": "js",
2068
+ "name": "createGroup",
2069
+ "declaration": {
2070
+ "name": "createGroup",
2071
+ "module": "src/graphql/group.ts"
2072
+ }
2073
+ },
2074
+ {
2075
+ "kind": "js",
2076
+ "name": "joinGroup",
2077
+ "declaration": {
2078
+ "name": "joinGroup",
2079
+ "module": "src/graphql/group.ts"
2080
+ }
2081
+ }
2082
+ ]
2083
+ },
2084
+ {
2085
+ "kind": "javascript-module",
2086
+ "path": "src/graphql/index.ts",
2087
+ "declarations": [],
2088
+ "exports": [
2089
+ {
2090
+ "kind": "js",
2091
+ "name": "*",
2092
+ "declaration": {
2093
+ "name": "*",
2094
+ "package": "./board"
2095
+ }
2096
+ },
2097
+ {
2098
+ "kind": "js",
2099
+ "name": "*",
2100
+ "declaration": {
2101
+ "name": "*",
2102
+ "package": "./group"
2103
+ }
2104
+ },
2105
+ {
2106
+ "kind": "js",
2107
+ "name": "*",
2108
+ "declaration": {
2109
+ "name": "*",
2110
+ "package": "./play-group"
2111
+ }
2112
+ },
2113
+ {
2114
+ "kind": "js",
2115
+ "name": "*",
2116
+ "declaration": {
2117
+ "name": "*",
2118
+ "package": "./favorite-board"
2119
+ }
2120
+ }
2121
+ ]
2122
+ },
2123
+ {
2124
+ "kind": "javascript-module",
2125
+ "path": "src/graphql/play-group.ts",
2126
+ "declarations": [
2127
+ {
2128
+ "kind": "function",
2129
+ "name": "fetchPlayGroupList"
2130
+ },
2131
+ {
2132
+ "kind": "function",
2133
+ "name": "fetchPlayGroup",
2134
+ "parameters": [
2135
+ {
2136
+ "name": "groupId",
2137
+ "type": {
2138
+ "text": "string"
2139
+ }
2140
+ }
2141
+ ]
2142
+ },
2143
+ {
2144
+ "kind": "function",
2145
+ "name": "createPlayGroup",
2146
+ "parameters": [
2147
+ {
2148
+ "name": "group",
2149
+ "type": {
2150
+ "text": "PlayGroup"
2151
+ }
2152
+ }
2153
+ ]
2154
+ },
2155
+ {
2156
+ "kind": "function",
2157
+ "name": "updatePlayGroup",
2158
+ "parameters": [
2159
+ {
2160
+ "name": "group",
2161
+ "type": {
2162
+ "text": "PlayGroup"
2163
+ }
2164
+ }
2165
+ ]
2166
+ },
2167
+ {
2168
+ "kind": "function",
2169
+ "name": "deletePlayGroup",
2170
+ "parameters": [
2171
+ {
2172
+ "name": "id",
2173
+ "type": {
2174
+ "text": "string"
2175
+ }
2176
+ }
2177
+ ]
2178
+ },
2179
+ {
2180
+ "kind": "function",
2181
+ "name": "joinPlayGroup",
2182
+ "parameters": [
2183
+ {
2184
+ "name": "boardId",
2185
+ "type": {
2186
+ "text": "string"
2187
+ }
2188
+ },
2189
+ {
2190
+ "name": "group",
2191
+ "type": {
2192
+ "text": "PlayGroup"
2193
+ }
2194
+ }
2195
+ ]
2196
+ },
2197
+ {
2198
+ "kind": "function",
2199
+ "name": "leavePlayGroup",
2200
+ "parameters": [
2201
+ {
2202
+ "name": "boardId",
2203
+ "type": {
2204
+ "text": "string"
2205
+ }
2206
+ },
2207
+ {
2208
+ "name": "groupId",
2209
+ "type": {
2210
+ "text": "string"
2211
+ }
2212
+ }
2213
+ ]
2214
+ }
2215
+ ],
2216
+ "exports": [
2217
+ {
2218
+ "kind": "js",
2219
+ "name": "fetchPlayGroupList",
2220
+ "declaration": {
2221
+ "name": "fetchPlayGroupList",
2222
+ "module": "src/graphql/play-group.ts"
2223
+ }
2224
+ },
2225
+ {
2226
+ "kind": "js",
2227
+ "name": "fetchPlayGroup",
2228
+ "declaration": {
2229
+ "name": "fetchPlayGroup",
2230
+ "module": "src/graphql/play-group.ts"
2231
+ }
2232
+ },
2233
+ {
2234
+ "kind": "js",
2235
+ "name": "createPlayGroup",
2236
+ "declaration": {
2237
+ "name": "createPlayGroup",
2238
+ "module": "src/graphql/play-group.ts"
2239
+ }
2240
+ },
2241
+ {
2242
+ "kind": "js",
2243
+ "name": "updatePlayGroup",
2244
+ "declaration": {
2245
+ "name": "updatePlayGroup",
2246
+ "module": "src/graphql/play-group.ts"
2247
+ }
2248
+ },
2249
+ {
2250
+ "kind": "js",
2251
+ "name": "deletePlayGroup",
2252
+ "declaration": {
2253
+ "name": "deletePlayGroup",
2254
+ "module": "src/graphql/play-group.ts"
2255
+ }
2256
+ },
2257
+ {
2258
+ "kind": "js",
2259
+ "name": "joinPlayGroup",
2260
+ "declaration": {
2261
+ "name": "joinPlayGroup",
2262
+ "module": "src/graphql/play-group.ts"
2263
+ }
2264
+ },
2265
+ {
2266
+ "kind": "js",
2267
+ "name": "leavePlayGroup",
2268
+ "declaration": {
2269
+ "name": "leavePlayGroup",
2270
+ "module": "src/graphql/play-group.ts"
2271
+ }
2272
+ }
2273
+ ]
2274
+ },
2275
+ {
2276
+ "kind": "javascript-module",
2277
+ "path": "src/modeller/edit-toolbar-style.ts",
2278
+ "declarations": [
2279
+ {
2280
+ "kind": "variable",
2281
+ "name": "style",
2282
+ "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`"
2283
+ }
2284
+ ],
2285
+ "exports": [
2286
+ {
2287
+ "kind": "js",
2288
+ "name": "style",
2289
+ "declaration": {
2290
+ "name": "style",
2291
+ "module": "src/modeller/edit-toolbar-style.ts"
2292
+ }
2293
+ }
2294
+ ]
2295
+ },
2296
+ {
2297
+ "kind": "javascript-module",
2298
+ "path": "src/modeller/edit-toolbar.ts",
2299
+ "declarations": [
2300
+ {
2301
+ "kind": "class",
2302
+ "description": "",
2303
+ "name": "EditToolbar",
2304
+ "members": [
2305
+ {
2306
+ "kind": "field",
2307
+ "name": "scene",
2308
+ "type": {
2309
+ "text": "Scene | undefined"
2310
+ },
2311
+ "attribute": "scene"
2312
+ },
2313
+ {
2314
+ "kind": "field",
2315
+ "name": "selected",
2316
+ "type": {
2317
+ "text": "any[]"
2318
+ },
2319
+ "default": "[]",
2320
+ "attribute": "selected"
2321
+ },
2322
+ {
2323
+ "kind": "field",
2324
+ "name": "hideProperty",
2325
+ "type": {
2326
+ "text": "boolean"
2327
+ },
2328
+ "default": "false",
2329
+ "attribute": "hideProperty"
2330
+ },
2331
+ {
2332
+ "kind": "field",
2333
+ "name": "cliped",
2334
+ "type": {
2335
+ "text": "string | undefined"
2336
+ },
2337
+ "privacy": "private"
2338
+ },
2339
+ {
2340
+ "kind": "field",
2341
+ "name": "redo",
2342
+ "type": {
2343
+ "text": "HTMLElement"
2344
+ },
2345
+ "privacy": "private"
2346
+ },
2347
+ {
2348
+ "kind": "field",
2349
+ "name": "undo",
2350
+ "type": {
2351
+ "text": "HTMLElement"
2352
+ },
2353
+ "privacy": "private"
2354
+ },
2355
+ {
2356
+ "kind": "field",
2357
+ "name": "fullscreen",
2358
+ "type": {
2359
+ "text": "HTMLElement"
2360
+ },
2361
+ "privacy": "private"
2362
+ },
2363
+ {
2364
+ "kind": "field",
2365
+ "name": "cut",
2366
+ "type": {
2367
+ "text": "HTMLElement"
2368
+ },
2369
+ "privacy": "private"
2370
+ },
2371
+ {
2372
+ "kind": "field",
2373
+ "name": "copy",
2374
+ "type": {
2375
+ "text": "HTMLElement"
2376
+ },
2377
+ "privacy": "private"
2378
+ },
2379
+ {
2380
+ "kind": "field",
2381
+ "name": "paste",
2382
+ "type": {
2383
+ "text": "HTMLElement"
2384
+ },
2385
+ "privacy": "private"
2386
+ },
2387
+ {
2388
+ "kind": "field",
2389
+ "name": "delete",
2390
+ "type": {
2391
+ "text": "HTMLElement"
2392
+ },
2393
+ "privacy": "private"
1945
2394
  },
1946
2395
  {
1947
2396
  "kind": "field",
@@ -2129,1058 +2578,609 @@
2129
2578
  ]
2130
2579
  },
2131
2580
  {
2132
- "kind": "method",
2133
- "name": "onSelectedChanged",
2134
- "parameters": [
2135
- {
2136
- "name": "after",
2137
- "type": {
2138
- "text": "Component[]"
2139
- }
2140
- },
2141
- {
2142
- "name": "before",
2143
- "type": {
2144
- "text": "Component[]"
2145
- }
2146
- }
2147
- ]
2148
- },
2149
- {
2150
- "kind": "method",
2151
- "name": "onTapUndo"
2152
- },
2153
- {
2154
- "kind": "method",
2155
- "name": "onTapRedo"
2156
- },
2157
- {
2158
- "kind": "method",
2159
- "name": "onTapCut"
2160
- },
2161
- {
2162
- "kind": "method",
2163
- "name": "onTapCopy"
2164
- },
2165
- {
2166
- "kind": "method",
2167
- "name": "onTapPaste"
2168
- },
2169
- {
2170
- "kind": "method",
2171
- "name": "onTapDelete"
2172
- },
2173
- {
2174
- "kind": "method",
2175
- "name": "onTapSelectAll"
2176
- },
2177
- {
2178
- "kind": "method",
2179
- "name": "onTapFontIncrease",
2180
- "parameters": [
2181
- {
2182
- "name": "e",
2183
- "type": {
2184
- "text": "TouchEvent"
2185
- }
2186
- }
2187
- ]
2188
- },
2189
- {
2190
- "kind": "method",
2191
- "name": "onTapFontDecrease",
2192
- "parameters": [
2193
- {
2194
- "name": "e",
2195
- "type": {
2196
- "text": "TouchEvent"
2197
- }
2198
- }
2199
- ]
2200
- },
2201
- {
2202
- "kind": "method",
2203
- "name": "onTapAlign",
2204
- "parameters": [
2205
- {
2206
- "name": "e",
2207
- "type": {
2208
- "text": "TouchEvent | string"
2209
- }
2210
- }
2211
- ]
2212
- },
2213
- {
2214
- "kind": "method",
2215
- "name": "onTapZorder",
2216
- "parameters": [
2217
- {
2218
- "name": "e",
2219
- "type": {
2220
- "text": "TouchEvent | string"
2221
- }
2222
- }
2223
- ]
2224
- },
2225
- {
2226
- "kind": "method",
2227
- "name": "onTapSymmetryX"
2228
- },
2229
- {
2230
- "kind": "method",
2231
- "name": "onTapSymmetryY"
2232
- },
2233
- {
2234
- "kind": "method",
2235
- "name": "onTapRotateCW"
2236
- },
2237
- {
2238
- "kind": "method",
2239
- "name": "onTapRotateCCW"
2240
- },
2241
- {
2242
- "kind": "method",
2243
- "name": "onTapGroup"
2244
- },
2245
- {
2246
- "kind": "method",
2247
- "name": "onTapUngroup"
2248
- },
2249
- {
2250
- "kind": "method",
2251
- "name": "onTapFullscreen"
2252
- },
2253
- {
2254
- "kind": "method",
2255
- "name": "onTapToggle"
2256
- },
2257
- {
2258
- "kind": "method",
2259
- "name": "onTapFitScene"
2260
- },
2261
- {
2262
- "kind": "method",
2263
- "name": "onTapPreview"
2264
- },
2265
- {
2266
- "kind": "method",
2267
- "name": "onTapDownloadModel"
2268
- },
2269
- {
2270
- "kind": "method",
2271
- "name": "onTapDistribute",
2272
- "parameters": [
2273
- {
2274
- "name": "e",
2275
- "type": {
2276
- "text": "TouchEvent | string"
2277
- }
2278
- }
2279
- ]
2280
- }
2281
- ],
2282
- "events": [
2283
- {
2284
- "name": "modeller-fullscreen",
2285
- "type": {
2286
- "text": "CustomEvent"
2287
- }
2288
- },
2289
- {
2290
- "name": "hide-property-changed",
2291
- "type": {
2292
- "text": "CustomEvent"
2293
- }
2294
- },
2295
- {
2296
- "name": "open-preview",
2297
- "type": {
2298
- "text": "CustomEvent"
2299
- }
2300
- },
2301
- {
2302
- "name": "download-model",
2303
- "type": {
2304
- "text": "CustomEvent"
2305
- }
2306
- }
2307
- ],
2308
- "attributes": [
2309
- {
2310
- "name": "scene",
2311
- "type": {
2312
- "text": "Scene | undefined"
2313
- },
2314
- "fieldName": "scene"
2315
- },
2316
- {
2317
- "name": "selected",
2318
- "type": {
2319
- "text": "any[]"
2320
- },
2321
- "default": "[]",
2322
- "fieldName": "selected"
2323
- },
2324
- {
2325
- "name": "hideProperty",
2326
- "type": {
2327
- "text": "boolean"
2328
- },
2329
- "default": "false",
2330
- "fieldName": "hideProperty"
2331
- }
2332
- ],
2333
- "superclass": {
2334
- "name": "LitElement",
2335
- "package": "lit"
2336
- },
2337
- "tagName": "edit-toolbar",
2338
- "customElement": true
2339
- }
2340
- ],
2341
- "exports": [
2342
- {
2343
- "kind": "js",
2344
- "name": "EditToolbar",
2345
- "declaration": {
2346
- "name": "EditToolbar",
2347
- "module": "src/modeller/edit-toolbar.ts"
2348
- }
2349
- },
2350
- {
2351
- "kind": "custom-element-definition",
2352
- "name": "edit-toolbar",
2353
- "declaration": {
2354
- "name": "EditToolbar",
2355
- "module": "src/modeller/edit-toolbar.ts"
2356
- }
2357
- }
2358
- ]
2359
- },
2360
- {
2361
- "kind": "javascript-module",
2362
- "path": "src/player/ox-board-player-carousel.ts",
2363
- "declarations": [
2364
- {
2365
- "kind": "class",
2366
- "description": "",
2367
- "name": "BoardPlayerCarousel",
2368
- "members": [
2369
- {
2370
- "kind": "field",
2371
- "name": "axis",
2372
- "type": {
2373
- "text": "string"
2374
- },
2375
- "default": "'y'",
2376
- "attribute": "axis"
2377
- },
2378
- {
2379
- "kind": "field",
2380
- "name": "rows",
2381
- "type": {
2382
- "text": "number"
2383
- },
2384
- "default": "1",
2385
- "attribute": "rows"
2581
+ "kind": "method",
2582
+ "name": "onSelectedChanged",
2583
+ "parameters": [
2584
+ {
2585
+ "name": "after",
2586
+ "type": {
2587
+ "text": "Component[]"
2588
+ }
2589
+ },
2590
+ {
2591
+ "name": "before",
2592
+ "type": {
2593
+ "text": "Component[]"
2594
+ }
2595
+ }
2596
+ ]
2386
2597
  },
2387
2598
  {
2388
- "kind": "field",
2389
- "name": "columns",
2390
- "type": {
2391
- "text": "number"
2392
- },
2393
- "default": "1",
2394
- "attribute": "columns"
2599
+ "kind": "method",
2600
+ "name": "onTapUndo"
2395
2601
  },
2396
2602
  {
2397
- "kind": "field",
2398
- "name": "_slotObserver",
2399
- "type": {
2400
- "text": "MutationObserver | undefined"
2401
- }
2603
+ "kind": "method",
2604
+ "name": "onTapRedo"
2402
2605
  },
2403
2606
  {
2404
- "kind": "field",
2405
- "name": "_boundResize",
2406
- "type": {
2407
- "text": "() => void | undefined"
2408
- }
2607
+ "kind": "method",
2608
+ "name": "onTapCut"
2409
2609
  },
2410
2610
  {
2411
- "kind": "field",
2412
- "name": "_rotation",
2413
- "type": {
2414
- "text": "number"
2415
- },
2416
- "default": "0"
2611
+ "kind": "method",
2612
+ "name": "onTapCopy"
2417
2613
  },
2418
2614
  {
2419
- "kind": "field",
2420
- "name": "_theta",
2421
- "type": {
2422
- "text": "number"
2423
- },
2424
- "default": "0"
2615
+ "kind": "method",
2616
+ "name": "onTapPaste"
2425
2617
  },
2426
2618
  {
2427
- "kind": "field",
2428
- "name": "_radius",
2429
- "type": {
2430
- "text": "number"
2431
- },
2432
- "default": "0"
2619
+ "kind": "method",
2620
+ "name": "onTapDelete"
2433
2621
  },
2434
2622
  {
2435
- "kind": "field",
2436
- "name": "_rotateFn",
2437
- "type": {
2438
- "text": "string | undefined"
2439
- }
2623
+ "kind": "method",
2624
+ "name": "onTapSelectAll"
2440
2625
  },
2441
2626
  {
2442
- "kind": "field",
2443
- "name": "_panelCount",
2444
- "type": {
2445
- "text": "number"
2446
- },
2447
- "default": "0"
2627
+ "kind": "method",
2628
+ "name": "onTapFontIncrease",
2629
+ "parameters": [
2630
+ {
2631
+ "name": "e",
2632
+ "type": {
2633
+ "text": "TouchEvent"
2634
+ }
2635
+ }
2636
+ ]
2448
2637
  },
2449
2638
  {
2450
- "kind": "field",
2451
- "name": "_panelSize",
2452
- "type": {
2453
- "text": "number"
2454
- },
2455
- "default": "0"
2639
+ "kind": "method",
2640
+ "name": "onTapFontDecrease",
2641
+ "parameters": [
2642
+ {
2643
+ "name": "e",
2644
+ "type": {
2645
+ "text": "TouchEvent"
2646
+ }
2647
+ }
2648
+ ]
2456
2649
  },
2457
2650
  {
2458
- "kind": "field",
2459
- "name": "_isHorizontal",
2460
- "type": {
2461
- "text": "boolean"
2462
- },
2463
- "default": "true"
2651
+ "kind": "method",
2652
+ "name": "onTapAlign",
2653
+ "parameters": [
2654
+ {
2655
+ "name": "e",
2656
+ "type": {
2657
+ "text": "TouchEvent | string"
2658
+ }
2659
+ }
2660
+ ]
2464
2661
  },
2465
2662
  {
2466
- "kind": "field",
2467
- "name": "_slot",
2468
- "type": {
2469
- "text": "HTMLSlotElement"
2470
- }
2663
+ "kind": "method",
2664
+ "name": "onTapZorder",
2665
+ "parameters": [
2666
+ {
2667
+ "name": "e",
2668
+ "type": {
2669
+ "text": "TouchEvent | string"
2670
+ }
2671
+ }
2672
+ ]
2471
2673
  },
2472
2674
  {
2473
- "kind": "field",
2474
- "name": "_carousel",
2475
- "type": {
2476
- "text": "HTMLElement"
2477
- }
2675
+ "kind": "method",
2676
+ "name": "onTapSymmetryX"
2478
2677
  },
2479
2678
  {
2480
2679
  "kind": "method",
2481
- "name": "build"
2680
+ "name": "onTapSymmetryY"
2482
2681
  },
2483
2682
  {
2484
2683
  "kind": "method",
2485
- "name": "start"
2684
+ "name": "onTapRotateCW"
2486
2685
  },
2487
2686
  {
2488
2687
  "kind": "method",
2489
- "name": "stop"
2688
+ "name": "onTapRotateCCW"
2490
2689
  },
2491
2690
  {
2492
2691
  "kind": "method",
2493
- "name": "_onAxisChanged"
2692
+ "name": "onTapGroup"
2494
2693
  },
2495
2694
  {
2496
2695
  "kind": "method",
2497
- "name": "_transform"
2696
+ "name": "onTapUngroup"
2498
2697
  },
2499
2698
  {
2500
2699
  "kind": "method",
2501
- "name": "previous"
2700
+ "name": "onTapFullscreen"
2502
2701
  },
2503
2702
  {
2504
2703
  "kind": "method",
2505
- "name": "next"
2506
- }
2507
- ],
2508
- "events": [
2704
+ "name": "onTapToggle"
2705
+ },
2509
2706
  {
2510
- "name": "transform",
2511
- "type": {
2512
- "text": "CustomEvent"
2513
- }
2514
- }
2515
- ],
2516
- "attributes": [
2707
+ "kind": "method",
2708
+ "name": "onTapFitScene"
2709
+ },
2517
2710
  {
2518
- "name": "axis",
2519
- "type": {
2520
- "text": "string"
2521
- },
2522
- "default": "'y'",
2523
- "fieldName": "axis"
2711
+ "kind": "method",
2712
+ "name": "onTapPreview"
2524
2713
  },
2525
2714
  {
2526
- "name": "rows",
2527
- "type": {
2528
- "text": "number"
2529
- },
2530
- "default": "1",
2531
- "fieldName": "rows"
2715
+ "kind": "method",
2716
+ "name": "onTapDownloadModel"
2532
2717
  },
2533
2718
  {
2534
- "name": "columns",
2535
- "type": {
2536
- "text": "number"
2537
- },
2538
- "default": "1",
2539
- "fieldName": "columns"
2719
+ "kind": "method",
2720
+ "name": "onTapDistribute",
2721
+ "parameters": [
2722
+ {
2723
+ "name": "e",
2724
+ "type": {
2725
+ "text": "TouchEvent | string"
2726
+ }
2727
+ }
2728
+ ]
2540
2729
  }
2541
2730
  ],
2542
- "superclass": {
2543
- "name": "LitElement",
2544
- "package": "lit"
2545
- },
2546
- "tagName": "ox-board-player-carousel",
2547
- "customElement": true
2548
- }
2549
- ],
2550
- "exports": [
2551
- {
2552
- "kind": "custom-element-definition",
2553
- "name": "ox-board-player-carousel",
2554
- "declaration": {
2555
- "name": "BoardPlayerCarousel",
2556
- "module": "src/player/ox-board-player-carousel.ts"
2557
- }
2558
- }
2559
- ]
2560
- },
2561
- {
2562
- "kind": "javascript-module",
2563
- "path": "src/player/ox-board-player-grid.ts",
2564
- "declarations": [
2565
- {
2566
- "kind": "class",
2567
- "description": "자식 컴포넌트들을 그리드형태로 화면에 배치하여 한꺼번에 디스플레이해주는 컴포넌트.\nExample:\n <ox-board-player-grid rows=\"3\" columns=\"3\" tabindex=\"0\" focus>\n <div page>A</div>\n <div page>B</div>\n <div page>C</div>\n <div page>D</div>\n </ox-board-player-grid>",
2568
- "name": "BoardPlayerGrid",
2569
- "members": [
2570
- {
2571
- "kind": "field",
2572
- "name": "rows",
2573
- "type": {
2574
- "text": "number"
2575
- },
2576
- "default": "1",
2577
- "attribute": "rows"
2578
- },
2579
- {
2580
- "kind": "field",
2581
- "name": "columns",
2582
- "type": {
2583
- "text": "number"
2584
- },
2585
- "default": "1",
2586
- "attribute": "columns"
2587
- },
2731
+ "events": [
2588
2732
  {
2589
- "kind": "field",
2590
- "name": "_slotObserver",
2733
+ "name": "modeller-fullscreen",
2591
2734
  "type": {
2592
- "text": "MutationObserver | undefined"
2735
+ "text": "CustomEvent"
2593
2736
  }
2594
2737
  },
2595
2738
  {
2596
- "kind": "field",
2597
- "name": "_slot",
2739
+ "name": "hide-property-changed",
2598
2740
  "type": {
2599
- "text": "HTMLSlotElement"
2741
+ "text": "CustomEvent"
2600
2742
  }
2601
2743
  },
2602
2744
  {
2603
- "kind": "method",
2604
- "name": "start"
2605
- },
2606
- {
2607
- "kind": "method",
2608
- "name": "stop"
2609
- },
2610
- {
2611
- "kind": "method",
2612
- "name": "next"
2745
+ "name": "open-preview",
2746
+ "type": {
2747
+ "text": "CustomEvent"
2748
+ }
2613
2749
  },
2614
2750
  {
2615
- "kind": "method",
2616
- "name": "previous"
2751
+ "name": "download-model",
2752
+ "type": {
2753
+ "text": "CustomEvent"
2754
+ }
2617
2755
  }
2618
2756
  ],
2619
2757
  "attributes": [
2620
2758
  {
2621
- "name": "rows",
2759
+ "name": "scene",
2622
2760
  "type": {
2623
- "text": "number"
2761
+ "text": "Scene | undefined"
2624
2762
  },
2625
- "default": "1",
2626
- "fieldName": "rows"
2763
+ "fieldName": "scene"
2627
2764
  },
2628
2765
  {
2629
- "name": "columns",
2766
+ "name": "selected",
2630
2767
  "type": {
2631
- "text": "number"
2768
+ "text": "any[]"
2632
2769
  },
2633
- "default": "1",
2634
- "fieldName": "columns"
2770
+ "default": "[]",
2771
+ "fieldName": "selected"
2772
+ },
2773
+ {
2774
+ "name": "hideProperty",
2775
+ "type": {
2776
+ "text": "boolean"
2777
+ },
2778
+ "default": "false",
2779
+ "fieldName": "hideProperty"
2635
2780
  }
2636
2781
  ],
2637
2782
  "superclass": {
2638
2783
  "name": "LitElement",
2639
2784
  "package": "lit"
2640
2785
  },
2641
- "tagName": "ox-board-player-grid",
2786
+ "tagName": "edit-toolbar",
2642
2787
  "customElement": true
2643
2788
  }
2644
2789
  ],
2645
2790
  "exports": [
2791
+ {
2792
+ "kind": "js",
2793
+ "name": "EditToolbar",
2794
+ "declaration": {
2795
+ "name": "EditToolbar",
2796
+ "module": "src/modeller/edit-toolbar.ts"
2797
+ }
2798
+ },
2646
2799
  {
2647
2800
  "kind": "custom-element-definition",
2648
- "name": "ox-board-player-grid",
2801
+ "name": "edit-toolbar",
2649
2802
  "declaration": {
2650
- "name": "BoardPlayerGrid",
2651
- "module": "src/player/ox-board-player-grid.ts"
2803
+ "name": "EditToolbar",
2804
+ "module": "src/modeller/edit-toolbar.ts"
2652
2805
  }
2653
2806
  }
2654
2807
  ]
2655
2808
  },
2656
2809
  {
2657
2810
  "kind": "javascript-module",
2658
- "path": "src/player/ox-board-wrapper.ts",
2811
+ "path": "src/player/ox-board-player-carousel.ts",
2659
2812
  "declarations": [
2660
2813
  {
2661
2814
  "kind": "class",
2662
2815
  "description": "",
2663
- "name": "BoardWrapper",
2816
+ "name": "BoardPlayerCarousel",
2664
2817
  "members": [
2665
2818
  {
2666
2819
  "kind": "field",
2667
- "name": "sceneId",
2820
+ "name": "axis",
2668
2821
  "type": {
2669
2822
  "text": "string"
2670
2823
  },
2671
- "attribute": "sceneId"
2824
+ "default": "'y'",
2825
+ "attribute": "axis"
2672
2826
  },
2673
2827
  {
2674
2828
  "kind": "field",
2675
- "name": "provider",
2829
+ "name": "rows",
2676
2830
  "type": {
2677
- "text": "any"
2831
+ "text": "number"
2678
2832
  },
2679
- "attribute": "provider"
2833
+ "default": "1",
2834
+ "attribute": "rows"
2680
2835
  },
2681
2836
  {
2682
2837
  "kind": "field",
2683
- "name": "_scene",
2838
+ "name": "columns",
2684
2839
  "type": {
2685
- "text": "any"
2686
- }
2840
+ "text": "number"
2841
+ },
2842
+ "default": "1",
2843
+ "attribute": "columns"
2687
2844
  },
2688
2845
  {
2689
2846
  "kind": "field",
2690
- "name": "_targetEl",
2847
+ "name": "_slotObserver",
2691
2848
  "type": {
2692
- "text": "HTMLElement"
2849
+ "text": "MutationObserver | undefined"
2693
2850
  }
2694
2851
  },
2695
2852
  {
2696
- "kind": "method",
2697
- "name": "_releaseRef"
2698
- },
2699
- {
2700
- "kind": "method",
2701
- "name": "_onSceneIdChanged"
2702
- }
2703
- ],
2704
- "attributes": [
2705
- {
2706
- "name": "sceneId",
2853
+ "kind": "field",
2854
+ "name": "_boundResize",
2707
2855
  "type": {
2708
- "text": "string"
2709
- },
2710
- "fieldName": "sceneId"
2856
+ "text": "() => void | undefined"
2857
+ }
2711
2858
  },
2712
2859
  {
2713
- "name": "provider",
2860
+ "kind": "field",
2861
+ "name": "_rotation",
2714
2862
  "type": {
2715
- "text": "any"
2863
+ "text": "number"
2716
2864
  },
2717
- "fieldName": "provider"
2718
- }
2719
- ],
2720
- "superclass": {
2721
- "name": "LitElement",
2722
- "package": "lit"
2723
- },
2724
- "tagName": "ox-board-wrapper",
2725
- "customElement": true
2726
- }
2727
- ],
2728
- "exports": [
2729
- {
2730
- "kind": "custom-element-definition",
2731
- "name": "ox-board-wrapper",
2732
- "declaration": {
2733
- "name": "BoardWrapper",
2734
- "module": "src/player/ox-board-wrapper.ts"
2735
- }
2736
- }
2737
- ]
2738
- },
2739
- {
2740
- "kind": "javascript-module",
2741
- "path": "src/graphql/board.ts",
2742
- "declarations": [
2743
- {
2744
- "kind": "function",
2745
- "name": "fetchBoardList",
2746
- "parameters": [
2747
- {
2748
- "name": "listParam",
2749
- "default": "{}"
2750
- }
2751
- ]
2752
- },
2753
- {
2754
- "kind": "function",
2755
- "name": "fetchBoard",
2756
- "parameters": [
2757
- {
2758
- "name": "id",
2759
- "type": {
2760
- "text": "string"
2761
- }
2762
- }
2763
- ]
2764
- },
2765
- {
2766
- "kind": "function",
2767
- "name": "createBoard",
2768
- "parameters": [
2769
- {
2770
- "name": "board",
2771
- "type": {
2772
- "text": "Board"
2773
- }
2774
- }
2775
- ]
2776
- },
2777
- {
2778
- "kind": "function",
2779
- "name": "updateBoard",
2780
- "parameters": [
2781
- {
2782
- "name": "board",
2783
- "type": {
2784
- "text": "Board"
2785
- }
2786
- }
2787
- ]
2788
- },
2789
- {
2790
- "kind": "function",
2791
- "name": "deleteBoard",
2792
- "parameters": [
2865
+ "default": "0"
2866
+ },
2793
2867
  {
2794
- "name": "id",
2795
- "type": {
2796
- "text": "string"
2797
- }
2798
- }
2799
- ]
2800
- }
2801
- ],
2802
- "exports": [
2803
- {
2804
- "kind": "js",
2805
- "name": "fetchBoardList",
2806
- "declaration": {
2807
- "name": "fetchBoardList",
2808
- "module": "src/graphql/board.ts"
2809
- }
2810
- },
2811
- {
2812
- "kind": "js",
2813
- "name": "fetchBoard",
2814
- "declaration": {
2815
- "name": "fetchBoard",
2816
- "module": "src/graphql/board.ts"
2817
- }
2818
- },
2819
- {
2820
- "kind": "js",
2821
- "name": "createBoard",
2822
- "declaration": {
2823
- "name": "createBoard",
2824
- "module": "src/graphql/board.ts"
2825
- }
2826
- },
2827
- {
2828
- "kind": "js",
2829
- "name": "updateBoard",
2830
- "declaration": {
2831
- "name": "updateBoard",
2832
- "module": "src/graphql/board.ts"
2833
- }
2834
- },
2835
- {
2836
- "kind": "js",
2837
- "name": "deleteBoard",
2838
- "declaration": {
2839
- "name": "deleteBoard",
2840
- "module": "src/graphql/board.ts"
2841
- }
2842
- }
2843
- ]
2844
- },
2845
- {
2846
- "kind": "javascript-module",
2847
- "path": "src/graphql/favorite-board.ts",
2848
- "declarations": [
2849
- {
2850
- "kind": "function",
2851
- "name": "fetchFavoriteBoardList",
2852
- "parameters": [
2868
+ "kind": "field",
2869
+ "name": "_theta",
2870
+ "type": {
2871
+ "text": "number"
2872
+ },
2873
+ "default": "0"
2874
+ },
2853
2875
  {
2854
- "name": "listParam",
2855
- "default": "{}"
2856
- }
2857
- ]
2858
- }
2859
- ],
2860
- "exports": [
2861
- {
2862
- "kind": "js",
2863
- "name": "fetchFavoriteBoardList",
2864
- "declaration": {
2865
- "name": "fetchFavoriteBoardList",
2866
- "module": "src/graphql/favorite-board.ts"
2867
- }
2868
- }
2869
- ]
2870
- },
2871
- {
2872
- "kind": "javascript-module",
2873
- "path": "src/graphql/group.ts",
2874
- "declarations": [
2875
- {
2876
- "kind": "function",
2877
- "name": "fetchGroup",
2878
- "parameters": [
2876
+ "kind": "field",
2877
+ "name": "_radius",
2878
+ "type": {
2879
+ "text": "number"
2880
+ },
2881
+ "default": "0"
2882
+ },
2879
2883
  {
2880
- "name": "id",
2884
+ "kind": "field",
2885
+ "name": "_rotateFn",
2881
2886
  "type": {
2882
- "text": "string"
2887
+ "text": "string | undefined"
2883
2888
  }
2884
- }
2885
- ]
2886
- },
2887
- {
2888
- "kind": "function",
2889
- "name": "updateGroup",
2890
- "parameters": [
2889
+ },
2891
2890
  {
2892
- "name": "group",
2891
+ "kind": "field",
2892
+ "name": "_panelCount",
2893
2893
  "type": {
2894
- "text": "BoardGroup"
2894
+ "text": "number"
2895
+ },
2896
+ "default": "0"
2897
+ },
2898
+ {
2899
+ "kind": "field",
2900
+ "name": "_panelSize",
2901
+ "type": {
2902
+ "text": "number"
2903
+ },
2904
+ "default": "0"
2905
+ },
2906
+ {
2907
+ "kind": "field",
2908
+ "name": "_isHorizontal",
2909
+ "type": {
2910
+ "text": "boolean"
2911
+ },
2912
+ "default": "true"
2913
+ },
2914
+ {
2915
+ "kind": "field",
2916
+ "name": "_slot",
2917
+ "type": {
2918
+ "text": "HTMLSlotElement"
2895
2919
  }
2896
- }
2897
- ]
2898
- },
2899
- {
2900
- "kind": "function",
2901
- "name": "deleteGroup",
2902
- "parameters": [
2920
+ },
2903
2921
  {
2904
- "name": "id",
2922
+ "kind": "field",
2923
+ "name": "_carousel",
2905
2924
  "type": {
2906
- "text": "string"
2925
+ "text": "HTMLElement"
2907
2926
  }
2927
+ },
2928
+ {
2929
+ "kind": "method",
2930
+ "name": "build"
2931
+ },
2932
+ {
2933
+ "kind": "method",
2934
+ "name": "start"
2935
+ },
2936
+ {
2937
+ "kind": "method",
2938
+ "name": "stop"
2939
+ },
2940
+ {
2941
+ "kind": "method",
2942
+ "name": "_onAxisChanged"
2943
+ },
2944
+ {
2945
+ "kind": "method",
2946
+ "name": "_transform"
2947
+ },
2948
+ {
2949
+ "kind": "method",
2950
+ "name": "previous"
2951
+ },
2952
+ {
2953
+ "kind": "method",
2954
+ "name": "next"
2908
2955
  }
2909
- ]
2910
- },
2911
- {
2912
- "kind": "function",
2913
- "name": "fetchGroupList"
2914
- },
2915
- {
2916
- "kind": "function",
2917
- "name": "createGroup",
2918
- "parameters": [
2956
+ ],
2957
+ "events": [
2919
2958
  {
2920
- "name": "group",
2959
+ "name": "transform",
2921
2960
  "type": {
2922
- "text": "BoardGroup"
2961
+ "text": "CustomEvent"
2923
2962
  }
2924
2963
  }
2925
- ]
2926
- },
2927
- {
2928
- "kind": "function",
2929
- "name": "joinGroup",
2930
- "parameters": [
2964
+ ],
2965
+ "attributes": [
2931
2966
  {
2932
- "name": "boardId",
2967
+ "name": "axis",
2933
2968
  "type": {
2934
2969
  "text": "string"
2935
- }
2970
+ },
2971
+ "default": "'y'",
2972
+ "fieldName": "axis"
2936
2973
  },
2937
2974
  {
2938
- "name": "groupId",
2975
+ "name": "rows",
2939
2976
  "type": {
2940
- "text": "string"
2941
- }
2977
+ "text": "number"
2978
+ },
2979
+ "default": "1",
2980
+ "fieldName": "rows"
2981
+ },
2982
+ {
2983
+ "name": "columns",
2984
+ "type": {
2985
+ "text": "number"
2986
+ },
2987
+ "default": "1",
2988
+ "fieldName": "columns"
2942
2989
  }
2943
- ]
2944
- }
2945
- ],
2946
- "exports": [
2947
- {
2948
- "kind": "js",
2949
- "name": "fetchGroup",
2950
- "declaration": {
2951
- "name": "fetchGroup",
2952
- "module": "src/graphql/group.ts"
2953
- }
2954
- },
2955
- {
2956
- "kind": "js",
2957
- "name": "updateGroup",
2958
- "declaration": {
2959
- "name": "updateGroup",
2960
- "module": "src/graphql/group.ts"
2961
- }
2962
- },
2963
- {
2964
- "kind": "js",
2965
- "name": "deleteGroup",
2966
- "declaration": {
2967
- "name": "deleteGroup",
2968
- "module": "src/graphql/group.ts"
2969
- }
2970
- },
2971
- {
2972
- "kind": "js",
2973
- "name": "fetchGroupList",
2974
- "declaration": {
2975
- "name": "fetchGroupList",
2976
- "module": "src/graphql/group.ts"
2977
- }
2978
- },
2979
- {
2980
- "kind": "js",
2981
- "name": "createGroup",
2982
- "declaration": {
2983
- "name": "createGroup",
2984
- "module": "src/graphql/group.ts"
2985
- }
2986
- },
2987
- {
2988
- "kind": "js",
2989
- "name": "joinGroup",
2990
- "declaration": {
2991
- "name": "joinGroup",
2992
- "module": "src/graphql/group.ts"
2993
- }
2990
+ ],
2991
+ "superclass": {
2992
+ "name": "LitElement",
2993
+ "package": "lit"
2994
+ },
2995
+ "tagName": "ox-board-player-carousel",
2996
+ "customElement": true
2994
2997
  }
2995
- ]
2996
- },
2997
- {
2998
- "kind": "javascript-module",
2999
- "path": "src/graphql/index.ts",
3000
- "declarations": [],
3001
- "exports": [
3002
- {
3003
- "kind": "js",
3004
- "name": "*",
3005
- "declaration": {
3006
- "name": "*",
3007
- "package": "./board"
3008
- }
3009
- },
3010
- {
3011
- "kind": "js",
3012
- "name": "*",
3013
- "declaration": {
3014
- "name": "*",
3015
- "package": "./group"
3016
- }
3017
- },
3018
- {
3019
- "kind": "js",
3020
- "name": "*",
3021
- "declaration": {
3022
- "name": "*",
3023
- "package": "./play-group"
3024
- }
3025
- },
2998
+ ],
2999
+ "exports": [
3026
3000
  {
3027
- "kind": "js",
3028
- "name": "*",
3001
+ "kind": "custom-element-definition",
3002
+ "name": "ox-board-player-carousel",
3029
3003
  "declaration": {
3030
- "name": "*",
3031
- "package": "./favorite-board"
3004
+ "name": "BoardPlayerCarousel",
3005
+ "module": "src/player/ox-board-player-carousel.ts"
3032
3006
  }
3033
3007
  }
3034
3008
  ]
3035
3009
  },
3036
3010
  {
3037
3011
  "kind": "javascript-module",
3038
- "path": "src/graphql/play-group.ts",
3012
+ "path": "src/player/ox-board-player-grid.ts",
3039
3013
  "declarations": [
3040
3014
  {
3041
- "kind": "function",
3042
- "name": "fetchPlayGroupList"
3043
- },
3044
- {
3045
- "kind": "function",
3046
- "name": "fetchPlayGroup",
3047
- "parameters": [
3015
+ "kind": "class",
3016
+ "description": "자식 컴포넌트들을 그리드형태로 화면에 배치하여 한꺼번에 디스플레이해주는 컴포넌트.\nExample:\n <ox-board-player-grid rows=\"3\" columns=\"3\" tabindex=\"0\" focus>\n <div page>A</div>\n <div page>B</div>\n <div page>C</div>\n <div page>D</div>\n </ox-board-player-grid>",
3017
+ "name": "BoardPlayerGrid",
3018
+ "members": [
3048
3019
  {
3049
- "name": "groupId",
3020
+ "kind": "field",
3021
+ "name": "rows",
3050
3022
  "type": {
3051
- "text": "string"
3052
- }
3053
- }
3054
- ]
3055
- },
3056
- {
3057
- "kind": "function",
3058
- "name": "createPlayGroup",
3059
- "parameters": [
3023
+ "text": "number"
3024
+ },
3025
+ "default": "1",
3026
+ "attribute": "rows"
3027
+ },
3060
3028
  {
3061
- "name": "group",
3029
+ "kind": "field",
3030
+ "name": "columns",
3062
3031
  "type": {
3063
- "text": "PlayGroup"
3032
+ "text": "number"
3033
+ },
3034
+ "default": "1",
3035
+ "attribute": "columns"
3036
+ },
3037
+ {
3038
+ "kind": "field",
3039
+ "name": "_slotObserver",
3040
+ "type": {
3041
+ "text": "MutationObserver | undefined"
3064
3042
  }
3065
- }
3066
- ]
3067
- },
3068
- {
3069
- "kind": "function",
3070
- "name": "updatePlayGroup",
3071
- "parameters": [
3043
+ },
3072
3044
  {
3073
- "name": "group",
3045
+ "kind": "field",
3046
+ "name": "_slot",
3074
3047
  "type": {
3075
- "text": "PlayGroup"
3048
+ "text": "HTMLSlotElement"
3076
3049
  }
3050
+ },
3051
+ {
3052
+ "kind": "method",
3053
+ "name": "start"
3054
+ },
3055
+ {
3056
+ "kind": "method",
3057
+ "name": "stop"
3058
+ },
3059
+ {
3060
+ "kind": "method",
3061
+ "name": "next"
3062
+ },
3063
+ {
3064
+ "kind": "method",
3065
+ "name": "previous"
3077
3066
  }
3078
- ]
3079
- },
3080
- {
3081
- "kind": "function",
3082
- "name": "deletePlayGroup",
3083
- "parameters": [
3067
+ ],
3068
+ "attributes": [
3084
3069
  {
3085
- "name": "id",
3070
+ "name": "rows",
3086
3071
  "type": {
3087
- "text": "string"
3088
- }
3072
+ "text": "number"
3073
+ },
3074
+ "default": "1",
3075
+ "fieldName": "rows"
3076
+ },
3077
+ {
3078
+ "name": "columns",
3079
+ "type": {
3080
+ "text": "number"
3081
+ },
3082
+ "default": "1",
3083
+ "fieldName": "columns"
3089
3084
  }
3090
- ]
3091
- },
3085
+ ],
3086
+ "superclass": {
3087
+ "name": "LitElement",
3088
+ "package": "lit"
3089
+ },
3090
+ "tagName": "ox-board-player-grid",
3091
+ "customElement": true
3092
+ }
3093
+ ],
3094
+ "exports": [
3092
3095
  {
3093
- "kind": "function",
3094
- "name": "joinPlayGroup",
3095
- "parameters": [
3096
+ "kind": "custom-element-definition",
3097
+ "name": "ox-board-player-grid",
3098
+ "declaration": {
3099
+ "name": "BoardPlayerGrid",
3100
+ "module": "src/player/ox-board-player-grid.ts"
3101
+ }
3102
+ }
3103
+ ]
3104
+ },
3105
+ {
3106
+ "kind": "javascript-module",
3107
+ "path": "src/player/ox-board-wrapper.ts",
3108
+ "declarations": [
3109
+ {
3110
+ "kind": "class",
3111
+ "description": "",
3112
+ "name": "BoardWrapper",
3113
+ "members": [
3096
3114
  {
3097
- "name": "boardId",
3115
+ "kind": "field",
3116
+ "name": "sceneId",
3098
3117
  "type": {
3099
3118
  "text": "string"
3119
+ },
3120
+ "attribute": "sceneId"
3121
+ },
3122
+ {
3123
+ "kind": "field",
3124
+ "name": "provider",
3125
+ "type": {
3126
+ "text": "any"
3127
+ },
3128
+ "attribute": "provider"
3129
+ },
3130
+ {
3131
+ "kind": "field",
3132
+ "name": "_scene",
3133
+ "type": {
3134
+ "text": "any"
3100
3135
  }
3101
3136
  },
3102
3137
  {
3103
- "name": "group",
3138
+ "kind": "field",
3139
+ "name": "_targetEl",
3104
3140
  "type": {
3105
- "text": "PlayGroup"
3141
+ "text": "HTMLElement"
3106
3142
  }
3143
+ },
3144
+ {
3145
+ "kind": "method",
3146
+ "name": "_releaseRef"
3147
+ },
3148
+ {
3149
+ "kind": "method",
3150
+ "name": "_onSceneIdChanged"
3107
3151
  }
3108
- ]
3109
- },
3110
- {
3111
- "kind": "function",
3112
- "name": "leavePlayGroup",
3113
- "parameters": [
3152
+ ],
3153
+ "attributes": [
3114
3154
  {
3115
- "name": "boardId",
3155
+ "name": "sceneId",
3116
3156
  "type": {
3117
3157
  "text": "string"
3118
- }
3158
+ },
3159
+ "fieldName": "sceneId"
3119
3160
  },
3120
3161
  {
3121
- "name": "groupId",
3162
+ "name": "provider",
3122
3163
  "type": {
3123
- "text": "string"
3124
- }
3164
+ "text": "any"
3165
+ },
3166
+ "fieldName": "provider"
3125
3167
  }
3126
- ]
3168
+ ],
3169
+ "superclass": {
3170
+ "name": "LitElement",
3171
+ "package": "lit"
3172
+ },
3173
+ "tagName": "ox-board-wrapper",
3174
+ "customElement": true
3127
3175
  }
3128
3176
  ],
3129
3177
  "exports": [
3130
3178
  {
3131
- "kind": "js",
3132
- "name": "fetchPlayGroupList",
3133
- "declaration": {
3134
- "name": "fetchPlayGroupList",
3135
- "module": "src/graphql/play-group.ts"
3136
- }
3137
- },
3138
- {
3139
- "kind": "js",
3140
- "name": "fetchPlayGroup",
3141
- "declaration": {
3142
- "name": "fetchPlayGroup",
3143
- "module": "src/graphql/play-group.ts"
3144
- }
3145
- },
3146
- {
3147
- "kind": "js",
3148
- "name": "createPlayGroup",
3149
- "declaration": {
3150
- "name": "createPlayGroup",
3151
- "module": "src/graphql/play-group.ts"
3152
- }
3153
- },
3154
- {
3155
- "kind": "js",
3156
- "name": "updatePlayGroup",
3157
- "declaration": {
3158
- "name": "updatePlayGroup",
3159
- "module": "src/graphql/play-group.ts"
3160
- }
3161
- },
3162
- {
3163
- "kind": "js",
3164
- "name": "deletePlayGroup",
3165
- "declaration": {
3166
- "name": "deletePlayGroup",
3167
- "module": "src/graphql/play-group.ts"
3168
- }
3169
- },
3170
- {
3171
- "kind": "js",
3172
- "name": "joinPlayGroup",
3173
- "declaration": {
3174
- "name": "joinPlayGroup",
3175
- "module": "src/graphql/play-group.ts"
3176
- }
3177
- },
3178
- {
3179
- "kind": "js",
3180
- "name": "leavePlayGroup",
3179
+ "kind": "custom-element-definition",
3180
+ "name": "ox-board-wrapper",
3181
3181
  "declaration": {
3182
- "name": "leavePlayGroup",
3183
- "module": "src/graphql/play-group.ts"
3182
+ "name": "BoardWrapper",
3183
+ "module": "src/player/ox-board-wrapper.ts"
3184
3184
  }
3185
3185
  }
3186
3186
  ]