@urso/core 0.5.7 → 0.5.10

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 (159) hide show
  1. package/.babelrc +11 -11
  2. package/LICENSE +20 -20
  3. package/README.md +220 -220
  4. package/build/js/index.js +1 -1
  5. package/build/js/index.js.LICENSE.txt +38 -222
  6. package/package.json +52 -52
  7. package/src/js/app.js +78 -78
  8. package/src/js/components/_info.js +10 -10
  9. package/src/js/components/base/_info.js +3 -3
  10. package/src/js/components/base/controller.js +78 -78
  11. package/src/js/components/debug/_info.js +7 -7
  12. package/src/js/components/debug/controller.js +38 -38
  13. package/src/js/components/debug/coords.js +23 -23
  14. package/src/js/components/debug/fps.js +34 -34
  15. package/src/js/components/debug/template.js +55 -55
  16. package/src/js/components/debug/timescale.js +60 -60
  17. package/src/js/components/deviceRotate/_info.js +3 -3
  18. package/src/js/components/deviceRotate/controller.js +86 -86
  19. package/src/js/components/editor/_info.js +4 -0
  20. package/src/js/components/editor/api.js +72 -0
  21. package/src/js/components/editor/controller.js +13 -0
  22. package/src/js/components/fullscreen/_info.js +6 -6
  23. package/src/js/components/fullscreen/android.js +104 -104
  24. package/src/js/components/fullscreen/controller.js +76 -76
  25. package/src/js/components/fullscreen/desktop.js +49 -49
  26. package/src/js/components/fullscreen/ios.js +115 -115
  27. package/src/js/components/layersSwitcher/_info.js +4 -4
  28. package/src/js/components/layersSwitcher/config.js +26 -26
  29. package/src/js/components/layersSwitcher/controller.js +34 -34
  30. package/src/js/components/loader/_info.js +4 -4
  31. package/src/js/components/loader/controller.js +65 -66
  32. package/src/js/components/loader/template.js +70 -70
  33. package/src/js/components/soundInitialPopup/_info.js +3 -3
  34. package/src/js/components/soundInitialPopup/controller.js +42 -42
  35. package/src/js/components/soundInitialPopup/template.js +109 -109
  36. package/src/js/components/stateDriven/_info.js +3 -3
  37. package/src/js/components/stateDriven/controller.js +118 -118
  38. package/src/js/config/load.js +5 -5
  39. package/src/js/config/main.js +12 -12
  40. package/src/js/extra/_info.js +26 -26
  41. package/src/js/extra/browserEvents.js +51 -38
  42. package/src/js/extra/pixiPatch.js +79 -79
  43. package/src/js/extra/setTimeout.js +7 -7
  44. package/src/js/index.js +8 -8
  45. package/src/js/lib/_info.js +13 -13
  46. package/src/js/lib/cache.js +105 -105
  47. package/src/js/lib/composition.js +85 -85
  48. package/src/js/lib/device.js +1286 -1286
  49. package/src/js/lib/helper.js +539 -539
  50. package/src/js/lib/loader.js +136 -136
  51. package/src/js/lib/localData.js +15 -15
  52. package/src/js/lib/logger.js +69 -69
  53. package/src/js/lib/math.js +35 -35
  54. package/src/js/lib/objectPool.js +54 -54
  55. package/src/js/lib/time.js +18 -18
  56. package/src/js/lib/tween.js +147 -147
  57. package/src/js/modules/_info.js +12 -12
  58. package/src/js/modules/assets/_info.js +7 -7
  59. package/src/js/modules/assets/baseModel.js +18 -18
  60. package/src/js/modules/assets/config.js +37 -37
  61. package/src/js/modules/assets/controller.js +46 -46
  62. package/src/js/modules/assets/models/_info.js +11 -11
  63. package/src/js/modules/assets/models/atlas.js +8 -8
  64. package/src/js/modules/assets/models/audiosprite.js +27 -27
  65. package/src/js/modules/assets/models/bitmapFont.js +8 -8
  66. package/src/js/modules/assets/models/container.js +16 -16
  67. package/src/js/modules/assets/models/font.js +8 -8
  68. package/src/js/modules/assets/models/image.js +13 -13
  69. package/src/js/modules/assets/models/json.js +8 -8
  70. package/src/js/modules/assets/models/sound.js +14 -14
  71. package/src/js/modules/assets/models/spine.js +14 -14
  72. package/src/js/modules/assets/service.js +365 -365
  73. package/src/js/modules/i18n/_info.js +4 -4
  74. package/src/js/modules/i18n/config.js +17 -17
  75. package/src/js/modules/i18n/controller.js +79 -79
  76. package/src/js/modules/instances/_info.js +3 -3
  77. package/src/js/modules/instances/controller.js +261 -261
  78. package/src/js/modules/logic/_info.js +4 -4
  79. package/src/js/modules/logic/config/_info.js +2 -2
  80. package/src/js/modules/logic/config/sounds.js +23 -23
  81. package/src/js/modules/logic/controller.js +48 -48
  82. package/src/js/modules/logic/sounds.js +103 -103
  83. package/src/js/modules/objects/_info.js +13 -13
  84. package/src/js/modules/objects/baseModel.js +197 -197
  85. package/src/js/modules/objects/cache.js +99 -99
  86. package/src/js/modules/objects/controller.js +131 -131
  87. package/src/js/modules/objects/find.js +58 -58
  88. package/src/js/modules/objects/models/_info.js +27 -26
  89. package/src/js/modules/objects/models/atlasImage.js +50 -50
  90. package/src/js/modules/objects/models/bitmapText.js +37 -37
  91. package/src/js/modules/objects/models/button.js +189 -189
  92. package/src/js/modules/objects/models/buttonComposite.js +35 -35
  93. package/src/js/modules/objects/models/checkbox.js +96 -96
  94. package/src/js/modules/objects/models/collection.js +54 -54
  95. package/src/js/modules/objects/models/component.js +44 -44
  96. package/src/js/modules/objects/models/container.js +19 -19
  97. package/src/js/modules/objects/models/dragContainer.js +675 -0
  98. package/src/js/modules/objects/models/emitter.js +67 -67
  99. package/src/js/modules/objects/models/emitterFx.js +99 -99
  100. package/src/js/modules/objects/models/graphics.js +38 -38
  101. package/src/js/modules/objects/models/group.js +19 -19
  102. package/src/js/modules/objects/models/hitArea.js +104 -104
  103. package/src/js/modules/objects/models/image.js +34 -34
  104. package/src/js/modules/objects/models/imagesAnimation.js +113 -113
  105. package/src/js/modules/objects/models/mask.js +38 -38
  106. package/src/js/modules/objects/models/nineSlicePlane.js +30 -30
  107. package/src/js/modules/objects/models/scrollbox.js +64 -64
  108. package/src/js/modules/objects/models/slider.js +253 -253
  109. package/src/js/modules/objects/models/spine.js +276 -276
  110. package/src/js/modules/objects/models/text.js +59 -59
  111. package/src/js/modules/objects/models/textInput.js +66 -66
  112. package/src/js/modules/objects/models/toggle.js +180 -180
  113. package/src/js/modules/objects/models/world.js +19 -19
  114. package/src/js/modules/objects/propertyAdapter.js +587 -423
  115. package/src/js/modules/objects/proxy.js +294 -294
  116. package/src/js/modules/objects/selector.js +136 -136
  117. package/src/js/modules/objects/service.js +242 -240
  118. package/src/js/modules/objects/styles.js +210 -210
  119. package/src/js/modules/observer/_info.js +4 -4
  120. package/src/js/modules/observer/controller.js +99 -99
  121. package/src/js/modules/observer/events.js +51 -45
  122. package/src/js/modules/scenes/_info.js +8 -8
  123. package/src/js/modules/scenes/controller.js +103 -103
  124. package/src/js/modules/scenes/model.js +28 -28
  125. package/src/js/modules/scenes/pixiWrapper.js +237 -237
  126. package/src/js/modules/scenes/resolutions.js +173 -173
  127. package/src/js/modules/scenes/resolutionsConfig.js +73 -73
  128. package/src/js/modules/scenes/service.js +142 -142
  129. package/src/js/modules/soundManager/_info.js +3 -3
  130. package/src/js/modules/soundManager/controller.js +100 -100
  131. package/src/js/modules/soundManager/soundSprite.js +250 -256
  132. package/src/js/modules/statesManager/_info.js +12 -12
  133. package/src/js/modules/statesManager/action.js +60 -60
  134. package/src/js/modules/statesManager/actions/_info.js +3 -3
  135. package/src/js/modules/statesManager/all.js +23 -23
  136. package/src/js/modules/statesManager/configStates.js +71 -71
  137. package/src/js/modules/statesManager/controller.js +170 -170
  138. package/src/js/modules/statesManager/functionsStorage.js +82 -82
  139. package/src/js/modules/statesManager/helper.js +27 -27
  140. package/src/js/modules/statesManager/race.js +75 -75
  141. package/src/js/modules/statesManager/sequence.js +47 -47
  142. package/src/js/modules/template/_info.js +6 -6
  143. package/src/js/modules/template/controller.js +28 -28
  144. package/src/js/modules/template/model.js +11 -11
  145. package/src/js/modules/template/service.js +137 -137
  146. package/src/js/modules/template/types.js +47 -46
  147. package/src/js/modules/transport/_info.js +8 -8
  148. package/src/js/modules/transport/baseConnectionType.js +24 -24
  149. package/src/js/modules/transport/config.js +13 -13
  150. package/src/js/modules/transport/connectionTypes/_info.js +3 -3
  151. package/src/js/modules/transport/connectionTypes/websocket.js +74 -74
  152. package/src/js/modules/transport/connectionTypes/xhr.js +44 -44
  153. package/src/js/modules/transport/controller.js +48 -48
  154. package/src/js/modules/transport/decorator.js +17 -17
  155. package/src/js/modules/transport/service.js +153 -153
  156. package/src/js/templates/_info.js +4 -4
  157. package/src/js/templates/groups/_info.js +1 -1
  158. package/src/js/templates/scenes/_info.js +1 -1
  159. package/webpack.config.js +47 -47
@@ -1,86 +1,86 @@
1
- ComponentsBaseController = require('./../base/controller.js');
2
-
3
- class ComponentsDeviceRotateController extends ComponentsBaseController {
4
- constructor(params) {
5
- super(params);
6
-
7
- this._div = null;
8
- this._orientation = null;
9
- this._resolutionsConfig = null;
10
- }
11
-
12
- create() {
13
- if (Urso.device.desktop)
14
- return;
15
-
16
- this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
17
-
18
- this._createDom();
19
- this._updateOrientation();
20
- this._updateVisibility();
21
- }
22
-
23
- _createDom() {
24
- this._div = document.createElement('div');
25
- this._div.className = 'fullscreen';
26
- this._div.style.touchAction = 'none';
27
- this._div.style.visibility = 'hidden';
28
-
29
- document.body.prepend(this._div);
30
-
31
- const infoDiv = document.createElement('div');
32
- infoDiv.className = 'fullscreen-info';
33
- this._div.appendChild(infoDiv);
34
-
35
- const image = document.createElement('img');
36
- image.src = '/assets/images/fullscreen/rotate.png';
37
- const span = document.createElement('span');
38
- span.innerText = 'Please rotate device';
39
-
40
- infoDiv.appendChild(image);
41
- infoDiv.appendChild(span);
42
- }
43
-
44
- get _showOnLandscape() {
45
- return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
46
- }
47
-
48
- get _showOnPortrait() {
49
- return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
50
- }
51
-
52
- get _isPortrait() {
53
- return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
54
- }
55
-
56
- get _needShow() {
57
- return (this._orientation === Urso.device.ScreenOrientation.PORTRAIT && this._showOnPortrait) ||
58
- (this._orientation !== Urso.device.ScreenOrientation.PORTRAIT && this._showOnLandscape)
59
- }
60
-
61
- set _isVisible(needShowDiv) {
62
- this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
63
- }
64
-
65
- _updateOrientation() {
66
- this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
67
- }
68
-
69
- _updateVisibility() {
70
- this._isVisible = this._needShow;
71
- }
72
-
73
- _resizeHandler() {
74
- this._updateOrientation();
75
- this._updateVisibility();
76
- }
77
-
78
- _subscribeOnce() {
79
- if (Urso.device.desktop)
80
- return;
81
-
82
- this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
83
- }
84
- }
85
-
86
- module.exports = ComponentsDeviceRotateController;
1
+ ComponentsBaseController = require('./../base/controller.js');
2
+
3
+ class ComponentsDeviceRotateController extends ComponentsBaseController {
4
+ constructor(params) {
5
+ super(params);
6
+
7
+ this._div = null;
8
+ this._orientation = null;
9
+ this._resolutionsConfig = null;
10
+ }
11
+
12
+ create() {
13
+ if (Urso.device.desktop)
14
+ return;
15
+
16
+ this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
17
+
18
+ this._createDom();
19
+ this._updateOrientation();
20
+ this._updateVisibility();
21
+ }
22
+
23
+ _createDom() {
24
+ this._div = document.createElement('div');
25
+ this._div.className = 'fullscreen';
26
+ this._div.style.touchAction = 'none';
27
+ this._div.style.visibility = 'hidden';
28
+
29
+ document.body.prepend(this._div);
30
+
31
+ const infoDiv = document.createElement('div');
32
+ infoDiv.className = 'fullscreen-info';
33
+ this._div.appendChild(infoDiv);
34
+
35
+ const image = document.createElement('img');
36
+ image.src = '/assets/images/fullscreen/rotate.png';
37
+ const span = document.createElement('span');
38
+ span.innerText = 'Please rotate device';
39
+
40
+ infoDiv.appendChild(image);
41
+ infoDiv.appendChild(span);
42
+ }
43
+
44
+ get _showOnLandscape() {
45
+ return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
46
+ }
47
+
48
+ get _showOnPortrait() {
49
+ return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
50
+ }
51
+
52
+ get _isPortrait() {
53
+ return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
54
+ }
55
+
56
+ get _needShow() {
57
+ return (this._orientation === Urso.device.ScreenOrientation.PORTRAIT && this._showOnPortrait) ||
58
+ (this._orientation !== Urso.device.ScreenOrientation.PORTRAIT && this._showOnLandscape)
59
+ }
60
+
61
+ set _isVisible(needShowDiv) {
62
+ this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
63
+ }
64
+
65
+ _updateOrientation() {
66
+ this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
67
+ }
68
+
69
+ _updateVisibility() {
70
+ this._isVisible = this._needShow;
71
+ }
72
+
73
+ _resizeHandler() {
74
+ this._updateOrientation();
75
+ this._updateVisibility();
76
+ }
77
+
78
+ _subscribeOnce() {
79
+ if (Urso.device.desktop)
80
+ return;
81
+
82
+ this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
83
+ }
84
+ }
85
+
86
+ module.exports = ComponentsDeviceRotateController;
@@ -0,0 +1,4 @@
1
+ Urso.Core.Components.Editor = {
2
+ Controller: require('./controller.js'),
3
+ Api: require('./api.js')
4
+ };
@@ -0,0 +1,72 @@
1
+ class ComponentsEditorApi {
2
+
3
+ constructor() {
4
+
5
+ }
6
+
7
+ //styles
8
+
9
+
10
+ //assets
11
+
12
+ /**
13
+ * returns types list and keys to create new asset
14
+ * @returns { types, keys }
15
+ */
16
+ getAssetTypes() {
17
+ const types = Urso.types.assets;
18
+ return { types, keys: this._assetsKeys };
19
+ }
20
+
21
+ /**
22
+ * get current assets list
23
+ * @returns {Array} assets list
24
+ */
25
+ getCurrentAssets() {
26
+ const template = Urso.template.get();
27
+ return template.assets;
28
+ }
29
+
30
+ /**
31
+ * add new asset into game
32
+ * @param {String} type
33
+ * @param {Object} fields
34
+ */
35
+ addAsset(type, fields) {
36
+ //return new asset system id
37
+ }
38
+
39
+
40
+ //objects
41
+ getCurrentObjects() {
42
+ return list;
43
+ }
44
+
45
+ getObjectsTypes() {
46
+ return list; // with fields keys
47
+ }
48
+
49
+ addObject() {
50
+ //return id
51
+ }
52
+
53
+ //settings
54
+ editObject(id, key, value) {
55
+
56
+ }
57
+
58
+ //////////////// sys
59
+
60
+ _assetsKeys = {
61
+ ATLAS: ['key', 'path'], // path to json file
62
+ BITMAPFONT: ['key', 'path'], // path to json file
63
+ CONTAINER: ['name'],
64
+ FONT: ['key', 'path'],
65
+ IMAGE: ['key', 'path'],
66
+ JSON: ['key', 'path'],
67
+ SPINE: ['key', 'path'], // path to json file
68
+ }
69
+
70
+ }
71
+
72
+ module.exports = ComponentsEditorApi;
@@ -0,0 +1,13 @@
1
+ ComponentsBaseController = require('./../base/controller.js');
2
+
3
+ class ComponentsEditorController extends ComponentsBaseController {
4
+ constructor(params) {
5
+ super(params);
6
+
7
+ this._api = this.getInstance('Api');
8
+ window.api = this._api;
9
+ }
10
+
11
+ }
12
+
13
+ module.exports = ComponentsEditorController;
@@ -1,6 +1,6 @@
1
- Urso.Core.Components.Fullscreen = {
2
- Android: require('./android.js'),
3
- Controller: require('./controller.js'),
4
- Desktop: require('./desktop.js'),
5
- Ios: require('./ios.js'),
6
- };
1
+ Urso.Core.Components.Fullscreen = {
2
+ Android: require('./android.js'),
3
+ Controller: require('./controller.js'),
4
+ Desktop: require('./desktop.js'),
5
+ Ios: require('./ios.js'),
6
+ };
@@ -1,104 +1,104 @@
1
- class ComponentsFullscreenAndroid {
2
-
3
- constructor() {
4
- this._div = null;
5
- this._orientation = null;
6
- }
7
-
8
- init() {
9
- this._createDom();
10
- this._addListeners();
11
-
12
- this._updateOrientation();
13
- this._updateResize();
14
- }
15
-
16
- _createDom() {
17
- this._div = document.createElement('div');
18
- this._div.className = 'fullscreen fullscreen-android';
19
- document.body.prepend(this._div);
20
-
21
- const infoDiv = document.createElement('div');
22
- infoDiv.className = 'fullscreen-info';
23
- this._div.appendChild(infoDiv);
24
-
25
- const image = document.createElement('img');
26
- image.src = '/assets/images/fullscreen/hand.png'
27
- const span = document.createElement('span');
28
- span.innerText = 'Tap to enter fullscreen';
29
-
30
- infoDiv.appendChild(image);
31
- infoDiv.appendChild(span);
32
-
33
- }
34
-
35
- _updateOrientation() {
36
- this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
37
- }
38
-
39
- get isFullscreen() {
40
- return (
41
- document.webkitIsFullScreen ||
42
- document.mozFullScreen ||
43
- document.fullscreen
44
- );
45
- }
46
-
47
- get _orientationsConfig() {
48
- return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
49
- }
50
-
51
- get _isPortrait() {
52
- return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
53
- }
54
-
55
- get _needShowOnCurrentOrientation() {
56
- return (this._isPortrait && this._showOnPortrait) ||
57
- (!this._isPortrait && this._showOnLandscape);
58
- }
59
-
60
- get _showOnLandscape() {
61
- return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
62
- }
63
-
64
- get _showOnPortrait() {
65
- return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
66
- }
67
-
68
- set isVisible(needShowDiv) {
69
- this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
70
- }
71
-
72
- _requestFullscreen() {
73
- if (document.body.webkitRequestFullScreen)
74
- document.body.webkitRequestFullScreen();
75
- else if (document.body.mozRequestFullScreen)
76
- document.body.mozRequestFullScreen();
77
- else if (document.body.requestFullScreen)
78
- document.body.requestFullScreen();
79
- }
80
-
81
- _updateResize() {
82
- this.isVisible = this._needShowOnCurrentOrientation && !this.isFullscreen;
83
- }
84
-
85
- _resizeHandler() {
86
- this._updateOrientation();
87
- this._updateResize();
88
- }
89
-
90
- _addListeners() {
91
- window.addEventListener('touchend', (e) => {
92
- if (!this.isFullscreen)
93
- this._requestFullscreen();
94
-
95
- this._updateResize();
96
- });
97
- }
98
-
99
- _subscribeOnce() {
100
- this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
101
- }
102
- }
103
-
104
- module.exports = ComponentsFullscreenAndroid;
1
+ class ComponentsFullscreenAndroid {
2
+
3
+ constructor() {
4
+ this._div = null;
5
+ this._orientation = null;
6
+ }
7
+
8
+ init() {
9
+ this._createDom();
10
+ this._addListeners();
11
+
12
+ this._updateOrientation();
13
+ this._updateResize();
14
+ }
15
+
16
+ _createDom() {
17
+ this._div = document.createElement('div');
18
+ this._div.className = 'fullscreen fullscreen-android';
19
+ document.body.prepend(this._div);
20
+
21
+ const infoDiv = document.createElement('div');
22
+ infoDiv.className = 'fullscreen-info';
23
+ this._div.appendChild(infoDiv);
24
+
25
+ const image = document.createElement('img');
26
+ image.src = '/assets/images/fullscreen/hand.png'
27
+ const span = document.createElement('span');
28
+ span.innerText = 'Tap to enter fullscreen';
29
+
30
+ infoDiv.appendChild(image);
31
+ infoDiv.appendChild(span);
32
+
33
+ }
34
+
35
+ _updateOrientation() {
36
+ this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
37
+ }
38
+
39
+ get isFullscreen() {
40
+ return (
41
+ document.webkitIsFullScreen ||
42
+ document.mozFullScreen ||
43
+ document.fullscreen
44
+ );
45
+ }
46
+
47
+ get _orientationsConfig() {
48
+ return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
49
+ }
50
+
51
+ get _isPortrait() {
52
+ return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
53
+ }
54
+
55
+ get _needShowOnCurrentOrientation() {
56
+ return (this._isPortrait && this._showOnPortrait) ||
57
+ (!this._isPortrait && this._showOnLandscape);
58
+ }
59
+
60
+ get _showOnLandscape() {
61
+ return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
62
+ }
63
+
64
+ get _showOnPortrait() {
65
+ return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
66
+ }
67
+
68
+ set isVisible(needShowDiv) {
69
+ this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
70
+ }
71
+
72
+ _requestFullscreen() {
73
+ if (document.body.webkitRequestFullScreen)
74
+ document.body.webkitRequestFullScreen();
75
+ else if (document.body.mozRequestFullScreen)
76
+ document.body.mozRequestFullScreen();
77
+ else if (document.body.requestFullScreen)
78
+ document.body.requestFullScreen();
79
+ }
80
+
81
+ _updateResize() {
82
+ this.isVisible = this._needShowOnCurrentOrientation && !this.isFullscreen;
83
+ }
84
+
85
+ _resizeHandler() {
86
+ this._updateOrientation();
87
+ this._updateResize();
88
+ }
89
+
90
+ _addListeners() {
91
+ window.addEventListener('touchend', (e) => {
92
+ if (!this.isFullscreen)
93
+ this._requestFullscreen();
94
+
95
+ this._updateResize();
96
+ });
97
+ }
98
+
99
+ _subscribeOnce() {
100
+ this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
101
+ }
102
+ }
103
+
104
+ module.exports = ComponentsFullscreenAndroid;
@@ -1,76 +1,76 @@
1
- ComponentsBaseController = require('./../base/controller.js');
2
-
3
- class ComponentsFullscreenController extends ComponentsBaseController {
4
-
5
- constructor(params) {
6
- super(params);
7
-
8
- this._fullscreenActivator = null;
9
- this._resolutionsConfig = null;
10
- this.lastResizeFullscreenResult;
11
-
12
- this.createActivator();
13
- this._resizeHandler();
14
- }
15
-
16
- createActivator() {
17
- if (this._isCriOS)
18
- return;
19
-
20
- this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
21
-
22
- if (Urso.device.desktop)
23
- this._fullscreenActivator = this.getInstance('Desktop');
24
- else if (Urso.device.iOS)
25
- this._fullscreenActivator = this.getInstance('Ios');
26
- else if (Urso.device.android)
27
- this._fullscreenActivator = this.getInstance('Android');
28
-
29
- if (this._fullscreenActivator)
30
- this._fullscreenActivator.init();
31
- }
32
-
33
- get _isCriOS() {
34
- return navigator.userAgent.includes('CriOS');
35
- }
36
-
37
- get _orientationsConfig() {
38
- return Urso.getInstance('Modules.Scenes.ResolutionsConfig')._orientations || [];
39
- }
40
-
41
- get _showOnLandscape() {
42
- return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
43
- }
44
-
45
- get _showOnPortrait() {
46
- return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
47
- }
48
-
49
- get _isPortrait() {
50
- return innerWidth > innerHeight ? Urso.device.ScreenOrientation.PORTRAIT : Urso.device.ScreenOrientation.LANDSCAPE;
51
- }
52
-
53
- get isFullscreen() {
54
- if (!this._fullscreenActivator)
55
- return false;
56
-
57
- return this._fullscreenActivator.isFullscreen;
58
- }
59
-
60
- _resizeHandler() {
61
- const isFullscreen = this.isFullscreen;
62
-
63
- if (this.lastResizeFullscreenResult === isFullscreen)
64
- return;
65
-
66
- this.lastResizeFullscreenResult = isFullscreen;
67
- Urso.localData.set('fullscreen.isFullscreen', isFullscreen);
68
- this.emit(Urso.events.COMPONENTS_FULLSCREEN_CHANGE, isFullscreen);
69
- }
70
-
71
- _subscribeOnce() {
72
- this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
73
- }
74
- }
75
-
76
- module.exports = ComponentsFullscreenController;
1
+ ComponentsBaseController = require('./../base/controller.js');
2
+
3
+ class ComponentsFullscreenController extends ComponentsBaseController {
4
+
5
+ constructor(params) {
6
+ super(params);
7
+
8
+ this._fullscreenActivator = null;
9
+ this._resolutionsConfig = null;
10
+ this.lastResizeFullscreenResult;
11
+
12
+ this.createActivator();
13
+ this._resizeHandler();
14
+ }
15
+
16
+ createActivator() {
17
+ if (this._isCriOS)
18
+ return;
19
+
20
+ this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
21
+
22
+ if (Urso.device.desktop)
23
+ this._fullscreenActivator = this.getInstance('Desktop');
24
+ else if (Urso.device.iOS)
25
+ this._fullscreenActivator = this.getInstance('Ios');
26
+ else if (Urso.device.android)
27
+ this._fullscreenActivator = this.getInstance('Android');
28
+
29
+ if (this._fullscreenActivator)
30
+ this._fullscreenActivator.init();
31
+ }
32
+
33
+ get _isCriOS() {
34
+ return navigator.userAgent.includes('CriOS');
35
+ }
36
+
37
+ get _orientationsConfig() {
38
+ return Urso.getInstance('Modules.Scenes.ResolutionsConfig')._orientations || [];
39
+ }
40
+
41
+ get _showOnLandscape() {
42
+ return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
43
+ }
44
+
45
+ get _showOnPortrait() {
46
+ return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
47
+ }
48
+
49
+ get _isPortrait() {
50
+ return innerWidth > innerHeight ? Urso.device.ScreenOrientation.PORTRAIT : Urso.device.ScreenOrientation.LANDSCAPE;
51
+ }
52
+
53
+ get isFullscreen() {
54
+ if (!this._fullscreenActivator)
55
+ return false;
56
+
57
+ return this._fullscreenActivator.isFullscreen;
58
+ }
59
+
60
+ _resizeHandler() {
61
+ const isFullscreen = this.isFullscreen;
62
+
63
+ if (this.lastResizeFullscreenResult === isFullscreen)
64
+ return;
65
+
66
+ this.lastResizeFullscreenResult = isFullscreen;
67
+ Urso.localData.set('fullscreen.isFullscreen', isFullscreen);
68
+ this.emit(Urso.events.COMPONENTS_FULLSCREEN_CHANGE, isFullscreen);
69
+ }
70
+
71
+ _subscribeOnce() {
72
+ this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
73
+ }
74
+ }
75
+
76
+ module.exports = ComponentsFullscreenController;