@urso/core 0.7.90 → 0.7.91

package/src/js/modules/objects/models/text.js

@@ -1,70 +1,70 @@
-const ModulesObjectsBaseModel = require('./../baseModel');
-
-class ModulesObjectsModelsText extends ModulesObjectsBaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.TEXT;
-        this._addBaseObject();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.text = Urso.helper.recursiveGet('text', params, false);
-        this.localeId = Urso.helper.recursiveGet('localeId', params, false); //you can use this instead text for localization
-
-        this.localeVariables = Urso.helper.recursiveGet('localeVariables', params, {}); //optional variables for localization by localeId
-
-        this.lineHeight = Urso.helper.recursiveGet('lineHeight', params, 0);
-        this.fontFamily = Urso.helper.recursiveGet('fontFamily', params, 'Arial');
-        this.fontSize = Urso.helper.recursiveGet('fontSize', params, false);
-        this.fontStyle = Urso.helper.recursiveGet('fontStyle', params, false); //'italic'
-        this.fontWeight = Urso.helper.recursiveGet('fontWeight', params, false); // 'bold'
-        this.fill = Urso.helper.recursiveGet('fill', params, '#000000'); // gradient  ['#ffffff', '#00ff99']
-        this.fillCustomColors = Urso.helper.recursiveGet('fillCustomColors', params, false); //or array [{position:12,color:'#000000'},...]
-        this.stroke = Urso.helper.recursiveGet('stroke', params, 'black');
-        this.strokeThickness = Urso.helper.recursiveGet('strokeThickness', params, 0);
-        this.dropShadow = Urso.helper.recursiveGet('dropShadow', params, false);
-        this.dropShadowColor = Urso.helper.recursiveGet('dropShadowColor', params, '#000000');
-        this.dropShadowBlur = Urso.helper.recursiveGet('dropShadowBlur', params, 0);
-        this.dropShadowAngle = Urso.helper.recursiveGet('dropShadowAngle', params, 0); //Math.PI / 6
-        this.dropShadowDistance = Urso.helper.recursiveGet('dropShadowBlur', params, 0); // 6
-        this.wordWrap = Urso.helper.recursiveGet('wordWrap', params, false);
-        this.wordWrapWidth = Urso.helper.recursiveGet('wordWrapWidth', params, 100);
-        this.leading = Urso.helper.recursiveGet('leading', params, 0);
-        this.letterSpacing = Urso.helper.recursiveGet('letterSpacing', params, 0);
-        this.textAlign = Urso.helper.recursiveGet('textAlign', params, 'left');
-    }
-
-    _addBaseObject() {
-        if (this.localeId)
-            this._originalModel.text = this.text = Urso.i18n.get(this.localeId, this.localeVariables);
-
-        const styles = { fontFamily: this.fontFamily, leading: this.leading, align: this.textAlign }
-        this._baseObject = new PIXI.Text(this.text, styles);
-
-        if (this.fillCustomColors) {
-            this._baseObject.fillCustomColors = this.fillCustomColors;
-        }
-    };
-
-    _newLocaleHandler() {
-        if(!this.proxyObject)
-            return;
-
-        this.proxyObject.text = Urso.i18n.get(this.localeId, this.localeVariables);
-    }
-
-    _customDestroy() {
-        if (this.localeId)
-            this.removeListener(Urso.events.MODULES_I18N_NEW_LOCALE_WAS_SET, this._newLocaleHandler.bind(this));
-    }
-
-    _subscribeOnce() {
-        if (this.localeId)
-            this.addListener(Urso.events.MODULES_I18N_NEW_LOCALE_WAS_SET, this._newLocaleHandler.bind(this));
-    }
-}
-
-module.exports = ModulesObjectsModelsText;
+const ModulesObjectsBaseModel = require('./../baseModel');
+
+class ModulesObjectsModelsText extends ModulesObjectsBaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.TEXT;
+        this._addBaseObject();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.text = Urso.helper.recursiveGet('text', params, false);
+        this.localeId = Urso.helper.recursiveGet('localeId', params, false); //you can use this instead text for localization
+
+        this.localeVariables = Urso.helper.recursiveGet('localeVariables', params, {}); //optional variables for localization by localeId
+
+        this.lineHeight = Urso.helper.recursiveGet('lineHeight', params, 0);
+        this.fontFamily = Urso.helper.recursiveGet('fontFamily', params, 'Arial');
+        this.fontSize = Urso.helper.recursiveGet('fontSize', params, false);
+        this.fontStyle = Urso.helper.recursiveGet('fontStyle', params, false); //'italic'
+        this.fontWeight = Urso.helper.recursiveGet('fontWeight', params, false); // 'bold'
+        this.fill = Urso.helper.recursiveGet('fill', params, '#000000'); // gradient  ['#ffffff', '#00ff99']
+        this.fillCustomColors = Urso.helper.recursiveGet('fillCustomColors', params, false); //or array [{position:12,color:'#000000'},...]
+        this.stroke = Urso.helper.recursiveGet('stroke', params, 'black');
+        this.strokeThickness = Urso.helper.recursiveGet('strokeThickness', params, 0);
+        this.dropShadow = Urso.helper.recursiveGet('dropShadow', params, false);
+        this.dropShadowColor = Urso.helper.recursiveGet('dropShadowColor', params, '#000000');
+        this.dropShadowBlur = Urso.helper.recursiveGet('dropShadowBlur', params, 0);
+        this.dropShadowAngle = Urso.helper.recursiveGet('dropShadowAngle', params, 0); //Math.PI / 6
+        this.dropShadowDistance = Urso.helper.recursiveGet('dropShadowBlur', params, 0); // 6
+        this.wordWrap = Urso.helper.recursiveGet('wordWrap', params, false);
+        this.wordWrapWidth = Urso.helper.recursiveGet('wordWrapWidth', params, 100);
+        this.leading = Urso.helper.recursiveGet('leading', params, 0);
+        this.letterSpacing = Urso.helper.recursiveGet('letterSpacing', params, 0);
+        this.textAlign = Urso.helper.recursiveGet('textAlign', params, 'left');
+    }
+
+    _addBaseObject() {
+        if (this.localeId)
+            this._originalModel.text = this.text = Urso.i18n.get(this.localeId, this.localeVariables);
+
+        const styles = { fontFamily: this.fontFamily, leading: this.leading, align: this.textAlign }
+        this._baseObject = new PIXI.Text(this.text, styles);
+
+        if (this.fillCustomColors) {
+            this._baseObject.fillCustomColors = this.fillCustomColors;
+        }
+    };
+
+    _newLocaleHandler() {
+        if(!this.proxyObject)
+            return;
+
+        this.proxyObject.text = Urso.i18n.get(this.localeId, this.localeVariables);
+    }
+
+    _customDestroy() {
+        if (this.localeId)
+            this.removeListener(Urso.events.MODULES_I18N_NEW_LOCALE_WAS_SET, this._newLocaleHandler.bind(this));
+    }
+
+    _subscribeOnce() {
+        if (this.localeId)
+            this.addListener(Urso.events.MODULES_I18N_NEW_LOCALE_WAS_SET, this._newLocaleHandler.bind(this));
+    }
+}
+
+module.exports = ModulesObjectsModelsText;

package/src/js/modules/objects/models/textInput.js

@@ -1,68 +1,68 @@
-const ModulesObjectsBaseModel = require('./../baseModel');
-
-class ModulesObjectsModelsTextInput extends ModulesObjectsBaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.TEXTINPUT;
-        this.text = '';
-        this._addBaseObject();
-        this._setRestrictedSymbosl();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.input = Urso.helper.recursiveGet('input', params, false);
-        this.box = Urso.helper.recursiveGet('box', params, false);
-        this.numbersOnly = Urso.helper.recursiveGet('numbersOnly', params, false);
-        this.allowedSymbols = Urso.helper.recursiveGet('allowedSymbols', params, false);
-        //this.substituteText = Urso.helper.recursiveGet('substituteText', params, false); //todo remove this string
-        this.maxLength = Urso.helper.recursiveGet('maxLength', params, false);
-    }
-
-    restrictInput(allowedSymbols) {
-        this._baseObject.restrict = allowedSymbols;
-    }
-
-    disable() {
-        this._baseObject.disabled = true
-    }
-
-    enable() {
-        this._baseObject.disabled = false
-    }
-
-    _setRestrictedSymbosl() {
-        if (this.numbersOnly) {
-            const regex = new RegExp('^[0-9]*');
-            this.restrictInput(regex);
-        } else if (this.allowedSymbols) {
-            this.restrictInput(this.allowedSymbols);
-        }
-    }
-
-    _onBlur() {
-        const data = { name: this.name, class: this.class, id: this.id, text: this.text };
-        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_BLUR, data);
-    }
-
-    _onInput() {
-        this.text = this._baseObject.text;
-        const data = { name: this.name, class: this.class, id: this.id, text: this.text };
-        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_INPUT, data);
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.TextInput({ input: this.input, box: this.box });
-        //this._baseObject.substituteText = this.substituteText;  //todo remove this string
-
-        if (this.maxLength)
-            this._baseObject.maxLength = this.maxLength
-
-        this._baseObject.on('blur', this._onBlur.bind(this))
-        this._baseObject.on('input', this._onInput.bind(this))
-    };
-}
-
-module.exports = ModulesObjectsModelsTextInput;
+const ModulesObjectsBaseModel = require('./../baseModel');
+
+class ModulesObjectsModelsTextInput extends ModulesObjectsBaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.TEXTINPUT;
+        this.text = '';
+        this._addBaseObject();
+        this._setRestrictedSymbosl();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.input = Urso.helper.recursiveGet('input', params, false);
+        this.box = Urso.helper.recursiveGet('box', params, false);
+        this.numbersOnly = Urso.helper.recursiveGet('numbersOnly', params, false);
+        this.allowedSymbols = Urso.helper.recursiveGet('allowedSymbols', params, false);
+        //this.substituteText = Urso.helper.recursiveGet('substituteText', params, false); //todo remove this string
+        this.maxLength = Urso.helper.recursiveGet('maxLength', params, false);
+    }
+
+    restrictInput(allowedSymbols) {
+        this._baseObject.restrict = allowedSymbols;
+    }
+
+    disable() {
+        this._baseObject.disabled = true
+    }
+
+    enable() {
+        this._baseObject.disabled = false
+    }
+
+    _setRestrictedSymbosl() {
+        if (this.numbersOnly) {
+            const regex = new RegExp('^[0-9]*');
+            this.restrictInput(regex);
+        } else if (this.allowedSymbols) {
+            this.restrictInput(this.allowedSymbols);
+        }
+    }
+
+    _onBlur() {
+        const data = { name: this.name, class: this.class, id: this.id, text: this.text };
+        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_BLUR, data);
+    }
+
+    _onInput() {
+        this.text = this._baseObject.text;
+        const data = { name: this.name, class: this.class, id: this.id, text: this.text };
+        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_INPUT, data);
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.TextInput({ input: this.input, box: this.box });
+        //this._baseObject.substituteText = this.substituteText;  //todo remove this string
+
+        if (this.maxLength)
+            this._baseObject.maxLength = this.maxLength
+
+        this._baseObject.on('blur', this._onBlur.bind(this))
+        this._baseObject.on('input', this._onInput.bind(this))
+    };
+}
+
+module.exports = ModulesObjectsModelsTextInput;

package/src/js/modules/objects/models/toggle.js

@@ -1,179 +1,179 @@
-const UrsoCoreModulesObjectsModelsButton = require('./button');
-
-class ModulesObjectsModelsToggle extends UrsoCoreModulesObjectsModelsButton {
-    constructor(params) {
-        super(params);
-
-        this.status = 'unpressed';
-
-        this.type = Urso.types.objects.TOGGLE;
-        this._addBaseObject();
-
-        this.enable = this.enable.bind(this);
-        this.disable = this.disable.bind(this);
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.action = Urso.helper.recursiveGet('action', params, () => {
-            this.emit(Urso.events.MODULES_OBJECTS_TOGGLE_PRESS, { name: this.name, status: this.status, class: this.class })
-        });
-
-        this.buttonFrames = {
-            pressedOver: Urso.helper.recursiveGet('buttonFrames.pressedOver', params, false),
-            pressedOut: Urso.helper.recursiveGet('buttonFrames.pressedOut', params, false),
-            unpressedOver: Urso.helper.recursiveGet('buttonFrames.unpressedOver', params, false),
-            unpressedOut: Urso.helper.recursiveGet('buttonFrames.unpressedOut', params, false),
-            pressedDown: Urso.helper.recursiveGet('buttonFrames.pressedDown', params, false),
-            unpressedDown: Urso.helper.recursiveGet('buttonFrames.unpressedDown', params, false),
-            pressedDisabled: Urso.helper.recursiveGet('buttonFrames.pressedDisabled', params, false),
-            unpressedDisabled: Urso.helper.recursiveGet('buttonFrames.unpressedDisabled', params, false),
-        }
-    }
-
-    setButtonFrame(key, assetKey) {
-        this.buttonFrames[key] = assetKey;
-
-        if (this._isOver)
-            this._changeTexture(`${this.status}Over`);
-        else if (this._isDown)
-            this._changeTexture(`${this.status}Down`);
-        else if (this._isDisabled)
-            this._changeTexture(`${this.status}Disabled`);
-        else
-            this._changeTexture(`${this.status}Out`);
-    }
-
-    enable() {
-        if (!this._isDisabled)
-            return false;
-
-        if (this._isOver)
-            this._changeTexture(`${this.status}Over`);
-        else
-            this._changeTexture(`${this.status}Out`);
-
-        this._isDisabled = false;
-        this._baseObject.buttonMode = true;
-    }
-
-    disable() {
-        if (this._isDisabled)
-            return false;
-
-        this._changeTexture(`${this.status}Disabled`);
-        this._isDisabled = true;
-        this._baseObject.buttonMode = false;
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.Sprite();
-        this._changeTexture('unpressedOut');
-
-        this._baseObject.interactive = true;
-        this._baseObject.buttonMode = true;
-
-        if (this.pixelPerfectOver) {
-            //todo
-        }
-
-        if (this.pixelPerfectClick) {
-            //todo
-        }
-
-        this._baseObject
-            .on('pointerdown', this._onButtonDown.bind(this))
-            .on('pointerup', this._onButtonUp.bind(this))
-            .on('pointerupoutside', this._onButtonUp.bind(this))
-            .on('pointerover', this._onButtonOver.bind(this))
-            .on('pointerout', this._onButtonOut.bind(this));
-    };
-
-    _onButtonDown() {
-        if (this._isDisabled)
-            return false;
-
-        this._isDown = true;
-
-        if (this.keyDownAction)
-            this.keyDownAction();
-
-        if (this._isDisabled) //can be disabled after keyDownAction
-            return false;
-
-        this._changeTexture(`${this.status}Down`);
-
-        this.status = this.status === 'pressed' ? 'unpressed' : 'pressed';
-    }
-
-    _onButtonUp() {
-        if (this._isDisabled)
-            return false;
-
-        this._isDown = false;
-
-        if (this.action)
-            this.action();
-
-        if (this._isDisabled) //can be disabled after action
-            return false;
-
-        if (this._isOver)
-            this._changeTexture(`${this.status}Over`);
-        else
-            this._changeTexture(`${this.status}Out`);
-    }
-
-    _onButtonOver() {
-        this._isOver = true;
-
-        if (this._isDisabled || this._isDown)
-            return false;
-
-        if (this.mouseOverAction)
-            this.mouseOverAction();
-
-        this._changeTexture(`${this.status}Over`);
-    }
-
-    _onButtonOut() {
-        this._isOver = false;
-
-        if (this._isDisabled || this._isDown)
-            return false;
-
-        if (this.mouseOutAction)
-            this.mouseOutAction();
-
-        this._changeTexture(`${this.status}Out`);
-    }
-
-    switchStatus() {
-        this.status = this.status === 'pressed' ? 'unpressed' : 'pressed';
-
-        if (this._isOver)
-            this._changeTexture(`${this.status}Over`);
-        else
-            this._changeTexture(`${this.status}Out`);
-    }
-
-    _changeTexture(key) {
-        let texture = Urso.cache.getTexture(this.buttonFrames[key]);
-
-        if (!texture) {
-            if (key === `${this.status}Out`) {
-                Urso.logger.error('ModulesObjectsModelsButton assets error: no out image ' + this.buttonFrames.out);
-                return false;
-            }
-
-            this._changeTexture(`${this.status}Out`); // load default texture for this key
-            return false;
-        }
-
-        this._baseObject.texture = texture;
-        return true;
-    }
-}
-
-module.exports = ModulesObjectsModelsToggle;
+const UrsoCoreModulesObjectsModelsButton = require('./button');
+
+class ModulesObjectsModelsToggle extends UrsoCoreModulesObjectsModelsButton {
+    constructor(params) {
+        super(params);
+
+        this.status = 'unpressed';
+
+        this.type = Urso.types.objects.TOGGLE;
+        this._addBaseObject();
+
+        this.enable = this.enable.bind(this);
+        this.disable = this.disable.bind(this);
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.action = Urso.helper.recursiveGet('action', params, () => {
+            this.emit(Urso.events.MODULES_OBJECTS_TOGGLE_PRESS, { name: this.name, status: this.status, class: this.class })
+        });
+
+        this.buttonFrames = {
+            pressedOver: Urso.helper.recursiveGet('buttonFrames.pressedOver', params, false),
+            pressedOut: Urso.helper.recursiveGet('buttonFrames.pressedOut', params, false),
+            unpressedOver: Urso.helper.recursiveGet('buttonFrames.unpressedOver', params, false),
+            unpressedOut: Urso.helper.recursiveGet('buttonFrames.unpressedOut', params, false),
+            pressedDown: Urso.helper.recursiveGet('buttonFrames.pressedDown', params, false),
+            unpressedDown: Urso.helper.recursiveGet('buttonFrames.unpressedDown', params, false),
+            pressedDisabled: Urso.helper.recursiveGet('buttonFrames.pressedDisabled', params, false),
+            unpressedDisabled: Urso.helper.recursiveGet('buttonFrames.unpressedDisabled', params, false),
+        }
+    }
+
+    setButtonFrame(key, assetKey) {
+        this.buttonFrames[key] = assetKey;
+
+        if (this._isOver)
+            this._changeTexture(`${this.status}Over`);
+        else if (this._isDown)
+            this._changeTexture(`${this.status}Down`);
+        else if (this._isDisabled)
+            this._changeTexture(`${this.status}Disabled`);
+        else
+            this._changeTexture(`${this.status}Out`);
+    }
+
+    enable() {
+        if (!this._isDisabled)
+            return false;
+
+        if (this._isOver)
+            this._changeTexture(`${this.status}Over`);
+        else
+            this._changeTexture(`${this.status}Out`);
+
+        this._isDisabled = false;
+        this._baseObject.buttonMode = true;
+    }
+
+    disable() {
+        if (this._isDisabled)
+            return false;
+
+        this._changeTexture(`${this.status}Disabled`);
+        this._isDisabled = true;
+        this._baseObject.buttonMode = false;
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Sprite();
+        this._changeTexture('unpressedOut');
+
+        this._baseObject.interactive = true;
+        this._baseObject.buttonMode = true;
+
+        if (this.pixelPerfectOver) {
+            //todo
+        }
+
+        if (this.pixelPerfectClick) {
+            //todo
+        }
+
+        this._baseObject
+            .on('pointerdown', this._onButtonDown.bind(this))
+            .on('pointerup', this._onButtonUp.bind(this))
+            .on('pointerupoutside', this._onButtonUp.bind(this))
+            .on('pointerover', this._onButtonOver.bind(this))
+            .on('pointerout', this._onButtonOut.bind(this));
+    };
+
+    _onButtonDown() {
+        if (this._isDisabled)
+            return false;
+
+        this._isDown = true;
+
+        if (this.keyDownAction)
+            this.keyDownAction();
+
+        if (this._isDisabled) //can be disabled after keyDownAction
+            return false;
+
+        this._changeTexture(`${this.status}Down`);
+
+        this.status = this.status === 'pressed' ? 'unpressed' : 'pressed';
+    }
+
+    _onButtonUp() {
+        if (this._isDisabled)
+            return false;
+
+        this._isDown = false;
+
+        if (this.action)
+            this.action();
+
+        if (this._isDisabled) //can be disabled after action
+            return false;
+
+        if (this._isOver)
+            this._changeTexture(`${this.status}Over`);
+        else
+            this._changeTexture(`${this.status}Out`);
+    }
+
+    _onButtonOver() {
+        this._isOver = true;
+
+        if (this._isDisabled || this._isDown)
+            return false;
+
+        if (this.mouseOverAction)
+            this.mouseOverAction();
+
+        this._changeTexture(`${this.status}Over`);
+    }
+
+    _onButtonOut() {
+        this._isOver = false;
+
+        if (this._isDisabled || this._isDown)
+            return false;
+
+        if (this.mouseOutAction)
+            this.mouseOutAction();
+
+        this._changeTexture(`${this.status}Out`);
+    }
+
+    switchStatus() {
+        this.status = this.status === 'pressed' ? 'unpressed' : 'pressed';
+
+        if (this._isOver)
+            this._changeTexture(`${this.status}Over`);
+        else
+            this._changeTexture(`${this.status}Out`);
+    }
+
+    _changeTexture(key) {
+        let texture = Urso.cache.getTexture(this.buttonFrames[key]);
+
+        if (!texture) {
+            if (key === `${this.status}Out`) {
+                Urso.logger.error('ModulesObjectsModelsButton assets error: no out image ' + this.buttonFrames.out);
+                return false;
+            }
+
+            this._changeTexture(`${this.status}Out`); // load default texture for this key
+            return false;
+        }
+
+        this._baseObject.texture = texture;
+        return true;
+    }
+}
+
+module.exports = ModulesObjectsModelsToggle;