@react-fabric/graph 1.0.0-beta.62 → 1.0.0-beta.63

package/dist/esm/components/ContextMenu.js

@@ -6,7 +6,7 @@ import { useFloatingNodeId, useFloating, autoUpdate, offset, flip, useClick, use
 import { Menu, MenuItem, Divider } from '@react-fabric/core';
 import { useState, useRef, useEffect, cloneElement } from 'react';
 import { ICONS } from '../constants/index.js';
-import { useGraph } from './Context.js';
+import { useGraph } from './context.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -115,7 +115,7 @@ var GraphContextMenu = function GraphContextMenu() {
   }, [sigma]);
   return isOpen && /*#__PURE__*/jsx(FloatingPortal, {
     root: (_refs$domReference$cu = (_refs$domReference$cu2 = refs.domReference.current) === null || _refs$domReference$cu2 === void 0 ? void 0 : _refs$domReference$cu2.closest(".theme-base")) !== null && _refs$domReference$cu !== void 0 ? _refs$domReference$cu : undefined,
-    children: /*#__PURE__*/cloneElement( /*#__PURE__*/jsx(Menu, {
+    children: /*#__PURE__*/cloneElement(/*#__PURE__*/jsx(Menu, {
       children: menu
     }), _objectSpread(_objectSpread({}, getFloatingProps()), {}, {
       style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
@@ -123,7 +123,7 @@ var GraphContextMenu = function GraphContextMenu() {
         zIndex: "var(--z-popover)",
         fontSize: "0.75rem"
       }),
-      className: "bg-base outline rounded-capped shadow-lg",
+      className: "bg-default outline rounded-capped shadow-lg",
       ref: refs.setFloating,
       onMouseUp: tryClosing.current
     }))

package/dist/esm/components/{Context.js → Provider.js}

@@ -3,16 +3,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { Icon } from '@react-fabric/core';
 import { fitViewportToNodes } from '@sigma/utils';
-import { useState, useEffect, useImperativeHandle, createContext, useContext } from 'react';
+import { useState, useEffect, useImperativeHandle } from 'react';
 import { useDragSelection } from '../hooks/sigmaDragSelect.js';
 import { useGraphology } from '../hooks/useGraphology.js';
 import { useSigma } from '../hooks/useSigma.js';
+import { GraphContext } from './context.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var GraphContext = /*#__PURE__*/createContext({});
-var useGraph = function useGraph() {
-  return useContext(GraphContext);
-};
 var GraphProvider = function GraphProvider(_ref) {
   var ref = _ref.ref,
     data = _ref.data,
@@ -103,4 +100,4 @@ var GraphProvider = function GraphProvider(_ref) {
   });
 };
 
-export { GraphProvider, useGraph };
+export { GraphProvider };

package/dist/esm/components/Tools.js

@@ -4,7 +4,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { ButtonGroup, Button, Dropdown, Menu, MenuItem } from '@react-fabric/core';
 import { ICONS } from '../constants/index.js';
-import { useGraph } from './Context.js';
+import { useGraph } from './context.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Tools = function Tools() {
@@ -16,7 +16,7 @@ var Tools = function Tools() {
     zoomIn = _useGraph.zoomIn,
     zoomOut = _useGraph.zoomOut;
   return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-nowrap outline absolute top-0 start-0 p-0 z-1 bg-base",
+    className: "flex flex-nowrap outline absolute top-0 start-0 p-0 z-1 bg-default",
     children: [/*#__PURE__*/jsxs(ButtonGroup, {
       variant: "link",
       children: [/*#__PURE__*/jsx(Button, {
@@ -67,15 +67,15 @@ var Tools = function Tools() {
           className: "text-sm",
           children: [/*#__PURE__*/jsx(MenuItem, {
             label: "box",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-              return _regeneratorRuntime.wrap(function _callee$(_context) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+              return _regeneratorRuntime.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    _context.next = 2;
+                    _context.next = 1;
                     return graph.elkLayout("box");
-                  case 2:
+                  case 1:
                     return _context.abrupt("return", _context.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context.stop();
                 }
@@ -83,15 +83,15 @@ var Tools = function Tools() {
             }))
           }), /*#__PURE__*/jsx(MenuItem, {
             label: "force",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+              return _regeneratorRuntime.wrap(function (_context2) {
                 while (1) switch (_context2.prev = _context2.next) {
                   case 0:
-                    _context2.next = 2;
+                    _context2.next = 1;
                     return graph.elkLayout("force");
-                  case 2:
+                  case 1:
                     return _context2.abrupt("return", _context2.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context2.stop();
                 }
@@ -99,15 +99,15 @@ var Tools = function Tools() {
             }))
           }), /*#__PURE__*/jsx(MenuItem, {
             label: "layered",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-              return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+              return _regeneratorRuntime.wrap(function (_context3) {
                 while (1) switch (_context3.prev = _context3.next) {
                   case 0:
-                    _context3.next = 2;
+                    _context3.next = 1;
                     return graph.elkLayout("layered");
-                  case 2:
+                  case 1:
                     return _context3.abrupt("return", _context3.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context3.stop();
                 }
@@ -115,15 +115,15 @@ var Tools = function Tools() {
             }))
           }), /*#__PURE__*/jsx(MenuItem, {
             label: "stress",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-              return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+              return _regeneratorRuntime.wrap(function (_context4) {
                 while (1) switch (_context4.prev = _context4.next) {
                   case 0:
-                    _context4.next = 2;
+                    _context4.next = 1;
                     return graph.elkLayout("stress");
-                  case 2:
+                  case 1:
                     return _context4.abrupt("return", _context4.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context4.stop();
                 }
@@ -131,15 +131,15 @@ var Tools = function Tools() {
             }))
           }), /*#__PURE__*/jsx(MenuItem, {
             label: "radial",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-              return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+              return _regeneratorRuntime.wrap(function (_context5) {
                 while (1) switch (_context5.prev = _context5.next) {
                   case 0:
-                    _context5.next = 2;
+                    _context5.next = 1;
                     return graph.elkLayout("radial");
-                  case 2:
+                  case 1:
                     return _context5.abrupt("return", _context5.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context5.stop();
                 }
@@ -147,15 +147,15 @@ var Tools = function Tools() {
             }))
           }), /*#__PURE__*/jsx(MenuItem, {
             label: "sporeOverlap",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-              return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+              return _regeneratorRuntime.wrap(function (_context6) {
                 while (1) switch (_context6.prev = _context6.next) {
                   case 0:
-                    _context6.next = 2;
+                    _context6.next = 1;
                     return graph.elkLayout("sporeOverlap");
-                  case 2:
+                  case 1:
                     return _context6.abrupt("return", _context6.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context6.stop();
                 }
@@ -163,15 +163,15 @@ var Tools = function Tools() {
             }))
           }), /*#__PURE__*/jsx(MenuItem, {
             label: "sporeCompaction",
-            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-              return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+            onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+              return _regeneratorRuntime.wrap(function (_context7) {
                 while (1) switch (_context7.prev = _context7.next) {
                   case 0:
-                    _context7.next = 2;
+                    _context7.next = 1;
                     return graph.elkLayout("sporeCompaction");
-                  case 2:
+                  case 1:
                     return _context7.abrupt("return", _context7.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context7.stop();
                 }

package/dist/esm/components/Viewer.js

@@ -2,10 +2,11 @@
 
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { Section } from '@react-fabric/core';
-import { GraphProvider, useGraph } from './Context.js';
-import { Tools } from './Tools.js';
 import { useRef, useEffect } from 'react';
 import { GraphContextMenu } from './ContextMenu.js';
+import { GraphProvider } from './Provider.js';
+import { Tools } from './Tools.js';
+import { useGraph } from './context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -29,7 +30,7 @@ var Graph = function Graph() {
     };
   }, [graph]);
   return /*#__PURE__*/jsxs("div", {
-    className: "area-content relative bg-base graph-viewer",
+    className: "area-content relative bg-default graph-viewer",
     children: [/*#__PURE__*/jsx("div", {
       dir: "ltr",
       ref: sigma.containerRef,

package/dist/esm/components/context.js

@@ -0,0 +1,33 @@
+'use client';
+
+import { createContext, useContext } from 'react';
+
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2026 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+var GraphContext = /*#__PURE__*/createContext({});
+var useGraph = function useGraph() {
+  return useContext(GraphContext);
+};
+
+export { GraphContext, useGraph };

package/dist/esm/graph/index.js

@@ -7,8 +7,8 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _get from '@babel/runtime/helpers/get';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _get from '@babel/runtime/helpers/get';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { debounce } from '@react-fabric/utilities';
@@ -25,6 +25,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 var Graph = /*#__PURE__*/function (_Graphology) {
   function Graph(options) {
     var _this;
@@ -54,21 +55,20 @@ var Graph = /*#__PURE__*/function (_Graphology) {
   return _createClass(Graph, [{
     key: "on",
     value: function on(type, listener) {
-      return _get(_getPrototypeOf(Graph.prototype), "on", this).call(this, type, listener);
+      return _superPropGet(Graph, "on", this, 3)([type, listener]);
     }
   }, {
     key: "off",
     value: function off(type, listener) {
-      return _get(_getPrototypeOf(Graph.prototype), "off", this).call(this, type, listener);
+      return _superPropGet(Graph, "off", this, 3)([type, listener]);
     }
   }, {
     key: "emit",
     value: function emit(type) {
-      var _get2;
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
-      return (_get2 = _get(_getPrototypeOf(Graph.prototype), "emit", this)).call.apply(_get2, [this, type].concat(args));
+      return _superPropGet(Graph, "emit", this, 3)([type].concat(args));
     }
   }, {
     key: "mergeNodes",
@@ -240,7 +240,7 @@ var Graph = /*#__PURE__*/function (_Graphology) {
           return n.key;
         })));
       }
-      _get(_getPrototypeOf(Graph.prototype), "import", this).call(this, data, merge);
+      _superPropGet(Graph, "import", this, 3)([data, merge]);
       // fire events for nodes added
       this.emit("nodesLoaded", newNodes);
       // apply random positions for nodes
@@ -306,9 +306,9 @@ var Graph = /*#__PURE__*/function (_Graphology) {
   }, {
     key: "elkLayout",
     value: function () {
-      var _elkLayout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
+      var _elkLayout = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
         var _this8 = this;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!this.elk) this.elk = new ElkConstructor({
@@ -361,7 +361,7 @@ var Graph = /*#__PURE__*/function (_Graphology) {
               })["catch"](console.error)["finally"](function () {
                 _this8.emit("layoutRunning", false);
               });
-            case 3:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -398,7 +398,7 @@ var Graph = /*#__PURE__*/function (_Graphology) {
   }, {
     key: "checkParallelEdges",
     value: function checkParallelEdges() {
-      var _this10 = this;
+      var _this0 = this;
       // Use dedicated helper to identify parallel edges:
       // @ts-expect-error ignore
       indexParallelEdgesIndex(this, {
@@ -412,17 +412,17 @@ var Graph = /*#__PURE__*/function (_Graphology) {
           parallelMinIndex = _ref2.parallelMinIndex,
           parallelMaxIndex = _ref2.parallelMaxIndex;
         if (typeof parallelMinIndex === "number") {
-          _this10.mergeEdgeAttributes(edge, {
+          _this0.mergeEdgeAttributes(edge, {
             type: parallelIndex ? "curved" : "line",
-            curvature: _this10.getCurvature(parallelIndex !== null && parallelIndex !== void 0 ? parallelIndex : 1, parallelMaxIndex !== null && parallelMaxIndex !== void 0 ? parallelMaxIndex : 1)
+            curvature: _this0.getCurvature(parallelIndex !== null && parallelIndex !== void 0 ? parallelIndex : 1, parallelMaxIndex !== null && parallelMaxIndex !== void 0 ? parallelMaxIndex : 1)
           });
         } else if (typeof parallelIndex === "number") {
-          _this10.mergeEdgeAttributes(edge, {
+          _this0.mergeEdgeAttributes(edge, {
             type: "curved",
-            curvature: _this10.getCurvature(parallelIndex !== null && parallelIndex !== void 0 ? parallelIndex : 1, parallelMaxIndex !== null && parallelMaxIndex !== void 0 ? parallelMaxIndex : 1)
+            curvature: _this0.getCurvature(parallelIndex !== null && parallelIndex !== void 0 ? parallelIndex : 1, parallelMaxIndex !== null && parallelMaxIndex !== void 0 ? parallelMaxIndex : 1)
           });
         } else {
-          _this10.setEdgeAttribute(edge, "type", "line");
+          _this0.setEdgeAttribute(edge, "type", "line");
         }
       });
     }

package/dist/esm/programs/node-badge/factory.js

@@ -3,8 +3,8 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _get from '@babel/runtime/helpers/get';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _get from '@babel/runtime/helpers/get';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -17,6 +17,7 @@ import VERTEX_SHADER_SOURCE from './vert.glsl.js';
 var _excluded = ["drawHover", "drawLabel", "drawingMode", "keepWithinCircle", "padding", "colorAttribute", "badgePosition"];
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ICON_MAP = {
@@ -180,7 +181,7 @@ function getNodeImageProgram(options) {
           var gl = programInfo.gl;
           gl.bindTexture(gl.TEXTURE_2D, this.texture);
         }
-        _get(_getPrototypeOf(NodeImageProgram.prototype), "renderProgram", this).call(this, params, programInfo);
+        _superPropGet(NodeImageProgram, "renderProgram", this, 3)([params, programInfo]);
       }
     }, {
       key: "processVisibleItem",

package/dist/esm/programs/node-badge/texture.js

@@ -47,11 +47,11 @@ function loadRasterImage(_x) {
   return _loadRasterImage.apply(this, arguments);
 }
 function _loadRasterImage() {
-  _loadRasterImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(imageSource) {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+  _loadRasterImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(imageSource) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.next = 2;
+          _context2.next = 1;
           return new Promise(function (resolve, reject) {
             var image = new Image();
             image.addEventListener("load", function () {
@@ -69,9 +69,9 @@ function _loadRasterImage() {
             image.setAttribute("crossOrigin", "");
             image.src = imageSource;
           });
-        case 2:
+        case 1:
           return _context2.abrupt("return", _context2.sent);
-        case 3:
+        case 2:
         case "end":
           return _context2.stop();
       }
@@ -97,7 +97,7 @@ function loadSVGImage(_x2) {
  * This helper loads an image using the proper function.
  */
 function _loadSVGImage() {
-  _loadSVGImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(imageSource) {
+  _loadSVGImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(imageSource) {
     var _ref,
       size,
       svg,
@@ -109,7 +109,7 @@ function _loadSVGImage() {
       url,
       res,
       _args3 = arguments;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           _ref = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : {}, size = _ref.size;
@@ -118,11 +118,11 @@ function _loadSVGImage() {
           originalWidth = root.getAttribute("width");
           originalHeight = root.getAttribute("height");
           if (!(!originalWidth || !originalHeight)) {
-            _context3.next = 7;
+            _context3.next = 1;
             break;
           }
           throw new Error("loadSVGImage: cannot use `size` if target SVG has no definite dimensions.");
-        case 7:
+        case 1:
           if (typeof size === "number") {
             root.setAttribute("width", "" + size);
             root.setAttribute("height", "" + size);
@@ -140,11 +140,11 @@ function _loadSVGImage() {
           void res["finally"](function () {
             return URL.revokeObjectURL(url);
           });
-          _context3.next = 15;
+          _context3.next = 2;
           return res;
-        case 15:
+        case 2:
           return _context3.abrupt("return", _context3.sent);
-        case 16:
+        case 3:
         case "end":
           return _context3.stop();
       }
@@ -160,20 +160,20 @@ function loadImage(_x3) {
  * This helper computes exact coordinates to draw an image onto a texture.
  */
 function _loadImage() {
-  _loadImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(imageSource) {
+  _loadImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(imageSource) {
     var _ref2,
       _args4 = arguments;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           _ref2 = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : {}, _ref2.size;
-          _context4.next = 3;
+          _context4.next = 1;
           return loadSVGImage(imageSource, {
             size: 128
           });
-        case 3:
+        case 1:
           return _context4.abrupt("return", _context4.sent);
-        case 4:
+        case 2:
         case "end":
           return _context4.stop();
       }
@@ -382,46 +382,46 @@ var TextureManager = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "registerImage",
     value: function () {
-      var _registerImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(source) {
+      var _registerImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(source) {
         var size, image;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!this.imageStates[source]) {
-                _context.next = 2;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
-            case 2:
+            case 1:
               this.imageStates[source] = {
                 status: "loading"
               };
-              _context.prev = 3;
+              _context.prev = 2;
               size = this.options.size;
-              _context.next = 7;
+              _context.next = 3;
               return loadImage(source, {
                 size: size.mode === "force" ? size.value : undefined
               });
-            case 7:
+            case 3:
               image = _context.sent;
               this.imageStates[source] = _objectSpread({
                 status: "ready",
                 image: image
               }, refineImage(image, this.corrector, this.options));
               this.scheduleGenerateTexture();
-              _context.next = 15;
+              _context.next = 5;
               break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](3);
+            case 4:
+              _context.prev = 4;
+              _context["catch"](2);
               this.imageStates[source] = {
                 status: "error"
               };
-            case 15:
+            case 5:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[3, 12]]);
+        }, _callee, this, [[2, 4]]);
       }));
       function registerImage(_x4) {
         return _registerImage.apply(this, arguments);

package/dist/esm/programs/node-image/factory.js

@@ -3,8 +3,8 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _get from '@babel/runtime/helpers/get';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _get from '@babel/runtime/helpers/get';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -18,6 +18,7 @@ import VERTEX_SHADER_SOURCE from './vert.glsl.js';
 var _excluded = ["drawHover", "drawLabel", "drawingMode", "keepWithinCircle", "padding", "colorAttribute"];
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
@@ -158,7 +159,7 @@ function getNodeImageProgram(options) {
           var gl = programInfo.gl;
           gl.bindTexture(gl.TEXTURE_2D, this.texture);
         }
-        _get(_getPrototypeOf(NodeImageProgram.prototype), "renderProgram", this).call(this, params, programInfo);
+        _superPropGet(NodeImageProgram, "renderProgram", this, 3)([params, programInfo]);
       }
     }, {
       key: "processVisibleItem",