@univerjs/sheets-conditional-formatting-ui 0.4.0-alpha.0 → 0.4.0-alpha.1

package/lib/es/index.js

@@ -10,7 +10,6 @@ import require$$0, { forwardRef, useRef, createElement, useMemo, useState, useEf
 import { Select, Tooltip, Dropdown, ColorPicker as ColorPicker$1, InputNumber, RadioGroup, Radio, Checkbox, Input, Button } from "@univerjs/design";
 import { useHighlightRange, SheetSkeletonManagerService, ISheetClipboardService, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, getRepeatRange, SheetPermissionInterceptorBaseController, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange, IEditorBridgeService, getCurrentRangeDisable$, IFormatPainterService, FormatPainterStatus } from "@univerjs/sheets-ui";
 import { serializeRange } from "@univerjs/engine-formula";
-import cl from "clsx";
 import require$$2$1 from "react-dom";
 import { Observable, debounceTime, merge } from "rxjs";
 import { TextEditor, RangeSelector } from "@univerjs/docs-ui";
@@ -327,11 +326,11 @@ var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
  */
 var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
 function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+  var b, d = {}, e2 = null, h = null;
+  g !== void 0 && (e2 = "" + g), a.key !== void 0 && (e2 = "" + a.key), a.ref !== void 0 && (h = a.ref);
   for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
   if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  return { $$typeof: k, type: c, key: e2, ref: h, props: d, _owner: n.current };
 }
 __name(q, "q");
 reactJsxRuntime_production_min.Fragment = l;
@@ -366,12 +365,12 @@ var __assign = function() {
     }
     return t;
   }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
+}, __rest = function(s, e2) {
   var t = {};
-  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
+  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e2.indexOf(p2) < 0 && (t[p2] = s[p2]);
   if (s != null && typeof Object.getOwnPropertySymbols == "function")
     for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
-      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
+      e2.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
   return t;
 }, IconBase = forwardRef(function(props, ref) {
   var icon2 = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
@@ -635,7 +634,24 @@ var reactGridLayout = { exports: {} }, ReactGridLayout$1 = {}, fastEquals = { ex
     __name(createCustomCircularEqual, "createCustomCircularEqual"), exports2.circularDeepEqual = circularDeepEqual, exports2.circularShallowEqual = circularShallowEqual, exports2.createCustomCircularEqual = createCustomCircularEqual, exports2.createCustomEqual = createCustomEqual, exports2.deepEqual = deepEqual, exports2.sameValueZeroEqual = sameValueZeroEqual, exports2.shallowEqual = shallowEqual, Object.defineProperty(exports2, "__esModule", { value: !0 });
   });
 })(fastEquals, fastEquals.exports);
-var fastEqualsExports = fastEquals.exports, utils$1 = {}, fastRGLPropsEqual = /* @__PURE__ */ __name(function(a, b, isEqualImpl) {
+var fastEqualsExports = fastEquals.exports, clsx$2 = { exports: {} };
+function r$2(e2) {
+  var o, t, f2 = "";
+  if (typeof e2 == "string" || typeof e2 == "number") f2 += e2;
+  else if (typeof e2 == "object") if (Array.isArray(e2)) {
+    var n2 = e2.length;
+    for (o = 0; o < n2; o++) e2[o] && (t = r$2(e2[o])) && (f2 && (f2 += " "), f2 += t);
+  } else for (t in e2) e2[t] && (f2 && (f2 += " "), f2 += t);
+  return f2;
+}
+__name(r$2, "r$2");
+function e() {
+  for (var e2, o, t = 0, f2 = "", n2 = arguments.length; t < n2; t++) (e2 = arguments[t]) && (o = r$2(e2)) && (f2 && (f2 += " "), f2 += o);
+  return f2;
+}
+__name(e, "e");
+clsx$2.exports = e, clsx$2.exports.clsx = e;
+var clsxExports = clsx$2.exports, utils$1 = {}, fastRGLPropsEqual = /* @__PURE__ */ __name(function(a, b, isEqualImpl) {
   return a === b ? !0 : a.className === b.className && isEqualImpl(a.style, b.style) && a.width === b.width && a.autoSize === b.autoSize && a.cols === b.cols && a.draggableCancel === b.draggableCancel && a.draggableHandle === b.draggableHandle && isEqualImpl(a.verticalCompact, b.verticalCompact) && isEqualImpl(a.compactType, b.compactType) && isEqualImpl(a.layout, b.layout) && isEqualImpl(a.margin, b.margin) && isEqualImpl(a.containerPadding, b.containerPadding) && a.rowHeight === b.rowHeight && a.maxRows === b.maxRows && a.isBounded === b.isBounded && a.isDraggable === b.isDraggable && a.isResizable === b.isResizable && a.allowOverlap === b.allowOverlap && a.preventCollision === b.preventCollision && a.useCSSTransforms === b.useCSSTransforms && a.transformScale === b.transformScale && a.isDroppable === b.isDroppable && isEqualImpl(a.resizeHandles, b.resizeHandles) && isEqualImpl(a.resizeHandle, b.resizeHandle) && a.onLayoutChange === b.onLayoutChange && a.onDragStart === b.onDragStart && a.onDrag === b.onDrag && a.onDragStop === b.onDragStop && a.onResizeStart === b.onResizeStart && a.onResize === b.onResize && a.onResizeStop === b.onResizeStop && a.onDrop === b.onDrop && isEqualImpl(a.droppingItem, b.droppingItem) && isEqualImpl(a.innerRef, b.innerRef);
 }, "fastRGLPropsEqual");
 Object.defineProperty(utils$1, "__esModule", {
@@ -1144,7 +1160,26 @@ var factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
   return ReactPropTypes.PropTypes = ReactPropTypes, ReactPropTypes;
 }, "factoryWithThrowingShims");
 propTypes$1.exports = factoryWithThrowingShims();
-var propTypesExports = propTypes$1.exports, cjs = { exports: {} }, Draggable$1 = {}, domFns = {}, shims = {};
+var propTypesExports = propTypes$1.exports, cjs = { exports: {} }, Draggable$1 = {};
+function r$1(e2) {
+  var t, f2, n2 = "";
+  if (typeof e2 == "string" || typeof e2 == "number") n2 += e2;
+  else if (typeof e2 == "object") if (Array.isArray(e2)) for (t = 0; t < e2.length; t++) e2[t] && (f2 = r$1(e2[t])) && (n2 && (n2 += " "), n2 += f2);
+  else for (t in e2) e2[t] && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(r$1, "r$1");
+function clsx$1() {
+  for (var e2, t, f2 = 0, n2 = ""; f2 < arguments.length; ) (e2 = arguments[f2++]) && (t = r$1(e2)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(clsx$1, "clsx$1");
+const clsx_m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  clsx: clsx$1,
+  default: clsx$1
+}, Symbol.toStringTag, { value: "Module" })), require$$3 = /* @__PURE__ */ getAugmentedNamespace(clsx_m);
+var domFns = {}, shims = {};
 Object.defineProperty(shims, "__esModule", {
   value: !0
 });
@@ -1351,13 +1386,13 @@ function getTranslation(_ref, positionOffset, unitSuffix) {
   return translation;
 }
 __name(getTranslation, "getTranslation");
-function getTouch(e, identifier) {
-  return e.targetTouches && (0, _shims$2.findInArray)(e.targetTouches, (t) => identifier === t.identifier) || e.changedTouches && (0, _shims$2.findInArray)(e.changedTouches, (t) => identifier === t.identifier);
+function getTouch(e2, identifier) {
+  return e2.targetTouches && (0, _shims$2.findInArray)(e2.targetTouches, (t) => identifier === t.identifier) || e2.changedTouches && (0, _shims$2.findInArray)(e2.changedTouches, (t) => identifier === t.identifier);
 }
 __name(getTouch, "getTouch");
-function getTouchIdentifier(e) {
-  if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
-  if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
+function getTouchIdentifier(e2) {
+  if (e2.targetTouches && e2.targetTouches[0]) return e2.targetTouches[0].identifier;
+  if (e2.changedTouches && e2.changedTouches[0]) return e2.changedTouches[0].identifier;
 }
 __name(getTouchIdentifier, "getTouchIdentifier");
 function addUserSelectStyles(doc) {
@@ -1439,11 +1474,11 @@ function canDragY(draggable) {
   return draggable.props.axis === "both" || draggable.props.axis === "y";
 }
 __name(canDragY, "canDragY");
-function getControlPosition(e, touchIdentifier, draggableCore) {
-  const touchObj = typeof touchIdentifier == "number" ? (0, _domFns$1.getTouch)(e, touchIdentifier) : null;
+function getControlPosition(e2, touchIdentifier, draggableCore) {
+  const touchObj = typeof touchIdentifier == "number" ? (0, _domFns$1.getTouch)(e2, touchIdentifier) : null;
   if (typeof touchIdentifier == "number" && !touchObj) return null;
   const node = findDOMNode(draggableCore), offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
-  return (0, _domFns$1.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);
+  return (0, _domFns$1.offsetXYFromParent)(touchObj || e2, offsetParent, draggableCore.props.scale);
 }
 __name(getControlPosition, "getControlPosition");
 function createCoreData(draggable, x, y) {
@@ -1574,28 +1609,28 @@ let dragEventFor = eventsFor.mouse;
 var _a;
 let DraggableCore$1 = (_a = class extends React$5.Component {
   constructor() {
-    super(...arguments), _defineProperty$7(this, "dragging", !1), _defineProperty$7(this, "lastX", NaN), _defineProperty$7(this, "lastY", NaN), _defineProperty$7(this, "touchIdentifier", null), _defineProperty$7(this, "mounted", !1), _defineProperty$7(this, "handleDragStart", (e) => {
-      if (this.props.onMouseDown(e), !this.props.allowAnyClick && typeof e.button == "number" && e.button !== 0) return !1;
+    super(...arguments), _defineProperty$7(this, "dragging", !1), _defineProperty$7(this, "lastX", NaN), _defineProperty$7(this, "lastY", NaN), _defineProperty$7(this, "touchIdentifier", null), _defineProperty$7(this, "mounted", !1), _defineProperty$7(this, "handleDragStart", (e2) => {
+      if (this.props.onMouseDown(e2), !this.props.allowAnyClick && typeof e2.button == "number" && e2.button !== 0) return !1;
       const thisNode = this.findDOMNode();
       if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body)
         throw new Error("<DraggableCore> not mounted on DragStart!");
       const {
         ownerDocument
       } = thisNode;
-      if (this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.handle, thisNode) || this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.cancel, thisNode))
+      if (this.props.disabled || !(e2.target instanceof ownerDocument.defaultView.Node) || this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e2.target, this.props.handle, thisNode) || this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e2.target, this.props.cancel, thisNode))
         return;
-      e.type === "touchstart" && e.preventDefault();
-      const touchIdentifier = (0, _domFns.getTouchIdentifier)(e);
+      e2.type === "touchstart" && e2.preventDefault();
+      const touchIdentifier = (0, _domFns.getTouchIdentifier)(e2);
       this.touchIdentifier = touchIdentifier;
-      const position = (0, _positionFns.getControlPosition)(e, touchIdentifier, this);
+      const position = (0, _positionFns.getControlPosition)(e2, touchIdentifier, this);
       if (position == null) return;
       const {
         x,
         y
       } = position, coreEvent = (0, _positionFns.createCoreData)(this, x, y);
-      (0, _log.default)("DraggableCore: handleDragStart: %j", coreEvent), (0, _log.default)("calling", this.props.onStart), !(this.props.onStart(e, coreEvent) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, _domFns.addUserSelectStyles)(ownerDocument), this.dragging = !0, this.lastX = x, this.lastY = y, (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, this.handleDrag), (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, this.handleDragStop));
-    }), _defineProperty$7(this, "handleDrag", (e) => {
-      const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
+      (0, _log.default)("DraggableCore: handleDragStart: %j", coreEvent), (0, _log.default)("calling", this.props.onStart), !(this.props.onStart(e2, coreEvent) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, _domFns.addUserSelectStyles)(ownerDocument), this.dragging = !0, this.lastX = x, this.lastY = y, (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, this.handleDrag), (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, this.handleDragStop));
+    }), _defineProperty$7(this, "handleDrag", (e2) => {
+      const position = (0, _positionFns.getControlPosition)(e2, this.touchIdentifier, this);
       if (position == null) return;
       let {
         x,
@@ -1607,7 +1642,7 @@ let DraggableCore$1 = (_a = class extends React$5.Component {
         x = this.lastX + deltaX, y = this.lastY + deltaY;
       }
       const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
-      if ((0, _log.default)("DraggableCore: handleDrag: %j", coreEvent), this.props.onDrag(e, coreEvent) === !1 || this.mounted === !1) {
+      if ((0, _log.default)("DraggableCore: handleDrag: %j", coreEvent), this.props.onDrag(e2, coreEvent) === !1 || this.mounted === !1) {
         try {
           this.handleDragStop(new MouseEvent("mouseup"));
         } catch {
@@ -1617,9 +1652,9 @@ let DraggableCore$1 = (_a = class extends React$5.Component {
         return;
       }
       this.lastX = x, this.lastY = y;
-    }), _defineProperty$7(this, "handleDragStop", (e) => {
+    }), _defineProperty$7(this, "handleDragStop", (e2) => {
       if (!this.dragging) return;
-      const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
+      const position = (0, _positionFns.getControlPosition)(e2, this.touchIdentifier, this);
       if (position == null) return;
       let {
         x,
@@ -1630,10 +1665,10 @@ let DraggableCore$1 = (_a = class extends React$5.Component {
         [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY), x = this.lastX + deltaX, y = this.lastY + deltaY;
       }
       const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
-      if (this.props.onStop(e, coreEvent) === !1 || this.mounted === !1) return !1;
+      if (this.props.onStop(e2, coreEvent) === !1 || this.mounted === !1) return !1;
       const thisNode = this.findDOMNode();
       thisNode && this.props.enableUserSelectHack && (0, _domFns.removeUserSelectStyles)(thisNode.ownerDocument), (0, _log.default)("DraggableCore: handleDragStop: %j", coreEvent), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, thisNode && ((0, _log.default)("DraggableCore: Removing handlers"), (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.move, this.handleDrag), (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.stop, this.handleDragStop));
-    }), _defineProperty$7(this, "onMouseDown", (e) => (dragEventFor = eventsFor.mouse, this.handleDragStart(e))), _defineProperty$7(this, "onMouseUp", (e) => (dragEventFor = eventsFor.mouse, this.handleDragStop(e))), _defineProperty$7(this, "onTouchStart", (e) => (dragEventFor = eventsFor.touch, this.handleDragStart(e))), _defineProperty$7(this, "onTouchEnd", (e) => (dragEventFor = eventsFor.touch, this.handleDragStop(e)));
+    }), _defineProperty$7(this, "onMouseDown", (e2) => (dragEventFor = eventsFor.mouse, this.handleDragStart(e2))), _defineProperty$7(this, "onMouseUp", (e2) => (dragEventFor = eventsFor.mouse, this.handleDragStop(e2))), _defineProperty$7(this, "onTouchStart", (e2) => (dragEventFor = eventsFor.touch, this.handleDragStart(e2))), _defineProperty$7(this, "onTouchEnd", (e2) => (dragEventFor = eventsFor.touch, this.handleDragStop(e2)));
   }
   componentDidMount() {
     this.mounted = !0;
@@ -1822,7 +1857,7 @@ _defineProperty$7(DraggableCore$1, "defaultProps", {
       return _DraggableCore.default;
     }, "get")
   }), exports.default = void 0;
-  var React2 = _interopRequireWildcard2(require$$0), _propTypes3 = _interopRequireDefault2(propTypesExports), _reactDom2 = _interopRequireDefault2(require$$2$1), _clsx2 = _interopRequireDefault2(cl), _domFns2 = domFns, _positionFns2 = positionFns, _shims2 = shims, _DraggableCore = _interopRequireDefault2(DraggableCore$2), _log2 = _interopRequireDefault2(log$1);
+  var React2 = _interopRequireWildcard2(require$$0), _propTypes3 = _interopRequireDefault2(propTypesExports), _reactDom2 = _interopRequireDefault2(require$$2$1), _clsx2 = _interopRequireDefault2(require$$3), _domFns2 = domFns, _positionFns2 = positionFns, _shims2 = shims, _DraggableCore = _interopRequireDefault2(DraggableCore$2), _log2 = _interopRequireDefault2(log$1);
   function _interopRequireDefault2(obj) {
     return obj && obj.__esModule ? obj : { default: obj };
   }
@@ -1904,13 +1939,13 @@ _defineProperty$7(DraggableCore$1, "defaultProps", {
       }) : null;
     }
     constructor(props) {
-      super(props), _defineProperty2(this, "onDragStart", (e, coreData) => {
-        if ((0, _log2.default)("Draggable: onDragStart: %j", coreData), this.props.onStart(e, (0, _positionFns2.createDraggableData)(this, coreData)) === !1) return !1;
+      super(props), _defineProperty2(this, "onDragStart", (e2, coreData) => {
+        if ((0, _log2.default)("Draggable: onDragStart: %j", coreData), this.props.onStart(e2, (0, _positionFns2.createDraggableData)(this, coreData)) === !1) return !1;
         this.setState({
           dragging: !0,
           dragged: !0
         });
-      }), _defineProperty2(this, "onDrag", (e, coreData) => {
+      }), _defineProperty2(this, "onDrag", (e2, coreData) => {
         if (!this.state.dragging) return !1;
         (0, _log2.default)("Draggable: onDrag: %j", coreData);
         const uiData = (0, _positionFns2.createDraggableData)(this, coreData), newState = {
@@ -1928,10 +1963,10 @@ _defineProperty$7(DraggableCore$1, "defaultProps", {
           const [newStateX, newStateY] = (0, _positionFns2.getBoundPosition)(this, newState.x, newState.y);
           newState.x = newStateX, newState.y = newStateY, newState.slackX = this.state.slackX + (x - newState.x), newState.slackY = this.state.slackY + (y - newState.y), uiData.x = newState.x, uiData.y = newState.y, uiData.deltaX = newState.x - this.state.x, uiData.deltaY = newState.y - this.state.y;
         }
-        if (this.props.onDrag(e, uiData) === !1) return !1;
+        if (this.props.onDrag(e2, uiData) === !1) return !1;
         this.setState(newState);
-      }), _defineProperty2(this, "onDragStop", (e, coreData) => {
-        if (!this.state.dragging || this.props.onStop(e, (0, _positionFns2.createDraggableData)(this, coreData)) === !1) return !1;
+      }), _defineProperty2(this, "onDragStop", (e2, coreData) => {
+        if (!this.state.dragging || this.props.onStop(e2, (0, _positionFns2.createDraggableData)(this, coreData)) === !1) return !1;
         (0, _log2.default)("Draggable: onDragStop: %j", coreData);
         const newState = {
           dragging: !1,
@@ -2443,7 +2478,7 @@ var Resizable = /* @__PURE__ */ function(_React$Component) {
     return width2 += slackW, height2 += slackH, minConstraints && (width2 = Math.max(minConstraints[0], width2), height2 = Math.max(minConstraints[1], height2)), maxConstraints && (width2 = Math.min(maxConstraints[0], width2), height2 = Math.min(maxConstraints[1], height2)), this.slack = [slackW + (oldW - width2), slackH + (oldH - height2)], [width2, height2];
   }, "runConstraints"), _proto.resizeHandler = /* @__PURE__ */ __name(function(handlerName, axis) {
     var _this2 = this;
-    return function(e, _ref2) {
+    return function(e2, _ref2) {
       var node = _ref2.node, deltaX = _ref2.deltaX, deltaY = _ref2.deltaY;
       handlerName === "onResizeStart" && _this2.resetData();
       var canDragX2 = (_this2.props.axis === "both" || _this2.props.axis === "x") && axis !== "n" && axis !== "s", canDragY2 = (_this2.props.axis === "both" || _this2.props.axis === "y") && axis !== "e" && axis !== "w";
@@ -2463,7 +2498,7 @@ var Resizable = /* @__PURE__ */ function(_React$Component) {
         var width2 = _this2.props.width + (canDragX2 ? deltaX / _this2.props.transformScale : 0), height2 = _this2.props.height + (canDragY2 ? deltaY / _this2.props.transformScale : 0), _this2$runConstraints = _this2.runConstraints(width2, height2);
         width2 = _this2$runConstraints[0], height2 = _this2$runConstraints[1];
         var dimensionsChanged = width2 !== _this2.props.width || height2 !== _this2.props.height, cb = typeof _this2.props[handlerName] == "function" ? _this2.props[handlerName] : null, shouldSkipCb = handlerName === "onResize" && !dimensionsChanged;
-        cb && !shouldSkipCb && (e.persist == null || e.persist(), cb(e, {
+        cb && !shouldSkipCb && (e2.persist == null || e2.persist(), cb(e2, {
           node,
           size: {
             width: width2,
@@ -2635,10 +2670,10 @@ var ResizableBox = /* @__PURE__ */ function(_React$Component) {
       height: _this.props.height,
       propsWidth: _this.props.width,
       propsHeight: _this.props.height
-    }, _this.onResize = function(e, data) {
+    }, _this.onResize = function(e2, data) {
       var size = data.size;
-      _this.props.onResize ? (e.persist == null || e.persist(), _this.setState(size, function() {
-        return _this.props.onResize && _this.props.onResize(e, data);
+      _this.props.onResize ? (e2.persist == null || e2.persist(), _this.setState(size, function() {
+        return _this.props.onResize && _this.props.onResize(e2, data);
       })) : _this.setState(size);
     }, _this;
   }
@@ -2810,7 +2845,7 @@ Object.defineProperty(GridItem$1, "__esModule", {
   value: !0
 });
 GridItem$1.default = void 0;
-var _react = _interopRequireDefault$3(require$$0), _propTypes$2 = _interopRequireDefault$3(propTypesExports), _reactDraggable = cjsExports, _reactResizable = reactResizableExports, _utils$3 = utils$1, _calculateUtils$1 = calculateUtils, _ReactGridLayoutPropTypes$1 = ReactGridLayoutPropTypes, _clsx$2 = _interopRequireDefault$3(cl);
+var _react = _interopRequireDefault$3(require$$0), _propTypes$2 = _interopRequireDefault$3(propTypesExports), _reactDraggable = cjsExports, _reactResizable = reactResizableExports, _utils$3 = utils$1, _calculateUtils$1 = calculateUtils, _ReactGridLayoutPropTypes$1 = ReactGridLayoutPropTypes, _clsx$2 = _interopRequireDefault$3(clsxExports);
 function _interopRequireDefault$3(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -2841,7 +2876,7 @@ const _GridItem = class _GridItem extends _react.default.Component {
       resizing: null,
       dragging: null,
       className: ""
-    }), _defineProperty$3(this, "elementRef", /* @__PURE__ */ _react.default.createRef()), _defineProperty$3(this, "onDragStart", (e, _ref) => {
+    }), _defineProperty$3(this, "elementRef", /* @__PURE__ */ _react.default.createRef()), _defineProperty$3(this, "onDragStart", (e2, _ref) => {
       let {
         node
       } = _ref;
@@ -2866,11 +2901,11 @@ const _GridItem = class _GridItem extends _react.default.Component {
         y
       } = (0, _calculateUtils$1.calcXY)(this.getPositionParams(), newPosition.top, newPosition.left, this.props.w, this.props.h);
       return onDragStart.call(this, this.props.i, x, y, {
-        e,
+        e: e2,
         node,
         newPosition
       });
-    }), _defineProperty$3(this, "onDrag", (e, _ref2) => {
+    }), _defineProperty$3(this, "onDrag", (e2, _ref2) => {
       let {
         node,
         deltaX,
@@ -2919,11 +2954,11 @@ const _GridItem = class _GridItem extends _react.default.Component {
         y
       } = (0, _calculateUtils$1.calcXY)(positionParams, top - containerPadding[1], left - containerPadding[0], w, h);
       return onDrag.call(this, i, x, y, {
-        e,
+        e: e2,
         node,
         newPosition
       });
-    }), _defineProperty$3(this, "onDragStop", (e, _ref3) => {
+    }), _defineProperty$3(this, "onDragStop", (e2, _ref3) => {
       let {
         node
       } = _ref3;
@@ -2953,11 +2988,11 @@ const _GridItem = class _GridItem extends _react.default.Component {
         y
       } = (0, _calculateUtils$1.calcXY)(this.getPositionParams(), top - containerPadding[1], left - containerPadding[0], w, h);
       return onDragStop.call(this, i, x, y, {
-        e,
+        e: e2,
         node,
         newPosition
       });
-    }), _defineProperty$3(this, "onResizeStop", (e, callbackData, position) => this.onResizeHandler(e, callbackData, position, "onResizeStop")), _defineProperty$3(this, "onResizeStart", (e, callbackData, position) => this.onResizeHandler(e, callbackData, position, "onResizeStart")), _defineProperty$3(this, "onResize", (e, callbackData, position) => this.onResizeHandler(e, callbackData, position, "onResize"));
+    }), _defineProperty$3(this, "onResizeStop", (e2, callbackData, position) => this.onResizeHandler(e2, callbackData, position, "onResizeStop")), _defineProperty$3(this, "onResizeStart", (e2, callbackData, position) => this.onResizeHandler(e2, callbackData, position, "onResizeStart")), _defineProperty$3(this, "onResize", (e2, callbackData, position) => this.onResizeHandler(e2, callbackData, position, "onResize"));
   }
   shouldComponentUpdate(nextProps, nextState) {
     if (this.props.children !== nextProps.children || this.props.droppingPosition !== nextProps.droppingPosition) return !0;
@@ -3052,9 +3087,9 @@ const _GridItem = class _GridItem extends _react.default.Component {
    * similarily structured resize events.
    */
   curryResizeHandler(position, handler) {
-    return (e, data) => (
+    return (e2, data) => (
       /*: Function*/
-      handler(e, data, position)
+      handler(e2, data, position)
     );
   }
   /**
@@ -3098,7 +3133,7 @@ const _GridItem = class _GridItem extends _react.default.Component {
   /**
    * Wrapper around resize events to provide more useful data.
    */
-  onResizeHandler(e, _ref4, position, handlerName) {
+  onResizeHandler(e2, _ref4, position, handlerName) {
     let {
       node,
       size,
@@ -3126,7 +3161,7 @@ const _GridItem = class _GridItem extends _react.default.Component {
       h
     } = (0, _calculateUtils$1.calcWH)(this.getPositionParams(), updatedSize.width, updatedSize.height, x, y, handle);
     w = (0, _calculateUtils$1.clamp)(w, Math.max(minW, 1), maxW), h = (0, _calculateUtils$1.clamp)(h, minH, maxH), handler.call(this, i, w, h, {
-      e,
+      e: e2,
       node,
       size: updatedSize,
       handle
@@ -3249,30 +3284,30 @@ Object.defineProperty(ReactGridLayout$1, "__esModule", {
   value: !0
 });
 ReactGridLayout$1.default = void 0;
-var React$2 = _interopRequireWildcard$2(require$$0), _fastEquals$1 = fastEqualsExports, _clsx$1 = _interopRequireDefault$2(cl), _utils$2 = utils$1, _calculateUtils = calculateUtils, _GridItem2 = _interopRequireDefault$2(GridItem$1), _ReactGridLayoutPropTypes = _interopRequireDefault$2(ReactGridLayoutPropTypes);
+var React$2 = _interopRequireWildcard$2(require$$0), _fastEquals$1 = fastEqualsExports, _clsx$1 = _interopRequireDefault$2(clsxExports), _utils$2 = utils$1, _calculateUtils = calculateUtils, _GridItem2 = _interopRequireDefault$2(GridItem$1), _ReactGridLayoutPropTypes = _interopRequireDefault$2(ReactGridLayoutPropTypes);
 function _interopRequireDefault$2(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 __name(_interopRequireDefault$2, "_interopRequireDefault$2");
-function _getRequireWildcardCache$2(e) {
+function _getRequireWildcardCache$2(e2) {
   if (typeof WeakMap != "function") return null;
-  var r = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache$2 = /* @__PURE__ */ __name(function(e2) {
-    return e2 ? t : r;
-  }, "_getRequireWildcardCache$2"))(e);
+  var r2 = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache$2 = /* @__PURE__ */ __name(function(e3) {
+    return e3 ? t : r2;
+  }, "_getRequireWildcardCache$2"))(e2);
 }
 __name(_getRequireWildcardCache$2, "_getRequireWildcardCache$2");
-function _interopRequireWildcard$2(e, r) {
-  if (e && e.__esModule) return e;
-  if (e === null || typeof e != "object" && typeof e != "function") return { default: e };
-  var t = _getRequireWildcardCache$2(r);
-  if (t && t.has(e)) return t.get(e);
+function _interopRequireWildcard$2(e2, r2) {
+  if (e2 && e2.__esModule) return e2;
+  if (e2 === null || typeof e2 != "object" && typeof e2 != "function") return { default: e2 };
+  var t = _getRequireWildcardCache$2(r2);
+  if (t && t.has(e2)) return t.get(e2);
   var n2 = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if (u !== "default" && Object.prototype.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n2, u, i) : n2[u] = e[u];
+  for (var u in e2) if (u !== "default" && Object.prototype.hasOwnProperty.call(e2, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e2, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n2, u, i) : n2[u] = e2[u];
   }
-  return n2.default = e, t && t.set(e, n2), n2;
+  return n2.default = e2, t && t.set(e2, n2), n2;
 }
 __name(_interopRequireWildcard$2, "_interopRequireWildcard$2");
 function _defineProperty$2(obj, key, value) {
@@ -3322,7 +3357,7 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
       children: []
     }), _defineProperty$2(this, "dragEnterCounter", 0), _defineProperty$2(this, "onDragStart", (i, x, y, _ref) => {
       let {
-        e,
+        e: e2,
         node
       } = _ref;
       const {
@@ -3341,10 +3376,10 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         oldDragItem: (0, _utils$2.cloneLayoutItem)(l2),
         oldLayout: layout,
         activeDrag: placeholder
-      }), this.props.onDragStart(layout, l2, l2, null, e, node);
+      }), this.props.onDragStart(layout, l2, l2, null, e2, node);
     }), _defineProperty$2(this, "onDrag", (i, x, y, _ref2) => {
       let {
-        e,
+        e: e2,
         node
       } = _ref2;
       const {
@@ -3367,13 +3402,13 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         placeholder: !0,
         i
       };
-      layout = (0, _utils$2.moveElement)(layout, l2, x, y, !0, preventCollision, (0, _utils$2.compactType)(this.props), cols, allowOverlap), this.props.onDrag(layout, oldDragItem, l2, placeholder, e, node), this.setState({
+      layout = (0, _utils$2.moveElement)(layout, l2, x, y, !0, preventCollision, (0, _utils$2.compactType)(this.props), cols, allowOverlap), this.props.onDrag(layout, oldDragItem, l2, placeholder, e2, node), this.setState({
         layout: allowOverlap ? layout : (0, _utils$2.compact)(layout, (0, _utils$2.compactType)(this.props), cols),
         activeDrag: placeholder
       });
     }), _defineProperty$2(this, "onDragStop", (i, x, y, _ref3) => {
       let {
-        e,
+        e: e2,
         node
       } = _ref3;
       if (!this.state.activeDrag) return;
@@ -3391,7 +3426,7 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
       if (!l2) return;
       layout = (0, _utils$2.moveElement)(layout, l2, x, y, !0, preventCollision, (0, _utils$2.compactType)(this.props), cols, allowOverlap);
       const newLayout = allowOverlap ? layout : (0, _utils$2.compact)(layout, (0, _utils$2.compactType)(this.props), cols);
-      this.props.onDragStop(newLayout, oldDragItem, l2, null, e, node);
+      this.props.onDragStop(newLayout, oldDragItem, l2, null, e2, node);
       const {
         oldLayout
       } = this.state;
@@ -3403,7 +3438,7 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
       }), this.onLayoutMaybeChanged(newLayout, oldLayout);
     }), _defineProperty$2(this, "onResizeStart", (i, w, h, _ref4) => {
       let {
-        e,
+        e: e2,
         node
       } = _ref4;
       const {
@@ -3413,10 +3448,10 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         oldResizeItem: (0, _utils$2.cloneLayoutItem)(l2),
         oldLayout: this.state.layout,
         resizing: !0
-      }), this.props.onResizeStart(layout, l2, l2, null, e, node));
+      }), this.props.onResizeStart(layout, l2, l2, null, e2, node));
     }), _defineProperty$2(this, "onResize", (i, w, h, _ref5) => {
       let {
-        e,
+        e: e2,
         node,
         size,
         handle
@@ -3451,13 +3486,13 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         static: !0,
         i
       };
-      this.props.onResize(finalLayout, oldResizeItem, l2, placeholder, e, node), this.setState({
+      this.props.onResize(finalLayout, oldResizeItem, l2, placeholder, e2, node), this.setState({
         layout: allowOverlap ? finalLayout : (0, _utils$2.compact)(finalLayout, (0, _utils$2.compactType)(this.props), cols),
         activeDrag: placeholder
       });
     }), _defineProperty$2(this, "onResizeStop", (i, w, h, _ref6) => {
       let {
-        e,
+        e: e2,
         node
       } = _ref6;
       const {
@@ -3467,7 +3502,7 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         cols,
         allowOverlap
       } = this.props, l2 = (0, _utils$2.getLayoutItem)(layout, i), newLayout = allowOverlap ? layout : (0, _utils$2.compact)(layout, (0, _utils$2.compactType)(this.props), cols);
-      this.props.onResizeStop(newLayout, oldResizeItem, l2, null, e, node);
+      this.props.onResizeStop(newLayout, oldResizeItem, l2, null, e2, node);
       const {
         oldLayout
       } = this.state;
@@ -3478,10 +3513,10 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         oldLayout: null,
         resizing: !1
       }), this.onLayoutMaybeChanged(newLayout, oldLayout);
-    }), _defineProperty$2(this, "onDragOver", (e) => {
+    }), _defineProperty$2(this, "onDragOver", (e2) => {
       var _a15;
-      if (e.preventDefault(), e.stopPropagation(), isFirefox && // $FlowIgnore can't figure this out
-      !((_a15 = e.nativeEvent.target) != null && _a15.classList.contains(layoutClassName$1)))
+      if (e2.preventDefault(), e2.stopPropagation(), isFirefox && // $FlowIgnore can't figure this out
+      !((_a15 = e2.nativeEvent.target) != null && _a15.classList.contains(layoutClassName$1)))
         return !1;
       const {
         droppingItem,
@@ -3493,7 +3528,7 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         width: width2,
         containerPadding,
         transformScale
-      } = this.props, onDragOverResult = onDropDragOver == null ? void 0 : onDropDragOver(e);
+      } = this.props, onDragOverResult = onDropDragOver == null ? void 0 : onDropDragOver(e2);
       if (onDragOverResult === !1)
         return this.state.droppingDOMNode && this.removeDroppingPlaceholder(), !1;
       const finalDroppingItem = {
@@ -3501,10 +3536,10 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         ...onDragOverResult
       }, {
         layout
-      } = this.state, gridRect = e.currentTarget.getBoundingClientRect(), layerX = e.clientX - gridRect.left, layerY = e.clientY - gridRect.top, droppingPosition = {
+      } = this.state, gridRect = e2.currentTarget.getBoundingClientRect(), layerX = e2.clientX - gridRect.left, layerY = e2.clientY - gridRect.top, droppingPosition = {
         left: layerX / transformScale,
         top: layerY / transformScale,
-        e
+        e: e2
       };
       if (this.state.droppingDOMNode) {
         if (this.state.droppingPosition) {
@@ -3552,18 +3587,18 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         activeDrag: null,
         droppingPosition: void 0
       });
-    }), _defineProperty$2(this, "onDragLeave", (e) => {
-      e.preventDefault(), e.stopPropagation(), this.dragEnterCounter--, this.dragEnterCounter === 0 && this.removeDroppingPlaceholder();
-    }), _defineProperty$2(this, "onDragEnter", (e) => {
-      e.preventDefault(), e.stopPropagation(), this.dragEnterCounter++;
-    }), _defineProperty$2(this, "onDrop", (e) => {
-      e.preventDefault(), e.stopPropagation();
+    }), _defineProperty$2(this, "onDragLeave", (e2) => {
+      e2.preventDefault(), e2.stopPropagation(), this.dragEnterCounter--, this.dragEnterCounter === 0 && this.removeDroppingPlaceholder();
+    }), _defineProperty$2(this, "onDragEnter", (e2) => {
+      e2.preventDefault(), e2.stopPropagation(), this.dragEnterCounter++;
+    }), _defineProperty$2(this, "onDrop", (e2) => {
+      e2.preventDefault(), e2.stopPropagation();
       const {
         droppingItem
       } = this.props, {
         layout
       } = this.state, item2 = layout.find((l2) => l2.i === droppingItem.i);
-      this.dragEnterCounter = 0, this.removeDroppingPlaceholder(), this.props.onDrop(layout, item2, e);
+      this.dragEnterCounter = 0, this.removeDroppingPlaceholder(), this.props.onDrop(layout, item2, e2);
     });
   }
   componentDidMount() {
@@ -3833,25 +3868,25 @@ function _interopRequireDefault$1(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 __name(_interopRequireDefault$1, "_interopRequireDefault$1");
-function _getRequireWildcardCache$1(e) {
+function _getRequireWildcardCache$1(e2) {
   if (typeof WeakMap != "function") return null;
-  var r = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache$1 = /* @__PURE__ */ __name(function(e2) {
-    return e2 ? t : r;
-  }, "_getRequireWildcardCache$1"))(e);
+  var r2 = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache$1 = /* @__PURE__ */ __name(function(e3) {
+    return e3 ? t : r2;
+  }, "_getRequireWildcardCache$1"))(e2);
 }
 __name(_getRequireWildcardCache$1, "_getRequireWildcardCache$1");
-function _interopRequireWildcard$1(e, r) {
-  if (e && e.__esModule) return e;
-  if (e === null || typeof e != "object" && typeof e != "function") return { default: e };
-  var t = _getRequireWildcardCache$1(r);
-  if (t && t.has(e)) return t.get(e);
+function _interopRequireWildcard$1(e2, r2) {
+  if (e2 && e2.__esModule) return e2;
+  if (e2 === null || typeof e2 != "object" && typeof e2 != "function") return { default: e2 };
+  var t = _getRequireWildcardCache$1(r2);
+  if (t && t.has(e2)) return t.get(e2);
   var n2 = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if (u !== "default" && Object.prototype.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n2, u, i) : n2[u] = e[u];
+  for (var u in e2) if (u !== "default" && Object.prototype.hasOwnProperty.call(e2, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e2, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n2, u, i) : n2[u] = e2[u];
   }
-  return n2.default = e, t && t.set(e, n2), n2;
+  return n2.default = e2, t && t.set(e2, n2), n2;
 }
 __name(_interopRequireWildcard$1, "_interopRequireWildcard$1");
 function _extends$1() {
@@ -4360,30 +4395,30 @@ Object.defineProperty(WidthProvider, "__esModule", {
   value: !0
 });
 WidthProvider.default = WidthProvideRGL;
-var React = _interopRequireWildcard(require$$0), _propTypes = _interopRequireDefault(propTypesExports), _resizeObserverPolyfill = _interopRequireDefault(require$$2), _clsx = _interopRequireDefault(cl);
+var React = _interopRequireWildcard(require$$0), _propTypes = _interopRequireDefault(propTypesExports), _resizeObserverPolyfill = _interopRequireDefault(require$$2), _clsx = _interopRequireDefault(clsxExports);
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 __name(_interopRequireDefault, "_interopRequireDefault");
-function _getRequireWildcardCache(e) {
+function _getRequireWildcardCache(e2) {
   if (typeof WeakMap != "function") return null;
-  var r = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = /* @__PURE__ */ __name(function(e2) {
-    return e2 ? t : r;
-  }, "_getRequireWildcardCache"))(e);
+  var r2 = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache = /* @__PURE__ */ __name(function(e3) {
+    return e3 ? t : r2;
+  }, "_getRequireWildcardCache"))(e2);
 }
 __name(_getRequireWildcardCache, "_getRequireWildcardCache");
-function _interopRequireWildcard(e, r) {
-  if (e && e.__esModule) return e;
-  if (e === null || typeof e != "object" && typeof e != "function") return { default: e };
-  var t = _getRequireWildcardCache(r);
-  if (t && t.has(e)) return t.get(e);
+function _interopRequireWildcard(e2, r2) {
+  if (e2 && e2.__esModule) return e2;
+  if (e2 === null || typeof e2 != "object" && typeof e2 != "function") return { default: e2 };
+  var t = _getRequireWildcardCache(r2);
+  if (t && t.has(e2)) return t.get(e2);
   var n2 = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if (u !== "default" && Object.prototype.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n2, u, i) : n2[u] = e[u];
+  for (var u in e2) if (u !== "default" && Object.prototype.hasOwnProperty.call(e2, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e2, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n2, u, i) : n2[u] = e2[u];
   }
-  return n2.default = e, t && t.set(e, n2), n2;
+  return n2.default = e2, t && t.set(e2, n2), n2;
 }
 __name(_interopRequireWildcard, "_interopRequireWildcard");
 function _extends() {
@@ -4532,7 +4567,7 @@ const GridLayout = /* @__PURE__ */ getDefaultExportFromCjs(reactGridLayoutExport
     case CFRuleType.iconSet:
       return iconSet2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.cfPreview, children: iconSet2.map((base64, index2) => base64 ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { style: { height: "100%" }, src: base64 }, index2) : /* @__PURE__ */ jsxRuntimeExports.jsx(SlashSingle, {}, index2)) });
     case CFRuleType.highlightCell: {
-      const { ul, st, it, bl, bg, cl: cl2 } = rule.style, isUnderline = (ul == null ? void 0 : ul.s) === BooleanNumber.TRUE, isStrikethrough = (st == null ? void 0 : st.s) === BooleanNumber.TRUE, isItalic = it === BooleanNumber.TRUE, isBold = bl === BooleanNumber.TRUE, bgColor = (_a15 = bg == null ? void 0 : bg.rgb) != null ? _a15 : DEFAULT_BG_COLOR, fontColor = (_b = cl2 == null ? void 0 : cl2.rgb) != null ? _b : DEFAULT_FONT_COLOR, style = {
+      const { ul, st, it, bl, bg, cl } = rule.style, isUnderline = (ul == null ? void 0 : ul.s) === BooleanNumber.TRUE, isStrikethrough = (st == null ? void 0 : st.s) === BooleanNumber.TRUE, isItalic = it === BooleanNumber.TRUE, isBold = bl === BooleanNumber.TRUE, bgColor = (_a15 = bg == null ? void 0 : bg.rgb) != null ? _a15 : DEFAULT_BG_COLOR, fontColor = (_b = cl == null ? void 0 : cl.rgb) != null ? _b : DEFAULT_FONT_COLOR, style = {
         fontWeight: isBold ? "bold" : void 0,
         fontStyle: isItalic ? "italic" : void 0,
         textDecoration: `${isUnderline ? "underline" : ""} ${isStrikethrough ? "line-through" : ""}`.replace(/^ /, "") || void 0,
@@ -4630,7 +4665,7 @@ const cfRuleList = "univer-cf-rule-list", ruleSelector = "univer-rule-selector",
           return localeService.t("sheet.cf.subRuleType.uniqueValues");
         case CFSubRuleType.number: {
           const operator = ruleConfig.operator;
-          return localeService.t(`sheet.cf.preview.describe.${operator}`, ...Array.isArray(ruleConfig.value) ? ruleConfig.value.map((e) => String(e)) : [String(ruleConfig.value || "")]);
+          return localeService.t(`sheet.cf.preview.describe.${operator}`, ...Array.isArray(ruleConfig.value) ? ruleConfig.value.map((e2) => String(e2)) : [String(ruleConfig.value || "")]);
         }
         case CFSubRuleType.text: {
           const operator = ruleConfig.operator;
@@ -4709,8 +4744,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
         }, 150);
         const clearTime = /* @__PURE__ */ __name(() => {
           time && clearTimeout(time), time = null;
-        }, "clearTime"), handle = /* @__PURE__ */ __name((e) => {
-          e.propertyName === "width" && (clearTime(), subscribe.next());
+        }, "clearTime"), handle = /* @__PURE__ */ __name((e2) => {
+          e2.propertyName === "width" && (clearTime(), subscribe.next());
         }, "handle");
         return targetElement.addEventListener("transitionend", handle), () => {
           clearTime(), targetElement.removeEventListener("transitionend", handle);
@@ -4801,7 +4836,7 @@ const RuleList = /* @__PURE__ */ __name((props) => {
                 "div",
                 {
                   className: `${styles$3.draggableHandle} draggableHandle`,
-                  onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
+                  onClick: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onClick"),
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {})
                 }
               ),
@@ -4814,8 +4849,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
                 "div",
                 {
                   className: `${styles$3.deleteItem} ${draggingId === index2 ? styles$3.active : ""}`,
-                  onClick: /* @__PURE__ */ __name((e) => {
-                    e.stopPropagation(), handleDelete(rule), currentRuleRangesSet([]);
+                  onClick: /* @__PURE__ */ __name((e2) => {
+                    e2.stopPropagation(), handleDelete(rule), currentRuleRangesSet([]);
                   }, "onClick"),
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteSingle, {})
                 }
@@ -5306,7 +5341,23 @@ const RuleList = /* @__PURE__ */ __name((props) => {
       ] })
     ] })
   ] });
-}, "DataBarStyleEditor"), cfStyleEdit = "univer-cf-style-edit", buttonItem = "univer-button-item", isActive = "univer-isActive", styles = {
+}, "DataBarStyleEditor");
+function r(e2) {
+  var t, f2, n2 = "";
+  if (typeof e2 == "string" || typeof e2 == "number") n2 += e2;
+  else if (typeof e2 == "object") if (Array.isArray(e2)) {
+    var o = e2.length;
+    for (t = 0; t < o; t++) e2[t] && (f2 = r(e2[t])) && (n2 && (n2 += " "), n2 += f2);
+  } else for (f2 in e2) e2[f2] && (n2 && (n2 += " "), n2 += f2);
+  return n2;
+}
+__name(r, "r");
+function clsx() {
+  for (var e2, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e2 = arguments[f2]) && (t = r(e2)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(clsx, "clsx");
+const cfStyleEdit = "univer-cf-style-edit", buttonItem = "univer-button-item", isActive = "univer-isActive", styles = {
   cfStyleEdit,
   buttonItem,
   isActive
@@ -5339,10 +5390,10 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     };
     fontColor !== void 0 && (resultStyle.cl = { rgb: fontColor }), bgColor !== void 0 && (resultStyle.bg = { rgb: bgColor }), isStrikethrough !== void 0 && (resultStyle.st = { s: isStrikethrough }), isUnderline !== void 0 && (resultStyle.ul = { s: isUnderline }), onChange(removeUndefinedAttr(resultStyle));
   }, [isBold, isItalic, isUnderline, isStrikethrough, fontColor, bgColor]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${styles.cfStyleEdit} ${className}`, children: [
-    BoldSingleIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cl({ [styles.isActive]: getBooleanFromNumber(isBold || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isBoldSet(getAnotherBooleanNumber(isBold)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(BoldSingleIcon, {}) }),
-    ItalicSingleIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cl({ [styles.isActive]: getBooleanFromNumber(isItalic || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isItalicSet(getAnotherBooleanNumber(isItalic)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItalicSingleIcon, {}) }),
-    UnderlineSingleIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cl({ [styles.isActive]: getBooleanFromNumber(isUnderline || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isUnderlineSet(getAnotherBooleanNumber(isUnderline)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnderlineSingleIcon, {}) }),
-    StrikethroughSingle && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cl({ [styles.isActive]: getBooleanFromNumber(isStrikethrough || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isStrikethroughSet(getAnotherBooleanNumber(isStrikethrough)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(StrikethroughSingle, {}) }),
+    BoldSingleIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx({ [styles.isActive]: getBooleanFromNumber(isBold || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isBoldSet(getAnotherBooleanNumber(isBold)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(BoldSingleIcon, {}) }),
+    ItalicSingleIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx({ [styles.isActive]: getBooleanFromNumber(isItalic || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isItalicSet(getAnotherBooleanNumber(isItalic)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItalicSingleIcon, {}) }),
+    UnderlineSingleIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx({ [styles.isActive]: getBooleanFromNumber(isUnderline || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isUnderlineSet(getAnotherBooleanNumber(isUnderline)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnderlineSingleIcon, {}) }),
+    StrikethroughSingle && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx({ [styles.isActive]: getBooleanFromNumber(isStrikethrough || BooleanNumber.FALSE) }, styles.buttonItem), onClick: /* @__PURE__ */ __name(() => isStrikethroughSet(getAnotherBooleanNumber(isStrikethrough)), "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(StrikethroughSingle, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ColorPicker, { color: fontColor, onChange: fontColorSet, iconId: "FontColor" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ColorPicker, { color: bgColor, onChange: bgColorSet, iconId: "PaintBucket" })
   ] });
@@ -6023,7 +6074,7 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     return ranges != null && ranges.length || (ranges = (_c2 = (_b2 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _b2.map((s) => s.range)) != null ? _c2 : []), rangeResult.current = ranges, ranges != null && ranges.length ? ranges.map((range) => {
       const v = serializeRange(range);
       return v === "NaN" ? "" : v;
-    }).filter((r) => !!r).join(",") : "";
+    }).filter((r2) => !!r2).join(",") : "";
   }, [props.rule]), options = [
     { label: localeService.t("sheet.cf.ruleType.highlightCell"), value: "1" },
     { label: localeService.t("sheet.cf.panel.rankAndAverage"), value: "2" },
@@ -6092,7 +6143,7 @@ const RuleList = /* @__PURE__ */ __name((props) => {
   const onStyleChange = /* @__PURE__ */ __name((config) => {
     result.current = config;
   }, "onStyleChange"), onRangeSelectorChange = /* @__PURE__ */ __name((ranges) => {
-    rangeResult.current = ranges.map((r) => r.range);
+    rangeResult.current = ranges.map((r2) => r2.range);
   }, "onRangeSelectorChange"), handleSubmit = /* @__PURE__ */ __name(() => {
     const ranges = (/* @__PURE__ */ __name(() => {
       const worksheet = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet();
@@ -6128,7 +6179,7 @@ const RuleList = /* @__PURE__ */ __name((props) => {
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.title, children: localeService.t("sheet.cf.panel.styleType") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.mTBase, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { className: styles$1.width100, value: ruleType2, options, onChange: /* @__PURE__ */ __name((e) => ruleTypeSet(e), "onChange") }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.mTBase, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { className: styles$1.width100, value: ruleType2, options, onChange: /* @__PURE__ */ __name((e2) => ruleTypeSet(e2), "onChange") }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(StyleEditor, { interceptorManager, rule: (_c = props.rule) == null ? void 0 : _c.rule, onChange: onStyleChange }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${styles$5.mTBase} ${styles$1.btnList}`, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: handleCancel, children: localeService.t("sheet.cf.panel.cancel") }),