@operato/board 0.2.15

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 (69) hide show
  1. package/.storybook/main.js +3 -0
  2. package/.storybook/server.mjs +8 -0
  3. package/CHANGELOG.md +22 -0
  4. package/LICENSE +21 -0
  5. package/README.md +95 -0
  6. package/custom-elements.json +1377 -0
  7. package/demo/index-player.html +101 -0
  8. package/demo/index-viewer.html +101 -0
  9. package/demo/index.html +101 -0
  10. package/dist/src/index.d.ts +2 -0
  11. package/dist/src/index.js +3 -0
  12. package/dist/src/index.js.map +1 -0
  13. package/dist/src/ox-board-player copy.d.ts +39 -0
  14. package/dist/src/ox-board-player copy.js +258 -0
  15. package/dist/src/ox-board-player copy.js.map +1 -0
  16. package/dist/src/ox-board-player-control.d.ts +39 -0
  17. package/dist/src/ox-board-player-control.js +390 -0
  18. package/dist/src/ox-board-player-control.js.map +1 -0
  19. package/dist/src/ox-board-player-style.d.ts +1 -0
  20. package/dist/src/ox-board-player-style.js +200 -0
  21. package/dist/src/ox-board-player-style.js.map +1 -0
  22. package/dist/src/ox-board-player.d.ts +39 -0
  23. package/dist/src/ox-board-player.js +284 -0
  24. package/dist/src/ox-board-player.js.map +1 -0
  25. package/dist/src/ox-board-viewer.d.ts +45 -0
  26. package/dist/src/ox-board-viewer.js +491 -0
  27. package/dist/src/ox-board-viewer.js.map +1 -0
  28. package/dist/src/ox-board-wrapper.d.ts +1 -0
  29. package/dist/src/ox-board-wrapper.js +88 -0
  30. package/dist/src/ox-board-wrapper.js.map +1 -0
  31. package/dist/src/player/board-player-carousel.d.ts +1 -0
  32. package/dist/src/player/board-player-carousel.js +205 -0
  33. package/dist/src/player/board-player-carousel.js.map +1 -0
  34. package/dist/src/player/board-player-grid.d.ts +1 -0
  35. package/dist/src/player/board-player-grid.js +78 -0
  36. package/dist/src/player/board-player-grid.js.map +1 -0
  37. package/dist/src/utils/fullscreen.d.ts +14 -0
  38. package/dist/src/utils/fullscreen.js +69 -0
  39. package/dist/src/utils/fullscreen.js.map +1 -0
  40. package/dist/src/utils/os.d.ts +20 -0
  41. package/dist/src/utils/os.js +41 -0
  42. package/dist/src/utils/os.js.map +1 -0
  43. package/dist/src/utils/swipe-listener.d.ts +10 -0
  44. package/dist/src/utils/swipe-listener.js +257 -0
  45. package/dist/src/utils/swipe-listener.js.map +1 -0
  46. package/dist/stories/index.stories.d.ts +33 -0
  47. package/dist/stories/index.stories.js +33 -0
  48. package/dist/stories/index.stories.js.map +1 -0
  49. package/dist/test/board-viewer.test.d.ts +1 -0
  50. package/dist/test/board-viewer.test.js +24 -0
  51. package/dist/test/board-viewer.test.js.map +1 -0
  52. package/dist/tsconfig.tsbuildinfo +1 -0
  53. package/package.json +76 -0
  54. package/src/index.ts +2 -0
  55. package/src/ox-board-player-style.ts +200 -0
  56. package/src/ox-board-player.ts +292 -0
  57. package/src/ox-board-viewer.ts +534 -0
  58. package/src/ox-board-wrapper.ts +93 -0
  59. package/src/player/board-player-carousel.ts +197 -0
  60. package/src/player/board-player-grid.ts +78 -0
  61. package/src/utils/fullscreen.ts +82 -0
  62. package/src/utils/os.ts +41 -0
  63. package/src/utils/swipe-listener.ts +290 -0
  64. package/src/utils/things-scene.d.ts +1 -0
  65. package/stories/index.stories.ts +52 -0
  66. package/test/board-viewer.test.ts +35 -0
  67. package/tsconfig.json +22 -0
  68. package/web-dev-server.config.mjs +28 -0
  69. package/web-test-runner.config.mjs +29 -0
@@ -0,0 +1,1377 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "src/index.ts",
8
+ "declarations": [],
9
+ "exports": [
10
+ {
11
+ "kind": "js",
12
+ "name": "*",
13
+ "declaration": {
14
+ "name": "*",
15
+ "package": "./ox-board-viewer"
16
+ }
17
+ },
18
+ {
19
+ "kind": "js",
20
+ "name": "*",
21
+ "declaration": {
22
+ "name": "*",
23
+ "package": "./ox-board-player"
24
+ }
25
+ }
26
+ ]
27
+ },
28
+ {
29
+ "kind": "javascript-module",
30
+ "path": "src/ox-board-player-style.ts",
31
+ "declarations": [
32
+ {
33
+ "kind": "variable",
34
+ "name": "style",
35
+ "default": "css`\n :host {\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: hidden;\n justify-content: center;\n align-items: center;\n }\n\n ::slotted(*) {\n border: none;\n }\n\n ::slotted > * {\n flex: 1;\n }\n\n board-wrapper {\n width: 100%;\n height: 100%;\n position: relative;\n }\n\n board-wrapper[front] {\n background: black;\n }\n\n board-wrapper[back] {\n background: black;\n }\n\n #control {\n position: absolute;\n bottom: 1vh;\n width: 100vw;\n max-width: 435px;\n display: grid;\n grid-template-columns: 42px 42px 1fr;\n color: white;\n justify-content: center;\n align-items: center;\n grid-auto-flow: dense;\n padding: 5px;\n box-sizing: border-box;\n grid-template-rows: 12px 60px 12px;\n }\n\n #control[hidden] {\n display: none;\n }\n\n #control > div > * {\n cursor: pointer;\n user-select: none;\n }\n\n #joystick {\n position: relative;\n box-sizing: border-box;\n border: 2px solid tomato;\n background-color: #c34827;\n box-shadow: 0 0 5px #000;\n width: 100%;\n height: 100%;\n grid-column: 1 / span 2;\n border-radius: 50%;\n z-index: 2;\n grid-row: 1 / span 3;\n }\n\n #joystick mwc-icon {\n position: absolute;\n display: block;\n width: 20px;\n height: 20px;\n font-size: 25px;\n line-height: 0.7;\n }\n\n mwc-icon#up {\n left: 29px;\n }\n\n mwc-icon#left {\n top: 32px;\n left: -2px;\n }\n\n mwc-icon#play,\n mwc-icon#pause {\n left: 20px;\n top: 20px;\n width: 40px;\n height: 40px;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.15);\n font-size: 45px;\n line-height: 0.9;\n }\n\n mwc-icon#right {\n top: 31px;\n left: 60px;\n }\n\n mwc-icon#down {\n left: 29px;\n top: 63px;\n }\n\n mwc-icon#pause {\n text-indent: -2px;\n }\n\n #setting-container {\n grid-column: 2 / span 2;\n grid-row: 2;\n gap: 0 10px;\n border-radius: 12px;\n background: rgba(0, 0, 0, 0.7);\n height: 100%;\n box-shadow: rgb(0, 0, 0) 0px 0px 5px;\n display: grid;\n grid-template-columns: 1fr 60px;\n align-items: center;\n padding-left: 60px;\n padding-right: 5px;\n }\n\n #setting {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 0 10px;\n }\n\n #setting mwc-icon {\n font-size: 22px;\n color: rgba(255, 174, 53, 0.8);\n }\n\n #setting input {\n width: 50px;\n margin-right: 5px;\n font-size: 14px;\n background-color: transparent;\n border: none;\n border-bottom: 1px solid #fff;\n color: #fff;\n text-align: right;\n }\n\n #setting select {\n border: none;\n font-size: 14px;\n }\n\n #setting input:focus {\n outline: none;\n }\n\n #schedule-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n #grid-setting-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n #etc {\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n justify-items: center;\n }\n\n #etc mwc-icon {\n font-size: 30px;\n }\n\n #control [hidden] {\n display: none;\n }\n\n @media screen and (max-width: 460px) {\n #setting {\n grid-template-columns: 1fr;\n grid-template-rows: 1fr 1fr;\n }\n }\n`"
36
+ }
37
+ ],
38
+ "exports": [
39
+ {
40
+ "kind": "js",
41
+ "name": "style",
42
+ "declaration": {
43
+ "name": "style",
44
+ "module": "src/ox-board-player-style.ts"
45
+ }
46
+ }
47
+ ]
48
+ },
49
+ {
50
+ "kind": "javascript-module",
51
+ "path": "src/ox-board-player.ts",
52
+ "declarations": [
53
+ {
54
+ "kind": "class",
55
+ "description": "",
56
+ "name": "BoardPlayer",
57
+ "members": [
58
+ {
59
+ "kind": "field",
60
+ "name": "boards",
61
+ "type": {
62
+ "text": "Array<any>"
63
+ },
64
+ "default": "[]",
65
+ "attribute": "boards"
66
+ },
67
+ {
68
+ "kind": "field",
69
+ "name": "playtime",
70
+ "type": {
71
+ "text": "number"
72
+ },
73
+ "default": "30",
74
+ "attribute": "playtime"
75
+ },
76
+ {
77
+ "kind": "field",
78
+ "name": "columns",
79
+ "type": {
80
+ "text": "number"
81
+ },
82
+ "default": "1",
83
+ "attribute": "columns"
84
+ },
85
+ {
86
+ "kind": "field",
87
+ "name": "rows",
88
+ "type": {
89
+ "text": "number"
90
+ },
91
+ "default": "1",
92
+ "attribute": "rows"
93
+ },
94
+ {
95
+ "kind": "field",
96
+ "name": "started",
97
+ "type": {
98
+ "text": "boolean"
99
+ },
100
+ "default": "false",
101
+ "attribute": "started"
102
+ },
103
+ {
104
+ "kind": "field",
105
+ "name": "playing",
106
+ "type": {
107
+ "text": "boolean"
108
+ },
109
+ "default": "false",
110
+ "attribute": "playing"
111
+ },
112
+ {
113
+ "kind": "field",
114
+ "name": "provider",
115
+ "type": {
116
+ "text": "any"
117
+ },
118
+ "attribute": "provider"
119
+ },
120
+ {
121
+ "kind": "field",
122
+ "name": "_controlAnimation",
123
+ "type": {
124
+ "text": "Animation | undefined"
125
+ }
126
+ },
127
+ {
128
+ "kind": "field",
129
+ "name": "_transferTimer",
130
+ "type": {
131
+ "text": "any | undefined"
132
+ }
133
+ },
134
+ {
135
+ "kind": "field",
136
+ "name": "_currentPlayer",
137
+ "type": {
138
+ "text": "any | undefined"
139
+ }
140
+ },
141
+ {
142
+ "kind": "field",
143
+ "name": "_fullscreened",
144
+ "type": {
145
+ "text": "boolean"
146
+ },
147
+ "default": "false"
148
+ },
149
+ {
150
+ "kind": "field",
151
+ "name": "_control",
152
+ "type": {
153
+ "text": "HTMLElement"
154
+ }
155
+ },
156
+ {
157
+ "kind": "method",
158
+ "name": "_resetFadeTimer",
159
+ "parameters": [
160
+ {
161
+ "name": "stop",
162
+ "optional": true,
163
+ "type": {
164
+ "text": "boolean"
165
+ }
166
+ }
167
+ ]
168
+ },
169
+ {
170
+ "kind": "method",
171
+ "name": "_resetTransformTimer"
172
+ },
173
+ {
174
+ "kind": "method",
175
+ "name": "onMousemove"
176
+ },
177
+ {
178
+ "kind": "method",
179
+ "name": "onMouseoverControl"
180
+ },
181
+ {
182
+ "kind": "method",
183
+ "name": "onTapFullscreen"
184
+ },
185
+ {
186
+ "kind": "method",
187
+ "name": "onTransform"
188
+ },
189
+ {
190
+ "kind": "method",
191
+ "name": "play"
192
+ },
193
+ {
194
+ "kind": "method",
195
+ "name": "pause"
196
+ },
197
+ {
198
+ "kind": "method",
199
+ "name": "moveLeft"
200
+ },
201
+ {
202
+ "kind": "method",
203
+ "name": "moveRight"
204
+ },
205
+ {
206
+ "kind": "method",
207
+ "name": "moveUp"
208
+ },
209
+ {
210
+ "kind": "method",
211
+ "name": "moveDown"
212
+ },
213
+ {
214
+ "kind": "method",
215
+ "name": "onTapClose"
216
+ },
217
+ {
218
+ "kind": "method",
219
+ "name": "restart"
220
+ },
221
+ {
222
+ "kind": "method",
223
+ "name": "start"
224
+ },
225
+ {
226
+ "kind": "method",
227
+ "name": "stop"
228
+ }
229
+ ],
230
+ "attributes": [
231
+ {
232
+ "name": "boards",
233
+ "type": {
234
+ "text": "Array<any>"
235
+ },
236
+ "default": "[]",
237
+ "fieldName": "boards"
238
+ },
239
+ {
240
+ "name": "playtime",
241
+ "type": {
242
+ "text": "number"
243
+ },
244
+ "default": "30",
245
+ "fieldName": "playtime"
246
+ },
247
+ {
248
+ "name": "columns",
249
+ "type": {
250
+ "text": "number"
251
+ },
252
+ "default": "1",
253
+ "fieldName": "columns"
254
+ },
255
+ {
256
+ "name": "rows",
257
+ "type": {
258
+ "text": "number"
259
+ },
260
+ "default": "1",
261
+ "fieldName": "rows"
262
+ },
263
+ {
264
+ "name": "started",
265
+ "type": {
266
+ "text": "boolean"
267
+ },
268
+ "default": "false",
269
+ "fieldName": "started"
270
+ },
271
+ {
272
+ "name": "playing",
273
+ "type": {
274
+ "text": "boolean"
275
+ },
276
+ "default": "false",
277
+ "fieldName": "playing"
278
+ },
279
+ {
280
+ "name": "provider",
281
+ "type": {
282
+ "text": "any"
283
+ },
284
+ "fieldName": "provider"
285
+ }
286
+ ],
287
+ "superclass": {
288
+ "name": "LitElement",
289
+ "package": "lit"
290
+ },
291
+ "tagName": "ox-board-player",
292
+ "customElement": true
293
+ }
294
+ ],
295
+ "exports": [
296
+ {
297
+ "kind": "js",
298
+ "name": "BoardPlayer",
299
+ "declaration": {
300
+ "name": "BoardPlayer",
301
+ "module": "src/ox-board-player.ts"
302
+ }
303
+ },
304
+ {
305
+ "kind": "custom-element-definition",
306
+ "name": "ox-board-player",
307
+ "declaration": {
308
+ "name": "BoardPlayer",
309
+ "module": "src/ox-board-player.ts"
310
+ }
311
+ }
312
+ ]
313
+ },
314
+ {
315
+ "kind": "javascript-module",
316
+ "path": "src/ox-board-viewer.ts",
317
+ "declarations": [
318
+ {
319
+ "kind": "class",
320
+ "description": "",
321
+ "name": "BoardViewer",
322
+ "members": [
323
+ {
324
+ "kind": "field",
325
+ "name": "baseUrl",
326
+ "type": {
327
+ "text": "string"
328
+ },
329
+ "default": "''",
330
+ "attribute": "baseUrl"
331
+ },
332
+ {
333
+ "kind": "field",
334
+ "name": "board",
335
+ "type": {
336
+ "text": "any"
337
+ },
338
+ "default": "{}",
339
+ "attribute": "board"
340
+ },
341
+ {
342
+ "kind": "field",
343
+ "name": "provider",
344
+ "type": {
345
+ "text": "any"
346
+ },
347
+ "default": "null",
348
+ "attribute": "provider"
349
+ },
350
+ {
351
+ "kind": "field",
352
+ "name": "data",
353
+ "type": {
354
+ "text": "object"
355
+ },
356
+ "default": "{}",
357
+ "attribute": "data"
358
+ },
359
+ {
360
+ "kind": "field",
361
+ "name": "hideFullscreen",
362
+ "type": {
363
+ "text": "boolean"
364
+ },
365
+ "default": "false",
366
+ "attribute": "hide-fullscreen",
367
+ "reflects": true
368
+ },
369
+ {
370
+ "kind": "field",
371
+ "name": "hideNavigation",
372
+ "type": {
373
+ "text": "boolean"
374
+ },
375
+ "default": "false",
376
+ "attribute": "hide-navigation",
377
+ "reflects": true
378
+ },
379
+ {
380
+ "kind": "field",
381
+ "name": "scene",
382
+ "type": {
383
+ "text": "any"
384
+ },
385
+ "default": "null"
386
+ },
387
+ {
388
+ "kind": "field",
389
+ "name": "forward",
390
+ "type": {
391
+ "text": "Array<any>"
392
+ },
393
+ "default": "[]"
394
+ },
395
+ {
396
+ "kind": "field",
397
+ "name": "backward",
398
+ "type": {
399
+ "text": "Array<any>"
400
+ },
401
+ "default": "[]"
402
+ },
403
+ {
404
+ "kind": "field",
405
+ "name": "_oldtarget",
406
+ "type": {
407
+ "text": "HTMLElement | undefined"
408
+ }
409
+ },
410
+ {
411
+ "kind": "field",
412
+ "name": "_fade_animations",
413
+ "type": {
414
+ "text": "Array<Animation> | undefined"
415
+ }
416
+ },
417
+ {
418
+ "kind": "field",
419
+ "name": "target",
420
+ "type": {
421
+ "text": "HTMLElement"
422
+ }
423
+ },
424
+ {
425
+ "kind": "field",
426
+ "name": "prev",
427
+ "type": {
428
+ "text": "HTMLElement"
429
+ }
430
+ },
431
+ {
432
+ "kind": "field",
433
+ "name": "next",
434
+ "type": {
435
+ "text": "HTMLElement"
436
+ }
437
+ },
438
+ {
439
+ "kind": "field",
440
+ "name": "fullscreen",
441
+ "type": {
442
+ "text": "HTMLElement"
443
+ }
444
+ },
445
+ {
446
+ "kind": "method",
447
+ "name": "initScene"
448
+ },
449
+ {
450
+ "kind": "method",
451
+ "name": "closeScene"
452
+ },
453
+ {
454
+ "kind": "method",
455
+ "name": "releaseScene"
456
+ },
457
+ {
458
+ "kind": "method",
459
+ "name": "setupScene",
460
+ "parameters": [
461
+ {
462
+ "name": "scene",
463
+ "type": {
464
+ "text": "any"
465
+ }
466
+ }
467
+ ]
468
+ },
469
+ {
470
+ "kind": "method",
471
+ "name": "showScene",
472
+ "parameters": [
473
+ {
474
+ "name": "boardId",
475
+ "type": {
476
+ "text": "string"
477
+ }
478
+ },
479
+ {
480
+ "name": "bindingData",
481
+ "optional": true,
482
+ "type": {
483
+ "text": "any"
484
+ }
485
+ }
486
+ ]
487
+ },
488
+ {
489
+ "kind": "method",
490
+ "name": "bindSceneEvents"
491
+ },
492
+ {
493
+ "kind": "method",
494
+ "name": "unbindSceneEvents",
495
+ "parameters": [
496
+ {
497
+ "name": "scene",
498
+ "type": {
499
+ "text": "any"
500
+ }
501
+ }
502
+ ]
503
+ },
504
+ {
505
+ "kind": "method",
506
+ "name": "transientShowButtons",
507
+ "parameters": [
508
+ {
509
+ "name": "stop",
510
+ "optional": true,
511
+ "type": {
512
+ "text": "boolean"
513
+ }
514
+ }
515
+ ]
516
+ },
517
+ {
518
+ "kind": "method",
519
+ "name": "onTapNext"
520
+ },
521
+ {
522
+ "kind": "method",
523
+ "name": "onTapPrev"
524
+ },
525
+ {
526
+ "kind": "method",
527
+ "name": "onTapFullscreen"
528
+ },
529
+ {
530
+ "kind": "method",
531
+ "name": "onLinkGoto",
532
+ "parameters": [
533
+ {
534
+ "name": "targetBoardId",
535
+ "type": {
536
+ "text": "string"
537
+ }
538
+ },
539
+ {
540
+ "name": "value",
541
+ "type": {
542
+ "text": "any"
543
+ }
544
+ },
545
+ {
546
+ "name": "fromComponent",
547
+ "type": {
548
+ "text": "any"
549
+ }
550
+ }
551
+ ]
552
+ },
553
+ {
554
+ "kind": "method",
555
+ "name": "onLinkOpen",
556
+ "parameters": [
557
+ {
558
+ "name": "url",
559
+ "type": {
560
+ "text": "string"
561
+ }
562
+ },
563
+ {
564
+ "name": "value",
565
+ "type": {
566
+ "text": "any"
567
+ }
568
+ },
569
+ {
570
+ "name": "fromComponent",
571
+ "type": {
572
+ "text": "any"
573
+ }
574
+ }
575
+ ]
576
+ },
577
+ {
578
+ "kind": "method",
579
+ "name": "onLinkMove",
580
+ "parameters": [
581
+ {
582
+ "name": "url",
583
+ "type": {
584
+ "text": "string"
585
+ }
586
+ },
587
+ {
588
+ "name": "value",
589
+ "type": {
590
+ "text": "any"
591
+ }
592
+ },
593
+ {
594
+ "name": "fromComponent",
595
+ "type": {
596
+ "text": "any"
597
+ }
598
+ }
599
+ ]
600
+ },
601
+ {
602
+ "kind": "method",
603
+ "name": "onRoutePage",
604
+ "parameters": [
605
+ {
606
+ "name": "page",
607
+ "type": {
608
+ "text": "string"
609
+ }
610
+ }
611
+ ]
612
+ },
613
+ {
614
+ "kind": "method",
615
+ "name": "getSceneImageData",
616
+ "parameters": [
617
+ {
618
+ "name": "base64",
619
+ "default": "false"
620
+ }
621
+ ]
622
+ },
623
+ {
624
+ "kind": "method",
625
+ "name": "printTrick",
626
+ "parameters": [
627
+ {
628
+ "name": "image",
629
+ "type": {
630
+ "text": "string"
631
+ }
632
+ }
633
+ ]
634
+ }
635
+ ],
636
+ "attributes": [
637
+ {
638
+ "name": "baseUrl",
639
+ "type": {
640
+ "text": "string"
641
+ },
642
+ "default": "''",
643
+ "fieldName": "baseUrl"
644
+ },
645
+ {
646
+ "name": "board",
647
+ "type": {
648
+ "text": "any"
649
+ },
650
+ "default": "{}",
651
+ "fieldName": "board"
652
+ },
653
+ {
654
+ "name": "provider",
655
+ "type": {
656
+ "text": "any"
657
+ },
658
+ "default": "null",
659
+ "fieldName": "provider"
660
+ },
661
+ {
662
+ "name": "data",
663
+ "type": {
664
+ "text": "object"
665
+ },
666
+ "default": "{}",
667
+ "fieldName": "data"
668
+ },
669
+ {
670
+ "name": "hide-fullscreen",
671
+ "type": {
672
+ "text": "boolean"
673
+ },
674
+ "default": "false",
675
+ "fieldName": "hideFullscreen"
676
+ },
677
+ {
678
+ "name": "hide-navigation",
679
+ "type": {
680
+ "text": "boolean"
681
+ },
682
+ "default": "false",
683
+ "fieldName": "hideNavigation"
684
+ }
685
+ ],
686
+ "superclass": {
687
+ "name": "LitElement",
688
+ "package": "lit"
689
+ },
690
+ "tagName": "ox-board-viewer",
691
+ "customElement": true
692
+ }
693
+ ],
694
+ "exports": [
695
+ {
696
+ "kind": "js",
697
+ "name": "BoardViewer",
698
+ "declaration": {
699
+ "name": "BoardViewer",
700
+ "module": "src/ox-board-viewer.ts"
701
+ }
702
+ },
703
+ {
704
+ "kind": "custom-element-definition",
705
+ "name": "ox-board-viewer",
706
+ "declaration": {
707
+ "name": "BoardViewer",
708
+ "module": "src/ox-board-viewer.ts"
709
+ }
710
+ }
711
+ ]
712
+ },
713
+ {
714
+ "kind": "javascript-module",
715
+ "path": "src/ox-board-wrapper.ts",
716
+ "declarations": [
717
+ {
718
+ "kind": "class",
719
+ "description": "",
720
+ "name": "BoardWrapper",
721
+ "members": [
722
+ {
723
+ "kind": "field",
724
+ "name": "sceneId",
725
+ "type": {
726
+ "text": "string"
727
+ },
728
+ "attribute": "sceneId"
729
+ },
730
+ {
731
+ "kind": "field",
732
+ "name": "provider",
733
+ "type": {
734
+ "text": "any"
735
+ },
736
+ "attribute": "provider"
737
+ },
738
+ {
739
+ "kind": "field",
740
+ "name": "_scene",
741
+ "type": {
742
+ "text": "any"
743
+ }
744
+ },
745
+ {
746
+ "kind": "field",
747
+ "name": "_targetEl",
748
+ "type": {
749
+ "text": "HTMLElement"
750
+ }
751
+ },
752
+ {
753
+ "kind": "method",
754
+ "name": "_releaseRef"
755
+ },
756
+ {
757
+ "kind": "method",
758
+ "name": "_onSceneIdChanged"
759
+ }
760
+ ],
761
+ "attributes": [
762
+ {
763
+ "name": "sceneId",
764
+ "type": {
765
+ "text": "string"
766
+ },
767
+ "fieldName": "sceneId"
768
+ },
769
+ {
770
+ "name": "provider",
771
+ "type": {
772
+ "text": "any"
773
+ },
774
+ "fieldName": "provider"
775
+ }
776
+ ],
777
+ "superclass": {
778
+ "name": "LitElement",
779
+ "package": "lit"
780
+ },
781
+ "tagName": "ox-board-wrapper",
782
+ "customElement": true
783
+ }
784
+ ],
785
+ "exports": [
786
+ {
787
+ "kind": "custom-element-definition",
788
+ "name": "ox-board-wrapper",
789
+ "declaration": {
790
+ "name": "BoardWrapper",
791
+ "module": "src/ox-board-wrapper.ts"
792
+ }
793
+ }
794
+ ]
795
+ },
796
+ {
797
+ "kind": "javascript-module",
798
+ "path": "stories/index.stories.ts",
799
+ "declarations": [
800
+ {
801
+ "kind": "variable",
802
+ "name": "Regular"
803
+ },
804
+ {
805
+ "kind": "variable",
806
+ "name": "CustomTitle"
807
+ },
808
+ {
809
+ "kind": "variable",
810
+ "name": "CustomCounter"
811
+ },
812
+ {
813
+ "kind": "variable",
814
+ "name": "SlottedContent"
815
+ }
816
+ ],
817
+ "exports": [
818
+ {
819
+ "kind": "js",
820
+ "name": "default",
821
+ "declaration": {
822
+ "module": "stories/index.stories.ts"
823
+ }
824
+ },
825
+ {
826
+ "kind": "js",
827
+ "name": "Regular",
828
+ "declaration": {
829
+ "name": "Regular",
830
+ "module": "stories/index.stories.ts"
831
+ }
832
+ },
833
+ {
834
+ "kind": "js",
835
+ "name": "CustomTitle",
836
+ "declaration": {
837
+ "name": "CustomTitle",
838
+ "module": "stories/index.stories.ts"
839
+ }
840
+ },
841
+ {
842
+ "kind": "js",
843
+ "name": "CustomCounter",
844
+ "declaration": {
845
+ "name": "CustomCounter",
846
+ "module": "stories/index.stories.ts"
847
+ }
848
+ },
849
+ {
850
+ "kind": "js",
851
+ "name": "SlottedContent",
852
+ "declaration": {
853
+ "name": "SlottedContent",
854
+ "module": "stories/index.stories.ts"
855
+ }
856
+ }
857
+ ]
858
+ },
859
+ {
860
+ "kind": "javascript-module",
861
+ "path": "src/player/board-player-carousel.ts",
862
+ "declarations": [
863
+ {
864
+ "kind": "class",
865
+ "description": "",
866
+ "name": "BoardPlayerCarousel",
867
+ "members": [
868
+ {
869
+ "kind": "field",
870
+ "name": "axis",
871
+ "type": {
872
+ "text": "string"
873
+ },
874
+ "default": "'y'",
875
+ "attribute": "axis"
876
+ },
877
+ {
878
+ "kind": "field",
879
+ "name": "rows",
880
+ "type": {
881
+ "text": "number"
882
+ },
883
+ "default": "1",
884
+ "attribute": "rows"
885
+ },
886
+ {
887
+ "kind": "field",
888
+ "name": "columns",
889
+ "type": {
890
+ "text": "number"
891
+ },
892
+ "default": "1",
893
+ "attribute": "columns"
894
+ },
895
+ {
896
+ "kind": "field",
897
+ "name": "_slotObserver",
898
+ "type": {
899
+ "text": "MutationObserver | undefined"
900
+ }
901
+ },
902
+ {
903
+ "kind": "field",
904
+ "name": "_boundResize",
905
+ "type": {
906
+ "text": "() => void | undefined"
907
+ }
908
+ },
909
+ {
910
+ "kind": "field",
911
+ "name": "_rotation",
912
+ "type": {
913
+ "text": "number"
914
+ },
915
+ "default": "0"
916
+ },
917
+ {
918
+ "kind": "field",
919
+ "name": "_theta",
920
+ "type": {
921
+ "text": "number"
922
+ },
923
+ "default": "0"
924
+ },
925
+ {
926
+ "kind": "field",
927
+ "name": "_radius",
928
+ "type": {
929
+ "text": "number"
930
+ },
931
+ "default": "0"
932
+ },
933
+ {
934
+ "kind": "field",
935
+ "name": "_rotateFn",
936
+ "type": {
937
+ "text": "string | undefined"
938
+ }
939
+ },
940
+ {
941
+ "kind": "field",
942
+ "name": "_panelCount",
943
+ "type": {
944
+ "text": "number"
945
+ },
946
+ "default": "0"
947
+ },
948
+ {
949
+ "kind": "field",
950
+ "name": "_panelSize",
951
+ "type": {
952
+ "text": "number"
953
+ },
954
+ "default": "0"
955
+ },
956
+ {
957
+ "kind": "field",
958
+ "name": "_isHorizontal",
959
+ "type": {
960
+ "text": "boolean"
961
+ },
962
+ "default": "true"
963
+ },
964
+ {
965
+ "kind": "field",
966
+ "name": "_slot",
967
+ "type": {
968
+ "text": "HTMLSlotElement"
969
+ }
970
+ },
971
+ {
972
+ "kind": "field",
973
+ "name": "_carousel",
974
+ "type": {
975
+ "text": "HTMLElement"
976
+ }
977
+ },
978
+ {
979
+ "kind": "method",
980
+ "name": "build"
981
+ },
982
+ {
983
+ "kind": "method",
984
+ "name": "start"
985
+ },
986
+ {
987
+ "kind": "method",
988
+ "name": "stop"
989
+ },
990
+ {
991
+ "kind": "method",
992
+ "name": "_onAxisChanged"
993
+ },
994
+ {
995
+ "kind": "method",
996
+ "name": "_transform"
997
+ },
998
+ {
999
+ "kind": "method",
1000
+ "name": "previous"
1001
+ },
1002
+ {
1003
+ "kind": "method",
1004
+ "name": "next"
1005
+ }
1006
+ ],
1007
+ "events": [
1008
+ {
1009
+ "name": "transform",
1010
+ "type": {
1011
+ "text": "CustomEvent"
1012
+ }
1013
+ }
1014
+ ],
1015
+ "attributes": [
1016
+ {
1017
+ "name": "axis",
1018
+ "type": {
1019
+ "text": "string"
1020
+ },
1021
+ "default": "'y'",
1022
+ "fieldName": "axis"
1023
+ },
1024
+ {
1025
+ "name": "rows",
1026
+ "type": {
1027
+ "text": "number"
1028
+ },
1029
+ "default": "1",
1030
+ "fieldName": "rows"
1031
+ },
1032
+ {
1033
+ "name": "columns",
1034
+ "type": {
1035
+ "text": "number"
1036
+ },
1037
+ "default": "1",
1038
+ "fieldName": "columns"
1039
+ }
1040
+ ],
1041
+ "superclass": {
1042
+ "name": "LitElement",
1043
+ "package": "lit"
1044
+ },
1045
+ "tagName": "ox-board-player-carousel",
1046
+ "customElement": true
1047
+ }
1048
+ ],
1049
+ "exports": [
1050
+ {
1051
+ "kind": "custom-element-definition",
1052
+ "name": "ox-board-player-carousel",
1053
+ "declaration": {
1054
+ "name": "BoardPlayerCarousel",
1055
+ "module": "src/player/board-player-carousel.ts"
1056
+ }
1057
+ }
1058
+ ]
1059
+ },
1060
+ {
1061
+ "kind": "javascript-module",
1062
+ "path": "src/player/board-player-grid.ts",
1063
+ "declarations": [
1064
+ {
1065
+ "kind": "class",
1066
+ "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>",
1067
+ "name": "BoardPlayerGrid",
1068
+ "members": [
1069
+ {
1070
+ "kind": "field",
1071
+ "name": "rows",
1072
+ "type": {
1073
+ "text": "number"
1074
+ },
1075
+ "default": "1",
1076
+ "attribute": "rows"
1077
+ },
1078
+ {
1079
+ "kind": "field",
1080
+ "name": "columns",
1081
+ "type": {
1082
+ "text": "number"
1083
+ },
1084
+ "default": "1",
1085
+ "attribute": "columns"
1086
+ },
1087
+ {
1088
+ "kind": "field",
1089
+ "name": "_slotObserver",
1090
+ "type": {
1091
+ "text": "MutationObserver | undefined"
1092
+ }
1093
+ },
1094
+ {
1095
+ "kind": "field",
1096
+ "name": "_slot",
1097
+ "type": {
1098
+ "text": "HTMLSlotElement"
1099
+ }
1100
+ },
1101
+ {
1102
+ "kind": "method",
1103
+ "name": "start"
1104
+ },
1105
+ {
1106
+ "kind": "method",
1107
+ "name": "stop"
1108
+ },
1109
+ {
1110
+ "kind": "method",
1111
+ "name": "next"
1112
+ },
1113
+ {
1114
+ "kind": "method",
1115
+ "name": "previous"
1116
+ }
1117
+ ],
1118
+ "attributes": [
1119
+ {
1120
+ "name": "rows",
1121
+ "type": {
1122
+ "text": "number"
1123
+ },
1124
+ "default": "1",
1125
+ "fieldName": "rows"
1126
+ },
1127
+ {
1128
+ "name": "columns",
1129
+ "type": {
1130
+ "text": "number"
1131
+ },
1132
+ "default": "1",
1133
+ "fieldName": "columns"
1134
+ }
1135
+ ],
1136
+ "superclass": {
1137
+ "name": "LitElement",
1138
+ "package": "lit"
1139
+ },
1140
+ "tagName": "ox-board-player-grid",
1141
+ "customElement": true
1142
+ }
1143
+ ],
1144
+ "exports": [
1145
+ {
1146
+ "kind": "custom-element-definition",
1147
+ "name": "ox-board-player-grid",
1148
+ "declaration": {
1149
+ "name": "BoardPlayerGrid",
1150
+ "module": "src/player/board-player-grid.ts"
1151
+ }
1152
+ }
1153
+ ]
1154
+ },
1155
+ {
1156
+ "kind": "javascript-module",
1157
+ "path": "src/utils/fullscreen.ts",
1158
+ "declarations": [
1159
+ {
1160
+ "kind": "function",
1161
+ "name": "fullscreen",
1162
+ "parameters": [
1163
+ {
1164
+ "name": "element",
1165
+ "type": {
1166
+ "text": "HTMLElement"
1167
+ },
1168
+ "description": "대상 엘리먼트"
1169
+ },
1170
+ {
1171
+ "name": "afterfull",
1172
+ "optional": true,
1173
+ "type": {
1174
+ "text": "FullscreenCallback"
1175
+ },
1176
+ "description": "풀스크린이 된 이후에 호출되는 콜백함수"
1177
+ },
1178
+ {
1179
+ "name": "afterfinish",
1180
+ "optional": true,
1181
+ "type": {
1182
+ "text": "FullscreenCallback"
1183
+ },
1184
+ "description": "풀스크린이 해제된 이후에 호출되는 콜백함수"
1185
+ }
1186
+ ],
1187
+ "description": "엘리먼트를 풀스크린으로 표시되도록 한다."
1188
+ },
1189
+ {
1190
+ "kind": "function",
1191
+ "name": "exitfullscreen"
1192
+ },
1193
+ {
1194
+ "kind": "function",
1195
+ "name": "togglefullscreen",
1196
+ "parameters": [
1197
+ {
1198
+ "name": "element",
1199
+ "type": {
1200
+ "text": "HTMLElement"
1201
+ }
1202
+ },
1203
+ {
1204
+ "name": "afterfull",
1205
+ "optional": true,
1206
+ "type": {
1207
+ "text": "FullscreenCallback"
1208
+ }
1209
+ },
1210
+ {
1211
+ "name": "afterfinish",
1212
+ "optional": true,
1213
+ "type": {
1214
+ "text": "FullscreenCallback"
1215
+ }
1216
+ }
1217
+ ]
1218
+ }
1219
+ ],
1220
+ "exports": [
1221
+ {
1222
+ "kind": "js",
1223
+ "name": "fullscreen",
1224
+ "declaration": {
1225
+ "name": "fullscreen",
1226
+ "module": "src/utils/fullscreen.ts"
1227
+ }
1228
+ },
1229
+ {
1230
+ "kind": "js",
1231
+ "name": "exitfullscreen",
1232
+ "declaration": {
1233
+ "name": "exitfullscreen",
1234
+ "module": "src/utils/fullscreen.ts"
1235
+ }
1236
+ },
1237
+ {
1238
+ "kind": "js",
1239
+ "name": "togglefullscreen",
1240
+ "declaration": {
1241
+ "name": "togglefullscreen",
1242
+ "module": "src/utils/fullscreen.ts"
1243
+ }
1244
+ }
1245
+ ]
1246
+ },
1247
+ {
1248
+ "kind": "javascript-module",
1249
+ "path": "src/utils/os.ts",
1250
+ "declarations": [
1251
+ {
1252
+ "kind": "function",
1253
+ "name": "getOS",
1254
+ "description": "method to get operating system of running browser",
1255
+ "return": {
1256
+ "type": {
1257
+ "text": "string"
1258
+ }
1259
+ }
1260
+ },
1261
+ {
1262
+ "kind": "function",
1263
+ "name": "isMobileDevice",
1264
+ "description": "method to tell if platform of running browser is kind of mobile device",
1265
+ "return": {
1266
+ "type": {
1267
+ "text": "boolean"
1268
+ }
1269
+ }
1270
+ },
1271
+ {
1272
+ "kind": "function",
1273
+ "name": "isIOS",
1274
+ "description": "method to tell if operating system of running browser is iOS",
1275
+ "return": {
1276
+ "type": {
1277
+ "text": "boolean"
1278
+ }
1279
+ }
1280
+ },
1281
+ {
1282
+ "kind": "function",
1283
+ "name": "isMacOS",
1284
+ "description": "method to tell if operating system of running browser is MacOS",
1285
+ "return": {
1286
+ "type": {
1287
+ "text": "boolean"
1288
+ }
1289
+ }
1290
+ }
1291
+ ],
1292
+ "exports": [
1293
+ {
1294
+ "kind": "js",
1295
+ "name": "getOS",
1296
+ "declaration": {
1297
+ "name": "getOS",
1298
+ "module": "src/utils/os.ts"
1299
+ }
1300
+ },
1301
+ {
1302
+ "kind": "js",
1303
+ "name": "isMobileDevice",
1304
+ "declaration": {
1305
+ "name": "isMobileDevice",
1306
+ "module": "src/utils/os.ts"
1307
+ }
1308
+ },
1309
+ {
1310
+ "kind": "js",
1311
+ "name": "isIOS",
1312
+ "declaration": {
1313
+ "name": "isIOS",
1314
+ "module": "src/utils/os.ts"
1315
+ }
1316
+ },
1317
+ {
1318
+ "kind": "js",
1319
+ "name": "isMacOS",
1320
+ "declaration": {
1321
+ "name": "isMacOS",
1322
+ "module": "src/utils/os.ts"
1323
+ }
1324
+ }
1325
+ ]
1326
+ },
1327
+ {
1328
+ "kind": "javascript-module",
1329
+ "path": "src/utils/swipe-listener.ts",
1330
+ "declarations": [
1331
+ {
1332
+ "kind": "function",
1333
+ "name": "SwipeListener",
1334
+ "parameters": [
1335
+ {
1336
+ "name": "element",
1337
+ "type": {
1338
+ "text": "DOMElement"
1339
+ },
1340
+ "description": "Element on which to listen for swipe gestures."
1341
+ },
1342
+ {
1343
+ "name": "options",
1344
+ "optional": true,
1345
+ "type": {
1346
+ "text": "Object"
1347
+ },
1348
+ "description": "Optional: Options."
1349
+ }
1350
+ ],
1351
+ "description": "Starts monitoring swipes on the given element and\nemits `swipe` event when a swipe gesture is performed.",
1352
+ "return": {
1353
+ "type": {
1354
+ "text": "Object"
1355
+ }
1356
+ }
1357
+ }
1358
+ ],
1359
+ "exports": [
1360
+ {
1361
+ "kind": "js",
1362
+ "name": "SwipeListener",
1363
+ "declaration": {
1364
+ "name": "SwipeListener",
1365
+ "module": "src/utils/swipe-listener.ts"
1366
+ }
1367
+ }
1368
+ ]
1369
+ },
1370
+ {
1371
+ "kind": "javascript-module",
1372
+ "path": "src/utils/things-scene.d.ts",
1373
+ "declarations": [],
1374
+ "exports": []
1375
+ }
1376
+ ]
1377
+ }