@urso/core 0.5.5 → 0.5.8

package/src/js/components/fullscreen/ios.js

@@ -1,115 +1,115 @@
-class ComponentsFullscreenIos {
-  constructor() {
-    this._div = null;
-    this._orientation = null;
-    this._scrollTimeout = null;
-  }
-
-  init() {
-    this._createDom();
-    this._addListeners();
-    this._updateResize();
-  }
-
-  _createDom() {
-    this._div = document.createElement('div');
-    this._div.className = 'fullscreen fullscreen-ios';
-    document.body.prepend(this._div);
-
-    const infoDiv = document.createElement('div');
-    infoDiv.className = 'fullscreen-info';
-    this._div.appendChild(infoDiv);
-
-    const image = document.createElement('img');
-    image.src = '/assets/images/fullscreen/scroll.png';
-    const span = document.createElement('span');
-    span.innerText = 'Swipe up to enter fullscreen';
-
-    infoDiv.appendChild(image);
-    infoDiv.appendChild(span);
-  }
-
-  _addListeners() {
-    window.addEventListener('touchmove', (e) => {
-      this._updateResize();
-
-      if (e.touches.length > 1) {
-        e.preventDefault();
-        return;
-      }
-    });
-  }
-
-  get isFullscreen() {
-    return this._isFullscreen;
-  }
-
-  get _isFullscreen() {
-    const minFactor = 0.51;
-    const deviceFactor = screen.width / screen.height;
-    const factor = this._isPortrait ?
-      innerWidth / innerHeight :
-      innerHeight / innerWidth;
-
-    return !(
-      this._isPortrait ?
-        factor - deviceFactor < 0.1 :
-        factor > minFactor
-    );
-  }
-
-  _updateOrientation() {
-    this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
-  }
-
-  _updateResize() {
-    this._updateOrientation();
-    this.isVisible = this._needShowOnCurrentOrientation && this._isFullscreen;
-  }
-
-  get _orientationsConfig() {
-    return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
-  }
-
-  get _isPortrait() {
-    return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
-  }
-
-  get _needShowOnCurrentOrientation() {
-    return (this._isPortrait && this._showOnPortrait) || (!this._isPortrait && this._showOnLandscape);
-  }
-
-  get _showOnLandscape() {
-    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
-  }
-
-  get _showOnPortrait() {
-    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
-  }
-
-  set isVisible(needShowDiv) {
-    this._div.style.zIndex = needShowDiv ? 1 : -1;
-    clearTimeout(this._scrollTimeout)
-    this._scrollTimeout = setTimeout(() => {
-      if (needShowDiv)
-        window.scrollTo(0, 0);
-    }, 200);
-  }
-
-  _resizeHandler() {
-    this._updateResize();
-  }
-
-  _fullscreenSwitchHandler(needGoFullscreen = null) {
-    this._switchFullscreen(needGoFullscreen);
-  }
-
-  _subscribeOnce() {
-    this.addListener(
-      Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE,
-      this._resizeHandler.bind(this)
-    );
-  }
-}
-
-module.exports = ComponentsFullscreenIos;
+class ComponentsFullscreenIos {
+  constructor() {
+    this._div = null;
+    this._orientation = null;
+    this._scrollTimeout = null;
+  }
+
+  init() {
+    this._createDom();
+    this._addListeners();
+    this._updateResize();
+  }
+
+  _createDom() {
+    this._div = document.createElement('div');
+    this._div.className = 'fullscreen fullscreen-ios';
+    document.body.prepend(this._div);
+
+    const infoDiv = document.createElement('div');
+    infoDiv.className = 'fullscreen-info';
+    this._div.appendChild(infoDiv);
+
+    const image = document.createElement('img');
+    image.src = '/assets/images/fullscreen/scroll.png';
+    const span = document.createElement('span');
+    span.innerText = 'Swipe up to enter fullscreen';
+
+    infoDiv.appendChild(image);
+    infoDiv.appendChild(span);
+  }
+
+  _addListeners() {
+    window.addEventListener('touchmove', (e) => {
+      this._updateResize();
+
+      if (e.touches.length > 1) {
+        e.preventDefault();
+        return;
+      }
+    });
+  }
+
+  get isFullscreen() {
+    return this._isFullscreen;
+  }
+
+  get _isFullscreen() {
+    const minFactor = 0.51;
+    const deviceFactor = screen.width / screen.height;
+    const factor = this._isPortrait ?
+      innerWidth / innerHeight :
+      innerHeight / innerWidth;
+
+    return !(
+      this._isPortrait ?
+        factor - deviceFactor < 0.1 :
+        factor > minFactor
+    );
+  }
+
+  _updateOrientation() {
+    this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
+  }
+
+  _updateResize() {
+    this._updateOrientation();
+    this.isVisible = this._needShowOnCurrentOrientation && this._isFullscreen;
+  }
+
+  get _orientationsConfig() {
+    return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
+  }
+
+  get _isPortrait() {
+    return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
+  }
+
+  get _needShowOnCurrentOrientation() {
+    return (this._isPortrait && this._showOnPortrait) || (!this._isPortrait && this._showOnLandscape);
+  }
+
+  get _showOnLandscape() {
+    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
+  }
+
+  get _showOnPortrait() {
+    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
+  }
+
+  set isVisible(needShowDiv) {
+    this._div.style.zIndex = needShowDiv ? 1 : -1;
+    clearTimeout(this._scrollTimeout)
+    this._scrollTimeout = setTimeout(() => {
+      if (needShowDiv)
+        window.scrollTo(0, 0);
+    }, 200);
+  }
+
+  _resizeHandler() {
+    this._updateResize();
+  }
+
+  _fullscreenSwitchHandler(needGoFullscreen = null) {
+    this._switchFullscreen(needGoFullscreen);
+  }
+
+  _subscribeOnce() {
+    this.addListener(
+      Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE,
+      this._resizeHandler.bind(this)
+    );
+  }
+}
+
+module.exports = ComponentsFullscreenIos;

package/src/js/components/layersSwitcher/_info.js

@@ -1,4 +1,4 @@
-Urso.Core.Components.LayersSwitcher = {
-    Controller: require('./controller'),
-    Config: require('./config'),
-};
+Urso.Core.Components.LayersSwitcher = {
+    Controller: require('./controller'),
+    Config: require('./config'),
+};

package/src/js/components/layersSwitcher/config.js

@@ -1,26 +1,26 @@
-class ComponentsLayersSwitcher {
-    
-    constructor() {
-
-        //allLayers config example
-        this.allLayers = [
-            '^granny',
-            '^mainButton',
-            '^logo',
-            '.backround',
-            '^bonusPopup',
-            '.baseGame',
-            '.bonusGame'
-        ];
-
-        //groups layers config example
-        this.groupsLayers = {
-            'mainElements': ['^logo', '^mainButton', '.baseGame'],
-            'background': ['.backround'],
-            'granny': ['^granny'],
-            'bonusGame': ['.bonusGame', '^bonusPopup']
-        };
-    }
-}
-
-module.exports = ComponentsLayersSwitcher;
+class ComponentsLayersSwitcher {
+    
+    constructor() {
+
+        //allLayers config example
+        this.allLayers = [
+            '^granny',
+            '^mainButton',
+            '^logo',
+            '.backround',
+            '^bonusPopup',
+            '.baseGame',
+            '.bonusGame'
+        ];
+
+        //groups layers config example
+        this.groupsLayers = {
+            'mainElements': ['^logo', '^mainButton', '.baseGame'],
+            'background': ['.backround'],
+            'granny': ['^granny'],
+            'bonusGame': ['.bonusGame', '^bonusPopup']
+        };
+    }
+}
+
+module.exports = ComponentsLayersSwitcher;

package/src/js/components/layersSwitcher/controller.js

@@ -1,34 +1,34 @@
-class ComponentsLayersSwitcherController extends Urso.Core.Components.Base.Controller {
-
-    constructor(...args) {
-        super(...args);
-        this._config = this.getInstance('Config');
-    }
-
-    /**
-     * disable all layers from the list of managed layers (config.allLayers) and enables layers corresponding to the desired group (config.groupsLayers[groupName])
-     * @param {String} groupName 
-     */
-    _showGroup(groupName) {
-        const configLayersGroup = this._config.groupsLayers[groupName];
-
-        if (configLayersGroup) {
-            this._config.allLayers.forEach(selectorLayers => {
-                const layerVisibleStatus = (configLayersGroup.includes(selectorLayers)) ? true : false;
-
-                Urso.findAll(selectorLayers).forEach((selectorObject) => {
-                    selectorObject.visible = layerVisibleStatus;
-                });
-            });
-
-        } else {
-            Urso.logger.error(`ComponentsLayersSwitcherController: group '${groupName}' was not found!`);
-        }
-    }
-
-    _subscribeOnce() {
-        this.addListener(Urso.events.COMPONENTS_LAYERS_SWITCHER_SWITCH, (groupName) => { this._showGroup(groupName) });
-    }
-}
-
-module.exports = ComponentsLayersSwitcherController;
+class ComponentsLayersSwitcherController extends Urso.Core.Components.Base.Controller {
+
+    constructor(...args) {
+        super(...args);
+        this._config = this.getInstance('Config');
+    }
+
+    /**
+     * disable all layers from the list of managed layers (config.allLayers) and enables layers corresponding to the desired group (config.groupsLayers[groupName])
+     * @param {String} groupName 
+     */
+    _showGroup(groupName) {
+        const configLayersGroup = this._config.groupsLayers[groupName];
+
+        if (configLayersGroup) {
+            this._config.allLayers.forEach(selectorLayers => {
+                const layerVisibleStatus = (configLayersGroup.includes(selectorLayers)) ? true : false;
+
+                Urso.findAll(selectorLayers).forEach((selectorObject) => {
+                    selectorObject.visible = layerVisibleStatus;
+                });
+            });
+
+        } else {
+            Urso.logger.error(`ComponentsLayersSwitcherController: group '${groupName}' was not found!`);
+        }
+    }
+
+    _subscribeOnce() {
+        this.addListener(Urso.events.COMPONENTS_LAYERS_SWITCHER_SWITCH, (groupName) => { this._showGroup(groupName) });
+    }
+}
+
+module.exports = ComponentsLayersSwitcherController;

package/src/js/components/loader/_info.js

@@ -1,4 +1,4 @@
-Urso.Core.Components.Loader = {
-    Controller: require('./controller.js'),
-    Template: require('./template.js')
-};
+Urso.Core.Components.Loader = {
+    Controller: require('./controller.js'),
+    Template: require('./template.js')
+};

package/src/js/components/loader/controller.js

@@ -1,66 +1,66 @@
-class ComponentsLoaderController extends Urso.Core.Components.Base.Controller {
-
-    constructor(options){
-        super(options);
-
-        //load own assets
-
-        //then create loader objects
-        Urso.objects.create(this.getInstance('Template').objects)
-
-        
-    }
-
-    assetsMount() {
-        return false;
-    }
-
-    objectsMount() {
-        return false;
-    }
-
-    loadUpdate(loadProgress) {
-        this.setLoadProgress(loadProgress);
-    }
-
-    create(){
-        this.setMask();
-
-        //todo remove all objects
-    }
-    
-    setMask(){
-        if(this.loaderBg && this.loaderBgMask)
-            this.loaderBg._baseObject.mask = this.loaderBgMask._baseObject
-    }
-
-    formatAmountText(text){
-        return `${text}%`;
-    }
-
-    setLoadProgress(val){
-        if(!this.componentCreated)
-            return;
-
-        this.loaderBgMask._baseObject.scale.x = val;
-        this.loadAmountText.text = this.formatAmountText(val);
-    }
-
-    get componentCreated(){
-        return !!this.loadAmountText && !!this.loaderBg && !!this.loaderBgMask;
-    }
-
-    get loadAmountText(){
-        return Urso.findOne('.loadAmountText');
-    }
-
-    get loaderBg(){
-        return Urso.findOne('^loaderBg');
-    }
-
-    get loaderBgMask(){
-        return Urso.findOne('^loaderBgMask');
-    }
-}
-
-module.exports = ComponentsLoaderController;
+class ComponentsLoaderController extends Urso.Core.Components.Base.Controller {
+
+    constructor(options){
+        super(options);
+
+        //load own assets
+
+        //then create loader objects
+        Urso.objects.create(this.getInstance('Template').objects)
+
+        
+    }
+
+    assetsMount() {
+        return false;
+    }
+
+    objectsMount() {
+        return false;
+    }
+
+    loadUpdate(loadProgress) {
+        this.setLoadProgress(loadProgress);
+    }
+
+    create(){
+        this.setMask();
+
+        //todo remove all objects
+    }
+    
+    setMask(){
+        if(this.loaderBg && this.loaderBgMask)
+            this.loaderBg._baseObject.mask = this.loaderBgMask._baseObject
+    }
+
+    formatAmountText(text){
+        return `${text}%`;
+    }
+
+    setLoadProgress(val){
+        if(!this.componentCreated)
+            return;
+
+        this.loaderBgMask._baseObject.scale.x = val;
+        this.loadAmountText.text = this.formatAmountText(val);
+    }
+
+    get componentCreated(){
+        return !!this.loadAmountText && !!this.loaderBg && !!this.loaderBgMask;
+    }
+
+    get loadAmountText(){
+        return Urso.findOne('.loadAmountText');
+    }
+
+    get loaderBg(){
+        return Urso.findOne('^loaderBg');
+    }
+
+    get loaderBgMask(){
+        return Urso.findOne('^loaderBgMask');
+    }
+}
+
+module.exports = ComponentsLoaderController;

package/src/js/components/loader/template.js

@@ -1,71 +1,71 @@
-class ComponentsLoaderTemplate {
-    constructor() {
-        this.styles = {
-            '.loadingTextStyle': {
-                fill: 0xFFFFFF,
-                fontSize: 32,
-                fontWeight: 'bold'
-            }
-        };
-
-        this.assets = [];
-
-        this.objects = [
-            {
-                type: Urso.types.objects.CONTAINER,
-                name: 'loaderContainer',
-                contents: [
-                    {
-                        type: Urso.types.objects.GRAPHICS,
-                        name: 'bgLoader',
-                        figure: {
-                            rectangle: [0, 20, 500, 20],
-                            fillColor: 0x66f542
-                        }
-                    },
-                    {
-                        type: Urso.types.objects.CONTAINER,
-                        contents: [
-                            {
-                                type: Urso.types.objects.GRAPHICS,
-                                figure: {
-                                    rectangle: [4, 24, 492, 13],
-                                }
-                            },
-                            {
-                                type: Urso.types.objects.GRAPHICS,
-                                name: 'loaderBg',
-                                figure: {
-                                    rectangle: [4, 24, 492, 13],
-                                    fillColor: 0x66f542
-                                }
-                            },
-                            {
-                                type: Urso.types.objects.GRAPHICS,
-                                name: 'loaderBgMask',
-                                figure: {
-                                    rectangle: [4, 24, 492, 13]
-                                }
-                            },
-                            {
-                                type: Urso.types.objects.CONTAINER,
-                                x: 260,
-                                y: 50,
-                                contents: [
-                                    {
-                                        type: Urso.types.objects.TEXT,
-                                        class: 'loadingTextStyle loadAmountText',
-                                        anchorX: 0.5,
-                                        text: '100%'
-                                    }
-                                ]
-                            }
-                        ]
-                    }
-                ]
-            }
-        ];
-    };
-};
-
+class ComponentsLoaderTemplate {
+    constructor() {
+        this.styles = {
+            '.loadingTextStyle': {
+                fill: 0xFFFFFF,
+                fontSize: 32,
+                fontWeight: 'bold'
+            }
+        };
+
+        this.assets = [];
+
+        this.objects = [
+            {
+                type: Urso.types.objects.CONTAINER,
+                name: 'loaderContainer',
+                contents: [
+                    {
+                        type: Urso.types.objects.GRAPHICS,
+                        name: 'bgLoader',
+                        figure: {
+                            rectangle: [0, 20, 500, 20],
+                            fillColor: 0x66f542
+                        }
+                    },
+                    {
+                        type: Urso.types.objects.CONTAINER,
+                        contents: [
+                            {
+                                type: Urso.types.objects.GRAPHICS,
+                                figure: {
+                                    rectangle: [4, 24, 492, 13],
+                                }
+                            },
+                            {
+                                type: Urso.types.objects.GRAPHICS,
+                                name: 'loaderBg',
+                                figure: {
+                                    rectangle: [4, 24, 492, 13],
+                                    fillColor: 0x66f542
+                                }
+                            },
+                            {
+                                type: Urso.types.objects.GRAPHICS,
+                                name: 'loaderBgMask',
+                                figure: {
+                                    rectangle: [4, 24, 492, 13]
+                                }
+                            },
+                            {
+                                type: Urso.types.objects.CONTAINER,
+                                x: 260,
+                                y: 50,
+                                contents: [
+                                    {
+                                        type: Urso.types.objects.TEXT,
+                                        class: 'loadingTextStyle loadAmountText',
+                                        anchorX: 0.5,
+                                        text: '100%'
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            }
+        ];
+    };
+};
+
 module.exports = ComponentsLoaderTemplate;

package/src/js/components/soundInitialPopup/_info.js

@@ -1,4 +1,4 @@
-Urso.Core.Components.SoundInitialPopup = {
-    Controller: require('./controller.js'),
-    Template: require('./template.js'),
+Urso.Core.Components.SoundInitialPopup = {
+    Controller: require('./controller.js'),
+    Template: require('./template.js'),
 }