iobroker.javascript 7.0.10 → 7.1.1

package/admin/google-blockly/own/field_oid.js

@@ -1,27 +1,3 @@
-/**
- * @license
- * Visual Blocks Editor
- *
- * Copyright 2012 Google Inc.
- * https://developers.google.com/blockly/
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * @fileoverview Text input field.
- * @author fraser@google.com (Neil Fraser)
- */
 'use strict';
 
 if (typeof goog !== 'undefined') {
@@ -34,90 +10,82 @@ if (typeof goog !== 'undefined') {
     goog.require('goog.userAgent');
 }
 
-/**
- * Class for an editable text field.
- * @param {string} text The initial content of the field.
- * @param {string} type Type of objects (default: state)
- * @extends {Blockly.Field}
- * @constructor
- */
-Blockly.FieldOID = function(text, type) {
-    Blockly.FieldOID.superClass_.constructor.call(this, text);
-    this._type = type;
-};
-
-if (typeof goog !== 'undefined') {
-    goog.inherits(Blockly.FieldOID, Blockly.Field);
-} else {
-    Blockly.utils.object.inherits(Blockly.FieldOID, Blockly.Field);
-}
-
-/**
- * Point size of text.  Should match blocklyText's font-size in CSS.
- */
-Blockly.FieldOID.FONTSIZE = 11;
+class FieldOID extends Blockly.Field {
 
-/**
- * Mouse cursor style when over the hotspot that initiates the editor.
- */
-Blockly.FieldOID.prototype.CURSOR = 'pointer';
+    constructor(value, type) {
+        super(value);
 
-/**
- * Allow browser to spellcheck this field.
- * @private
- */
-Blockly.FieldOID.prototype.spellcheck_ = false;
+        this._type = type;
 
-/**
- * Close the input widget if this input is being deleted.
- */
-Blockly.FieldOID.prototype.dispose = function() {
-    Blockly.WidgetDiv.hideIfOwner(this);
-    Blockly.FieldOID.superClass_.dispose.call(this);
-};
-
-/**
- * Set the text in this field.
- * @param {?string} id New ID.
- * @override
- */
-Blockly.FieldOID.prototype.setValue = function(id) {
-    if (id === null) {
-        return;  // No change if null.
+        this.FONTSIZE = 11;
+        this.CURSOR = 'pointer';
+        this.spellcheck_ = false;
     }
 
-    const objects = window.main.objects;
+    dispose() {
+        Blockly.WidgetDiv.hideIfOwner(this);
+        super.dispose();
+    }
 
-    if (objects && !objects[id] && typeof window.main.getObject === 'function') {
-        this._idName = id || Blockly.Field.NBSP;
-        const that = this;
-        window.main.getObject(id, function (err, obj) {
-            if (obj) {
-                objects[obj._id] = objects[obj._id] || obj;
-                let text = objects[obj._id].common && objects[obj._id].common.name && objects[obj._id].common.name;
-                if (text) {
-                    if (typeof text === 'object') {
-                        text = text[systemLang] || text.en;
-                    }
-                    if (text.length > that.maxDisplayLength) {
-                        // Truncate displayed string and add an ellipsis ('...').
-                        text = text.substring(0, that.maxDisplayLength - 2) + '\u2026';
-                    }
-                    text.trim();
-                    // Replace whitespace with non-breaking spaces so the text doesn't collapse.
-                    text = text.replace(/\s/g, Blockly.Field.NBSP);
+    setValue(id) {
+        if (id === null) {
+            return;  // No change if null.
+        }
 
+        const objects = window.main.objects;
+    
+        if (objects && !objects[id] && typeof window.main.getObject === 'function') {
+            this._idName = id || Blockly.Field.NBSP;
+            window.main.getObject(id, (err, obj) => {
+                if (obj) {
+                    objects[obj._id] = objects[obj._id] || obj;
+                    let text = objects[obj._id].common && objects[obj._id].common.name && objects[obj._id].common.name;
                     if (text) {
-                        that._idName = text;
-                        that.forceRerender();
+                        if (typeof text === 'object') {
+                            text = text[systemLang] || text.en;
+                        }
+                        if (text.length > this.maxDisplayLength) {
+                            // Truncate displayed string and add an ellipsis ('...').
+                            text = text.substring(0, this.maxDisplayLength - 2) + '\u2026';
+                        }
+                        text.trim();
+                        // Replace whitespace with non-breaking spaces so the text doesn't collapse.
+                        text = text.replace(/\s/g, Blockly.Field.NBSP);
+    
+                        if (text) {
+                            this._idName = text;
+                            this.forceRerender();
+                        }
                     }
                 }
+            });
+        } else {
+            let text = objects && objects[id] && objects[id].common && objects[id].common.name ? objects[id].common.name : id;
+            if (typeof text === 'object') {
+                text = text[systemLang] || text.en;
             }
-        });
-    } else {
-        let text = objects && objects[id] && objects[id].common && objects[id].common.name ? objects[id].common.name : id;
-        if (typeof text === 'object') {
-            text = text[systemLang] || text.en;
+            if (text.length > this.maxDisplayLength) {
+                // Truncate the displayed string and add an ellipsis ('...').
+                text = text.substring(0, this.maxDisplayLength - 2) + '\u2026';
+            }
+            // Replace whitespace with non-breaking spaces so the text doesn't collapse.
+            text = text.replace(/\s/g, Blockly.Field.NBSP);
+    
+            if (!text) {
+                // Prevent the field from disappearing if empty.
+                text = Blockly.Field.NBSP;
+            }
+            this._idName = text;
+        }
+    
+        super.setValue(id);
+    }
+
+    getDisplayText_() {
+        let text = this._idName || this.text_;
+        if (!text) {
+            // Prevent the field from disappearing if empty.
+            return Blockly.Field.NBSP;
         }
         if (text.length > this.maxDisplayLength) {
             // Truncate displayed string and add an ellipsis ('...').
@@ -125,171 +93,121 @@ Blockly.FieldOID.prototype.setValue = function(id) {
         }
         // Replace whitespace with non-breaking spaces so the text doesn't collapse.
         text = text.replace(/\s/g, Blockly.Field.NBSP);
-
-        if (!text) {
-            // Prevent the field from disappearing if empty.
-            text = Blockly.Field.NBSP;
+        if (this.sourceBlock_.RTL) {
+            // The SVG is LTR, force text to be RTL.
+            text += '\u200F';
         }
-        this._idName = text;
+        return text;
     }
 
-    Blockly.Field.prototype.setValue.call(this, id);
-};
-
-/**
- * Get the text from this field as displayed on screen.  May differ from getText
- * due to ellipsis, and other formatting.
- * @return {string} Currently displayed text.
- * @protected
- */
-Blockly.FieldOID.prototype.getDisplayText_ = function() {
-    let text = this._idName || this.text_;
-    if (!text) {
-        // Prevent the field from disappearing if empty.
-        return Blockly.Field.NBSP;
-    }
-    if (text.length > this.maxDisplayLength) {
-        // Truncate displayed string and add an ellipsis ('...').
-        text = text.substring(0, this.maxDisplayLength - 2) + '\u2026';
-    }
-    // Replace whitespace with non-breaking spaces so the text doesn't collapse.
-    text = text.replace(/\s/g, Blockly.Field.NBSP);
-    if (this.sourceBlock_.RTL) {
-        // The SVG is LTR, force text to be RTL.
-        text += '\u200F';
+    showEditor_(opt_quietInput) {
+        this.workspace_ = this.sourceBlock_.workspace;
+        window.main && window.main.selectIdDialog && window.main.selectIdDialog(this.getValue(), this._type, (newId) => { newId !== null && this.setValue(newId); });
     }
-    return text;
-};
 
-/**
- * Show the inline free-text editor on top of the text.
- * @param {boolean=} opt_quietInput True if editor should be created without
- *     focus.  Defaults to false.
- * @private
- */
-Blockly.FieldOID.prototype.showEditor_ = function(opt_quietInput) {
-    this.workspace_ = this.sourceBlock_.workspace;
-    const that = this;
-    window.main && window.main.selectIdDialog && window.main.selectIdDialog(this.getValue(), this._type, function (newId) { newId !== null && that.setValue(newId);});
-};
+    /**
+     * Handle a change to the editor.
+     * @param {!Event} e Keyboard event.
+     * @private
+     */
+    onHtmlInputChange_(e) {
+        const htmlInput = Blockly.FieldOID.htmlInput_;
+        // Update source block.
+        const text = htmlInput.value;
+        if (text !== htmlInput.oldValue_) {
+            htmlInput.oldValue_ = text;
+            this.setValue(text);
+            this.validate_();
+        } else if (goog.userAgent.WEBKIT) {
+            // Cursor key.  Render the source block to show the caret moving.
+            // Chrome only (version 26, OS X).
+            this.sourceBlock_.render();
+        }
 
-/**
- * Handle key down to the editor.
- * @param {!Event} e Keyboard event.
- * @private
- */
-/*Blockly.FieldOID.prototype.onHtmlInputKeyDown_ = function(e) {
-    const htmlInput = Blockly.FieldOID.htmlInput_;
-    const tabKey = 9, enterKey = 13, escKey = 27;
-    if (e.keyCode == enterKey) {
-        Blockly.WidgetDiv.hide();
-    } else if (e.keyCode == escKey) {
-        htmlInput.value = htmlInput.defaultValue;
-        Blockly.WidgetDiv.hide();
-    } else if (e.keyCode == tabKey) {
-        Blockly.WidgetDiv.hide();
-        this.sourceBlock_.tab(this, !e.shiftKey);
-        e.preventDefault();
+        this.resizeEditor_();
+        Blockly.svgResize(this.sourceBlock_.workspace);
     }
-};*/
 
-/**
- * Handle a change to the editor.
- * @param {!Event} e Keyboard event.
- * @private
- */
-Blockly.FieldOID.prototype.onHtmlInputChange_ = function(e) {
-    const htmlInput = Blockly.FieldOID.htmlInput_;
-    // Update source block.
-    const text = htmlInput.value;
-    if (text !== htmlInput.oldValue_) {
-        htmlInput.oldValue_ = text;
-        this.setValue(text);
-        this.validate_();
-    } else if (goog.userAgent.WEBKIT) {
-        // Cursor key.  Render the source block to show the caret moving.
-        // Chrome only (version 26, OS X).
-        this.sourceBlock_.render();
-    }
-    this.resizeEditor_();
-    Blockly.svgResize(this.sourceBlock_.workspace);
-};
-/*
- * Check to see if the contents of the editor validates.
- * Style the editor accordingly.
- * @private
- */
-Blockly.FieldOID.prototype.validate_ = function() {
-    goog.asserts.assertObject(Blockly.FieldOID.htmlInput_);
+    /*
+    * Check to see if the contents of the editor validates.
+    * Style the editor accordingly.
+    * @private
+    */
+    validate_() {
+        goog.asserts.assertObject(Blockly.FieldOID.htmlInput_);
 
-    const htmlInput = Blockly.FieldOID.htmlInput_;
+        const htmlInput = Blockly.FieldOID.htmlInput_;
 
-    if (htmlInput.value) {
-        Blockly.addClass_(htmlInput, 'blocklyInvalidInput');
-    } else {
-        Blockly.removeClass_(htmlInput, 'blocklyInvalidInput');
+        if (htmlInput.value) {
+            Blockly.addClass_(htmlInput, 'blocklyInvalidInput');
+        } else {
+            Blockly.removeClass_(htmlInput, 'blocklyInvalidInput');
+        }
     }
-};
 
-/**
- * Resize the editor and the underlying block to fit the text.
- * @private
- */
-Blockly.FieldOID.prototype.resizeEditor_ = function() {
-    const div = Blockly.WidgetDiv.DIV;
-    const bBox = this.fieldGroup_.getBBox();
-    div.style.width = bBox.width * this.workspace_.scale + 'px';
-    div.style.height = bBox.height * this.workspace_.scale + 'px';
-    const xy = this.getAbsoluteXY_();
-    // In RTL mode block fields and LTR input fields the left edge moves,
-    // whereas the right edge is fixed.  Reposition the editor.
-    if (this.sourceBlock_.RTL) {
-        const borderBBox = this.getScaledBBox_();
-        xy.x += borderBBox.width;
-        xy.x -= div.offsetWidth;
-    }
-    // Shift by a few pixels to line up exactly.
-    xy.y += 1;
-    if (goog.userAgent.GECKO && Blockly.WidgetDiv.DIV.style.top) {
-        // Firefox mis-reports the location of the border by a pixel
-        // once the WidgetDiv is moved into position.
-        xy.x -= 1;
-        xy.y -= 1;
-    }
-    if (goog.userAgent.WEBKIT) {
-        xy.y -= 3;
+    /**
+     * Resize the editor and the underlying block to fit the text.
+     * @private
+     */
+    resizeEditor_() {
+        const div = Blockly.WidgetDiv.DIV;
+        const bBox = this.fieldGroup_.getBBox();
+        div.style.width = bBox.width * this.workspace_.scale + 'px';
+        div.style.height = bBox.height * this.workspace_.scale + 'px';
+        const xy = this.getAbsoluteXY_();
+        // In RTL mode block fields and LTR input fields the left edge moves,
+        // whereas the right edge is fixed.  Reposition the editor.
+        if (this.sourceBlock_.RTL) {
+            const borderBBox = this.getScaledBBox_();
+            xy.x += borderBBox.width;
+            xy.x -= div.offsetWidth;
+        }
+        // Shift by a few pixels to line up exactly.
+        xy.y += 1;
+        if (goog.userAgent.GECKO && Blockly.WidgetDiv.DIV.style.top) {
+            // Firefox mis-reports the location of the border by a pixel
+            // once the WidgetDiv is moved into position.
+            xy.x -= 1;
+            xy.y -= 1;
+        }
+        if (goog.userAgent.WEBKIT) {
+            xy.y -= 3;
+        }
+        div.style.left = xy.x + 'px';
+        div.style.top = xy.y + 'px';
     }
-    div.style.left = xy.x + 'px';
-    div.style.top = xy.y + 'px';
-};
 
-/**
- * Close the editor, save the results, and dispose of the editable
- * text field's elements.
- * @return {!Function} Closure to call on destruction of the WidgetDiv.
- * @private
- */
-Blockly.FieldOID.prototype.widgetDispose_ = function() {
-    const thisField = this;
-    return function() {
-        const htmlInput = Blockly.FieldOID.htmlInput_;
-        // Save the edit (if it validates).
-        const text = htmlInput.value;
-        thisField.setValue(text);
-        thisField.sourceBlock_.rendered && thisField.sourceBlock_.render();
-        Blockly.unbindEvent_(htmlInput.onKeyDownWrapper_);
-        Blockly.unbindEvent_(htmlInput.onKeyUpWrapper_);
-        Blockly.unbindEvent_(htmlInput.onKeyPressWrapper_);
-
-        thisField.workspace_.removeChangeListener(
-            htmlInput.onWorkspaceChangeWrapper_);
+    /**
+     * Close the editor, save the results, and dispose of the editable
+     * text field's elements.
+     * @return {!Function} Closure to call on destruction of the WidgetDiv.
+     * @private
+     */
+    widgetDispose_() {
+        return () => {
+            const htmlInput = this.htmlInput_;
+            // Save the edit (if it validates).
+            const text = htmlInput.value;
+            this.setValue(text);
+            this.sourceBlock_.rendered && this.sourceBlock_.render();
+
+            Blockly.unbindEvent_(htmlInput.onKeyDownWrapper_);
+            Blockly.unbindEvent_(htmlInput.onKeyUpWrapper_);
+            Blockly.unbindEvent_(htmlInput.onKeyPressWrapper_);
+
+            this.workspace_.removeChangeListener(htmlInput.onWorkspaceChangeWrapper_);
+
+            this.htmlInput_ = null;
+
+            // Delete style properties.
+            const style = Blockly.WidgetDiv.DIV.style;
+            style.width = 'auto';
+            style.height = 'auto';
+            style.fontSize = '';
+        };
+    }
+}
 
-        Blockly.FieldOID.htmlInput_ = null;
+Blockly.FieldOID = FieldOID;
 
-        // Delete style properties.
-        const style = Blockly.WidgetDiv.DIV.style;
-        style.width = 'auto';
-        style.height = 'auto';
-        style.fontSize = '';
-    };
-};
+// Blockly.fieldRegistry.register('field_oid', FieldOID);