@idraw/core 0.4.0-beta.37 → 0.4.0-beta.39

package/dist/index.global.js

@@ -1272,6 +1272,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     _loop(elements);
     return positionMap;
   }
+  function isSameElementSize(elem1, elem2) {
+    return elem1.x === elem2.x && elem1.y === elem2.y && elem1.h === elem2.h && elem1.w === elem2.w && limitAngle(elem1.angle || 0) === limitAngle(elem2.angle || 0);
+  }
   function getElementVertexes(elemSize) {
     const { x: x2, y: y2, h: h2, w: w2 } = elemSize;
     return [
@@ -1755,6 +1758,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
     const rotateVertexes2 = calcElementVertexes(rotateSize);
     const sizeController = {
+      originalElementCenter: calcElementCenter(elemSize),
+      originalElementSize: Object.assign({}, elemSize),
       elementWrapper: vertexes,
       left: {
         type: "left",
@@ -2142,6 +2147,31 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     return t;
   });
+  function calcPointMoveElementInGroup(start, end, groupQueue) {
+    let moveX = end.x - start.x;
+    let moveY = end.y - start.y;
+    const pointGroupQueue = [];
+    groupQueue.forEach((group) => {
+      const { x: x2, y: y2, w: w2, h: h2, angle: angle2 = 0 } = group;
+      pointGroupQueue.push({
+        x: x2,
+        y: y2,
+        w: w2,
+        h: h2,
+        angle: 0 - angle2
+      });
+    });
+    if ((groupQueue === null || groupQueue === void 0 ? void 0 : groupQueue.length) > 0) {
+      const startInGroup = rotatePointInGroup(start, pointGroupQueue);
+      const endInGroup = rotatePointInGroup(end, pointGroupQueue);
+      moveX = endInGroup.x - startInGroup.x;
+      moveY = endInGroup.y - startInGroup.y;
+    }
+    return {
+      moveX,
+      moveY
+    };
+  }
   function createColorStyle(ctx, color2, opts) {
     if (typeof color2 === "string") {
       return color2;
@@ -4251,6 +4281,15 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         __classPrivateFieldGet(this, _Board_instances, "m", _Board_resetActiveMiddlewareObjs).call(this);
       }
     }
+    resetMiddlewareConfig(middleware, config) {
+      var _a, _b;
+      if (__classPrivateFieldGet(this, _Board_middlewareMap, "f").has(middleware)) {
+        const item = __classPrivateFieldGet(this, _Board_middlewareMap, "f").get(middleware);
+        if (item) {
+          (_b = (_a = item.middlewareObject).resetConfig) === null || _b === void 0 ? void 0 : _b.call(_a, config);
+        }
+      }
+    }
     scale(opts) {
       const viewer = __classPrivateFieldGet(this, _Board_viewer, "f");
       const { ignoreUpdateVisibleStatus } = opts;
@@ -4792,6 +4831,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
   }
   function drawSelectedElementControllersVertexes(ctx, controller, opts) {
+    var _a;
     if (!controller) {
       return;
     }
@@ -4799,8 +4839,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       hideControllers,
       style,
       rotateControllerPattern,
-      viewSizeInfo
-      // calculator, element, viewScaleInfo, viewSizeInfo
+      viewSizeInfo,
+      element
+      // calculator, viewScaleInfo, viewSizeInfo
     } = opts;
     const { devicePixelRatio = 1 } = viewSizeInfo;
     const { activeColor: activeColor2 } = style;
@@ -4813,19 +4854,21 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       drawVertexes(ctx, calcViewVertexes(topRight.vertexes, opts), ctrlOpts);
       drawVertexes(ctx, calcViewVertexes(bottomLeft.vertexes, opts), ctrlOpts);
       drawVertexes(ctx, calcViewVertexes(bottomRight.vertexes, opts), ctrlOpts);
-      drawCircleController(ctx, calcViewPointSize(rotate.center, opts), { ...ctrlOpts, size: rotate.size, borderWidth: 0 });
-      const rotateCenter = calcViewPointSize(rotate.center, opts);
-      ctx.drawImage(
-        rotateControllerPattern.canvas,
-        0,
-        0,
-        rotateControllerPattern.canvas.width / devicePixelRatio,
-        rotateControllerPattern.canvas.height / devicePixelRatio,
-        rotateCenter.x - rotate.size / 2,
-        rotateCenter.y - rotate.size / 2,
-        rotate.size,
-        rotate.size
-      );
+      if (((_a = element == null ? void 0 : element.operations) == null ? void 0 : _a.rotatable) !== false) {
+        drawCircleController(ctx, calcViewPointSize(rotate.center, opts), { ...ctrlOpts, size: rotate.size, borderWidth: 0 });
+        const rotateCenter = calcViewPointSize(rotate.center, opts);
+        ctx.drawImage(
+          rotateControllerPattern.canvas,
+          0,
+          0,
+          rotateControllerPattern.canvas.width / devicePixelRatio,
+          rotateControllerPattern.canvas.height / devicePixelRatio,
+          rotateCenter.x - rotate.size / 2,
+          rotateCenter.y - rotate.size / 2,
+          rotate.size,
+          rotate.size
+        );
+      }
     }
   }
   function drawArea(ctx, opts) {
@@ -4940,7 +4983,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     return isPointInViewActiveVertexes(p, { ctx, vertexes, viewScaleInfo, viewSizeInfo });
   }
   function getPointTarget(p, opts) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const target = {
       type: null,
       elements: [],
@@ -4951,7 +4994,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const { ctx, data, calculator, selectedElements, viewScaleInfo, viewSizeInfo, areaSize, groupQueue, selectedElementController } = opts;
     if (selectedElementController) {
       const { left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight, rotate } = selectedElementController;
-      const ctrls = [left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight, rotate];
+      const ctrls = [left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight];
+      if ((selectedElements == null ? void 0 : selectedElements.length) === 1 && ((_b = (_a = selectedElements == null ? void 0 : selectedElements[0]) == null ? void 0 : _a.operations) == null ? void 0 : _b.rotatable) !== false) {
+        ctrls.push(rotate);
+      }
       for (let i = 0; i < ctrls.length; i++) {
         const ctrl = ctrls[i];
         if (isPointInViewActiveVertexes(p, { ctx, vertexes: ctrl.vertexes, viewSizeInfo, viewScaleInfo })) {
@@ -4966,7 +5012,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     if (groupQueue && Array.isArray(groupQueue) && groupQueue.length > 0) {
       const lastGroup = groupQueue[groupQueue.length - 1];
-      if (((_a = lastGroup == null ? void 0 : lastGroup.detail) == null ? void 0 : _a.children) && Array.isArray((_b = lastGroup == null ? void 0 : lastGroup.detail) == null ? void 0 : _b.children)) {
+      if (((_c = lastGroup == null ? void 0 : lastGroup.detail) == null ? void 0 : _c.children) && Array.isArray((_d = lastGroup == null ? void 0 : lastGroup.detail) == null ? void 0 : _d.children)) {
         for (let i = lastGroup.detail.children.length - 1; i >= 0; i--) {
           const child = lastGroup.detail.children[i];
           const vertexes = calcElementVertexesInGroup(child, { groupQueue });
@@ -4995,7 +5041,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     if (data) {
       const { index, element } = calculator.getPointElement(p, { data, viewScaleInfo, viewSizeInfo });
-      if (index >= 0 && element && ((_c = element == null ? void 0 : element.operations) == null ? void 0 : _c.invisible) !== true) {
+      if (index >= 0 && element && ((_e = element == null ? void 0 : element.operations) == null ? void 0 : _e.invisible) !== true) {
         target.elements = [element];
         target.type = "over-element";
         return target;
@@ -5643,31 +5689,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return false;
   }
-  function calcMoveInGroup(start, end, groupQueue) {
-    let moveX = end.x - start.x;
-    let moveY = end.y - start.y;
-    const pointGroupQueue = [];
-    groupQueue.forEach((group) => {
-      const { x: x2, y: y2, w: w2, h: h2, angle: angle2 = 0 } = group;
-      pointGroupQueue.push({
-        x: x2,
-        y: y2,
-        w: w2,
-        h: h2,
-        angle: 0 - angle2
-      });
-    });
-    if ((groupQueue == null ? void 0 : groupQueue.length) > 0) {
-      const startInGroup = rotatePointInGroup(start, pointGroupQueue);
-      const endInGroup = rotatePointInGroup(end, pointGroupQueue);
-      moveX = endInGroup.x - startInGroup.x;
-      moveY = endInGroup.y - startInGroup.y;
-    }
-    return {
-      moveX,
-      moveY
-    };
-  }
   const unitSize = 2;
   function getViewBoxInfo(rectInfo) {
     const boxInfo = {
@@ -6006,12 +6027,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const MiddlewareLayoutSelector = (opts, config) => {
     const { sharer, boardContent, calculator, viewer, eventHub } = opts;
     const { overlayContext } = boardContent;
-    const innerConfig = {
+    let innerConfig = {
       ...defaultStyle$2,
       ...config
     };
-    const { activeColor: activeColor2 } = innerConfig;
-    const style = { activeColor: activeColor2 };
     let prevPoint = null;
     let prevIsHoverContent = null;
     let prevIsSelected = null;
@@ -6117,6 +6136,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         clear();
         resetController();
       },
+      resetConfig(config2) {
+        innerConfig = { ...innerConfig, ...config2 };
+      },
       hover: (e) => {
         if (sharer.getSharedStorage(keyLayoutIsBusyMoving) === true) {
           return;
@@ -6299,6 +6321,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         if (isInElementAction()) {
           return;
         }
+        const { activeColor: activeColor2 } = innerConfig;
+        const style = { activeColor: activeColor2 };
         const { sharedStore, activeStore } = snapshot;
         const layoutActionType = sharedStore[keyLayoutActionType];
         const layoutIsHover = sharedStore[keyLayoutIsHoverContent];
@@ -6521,7 +6545,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       },
       parentOpacity: 1
     });
-    return context2d;
+    return { context2d, fill };
   }
   const fontFamily$1 = "monospace";
   function drawSizeInfoText(ctx, opts) {
@@ -6647,15 +6671,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const MiddlewareInfo = (opts, config) => {
     const { boardContent, calculator, eventHub } = opts;
     const { overlayContext } = boardContent;
-    const innerConfig = {
+    let innerConfig = {
       ...defaltStyle,
       ...config
     };
-    const { textBackground, textColor: textColor2 } = innerConfig;
-    const style = {
-      textBackground,
-      textColor: textColor2
-    };
     let showAngleInfo = true;
     const showInfoAngleCallback = ({ show }) => {
       showAngleInfo = show;
@@ -6668,7 +6687,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       disuse() {
         eventHub.off(MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE, showInfoAngleCallback);
       },
+      resetConfig(config2) {
+        innerConfig = { ...innerConfig, ...config2 };
+      },
       beforeDrawFrame({ snapshot }) {
+        var _a;
+        const { textBackground, textColor: textColor2 } = innerConfig;
+        const style = {
+          textBackground,
+          textColor: textColor2
+        };
         const { sharedStore } = snapshot;
         const selectedElementList = sharedStore[keySelectedElementList];
         const actionType = sharedStore[keyActionType];
@@ -6746,18 +6774,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
                 style
               });
               if (showAngleInfo) {
-                drawAngleInfoText(overlayContext, {
-                  point: {
-                    x: rectInfo.top.x + infoFontSize + 4,
-                    y: rectInfo.top.y - infoFontSize * 2 - 18
-                  },
-                  rotateCenter: rectInfo.center,
-                  angle: totalAngle,
-                  text: angleText,
-                  fontSize: infoFontSize,
-                  lineHeight: infoLineHeight,
-                  style
-                });
+                if (((_a = elem.operations) == null ? void 0 : _a.rotatable) !== false) {
+                  drawAngleInfoText(overlayContext, {
+                    point: {
+                      x: rectInfo.top.x + infoFontSize + 4,
+                      y: rectInfo.top.y - infoFontSize * 2 - 18
+                    },
+                    rotateCenter: rectInfo.center,
+                    angle: totalAngle,
+                    text: angleText,
+                    fontSize: infoFontSize,
+                    lineHeight: infoLineHeight,
+                    style
+                  });
+                }
               }
             }
           }
@@ -6766,12 +6796,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
   };
   const MiddlewareSelector = (opts, config) => {
-    const innerConfig = {
+    let innerConfig = {
       ...defaultStyle$3,
       ...config
     };
-    const { activeColor: activeColor2, activeAreaColor: activeAreaColor2, lockedColor: lockedColor2, referenceColor: referenceColor2 } = innerConfig;
-    const style = { activeColor: activeColor2, activeAreaColor: activeAreaColor2, lockedColor: lockedColor2, referenceColor: referenceColor2 };
     const { viewer, sharer, boardContent, calculator, eventHub } = opts;
     const { overlayContext } = boardContent;
     let prevPoint = null;
@@ -6779,8 +6807,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     let moveOriginalStartElementSize = null;
     let inBusyMode = null;
     let hasChangedData = null;
-    const rotateControllerPattern = createRotateControllerPattern({
-      fill: style.activeColor,
+    let rotateControllerPattern = createRotateControllerPattern({
+      fill: innerConfig.activeColor,
       devicePixelRatio: sharer.getActiveViewSizeInfo().devicePixelRatio
     });
     sharer.setSharedStorage(keyActionType, null);
@@ -6925,6 +6953,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         eventHub.off(coreEventKeys.SELECT_IN_GROUP, selectInGroupCallback);
         eventHub.off(coreEventKeys.SNAP_TO_GRID, setSnapToSnapCallback);
       },
+      resetConfig(config2) {
+        innerConfig = { ...innerConfig, ...config2 };
+      },
       hover: (e) => {
         var _a, _b, _c, _d, _e;
         const layoutIsSelected = sharer.getSharedStorage(keyLayoutIsSelected);
@@ -7112,7 +7143,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           inBusyMode = "drag";
           eventHub.trigger(MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE, { show: false });
           if (data && (elems == null ? void 0 : elems.length) === 1 && moveOriginalStartElementSize && originalStart && end && ((_b = (_a = elems[0]) == null ? void 0 : _a.operations) == null ? void 0 : _b.locked) !== true) {
-            const { moveX, moveY } = calcMoveInGroup(originalStart, end, groupQueue);
+            const { moveX, moveY } = calcPointMoveElementInGroup(originalStart, end, groupQueue);
             let totalMoveX = calculator.toGridNum(moveX / scale);
             let totalMoveY = calculator.toGridNum(moveY / scale);
             if (enableSnapToGrid === true) {
@@ -7417,8 +7448,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       },
       beforeDrawFrame({ snapshot }) {
         var _a;
+        const { activeColor: activeColor2, activeAreaColor: activeAreaColor2, lockedColor: lockedColor2, referenceColor: referenceColor2 } = innerConfig;
+        const style = { activeColor: activeColor2, activeAreaColor: activeAreaColor2, lockedColor: lockedColor2, referenceColor: referenceColor2 };
         const { activeStore, sharedStore } = snapshot;
         const { scale, offsetLeft, offsetTop, offsetRight, offsetBottom, width, height, contextHeight, contextWidth, devicePixelRatio } = activeStore;
+        if (rotateControllerPattern.fill !== activeColor2) {
+          rotateControllerPattern = createRotateControllerPattern({
+            fill: innerConfig.activeColor,
+            devicePixelRatio
+          });
+        }
         const sharer2 = opts.sharer;
         const viewScaleInfo = { scale, offsetLeft, offsetTop, offsetRight, offsetBottom };
         const viewSizeInfo = { width, height, contextHeight, contextWidth, devicePixelRatio };
@@ -7434,7 +7473,19 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         const isMoving = sharedStore[keyIsMoving];
         const enableSnapToGrid = sharedStore[keyEnableSnapToGrid];
         const drawBaseOpts = { calculator, viewScaleInfo, viewSizeInfo, style };
-        const selectedElementController = sharedStore[keySelectedElementController];
+        let selectedElementController = sharedStore[keySelectedElementController];
+        if (selectedElementController && selectedElements.length === 1 && elem) {
+          if (!isSameElementSize(elem, selectedElementController.originalElementSize)) {
+            selectedElementController = calcElementSizeController(elem, {
+              groupQueue: groupQueue || [],
+              controllerSize: controllerSize$1,
+              viewScaleInfo,
+              rotateControllerPosition,
+              rotateControllerSize
+            });
+            sharer2.setSharedStorage(keySelectedElementController, selectedElementController);
+          }
+        }
         const isHoverLocked = !!((_a = hoverElement == null ? void 0 : hoverElement.operations) == null ? void 0 : _a.locked);
         if ((groupQueue == null ? void 0 : groupQueue.length) > 0) {
           drawGroupQueueVertexesWrappers(overlayContext, groupQueueVertexesList, drawBaseOpts);
@@ -7455,7 +7506,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               element: elem,
               calculator,
               hideControllers: !!isMoving && actionType === "drag",
-              rotateControllerPattern,
+              rotateControllerPattern: rotateControllerPattern.context2d,
               style
             });
             if (actionType === "drag") {
@@ -7498,7 +7549,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               element: elem,
               calculator,
               hideControllers: !!isMoving && actionType === "drag",
-              rotateControllerPattern,
+              rotateControllerPattern: rotateControllerPattern.context2d,
               style
             });
             if (actionType === "drag") {
@@ -7751,19 +7802,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     sharer.setSharedStorage(keyXThumbRect, null);
     sharer.setSharedStorage(keyYThumbRect, null);
     let isBusy = false;
-    const innerConfig = {
+    let innerConfig = {
       ...defaultStyle$1,
       ...config
     };
-    const { thumbBackground, thumbBorderColor, hoverThumbBackground, hoverThumbBorderColor, activeThumbBackground, activeThumbBorderColor } = innerConfig;
-    const style = {
-      thumbBackground,
-      thumbBorderColor,
-      hoverThumbBackground,
-      hoverThumbBorderColor,
-      activeThumbBackground,
-      activeThumbBorderColor
-    };
     const clear = () => {
       sharer.setSharedStorage(keyPrevPoint$1, null);
       sharer.setSharedStorage(keyActivePoint, null);
@@ -7805,6 +7847,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     return {
       name: "@middleware/scroller",
+      resetConfig(config2) {
+        innerConfig = { ...innerConfig, ...config2 };
+      },
       wheel: (e) => {
         viewer.scroll({
           moveX: 0 - e.deltaX,
@@ -7867,6 +7912,15 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
       },
       beforeDrawFrame({ snapshot }) {
+        const { thumbBackground, thumbBorderColor, hoverThumbBackground, hoverThumbBorderColor, activeThumbBackground, activeThumbBorderColor } = innerConfig;
+        const style = {
+          thumbBackground,
+          thumbBorderColor,
+          hoverThumbBackground,
+          hoverThumbBorderColor,
+          activeThumbBackground,
+          activeThumbBorderColor
+        };
         const { xThumbRect, yThumbRect } = drawScroller(overlayContext, { snapshot, style });
         sharer.setSharedStorage(keyXThumbRect, xThumbRect);
         sharer.setSharedStorage(keyYThumbRect, yThumbRect);
@@ -8071,13 +8125,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const { width, height } = viewSizeInfo;
     const { background: background2, borderColor: borderColor2 } = style;
     ctx.beginPath();
-    ctx.moveTo(0, 0);
-    ctx.lineTo(width + 1, 0);
+    const basePosition = -1;
+    ctx.moveTo(basePosition, basePosition);
+    ctx.lineTo(width + 1, basePosition);
     ctx.lineTo(width + 1, rulerSize);
     ctx.lineTo(rulerSize, rulerSize);
     ctx.lineTo(rulerSize, height + 1);
-    ctx.lineTo(0, height + 1);
-    ctx.lineTo(0, 0);
+    ctx.lineTo(basePosition, height + 1);
+    ctx.lineTo(basePosition, basePosition);
     ctx.closePath();
     ctx.fillStyle = background2;
     ctx.fill();
@@ -8176,20 +8231,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const MiddlewareRuler = (opts, config) => {
     const { boardContent, viewer, eventHub, calculator } = opts;
     const { overlayContext, underlayContext } = boardContent;
-    const innerConfig = {
+    let innerConfig = {
       ...defaultStyle,
       ...config
     };
-    const { background: background2, borderColor: borderColor2, scaleColor: scaleColor2, textColor: textColor2, gridColor: gridColor2, gridPrimaryColor: gridPrimaryColor2, selectedAreaColor: selectedAreaColor2 } = innerConfig;
-    const style = {
-      background: background2,
-      borderColor: borderColor2,
-      scaleColor: scaleColor2,
-      textColor: textColor2,
-      gridColor: gridColor2,
-      gridPrimaryColor: gridPrimaryColor2,
-      selectedAreaColor: selectedAreaColor2
-    };
     let show = true;
     let showGrid = true;
     const rulerCallback = (e) => {
@@ -8211,7 +8256,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       disuse() {
         eventHub.off(coreEventKeys.RULER, rulerCallback);
       },
+      resetConfig(config2) {
+        innerConfig = { ...innerConfig, ...config2 };
+      },
       beforeDrawFrame: ({ snapshot }) => {
+        const { background: background2, borderColor: borderColor2, scaleColor: scaleColor2, textColor: textColor2, gridColor: gridColor2, gridPrimaryColor: gridPrimaryColor2, selectedAreaColor: selectedAreaColor2 } = innerConfig;
+        const style = {
+          background: background2,
+          borderColor: borderColor2,
+          scaleColor: scaleColor2,
+          textColor: textColor2,
+          gridColor: gridColor2,
+          gridPrimaryColor: gridPrimaryColor2,
+          selectedAreaColor: selectedAreaColor2
+        };
         if (show === true) {
           const viewScaleInfo = getViewScaleInfoFromSnapshot(snapshot);
           const viewSizeInfo = getViewSizeInfoFromSnapshot(snapshot);
@@ -8585,6 +8643,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     disuse(middleware) {
       __privateGet(this, _board).disuse(middleware);
     }
+    resetMiddlewareConfig(middleware, config) {
+      __privateGet(this, _board).resetMiddlewareConfig(middleware, config);
+    }
     setData(data, opts) {
       validateElements((data == null ? void 0 : data.elements) || []);
       __privateGet(this, _board).setData(data, opts);