@babylonjs/gui 5.0.0-rc.7 → 5.0.0-rc.9

package/2D/controls/virtualKeyboard.js

@@ -1,257 +1,257 @@
-import { __extends } from "tslib";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { StackPanel } from "./stackPanel.js";
-import { Button } from "./button.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-/**
- * Class used to store key control properties
- */
-var KeyPropertySet = /** @class */ (function () {
-    function KeyPropertySet() {
-    }
-    return KeyPropertySet;
-}());
-export { KeyPropertySet };
-/**
- * Class used to create virtual keyboard
- */
-var VirtualKeyboard = /** @class */ (function (_super) {
-    __extends(VirtualKeyboard, _super);
-    function VirtualKeyboard() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /** Observable raised when a key is pressed */
-        _this.onKeyPressObservable = new Observable();
-        /** Gets or sets default key button width */
-        _this.defaultButtonWidth = "40px";
-        /** Gets or sets default key button height */
-        _this.defaultButtonHeight = "40px";
-        /** Gets or sets default key button left padding */
-        _this.defaultButtonPaddingLeft = "2px";
-        /** Gets or sets default key button right padding */
-        _this.defaultButtonPaddingRight = "2px";
-        /** Gets or sets default key button top padding */
-        _this.defaultButtonPaddingTop = "2px";
-        /** Gets or sets default key button bottom padding */
-        _this.defaultButtonPaddingBottom = "2px";
-        /** Gets or sets default key button foreground color */
-        _this.defaultButtonColor = "#DDD";
-        /** Gets or sets default key button background color */
-        _this.defaultButtonBackground = "#070707";
-        /** Gets or sets shift button foreground color */
-        _this.shiftButtonColor = "#7799FF";
-        /** Gets or sets shift button thickness*/
-        _this.selectedShiftThickness = 1;
-        /** Gets shift key state */
-        _this.shiftState = 0;
-        _this._currentlyConnectedInputText = null;
-        _this._connectedInputTexts = [];
-        _this._onKeyPressObserver = null;
-        return _this;
-    }
-    VirtualKeyboard.prototype._getTypeName = function () {
-        return "VirtualKeyboard";
-    };
-    VirtualKeyboard.prototype._createKey = function (key, propertySet) {
-        var _this = this;
-        var button = Button.CreateSimpleButton(key, key);
-        button.width = propertySet && propertySet.width ? propertySet.width : this.defaultButtonWidth;
-        button.height = propertySet && propertySet.height ? propertySet.height : this.defaultButtonHeight;
-        button.color = propertySet && propertySet.color ? propertySet.color : this.defaultButtonColor;
-        button.background = propertySet && propertySet.background ? propertySet.background : this.defaultButtonBackground;
-        button.paddingLeft = propertySet && propertySet.paddingLeft ? propertySet.paddingLeft : this.defaultButtonPaddingLeft;
-        button.paddingRight = propertySet && propertySet.paddingRight ? propertySet.paddingRight : this.defaultButtonPaddingRight;
-        button.paddingTop = propertySet && propertySet.paddingTop ? propertySet.paddingTop : this.defaultButtonPaddingTop;
-        button.paddingBottom = propertySet && propertySet.paddingBottom ? propertySet.paddingBottom : this.defaultButtonPaddingBottom;
-        button.thickness = 0;
-        button.isFocusInvisible = true;
-        button.shadowColor = this.shadowColor;
-        button.shadowBlur = this.shadowBlur;
-        button.shadowOffsetX = this.shadowOffsetX;
-        button.shadowOffsetY = this.shadowOffsetY;
-        button.onPointerUpObservable.add(function () {
-            _this.onKeyPressObservable.notifyObservers(key);
-        });
-        return button;
-    };
-    /**
-     * Adds a new row of keys
-     * @param keys defines the list of keys to add
-     * @param propertySets defines the associated property sets
-     */
-    VirtualKeyboard.prototype.addKeysRow = function (keys, propertySets) {
-        var panel = new StackPanel();
-        panel.isVertical = false;
-        panel.isFocusInvisible = true;
-        var maxKey = null;
-        for (var i = 0; i < keys.length; i++) {
-            var properties = null;
-            if (propertySets && propertySets.length === keys.length) {
-                properties = propertySets[i];
-            }
-            var key = this._createKey(keys[i], properties);
-            if (!maxKey || key.heightInPixels > maxKey.heightInPixels) {
-                maxKey = key;
-            }
-            panel.addControl(key);
-        }
-        panel.height = maxKey ? maxKey.height : this.defaultButtonHeight;
-        this.addControl(panel);
-    };
-    /**
-     * Set the shift key to a specific state
-     * @param shiftState defines the new shift state
-     */
-    VirtualKeyboard.prototype.applyShiftState = function (shiftState) {
-        if (!this.children) {
-            return;
-        }
-        for (var i = 0; i < this.children.length; i++) {
-            var row = this.children[i];
-            if (!row || !row.children) {
-                continue;
-            }
-            var rowContainer = row;
-            for (var j = 0; j < rowContainer.children.length; j++) {
-                var button = rowContainer.children[j];
-                if (!button || !button.children[0]) {
-                    continue;
-                }
-                var button_tblock = button.children[0];
-                if (button_tblock.text === "\u21E7") {
-                    button.color = shiftState ? this.shiftButtonColor : this.defaultButtonColor;
-                    button.thickness = shiftState > 1 ? this.selectedShiftThickness : 0;
-                }
-                button_tblock.text = shiftState > 0 ? button_tblock.text.toUpperCase() : button_tblock.text.toLowerCase();
-            }
-        }
-    };
-    Object.defineProperty(VirtualKeyboard.prototype, "connectedInputText", {
-        /** Gets the input text control currently attached to the keyboard */
-        get: function () {
-            return this._currentlyConnectedInputText;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Connects the keyboard with an input text control
-     *
-     * @param input defines the target control
-     */
-    VirtualKeyboard.prototype.connect = function (input) {
-        var _this = this;
-        var inputTextAlreadyConnected = this._connectedInputTexts.some(function (a) { return a.input === input; });
-        if (inputTextAlreadyConnected) {
-            return;
-        }
-        if (this._onKeyPressObserver === null) {
-            this._onKeyPressObserver = this.onKeyPressObservable.add(function (key) {
-                if (!_this._currentlyConnectedInputText) {
-                    return;
-                }
-                _this._currentlyConnectedInputText._host.focusedControl = _this._currentlyConnectedInputText;
-                switch (key) {
-                    case "\u21E7":
-                        _this.shiftState++;
-                        if (_this.shiftState > 2) {
-                            _this.shiftState = 0;
-                        }
-                        _this.applyShiftState(_this.shiftState);
-                        return;
-                    case "\u2190":
-                        _this._currentlyConnectedInputText.processKey(8);
-                        return;
-                    case "\u21B5":
-                        _this._currentlyConnectedInputText.processKey(13);
-                        return;
-                }
-                _this._currentlyConnectedInputText.processKey(-1, _this.shiftState ? key.toUpperCase() : key);
-                if (_this.shiftState === 1) {
-                    _this.shiftState = 0;
-                    _this.applyShiftState(_this.shiftState);
-                }
-            });
-        }
-        this.isVisible = false;
-        this._currentlyConnectedInputText = input;
-        input._connectedVirtualKeyboard = this;
-        // Events hooking
-        var onFocusObserver = input.onFocusObservable.add(function () {
-            _this._currentlyConnectedInputText = input;
-            input._connectedVirtualKeyboard = _this;
-            _this.isVisible = true;
-        });
-        var onBlurObserver = input.onBlurObservable.add(function () {
-            input._connectedVirtualKeyboard = null;
-            _this._currentlyConnectedInputText = null;
-            _this.isVisible = false;
-        });
-        this._connectedInputTexts.push({
-            input: input,
-            onBlurObserver: onBlurObserver,
-            onFocusObserver: onFocusObserver,
-        });
-    };
-    /**
-     * Disconnects the keyboard from connected InputText controls
-     *
-     * @param input optionally defines a target control, otherwise all are disconnected
-     */
-    VirtualKeyboard.prototype.disconnect = function (input) {
-        var _this = this;
-        if (input) {
-            // .find not available on IE
-            var filtered = this._connectedInputTexts.filter(function (a) { return a.input === input; });
-            if (filtered.length === 1) {
-                this._removeConnectedInputObservables(filtered[0]);
-                this._connectedInputTexts = this._connectedInputTexts.filter(function (a) { return a.input !== input; });
-                if (this._currentlyConnectedInputText === input) {
-                    this._currentlyConnectedInputText = null;
-                }
-            }
-        }
-        else {
-            this._connectedInputTexts.forEach(function (connectedInputText) {
-                _this._removeConnectedInputObservables(connectedInputText);
-            });
-            this._connectedInputTexts = [];
-        }
-        if (this._connectedInputTexts.length === 0) {
-            this._currentlyConnectedInputText = null;
-            this.onKeyPressObservable.remove(this._onKeyPressObserver);
-            this._onKeyPressObserver = null;
-        }
-    };
-    VirtualKeyboard.prototype._removeConnectedInputObservables = function (connectedInputText) {
-        connectedInputText.input._connectedVirtualKeyboard = null;
-        connectedInputText.input.onFocusObservable.remove(connectedInputText.onFocusObserver);
-        connectedInputText.input.onBlurObservable.remove(connectedInputText.onBlurObserver);
-    };
-    /**
-     * Release all resources
-     */
-    VirtualKeyboard.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this.disconnect();
-    };
-    // Statics
-    /**
-     * Creates a new keyboard using a default layout
-     *
-     * @param name defines control name
-     * @returns a new VirtualKeyboard
-     */
-    VirtualKeyboard.CreateDefaultLayout = function (name) {
-        var returnValue = new VirtualKeyboard(name);
-        returnValue.addKeysRow(["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "\u2190"]);
-        returnValue.addKeysRow(["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"]);
-        returnValue.addKeysRow(["a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "'", "\u21B5"]);
-        returnValue.addKeysRow(["\u21E7", "z", "x", "c", "v", "b", "n", "m", ",", ".", "/"]);
-        returnValue.addKeysRow([" "], [{ width: "200px" }]);
-        return returnValue;
-    };
-    return VirtualKeyboard;
-}(StackPanel));
-export { VirtualKeyboard };
-RegisterClass("BABYLON.GUI.VirtualKeyboard", VirtualKeyboard);
+import { __extends } from "tslib";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { StackPanel } from "./stackPanel";
+import { Button } from "./button";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+/**
+ * Class used to store key control properties
+ */
+var KeyPropertySet = /** @class */ (function () {
+    function KeyPropertySet() {
+    }
+    return KeyPropertySet;
+}());
+export { KeyPropertySet };
+/**
+ * Class used to create virtual keyboard
+ */
+var VirtualKeyboard = /** @class */ (function (_super) {
+    __extends(VirtualKeyboard, _super);
+    function VirtualKeyboard() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        /** Observable raised when a key is pressed */
+        _this.onKeyPressObservable = new Observable();
+        /** Gets or sets default key button width */
+        _this.defaultButtonWidth = "40px";
+        /** Gets or sets default key button height */
+        _this.defaultButtonHeight = "40px";
+        /** Gets or sets default key button left padding */
+        _this.defaultButtonPaddingLeft = "2px";
+        /** Gets or sets default key button right padding */
+        _this.defaultButtonPaddingRight = "2px";
+        /** Gets or sets default key button top padding */
+        _this.defaultButtonPaddingTop = "2px";
+        /** Gets or sets default key button bottom padding */
+        _this.defaultButtonPaddingBottom = "2px";
+        /** Gets or sets default key button foreground color */
+        _this.defaultButtonColor = "#DDD";
+        /** Gets or sets default key button background color */
+        _this.defaultButtonBackground = "#070707";
+        /** Gets or sets shift button foreground color */
+        _this.shiftButtonColor = "#7799FF";
+        /** Gets or sets shift button thickness*/
+        _this.selectedShiftThickness = 1;
+        /** Gets shift key state */
+        _this.shiftState = 0;
+        _this._currentlyConnectedInputText = null;
+        _this._connectedInputTexts = [];
+        _this._onKeyPressObserver = null;
+        return _this;
+    }
+    VirtualKeyboard.prototype._getTypeName = function () {
+        return "VirtualKeyboard";
+    };
+    VirtualKeyboard.prototype._createKey = function (key, propertySet) {
+        var _this = this;
+        var button = Button.CreateSimpleButton(key, key);
+        button.width = propertySet && propertySet.width ? propertySet.width : this.defaultButtonWidth;
+        button.height = propertySet && propertySet.height ? propertySet.height : this.defaultButtonHeight;
+        button.color = propertySet && propertySet.color ? propertySet.color : this.defaultButtonColor;
+        button.background = propertySet && propertySet.background ? propertySet.background : this.defaultButtonBackground;
+        button.paddingLeft = propertySet && propertySet.paddingLeft ? propertySet.paddingLeft : this.defaultButtonPaddingLeft;
+        button.paddingRight = propertySet && propertySet.paddingRight ? propertySet.paddingRight : this.defaultButtonPaddingRight;
+        button.paddingTop = propertySet && propertySet.paddingTop ? propertySet.paddingTop : this.defaultButtonPaddingTop;
+        button.paddingBottom = propertySet && propertySet.paddingBottom ? propertySet.paddingBottom : this.defaultButtonPaddingBottom;
+        button.thickness = 0;
+        button.isFocusInvisible = true;
+        button.shadowColor = this.shadowColor;
+        button.shadowBlur = this.shadowBlur;
+        button.shadowOffsetX = this.shadowOffsetX;
+        button.shadowOffsetY = this.shadowOffsetY;
+        button.onPointerUpObservable.add(function () {
+            _this.onKeyPressObservable.notifyObservers(key);
+        });
+        return button;
+    };
+    /**
+     * Adds a new row of keys
+     * @param keys defines the list of keys to add
+     * @param propertySets defines the associated property sets
+     */
+    VirtualKeyboard.prototype.addKeysRow = function (keys, propertySets) {
+        var panel = new StackPanel();
+        panel.isVertical = false;
+        panel.isFocusInvisible = true;
+        var maxKey = null;
+        for (var i = 0; i < keys.length; i++) {
+            var properties = null;
+            if (propertySets && propertySets.length === keys.length) {
+                properties = propertySets[i];
+            }
+            var key = this._createKey(keys[i], properties);
+            if (!maxKey || key.heightInPixels > maxKey.heightInPixels) {
+                maxKey = key;
+            }
+            panel.addControl(key);
+        }
+        panel.height = maxKey ? maxKey.height : this.defaultButtonHeight;
+        this.addControl(panel);
+    };
+    /**
+     * Set the shift key to a specific state
+     * @param shiftState defines the new shift state
+     */
+    VirtualKeyboard.prototype.applyShiftState = function (shiftState) {
+        if (!this.children) {
+            return;
+        }
+        for (var i = 0; i < this.children.length; i++) {
+            var row = this.children[i];
+            if (!row || !row.children) {
+                continue;
+            }
+            var rowContainer = row;
+            for (var j = 0; j < rowContainer.children.length; j++) {
+                var button = rowContainer.children[j];
+                if (!button || !button.children[0]) {
+                    continue;
+                }
+                var button_tblock = button.children[0];
+                if (button_tblock.text === "\u21E7") {
+                    button.color = shiftState ? this.shiftButtonColor : this.defaultButtonColor;
+                    button.thickness = shiftState > 1 ? this.selectedShiftThickness : 0;
+                }
+                button_tblock.text = shiftState > 0 ? button_tblock.text.toUpperCase() : button_tblock.text.toLowerCase();
+            }
+        }
+    };
+    Object.defineProperty(VirtualKeyboard.prototype, "connectedInputText", {
+        /** Gets the input text control currently attached to the keyboard */
+        get: function () {
+            return this._currentlyConnectedInputText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Connects the keyboard with an input text control
+     *
+     * @param input defines the target control
+     */
+    VirtualKeyboard.prototype.connect = function (input) {
+        var _this = this;
+        var inputTextAlreadyConnected = this._connectedInputTexts.some(function (a) { return a.input === input; });
+        if (inputTextAlreadyConnected) {
+            return;
+        }
+        if (this._onKeyPressObserver === null) {
+            this._onKeyPressObserver = this.onKeyPressObservable.add(function (key) {
+                if (!_this._currentlyConnectedInputText) {
+                    return;
+                }
+                _this._currentlyConnectedInputText._host.focusedControl = _this._currentlyConnectedInputText;
+                switch (key) {
+                    case "\u21E7":
+                        _this.shiftState++;
+                        if (_this.shiftState > 2) {
+                            _this.shiftState = 0;
+                        }
+                        _this.applyShiftState(_this.shiftState);
+                        return;
+                    case "\u2190":
+                        _this._currentlyConnectedInputText.processKey(8);
+                        return;
+                    case "\u21B5":
+                        _this._currentlyConnectedInputText.processKey(13);
+                        return;
+                }
+                _this._currentlyConnectedInputText.processKey(-1, _this.shiftState ? key.toUpperCase() : key);
+                if (_this.shiftState === 1) {
+                    _this.shiftState = 0;
+                    _this.applyShiftState(_this.shiftState);
+                }
+            });
+        }
+        this.isVisible = false;
+        this._currentlyConnectedInputText = input;
+        input._connectedVirtualKeyboard = this;
+        // Events hooking
+        var onFocusObserver = input.onFocusObservable.add(function () {
+            _this._currentlyConnectedInputText = input;
+            input._connectedVirtualKeyboard = _this;
+            _this.isVisible = true;
+        });
+        var onBlurObserver = input.onBlurObservable.add(function () {
+            input._connectedVirtualKeyboard = null;
+            _this._currentlyConnectedInputText = null;
+            _this.isVisible = false;
+        });
+        this._connectedInputTexts.push({
+            input: input,
+            onBlurObserver: onBlurObserver,
+            onFocusObserver: onFocusObserver,
+        });
+    };
+    /**
+     * Disconnects the keyboard from connected InputText controls
+     *
+     * @param input optionally defines a target control, otherwise all are disconnected
+     */
+    VirtualKeyboard.prototype.disconnect = function (input) {
+        var _this = this;
+        if (input) {
+            // .find not available on IE
+            var filtered = this._connectedInputTexts.filter(function (a) { return a.input === input; });
+            if (filtered.length === 1) {
+                this._removeConnectedInputObservables(filtered[0]);
+                this._connectedInputTexts = this._connectedInputTexts.filter(function (a) { return a.input !== input; });
+                if (this._currentlyConnectedInputText === input) {
+                    this._currentlyConnectedInputText = null;
+                }
+            }
+        }
+        else {
+            this._connectedInputTexts.forEach(function (connectedInputText) {
+                _this._removeConnectedInputObservables(connectedInputText);
+            });
+            this._connectedInputTexts = [];
+        }
+        if (this._connectedInputTexts.length === 0) {
+            this._currentlyConnectedInputText = null;
+            this.onKeyPressObservable.remove(this._onKeyPressObserver);
+            this._onKeyPressObserver = null;
+        }
+    };
+    VirtualKeyboard.prototype._removeConnectedInputObservables = function (connectedInputText) {
+        connectedInputText.input._connectedVirtualKeyboard = null;
+        connectedInputText.input.onFocusObservable.remove(connectedInputText.onFocusObserver);
+        connectedInputText.input.onBlurObservable.remove(connectedInputText.onBlurObserver);
+    };
+    /**
+     * Release all resources
+     */
+    VirtualKeyboard.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.disconnect();
+    };
+    // Statics
+    /**
+     * Creates a new keyboard using a default layout
+     *
+     * @param name defines control name
+     * @returns a new VirtualKeyboard
+     */
+    VirtualKeyboard.CreateDefaultLayout = function (name) {
+        var returnValue = new VirtualKeyboard(name);
+        returnValue.addKeysRow(["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "\u2190"]);
+        returnValue.addKeysRow(["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"]);
+        returnValue.addKeysRow(["a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "'", "\u21B5"]);
+        returnValue.addKeysRow(["\u21E7", "z", "x", "c", "v", "b", "n", "m", ",", ".", "/"]);
+        returnValue.addKeysRow([" "], [{ width: "200px" }]);
+        return returnValue;
+    };
+    return VirtualKeyboard;
+}(StackPanel));
+export { VirtualKeyboard };
+RegisterClass("BABYLON.GUI.VirtualKeyboard", VirtualKeyboard);
 //# sourceMappingURL=virtualKeyboard.js.map

package/2D/index.d.ts

@@ -1,9 +1,9 @@
-export * from "./controls/index";
-export * from "./advancedDynamicTexture";
-export * from "./adtInstrumentation";
-export * from "./math2D";
-export * from "./measure";
-export * from "./multiLinePoint";
-export * from "./style";
-export * from "./valueAndUnit";
-export * from "./xmlLoader";
+export * from "./controls/index";
+export * from "./advancedDynamicTexture";
+export * from "./adtInstrumentation";
+export * from "./math2D";
+export * from "./measure";
+export * from "./multiLinePoint";
+export * from "./style";
+export * from "./valueAndUnit";
+export * from "./xmlLoader";

package/2D/index.js

@@ -1,10 +1,10 @@
-export * from "./controls/index.js";
-export * from "./advancedDynamicTexture.js";
-export * from "./adtInstrumentation.js";
-export * from "./math2D.js";
-export * from "./measure.js";
-export * from "./multiLinePoint.js";
-export * from "./style.js";
-export * from "./valueAndUnit.js";
-export * from "./xmlLoader.js";
+export * from "./controls/index";
+export * from "./advancedDynamicTexture";
+export * from "./adtInstrumentation";
+export * from "./math2D";
+export * from "./measure";
+export * from "./multiLinePoint";
+export * from "./style";
+export * from "./valueAndUnit";
+export * from "./xmlLoader";
 //# sourceMappingURL=index.js.map