graphico 1.1.0 → 1.1.2

package/dist/canvas.js

@@ -70,6 +70,7 @@ var Canvas = /** @class */ (function () {
         main.style.height = "".concat(this.config.height * this.config.scale, "px");
         main.style.border = "".concat(this.config.scale, "px solid ").concat(this.config.border);
         main.style.cursor = this.config.showMouse ? 'default' : 'none';
+        main.style.boxSizing = 'content-box';
         this.config.parent.appendChild(main);
         // Create main canvas graphics object
         var graphics = main.getContext('2d');
@@ -164,10 +165,15 @@ var Canvas = /** @class */ (function () {
             _this.animation = requestAnimationFrame(function (time) { return _this.startAnimate(time); });
         });
         main.addEventListener('focusout', function (e) {
-            _this.focused = false;
-            main.style.borderColor = _this.config.borderBlur;
-            _this.log(e.type, _this.focused);
-            cancelAnimationFrame(_this.animation);
+            if (_this.config.keepFocused) {
+                main.focus();
+            }
+            else {
+                _this.focused = false;
+                main.style.borderColor = _this.config.borderBlur;
+                _this.log(e.type, _this.focused);
+                cancelAnimationFrame(_this.animation);
+            }
         });
         window.addEventListener('blur', function (e) {
             _this.log(e.type);
@@ -441,6 +447,7 @@ var Canvas = /** @class */ (function () {
         border: 'transparent',
         borderBlur: 'transparent',
         showMouse: true,
+        keepFocused: false,
         numLayers: 1,
         numTracks: 1,
         keydown: function () { return; },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphico",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Canvas 2D rendering toolkit for games and visual projects",
   "homepage": "https://npm.nicfv.com/",
   "bin": "",

package/types/types.d.ts

@@ -38,6 +38,10 @@ export interface Options {
      * Optionally show or hide the mouse when hovering over the canvas
      */
     readonly showMouse: boolean;
+    /**
+     * Refocus the canvas when it loses focus
+     */
+    readonly keepFocused: boolean;
     /**
      * The number of layers in this canvas
      */