@univerjs/sheets-conditional-formatting-ui 0.1.9 → 0.1.11

package/lib/es/index.js

@@ -1,20 +1,20 @@
-var za = Object.defineProperty;
-var Va = (e, t, n) => t in e ? za(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var dt = (e, t, n) => (Va(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { CommandType as Ce, ICommandService as de, IUniverInstanceService as ne, IUndoRedoService as Wt, ObjectMatrix as zt, Range as ot, sequenceExecute as li, LocaleService as $e, UniverInstanceType as X, Rectangle as Ht, ColorKit as ci, BooleanNumber as Le, Disposable as it, OnLifecycle as at, LifecycleStages as st, createInterceptorKey as ui, createInternalEditorID as hn, Tools as di, InterceptorManager as Ha, DisposableCollection as ka, toDisposable as br, Plugin as Wa } from "@univerjs/core";
-import { Inject as B, Injector as At } from "@wendellhu/redi";
-import { ConditionalFormattingRuleModel as ue, CFRuleType as j, CFSubRuleType as $, AddConditionalRuleMutation as Oe, CFNumberOperator as H, setConditionalRuleMutationUndoFactory as Ft, SetConditionalRuleMutation as Je, DeleteConditionalRuleMutationUndoFactory as Ut, DeleteConditionalRuleMutation as Qe, MoveConditionalRuleMutation as Pn, transformSupportSymmetryAnchor as Aa, MoveConditionalRuleMutationUndoFactory as Fa, getColorScaleFromValue as Ua, iconMap as bt, DEFAULT_BG_COLOR as qa, DEFAULT_FONT_COLOR as Ba, AddConditionalRuleMutationUndoFactory as fi, CFValueType as A, createDefaultValueByValueType as sn, SHEET_CONDITIONAL_FORMATTING_PLUGIN as lt, removeUndefinedAttr as Ga, createDefaultValue as Sr, CFTextOperator as te, CFTimePeriodOperator as Ue, iconGroup as Xa, getOppositeOperator as Cr, compareWithNumber as Ya, EMPTY_ICON_TYPE as Ka, createDefaultRule as ft, DEFAULT_PADDING as Za, DEFAULT_WIDTH as Ja, ConditionalFormattingService as hi, ConditionalFormattingViewModel as Lr, dataBarUKey as Qa, DataBar as es, IconUKey as ts, ConditionalFormattingIcon as ns, isRangesEqual as rs, getStringFromDataStream as os, SheetsConditionalFormattingPlugin as xo } from "@univerjs/sheets-conditional-formatting";
-import { getSheetCommandTarget as _e, SelectionManagerService as qt, findAllRectangle as zr, createTopMatrixFromMatrix as Vr, SetWorksheetActiveOperation as Hr, SetSelectionsOperation as is, RemoveSheetMutation as as, setEndForRange as ss, INTERCEPTOR_POINT as ls, SheetInterceptorService as pi, RefRangeService as cs, handleDefaultRangeChangeWithEffectRefCommands as us, ClearSelectionFormatCommand as ds, ClearSelectionAllCommand as fs, RangeMergeUtil as hs } from "@univerjs/sheets";
-import { MenuItemType as ps, MenuGroup as gs, MenuPosition as ms, getMenuHiddenObservable as vs, ComponentManager as kr, TextEditor as zn, RangeSelector as ys, IMenuService as bs, ISidebarService as Ss } from "@univerjs/ui";
-import { Observable as nt, merge as wr, debounceTime as Ro } from "rxjs";
+var Va = Object.defineProperty;
+var za = (e, t, n) => t in e ? Va(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var et = (e, t, n) => (za(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { CommandType as Ce, ICommandService as de, IUniverInstanceService as ne, IUndoRedoService as At, ObjectMatrix as zt, Range as it, sequenceExecute as li, LocaleService as $e, UniverInstanceType as X, Rectangle as Ht, ColorKit as ci, BooleanNumber as Le, Disposable as at, OnLifecycle as st, LifecycleStages as lt, createInterceptorKey as ui, createInternalEditorID as hn, Tools as di, InterceptorManager as ka, DisposableCollection as Ha, toDisposable as br, Plugin as Wa } from "@univerjs/core";
+import { Inject as B, Injector as Ft } from "@wendellhu/redi";
+import { ConditionalFormattingRuleModel as ue, CFRuleType as j, CFSubRuleType as $, AddConditionalRuleMutation as Oe, CFNumberOperator as k, setConditionalRuleMutationUndoFactory as qt, SetConditionalRuleMutation as Je, DeleteConditionalRuleMutationUndoFactory as Ut, DeleteConditionalRuleMutation as Qe, MoveConditionalRuleMutation as Dn, transformSupportSymmetryAnchor as Aa, MoveConditionalRuleMutationUndoFactory as Fa, getColorScaleFromValue as qa, iconMap as bt, DEFAULT_BG_COLOR as Ua, DEFAULT_FONT_COLOR as Ba, AddConditionalRuleMutationUndoFactory as fi, CFValueType as A, createDefaultValueByValueType as sn, SHEET_CONDITIONAL_FORMATTING_PLUGIN as ct, removeUndefinedAttr as Ga, createDefaultValue as Sr, CFTextOperator as te, CFTimePeriodOperator as qe, iconGroup as Xa, getOppositeOperator as Cr, compareWithNumber as Ya, EMPTY_ICON_TYPE as Ka, createDefaultRule as ft, DEFAULT_PADDING as Za, DEFAULT_WIDTH as Ja, ConditionalFormattingService as hi, ConditionalFormattingViewModel as Lr, dataBarUKey as Qa, DataBar as es, IconUKey as ts, ConditionalFormattingIcon as ns, isRangesEqual as rs, getStringFromDataStream as os, SheetsConditionalFormattingPlugin as xo } from "@univerjs/sheets-conditional-formatting";
+import { getSheetCommandTarget as _e, SelectionManagerService as Bt, findAllRectangle as Vr, createTopMatrixFromMatrix as zr, SetWorksheetActiveOperation as kr, SetSelectionsOperation as is, RemoveSheetMutation as as, setEndForRange as ss, INTERCEPTOR_POINT as ls, SheetInterceptorService as pi, RefRangeService as cs, handleDefaultRangeChangeWithEffectRefCommands as us, ClearSelectionFormatCommand as ds, ClearSelectionAllCommand as fs, RangeMergeUtil as hs } from "@univerjs/sheets";
+import { MenuItemType as ps, MenuGroup as gs, MenuPosition as ms, getMenuHiddenObservable as vs, ComponentManager as Hr, TextEditor as Vn, RangeSelector as ys, IMenuService as bs, ISidebarService as Ss } from "@univerjs/ui";
+import { Observable as rt, merge as wr, debounceTime as Ro } from "rxjs";
 import { debounceTime as To, bufferTime as rr, filter as or, map as Cs, distinctUntilChanged as ws, switchMap as _s } from "rxjs/operators";
-import Ve, { forwardRef as Rt, useRef as un, createElement as Tt, useMemo as ve, useEffect as me, useState as N } from "react";
-import { Select as ze, Tooltip as Io, Dropdown as Wr, ColorPicker as xs, InputNumber as St, RadioGroup as Rs, Radio as Eo, Checkbox as Dn, Input as Ts, Button as Oo } from "@univerjs/design";
+import ze, { forwardRef as Rt, useRef as un, createElement as Tt, useMemo as ve, useEffect as me, useState as N } from "react";
+import { Select as Ve, Tooltip as Io, Dropdown as Wr, ColorPicker as xs, InputNumber as St, RadioGroup as Rs, Radio as Eo, Checkbox as Pn, Input as Ts, Button as Oo } from "@univerjs/design";
 import { useDependency as oe } from "@wendellhu/redi/react-bindings";
 import { serializeRange as gi } from "@univerjs/engine-formula";
-import rt from "clsx";
+import ot from "clsx";
 import mi from "react-dom";
-import { IMarkSelectionService as Is, SheetSkeletonManagerService as vi, COPY_TYPE as Po, rangeToDiscreteRange as Es, PREDEFINED_HOOK_NAME as ir, virtualizeDiscreteRanges as yi, getRepeatRange as Os, ISheetClipboardService as Ps, IAutoFillService as Ds, APPLY_TYPE as ar, getAutoFillRepeatRange as Ms, IEditorBridgeService as $s } from "@univerjs/sheets-ui";
+import { IMarkSelectionService as Is, SheetSkeletonManagerService as vi, COPY_TYPE as Do, rangeToDiscreteRange as Es, PREDEFINED_HOOK_NAME as ir, virtualizeDiscreteRanges as yi, getRepeatRange as Os, ISheetClipboardService as Ds, IAutoFillService as Ps, APPLY_TYPE as ar, getAutoFillRepeatRange as Ms, IEditorBridgeService as $s } from "@univerjs/sheets-ui";
 import { IRenderManagerService as Ns } from "@univerjs/engine-render";
 const js = {
   type: Ce.COMMAND,
@@ -58,7 +58,7 @@ const js = {
     };
     return a.executeCommand(Oe.id, { unitId: c, subUnitId: u, rule: d });
   }
-}, zs = {
+}, Vs = {
   type: Ce.COMMAND,
   id: "sheet.command.add-data-bar-conditional-rule",
   handler(e, t) {
@@ -85,7 +85,7 @@ const js = {
     };
     return b.executeCommand(Oe.id, { unitId: g, subUnitId: m, rule: w });
   }
-}, Vs = {
+}, zs = {
   type: Ce.COMMAND,
   id: "sheet.command.add-duplicate-values-conditional-rule",
   handler(e, t) {
@@ -106,7 +106,7 @@ const js = {
     };
     return a.executeCommand(Oe.id, { unitId: c, subUnitId: u, rule: d });
   }
-}, Hs = {
+}, ks = {
   type: Ce.COMMAND,
   id: "sheet.command.add-number-conditional-rule",
   handler(e, t) {
@@ -117,7 +117,7 @@ const js = {
       return !1;
     const { unitId: h, subUnitId: d } = u, g = l.createCfId(h, d);
     let m;
-    if ([H.between, H.notBetween].includes(i)) {
+    if ([k.between, k.notBetween].includes(i)) {
       const b = a;
       if (b.length !== 2 || !Array.isArray(b))
         return !1;
@@ -152,7 +152,7 @@ const js = {
     }
     return s.executeCommand(Oe.id, { unitId: h, subUnitId: d, rule: m });
   }
-}, ks = {
+}, Hs = {
   type: Ce.COMMAND,
   id: "sheet.command.add-rank-conditional-rule",
   handler(e, t) {
@@ -249,7 +249,7 @@ const js = {
     var b;
     if (!t)
       return !1;
-    const n = e.get(ue), r = e.get(ne), o = e.get(de), i = e.get(Wt), a = e.get(qt), l = _e(r, t);
+    const n = e.get(ue), r = e.get(ne), o = e.get(de), i = e.get(At), a = e.get(Bt), l = _e(r, t);
     if (!l)
       return !1;
     const { unitId: s, subUnitId: c } = l, u = ((b = a.getSelections()) == null ? void 0 : b.map((x) => x.range)) || [], h = n.getSubunitRules(s, c);
@@ -259,17 +259,17 @@ const js = {
     h.forEach((x) => {
       const w = new zt();
       x.ranges.forEach((v) => {
-        ot.foreach(v, (C, p) => {
+        it.foreach(v, (C, p) => {
           w.setValue(C, p, 1);
         });
       }), u.forEach((v) => {
-        ot.foreach(v, (C, p) => {
+        it.foreach(v, (C, p) => {
           w.realDeleteValue(C, p);
         });
       });
-      const y = zr(Vr(w));
+      const y = Vr(zr(w));
       if (y.length) {
-        const v = { ...x, ranges: y }, C = { unitId: s, subUnitId: c, rule: v }, p = Ft(e, C);
+        const v = { ...x, ranges: y }, C = { unitId: s, subUnitId: c, rule: v }, p = qt(e, C);
         d.push({ id: Je.id, params: C }), g.push(...p);
       } else {
         const v = { unitId: s, subUnitId: c, cfId: x.cfId }, C = Ut(e, v);
@@ -287,7 +287,7 @@ const js = {
   type: Ce.COMMAND,
   id: "sheet.command.clear-worksheet-conditional-rule",
   handler(e, t) {
-    const n = e.get(ue), r = e.get(ne), o = e.get(de), i = e.get(Wt), a = _e(r, t);
+    const n = e.get(ue), r = e.get(ne), o = e.get(de), i = e.get(At), a = _e(r, t);
     if (!a)
       return !1;
     const { unitId: l, subUnitId: s } = a, c = n.getSubunitRules(l, s);
@@ -310,7 +310,7 @@ var je = function() {
     }
     return e;
   }, je.apply(this, arguments);
-}, Us = function(e, t) {
+}, qs = function(e, t) {
   var n = {};
   for (var r in e)
     Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
@@ -319,15 +319,15 @@ var je = function() {
       t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
   return n;
 }, It = Rt(function(e, t) {
-  var n = e.icon, r = e.id, o = e.className, i = e.extend, a = Us(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(r, " ").concat(o || "").trim(), s = un("_".concat(Gs()));
+  var n = e.icon, r = e.id, o = e.className, i = e.extend, a = qs(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(r, " ").concat(o || "").trim(), s = un("_".concat(Gs()));
   return Si(n, "".concat(r), { defIds: n.defIds, idSuffix: s.current }, je({ ref: t, className: l }, a), i);
 });
 function Si(e, t, n, r, o) {
-  return Tt(e.tag, je(je({ key: t }, qs(e, n, o)), r), (Bs(e, n).children || []).map(function(i, a) {
+  return Tt(e.tag, je(je({ key: t }, Us(e, n, o)), r), (Bs(e, n).children || []).map(function(i, a) {
     return Si(i, "".concat(t, "-").concat(e.tag, "-").concat(a), n, void 0, o);
   }));
 }
-function qs(e, t, n) {
+function Us(e, t, n) {
   var r = je({}, e.attrs);
   n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
   var o = t.defIds;
@@ -399,16 +399,16 @@ var nl = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em"
   }));
 });
 Ti.displayName = "SlashSingle";
-const Vn = Ti, Do = [Hr.id, Oe.id, Je.id, Qe.id, Pn.id], rl = (e) => {
+const zn = Ti, Po = [kr.id, Oe.id, Je.id, Qe.id, Dn.id], rl = (e) => {
   const t = "conditional-formatting-menu-icon";
   return e.register(t, Ys), (n) => {
-    const r = n.get($e), o = n.get(qt), i = n.get(de), a = n.get(ne), l = n.get(ue), s = new nt((h) => wr(
+    const r = n.get($e), o = n.get(Bt), i = n.get(de), a = n.get(ne), l = n.get(ue), s = new rt((h) => wr(
       o.selectionMoveEnd$,
-      new nt((d) => {
+      new rt((d) => {
         const g = i.onCommandExecuted((m) => {
           var y;
           const { id: b, params: x } = m, w = (y = a.getCurrentUnitForType(X.UNIVER_SHEET)) == null ? void 0 : y.getUnitId();
-          Do.includes(b) && x.unitId === w && d.next(null);
+          Po.includes(b) && x.unitId === w && d.next(null);
         });
         return () => g.dispose();
       })
@@ -419,14 +419,14 @@ const Vn = Ti, Do = [Hr.id, Oe.id, Je.id, Qe.id, Pn.id], rl = (e) => {
         return;
       const b = (l.getSubunitRules(g.getUnitId(), g.getActiveSheet().getSheetId()) || []).filter((w) => w.ranges.some((y) => d.some((v) => Ht.intersects(v, y))));
       h.next(!!b.length);
-    })), c = new nt(
+    })), c = new rt(
       (h) => wr(
         o.selectionMoveEnd$,
-        new nt((d) => {
+        new rt((d) => {
           const g = i.onCommandExecuted((m) => {
             var y;
             const { id: b, params: x } = m, w = (y = a.getCurrentUnitForType(X.UNIVER_SHEET)) == null ? void 0 : y.getUnitId();
-            Do.includes(b) && x.unitId === w && d.next(null);
+            Po.includes(b) && x.unitId === w && d.next(null);
           });
           return () => g.dispose();
         })
@@ -437,13 +437,13 @@ const Vn = Ti, Do = [Hr.id, Oe.id, Je.id, Qe.id, Pn.id], rl = (e) => {
         const g = l.getSubunitRules(d.getUnitId(), d.getActiveSheet().getSheetId()) || [];
         h.next(!!g.length);
       })
-    ), u = new nt((h) => {
+    ), u = new rt((h) => {
       const d = ol(r);
       s.subscribe((g) => {
-        const m = d.find((b) => b.value === De.clearRangeRules);
+        const m = d.find((b) => b.value === Pe.clearRangeRules);
         m && (m.disabled = !g, h.next(d));
       }), c.subscribe((g) => {
-        const m = d.find((b) => b.value === De.clearWorkSheetRules);
+        const m = d.find((b) => b.value === Pe.clearWorkSheetRules);
         m && (m.disabled = !g, h.next(d));
       }), h.next(d);
     });
@@ -463,49 +463,49 @@ function ol(e) {
   return [
     {
       label: e.t("sheet.cf.ruleType.highlightCell"),
-      value: De.highlightCell
+      value: Pe.highlightCell
     },
     {
       label: e.t("sheet.cf.panel.rankAndAverage"),
-      value: De.rank
+      value: Pe.rank
     },
     {
       label: e.t("sheet.cf.ruleType.formula"),
-      value: De.formula
+      value: Pe.formula
     },
     {
       label: e.t("sheet.cf.ruleType.colorScale"),
-      value: De.colorScale
+      value: Pe.colorScale
     },
     {
       label: e.t("sheet.cf.ruleType.dataBar"),
-      value: De.dataBar
+      value: Pe.dataBar
     },
     {
       label: e.t("sheet.cf.ruleType.iconSet"),
-      value: De.icon
+      value: Pe.icon
     },
     {
       label: e.t("sheet.cf.menu.manageConditionalFormatting"),
-      value: De.viewRule
+      value: Pe.viewRule
     },
     {
       label: e.t("sheet.cf.menu.createConditionalFormatting"),
-      value: De.createRule
+      value: Pe.createRule
     },
     {
       label: e.t("sheet.cf.menu.clearRangeRules"),
-      value: De.clearRangeRules,
+      value: Pe.clearRangeRules,
       disabled: !1
     },
     {
       label: e.t("sheet.cf.menu.clearWorkSheetRules"),
-      value: De.clearWorkSheetRules
+      value: Pe.clearWorkSheetRules
     }
   ];
 }
 var Ke = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ur(e) {
+function qr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 function il(e) {
@@ -529,7 +529,7 @@ function il(e) {
     });
   }), n;
 }
-var Ii = { exports: {} }, Hn = {};
+var Ii = { exports: {} }, kn = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -539,7 +539,7 @@ var Ii = { exports: {} }, Hn = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var al = Ve, sl = Symbol.for("react.element"), ll = Symbol.for("react.fragment"), cl = Object.prototype.hasOwnProperty, ul = al.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, dl = { key: !0, ref: !0, __self: !0, __source: !0 };
+var al = ze, sl = Symbol.for("react.element"), ll = Symbol.for("react.fragment"), cl = Object.prototype.hasOwnProperty, ul = al.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, dl = { key: !0, ref: !0, __self: !0, __source: !0 };
 function Ei(e, t, n) {
   var r, o = {}, i = null, a = null;
   n !== void 0 && (i = "" + n), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (a = t.ref);
@@ -550,10 +550,10 @@ function Ei(e, t, n) {
       o[r] === void 0 && (o[r] = t[r]);
   return { $$typeof: sl, type: e, key: i, ref: a, props: o, _owner: ul.current };
 }
-Hn.Fragment = ll;
-Hn.jsx = Ei;
-Hn.jsxs = Ei;
-Ii.exports = Hn;
+kn.Fragment = ll;
+kn.jsx = Ei;
+kn.jsxs = Ei;
+Ii.exports = kn;
 var f = Ii.exports;
 const fl = "univer-conditional-formatting-wrap", hl = "univer-cf-rule-item", pl = "univer-preview", gl = "univer-create-rule", ml = "univer-button", vl = "univer-title", yl = "univer-label", bl = "univer-label-container", Sl = "univer-input-width", Cl = "univer-m-t-base", wl = "univer-m-t-sm", _l = "univer-m-t-xl", xl = "univer-m-l-sm", Rl = "univer-m-l-xl", Tl = "univer-m-l-xxs", Il = "univer-m-l-0", El = "univer-m-r-0", E = {
   conditionalFormattingWrap: fl,
@@ -579,43 +579,43 @@ var Oi = { exports: {} }, pn = {}, _r = { exports: {} };
   (function(n, r) {
     r(t);
   })(Ke, function(n) {
-    function r(P) {
+    function r(D) {
       return function(Q, K, Z, se, pe, Ne, le) {
-        return P(Q, K, le);
+        return D(Q, K, le);
       };
     }
-    function o(P) {
+    function o(D) {
       return function(Q, K, Z, se) {
         if (!Q || !K || typeof Q != "object" || typeof K != "object")
-          return P(Q, K, Z, se);
+          return D(Q, K, Z, se);
         var pe = se.get(Q), Ne = se.get(K);
         if (pe && Ne)
           return pe === K && Ne === Q;
         se.set(Q, K), se.set(K, Q);
-        var le = P(Q, K, Z, se);
+        var le = D(Q, K, Z, se);
         return se.delete(Q), se.delete(K), le;
       };
     }
-    function i(P, k) {
+    function i(D, H) {
       var Q = {};
-      for (var K in P)
-        Q[K] = P[K];
-      for (var K in k)
-        Q[K] = k[K];
+      for (var K in D)
+        Q[K] = D[K];
+      for (var K in H)
+        Q[K] = H[K];
       return Q;
     }
-    function a(P) {
-      return P.constructor === Object || P.constructor == null;
+    function a(D) {
+      return D.constructor === Object || D.constructor == null;
     }
-    function l(P) {
-      return typeof P.then == "function";
+    function l(D) {
+      return typeof D.then == "function";
     }
-    function s(P, k) {
-      return P === k || P !== P && k !== k;
+    function s(D, H) {
+      return D === H || D !== D && H !== H;
     }
     var c = "[object Arguments]", u = "[object Boolean]", h = "[object Date]", d = "[object RegExp]", g = "[object Map]", m = "[object Number]", b = "[object Object]", x = "[object Set]", w = "[object String]", y = Object.prototype.toString;
-    function v(P) {
-      var k = P.areArraysEqual, Q = P.areDatesEqual, K = P.areMapsEqual, Z = P.areObjectsEqual, se = P.areRegExpsEqual, pe = P.areSetsEqual, Ne = P.createIsNestedEqual, le = Ne(We);
+    function v(D) {
+      var H = D.areArraysEqual, Q = D.areDatesEqual, K = D.areMapsEqual, Z = D.areObjectsEqual, se = D.areRegExpsEqual, pe = D.areSetsEqual, Ne = D.createIsNestedEqual, le = Ne(We);
       function We(ie, ce, Ae) {
         if (ie === ce)
           return !0;
@@ -625,73 +625,73 @@ var Oi = { exports: {} }, pn = {}, _r = { exports: {} };
           return Z(ie, ce, le, Ae);
         var wo = Array.isArray(ie), _o = Array.isArray(ce);
         if (wo || _o)
-          return wo === _o && k(ie, ce, le, Ae);
+          return wo === _o && H(ie, ce, le, Ae);
         var Fe = y.call(ie);
         return Fe !== y.call(ce) ? !1 : Fe === h ? Q(ie, ce, le, Ae) : Fe === d ? se(ie, ce, le, Ae) : Fe === g ? K(ie, ce, le, Ae) : Fe === x ? pe(ie, ce, le, Ae) : Fe === b || Fe === c ? l(ie) || l(ce) ? !1 : Z(ie, ce, le, Ae) : Fe === u || Fe === m || Fe === w ? s(ie.valueOf(), ce.valueOf()) : !1;
       }
       return We;
     }
-    function C(P, k, Q, K) {
-      var Z = P.length;
-      if (k.length !== Z)
+    function C(D, H, Q, K) {
+      var Z = D.length;
+      if (H.length !== Z)
         return !1;
       for (; Z-- > 0; )
-        if (!Q(P[Z], k[Z], Z, Z, P, k, K))
+        if (!Q(D[Z], H[Z], Z, Z, D, H, K))
           return !1;
       return !0;
     }
     var p = o(C);
-    function R(P, k) {
-      return s(P.valueOf(), k.valueOf());
+    function R(D, H) {
+      return s(D.valueOf(), H.valueOf());
     }
-    function I(P, k, Q, K) {
-      var Z = P.size === k.size;
+    function I(D, H, Q, K) {
+      var Z = D.size === H.size;
       if (!Z)
         return !1;
-      if (!P.size)
+      if (!D.size)
         return !0;
       var se = {}, pe = 0;
-      return P.forEach(function(Ne, le) {
+      return D.forEach(function(Ne, le) {
         if (Z) {
           var We = !1, ie = 0;
-          k.forEach(function(ce, Ae) {
-            !We && !se[ie] && (We = Q(le, Ae, pe, ie, P, k, K) && Q(Ne, ce, le, Ae, P, k, K)) && (se[ie] = !0), ie++;
+          H.forEach(function(ce, Ae) {
+            !We && !se[ie] && (We = Q(le, Ae, pe, ie, D, H, K) && Q(Ne, ce, le, Ae, D, H, K)) && (se[ie] = !0), ie++;
           }), pe++, Z = We;
         }
       }), Z;
     }
-    var _ = o(I), D = "_owner", M = Object.prototype.hasOwnProperty;
-    function L(P, k, Q, K) {
-      var Z = Object.keys(P), se = Z.length;
-      if (Object.keys(k).length !== se)
+    var _ = o(I), P = "_owner", M = Object.prototype.hasOwnProperty;
+    function L(D, H, Q, K) {
+      var Z = Object.keys(D), se = Z.length;
+      if (Object.keys(H).length !== se)
         return !1;
       for (var pe; se-- > 0; ) {
-        if (pe = Z[se], pe === D) {
-          var Ne = !!P.$$typeof, le = !!k.$$typeof;
+        if (pe = Z[se], pe === P) {
+          var Ne = !!D.$$typeof, le = !!H.$$typeof;
           if ((Ne || le) && Ne !== le)
             return !1;
         }
-        if (!M.call(k, pe) || !Q(P[pe], k[pe], pe, pe, P, k, K))
+        if (!M.call(H, pe) || !Q(D[pe], H[pe], pe, pe, D, H, K))
           return !1;
       }
       return !0;
     }
-    var q = o(L);
-    function S(P, k) {
-      return P.source === k.source && P.flags === k.flags;
+    var U = o(L);
+    function S(D, H) {
+      return D.source === H.source && D.flags === H.flags;
     }
-    function T(P, k, Q, K) {
-      var Z = P.size === k.size;
+    function T(D, H, Q, K) {
+      var Z = D.size === H.size;
       if (!Z)
         return !1;
-      if (!P.size)
+      if (!D.size)
         return !0;
       var se = {};
-      return P.forEach(function(pe, Ne) {
+      return D.forEach(function(pe, Ne) {
         if (Z) {
           var le = !1, We = 0;
-          k.forEach(function(ie, ce) {
-            !le && !se[We] && (le = Q(pe, ie, Ne, ce, P, k, K)) && (se[We] = !0), We++;
+          H.forEach(function(ie, ce) {
+            !le && !se[We] && (le = Q(pe, ie, Ne, ce, D, H, K)) && (se[We] = !0), We++;
           }), Z = le;
         }
       }), Z;
@@ -704,85 +704,85 @@ var Oi = { exports: {} }, pn = {}, _r = { exports: {} };
       areRegExpsEqual: S,
       areSetsEqual: T,
       createIsNestedEqual: r
-    }), z = Object.freeze({
+    }), V = Object.freeze({
       areArraysEqual: p,
       areDatesEqual: R,
       areMapsEqual: _,
-      areObjectsEqual: q,
+      areObjectsEqual: U,
       areRegExpsEqual: S,
       areSetsEqual: J,
       createIsNestedEqual: r
     }), G = v(xe);
-    function re(P, k) {
-      return G(P, k, void 0);
+    function re(D, H) {
+      return G(D, H, void 0);
     }
     var fe = v(i(xe, { createIsNestedEqual: function() {
       return s;
     } }));
-    function ye(P, k) {
-      return fe(P, k, void 0);
+    function ye(D, H) {
+      return fe(D, H, void 0);
     }
-    var Re = v(z);
-    function Te(P, k) {
-      return Re(P, k, /* @__PURE__ */ new WeakMap());
+    var Re = v(V);
+    function Te(D, H) {
+      return Re(D, H, /* @__PURE__ */ new WeakMap());
     }
-    var ke = v(i(z, {
+    var He = v(i(V, {
       createIsNestedEqual: function() {
         return s;
       }
     }));
-    function ut(P, k) {
-      return ke(P, k, /* @__PURE__ */ new WeakMap());
+    function dt(D, H) {
+      return He(D, H, /* @__PURE__ */ new WeakMap());
     }
-    function Yt(P) {
-      return v(i(xe, P(xe)));
+    function Kt(D) {
+      return v(i(xe, D(xe)));
     }
-    function La(P) {
-      var k = v(i(z, P(z)));
+    function La(D) {
+      var H = v(i(V, D(V)));
       return function(Q, K, Z) {
-        return Z === void 0 && (Z = /* @__PURE__ */ new WeakMap()), k(Q, K, Z);
+        return Z === void 0 && (Z = /* @__PURE__ */ new WeakMap()), H(Q, K, Z);
       };
     }
-    n.circularDeepEqual = Te, n.circularShallowEqual = ut, n.createCustomCircularEqual = La, n.createCustomEqual = Yt, n.deepEqual = re, n.sameValueZeroEqual = s, n.shallowEqual = ye, Object.defineProperty(n, "__esModule", { value: !0 });
+    n.circularDeepEqual = Te, n.circularShallowEqual = dt, n.createCustomCircularEqual = La, n.createCustomEqual = Kt, n.deepEqual = re, n.sameValueZeroEqual = s, n.shallowEqual = ye, Object.defineProperty(n, "__esModule", { value: !0 });
   });
 })(_r, _r.exports);
-var qr = _r.exports, U = {}, Ol = function(t, n, r) {
+var Ur = _r.exports, q = {}, Ol = function(t, n, r) {
   return t === n ? !0 : t.className === n.className && r(t.style, n.style) && t.width === n.width && t.autoSize === n.autoSize && t.cols === n.cols && t.draggableCancel === n.draggableCancel && t.draggableHandle === n.draggableHandle && r(t.verticalCompact, n.verticalCompact) && r(t.compactType, n.compactType) && r(t.layout, n.layout) && r(t.margin, n.margin) && r(t.containerPadding, n.containerPadding) && t.rowHeight === n.rowHeight && t.maxRows === n.maxRows && t.isBounded === n.isBounded && t.isDraggable === n.isDraggable && t.isResizable === n.isResizable && t.allowOverlap === n.allowOverlap && t.preventCollision === n.preventCollision && t.useCSSTransforms === n.useCSSTransforms && t.transformScale === n.transformScale && t.isDroppable === n.isDroppable && r(t.resizeHandles, n.resizeHandles) && r(t.resizeHandle, n.resizeHandle) && t.onLayoutChange === n.onLayoutChange && t.onDragStart === n.onDragStart && t.onDrag === n.onDrag && t.onDragStop === n.onDragStop && t.onResizeStart === n.onResizeStart && t.onResize === n.onResize && t.onResizeStop === n.onResizeStop && t.onDrop === n.onDrop && r(t.droppingItem, n.droppingItem) && r(t.innerRef, n.innerRef);
 };
-Object.defineProperty(U, "__esModule", {
+Object.defineProperty(q, "__esModule", {
   value: !0
 });
-U.bottom = Br;
-U.childrenEqual = Ml;
-U.cloneLayout = Pi;
-U.cloneLayoutItem = Ct;
-U.collides = kn;
-U.compact = Mi;
-U.compactItem = $i;
-U.compactType = Bl;
-U.correctBounds = Ni;
-U.fastPositionEqual = $l;
-U.fastRGLPropsEqual = void 0;
-U.getAllCollisions = ji;
-U.getFirstCollision = vt;
-U.getLayoutItem = Gr;
-U.getStatics = Xr;
-U.modifyLayout = Di;
-U.moveElement = an;
-U.moveElementAwayFromCollision = Rr;
-U.noop = void 0;
-U.perc = jl;
-U.resizeItemInDirection = Wl;
-U.setTopLeft = Fl;
-U.setTransform = Al;
-U.sortLayoutItems = eo;
-U.sortLayoutItemsByColRow = ki;
-U.sortLayoutItemsByRowCol = Hi;
-U.synchronizeLayoutWithChildren = Ul;
-U.validateLayout = ql;
-U.withLayoutItem = Dl;
-var Mo = qr, on = Pl(Ve);
-function Pl(e) {
+q.bottom = Br;
+q.childrenEqual = Ml;
+q.cloneLayout = Di;
+q.cloneLayoutItem = Ct;
+q.collides = Hn;
+q.compact = Mi;
+q.compactItem = $i;
+q.compactType = Bl;
+q.correctBounds = Ni;
+q.fastPositionEqual = $l;
+q.fastRGLPropsEqual = void 0;
+q.getAllCollisions = ji;
+q.getFirstCollision = vt;
+q.getLayoutItem = Gr;
+q.getStatics = Xr;
+q.modifyLayout = Pi;
+q.moveElement = an;
+q.moveElementAwayFromCollision = Rr;
+q.noop = void 0;
+q.perc = jl;
+q.resizeItemInDirection = Wl;
+q.setTopLeft = Fl;
+q.setTransform = Al;
+q.sortLayoutItems = eo;
+q.sortLayoutItemsByColRow = Hi;
+q.sortLayoutItemsByRowCol = ki;
+q.synchronizeLayoutWithChildren = ql;
+q.validateLayout = Ul;
+q.withLayoutItem = Pl;
+var Mo = Ur, on = Dl(ze);
+function Dl(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function Br(e) {
@@ -791,21 +791,21 @@ function Br(e) {
     n = e[r].y + e[r].h, n > t && (t = n);
   return t;
 }
-function Pi(e) {
+function Di(e) {
   const t = Array(e.length);
   for (let n = 0, r = e.length; n < r; n++)
     t[n] = Ct(e[n]);
   return t;
 }
-function Di(e, t) {
+function Pi(e, t) {
   const n = Array(e.length);
   for (let r = 0, o = e.length; r < o; r++)
     t.i === e[r].i ? n[r] = t : n[r] = e[r];
   return n;
 }
-function Dl(e, t, n) {
+function Pl(e, t, n) {
   let r = Gr(e, t);
-  return r ? (r = n(Ct(r)), e = Di(e, r), [e, r]) : [e, null];
+  return r ? (r = n(Ct(r)), e = Pi(e, r), [e, r]) : [e, null];
 }
 function Ct(e) {
   return {
@@ -830,11 +830,11 @@ function Ct(e) {
 function Ml(e, t) {
   return (0, Mo.deepEqual)(on.default.Children.map(e, (n) => n == null ? void 0 : n.key), on.default.Children.map(t, (n) => n == null ? void 0 : n.key)) && (0, Mo.deepEqual)(on.default.Children.map(e, (n) => n == null ? void 0 : n.props["data-grid"]), on.default.Children.map(t, (n) => n == null ? void 0 : n.props["data-grid"]));
 }
-U.fastRGLPropsEqual = Ol;
+q.fastRGLPropsEqual = Ol;
 function $l(e, t) {
   return e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height;
 }
-function kn(e, t) {
+function Hn(e, t) {
   return !(e.i === t.i || e.x + e.w <= t.x || e.x >= t.x + t.w || e.y + e.h <= t.y || e.y >= t.y + t.h);
 }
 function Mi(e, t, n, r) {
@@ -858,7 +858,7 @@ function xr(e, t, n, r) {
     if (!l.static) {
       if (l.y > t.y + t.h)
         break;
-      kn(t, l) && xr(e, l, n + t[o], r);
+      Hn(t, l) && xr(e, l, n + t[o], r);
     }
   }
   t[r] = n;
@@ -897,11 +897,11 @@ function Gr(e, t) {
 }
 function vt(e, t) {
   for (let n = 0, r = e.length; n < r; n++)
-    if (kn(e[n], t))
+    if (Hn(e[n], t))
       return e[n];
 }
 function ji(e, t) {
-  return e.filter((n) => kn(n, t));
+  return e.filter((n) => Hn(n, t));
 }
 function Xr(e) {
   return e.filter((t) => t.static);
@@ -916,7 +916,7 @@ function an(e, t, n, r, o, i, a, l, s) {
   (a === "vertical" && typeof r == "number" ? u >= r : a === "horizontal" && typeof n == "number" ? c >= n : !1) && (h = h.reverse());
   const g = ji(h, t), m = g.length > 0;
   if (m && s)
-    return Pi(e);
+    return Di(e);
   if (m && i)
     return `${t.i}`, t.x = c, t.y = u, t.moved = !1, e;
   for (let b = 0, x = g.length; b < x; b++) {
@@ -952,7 +952,7 @@ function Rr(e, t, n, r, o, i) {
 function jl(e) {
   return e * 100 + "%";
 }
-const Li = (e, t, n, r) => e + n > r ? t : n, zi = (e, t, n) => e < 0 ? t : n, Vi = (e) => Math.max(0, e), Yr = (e) => Math.max(0, e), Kr = (e, t, n) => {
+const Li = (e, t, n, r) => e + n > r ? t : n, Vi = (e, t, n) => e < 0 ? t : n, zi = (e) => Math.max(0, e), Yr = (e) => Math.max(0, e), Kr = (e, t, n) => {
   let {
     left: r,
     height: o,
@@ -962,7 +962,7 @@ const Li = (e, t, n, r) => e + n > r ? t : n, zi = (e, t, n) => e < 0 ? t : n, V
   return {
     left: r,
     width: i,
-    height: zi(a, e.height, o),
+    height: Vi(a, e.height, o),
     top: Yr(a)
   };
 }, Zr = (e, t, n) => {
@@ -976,7 +976,7 @@ const Li = (e, t, n, r) => e + n > r ? t : n, zi = (e, t, n) => e < 0 ? t : n, V
     top: r,
     height: i,
     width: Li(e.left, e.width, a, n),
-    left: Vi(o)
+    left: zi(o)
   };
 }, Jr = (e, t, n) => {
   let {
@@ -989,7 +989,7 @@ const Li = (e, t, n, r) => e + n > r ? t : n, zi = (e, t, n) => e < 0 ? t : n, V
     height: o,
     width: a < 0 ? e.width : Li(e.left, e.width, i, n),
     top: Yr(r),
-    left: Vi(a)
+    left: zi(a)
   };
 }, Qr = (e, t, n) => {
   let {
@@ -1001,29 +1001,29 @@ const Li = (e, t, n, r) => e + n > r ? t : n, zi = (e, t, n) => e < 0 ? t : n, V
   return {
     width: a,
     left: o,
-    height: zi(r, e.height, i),
+    height: Vi(r, e.height, i),
     top: Yr(r)
   };
 }, Ll = function() {
   return Kr(arguments.length <= 0 ? void 0 : arguments[0], Zr(...arguments));
-}, zl = function() {
-  return Kr(arguments.length <= 0 ? void 0 : arguments[0], Jr(...arguments));
 }, Vl = function() {
+  return Kr(arguments.length <= 0 ? void 0 : arguments[0], Jr(...arguments));
+}, zl = function() {
   return Qr(arguments.length <= 0 ? void 0 : arguments[0], Zr(...arguments));
-}, Hl = function() {
+}, kl = function() {
   return Qr(arguments.length <= 0 ? void 0 : arguments[0], Jr(...arguments));
-}, kl = {
+}, Hl = {
   n: Kr,
   ne: Ll,
   e: Zr,
-  se: Vl,
+  se: zl,
   s: Qr,
-  sw: Hl,
+  sw: kl,
   w: Jr,
-  nw: zl
+  nw: Vl
 };
 function Wl(e, t, n, r) {
-  const o = kl[e];
+  const o = Hl[e];
   return o ? o(t, {
     ...t,
     ...n
@@ -1064,19 +1064,19 @@ function Fl(e) {
   };
 }
 function eo(e, t) {
-  return t === "horizontal" ? ki(e) : t === "vertical" ? Hi(e) : e;
+  return t === "horizontal" ? Hi(e) : t === "vertical" ? ki(e) : e;
 }
-function Hi(e) {
+function ki(e) {
   return e.slice(0).sort(function(t, n) {
     return t.y > n.y || t.y === n.y && t.x > n.x ? 1 : t.y === n.y && t.x === n.x ? 0 : -1;
   });
 }
-function ki(e) {
+function Hi(e) {
   return e.slice(0).sort(function(t, n) {
     return t.x > n.x || t.x === n.x && t.y > n.y ? 1 : -1;
   });
 }
-function Ul(e, t, n, r, o) {
+function ql(e, t, n, r, o) {
   e = e || [];
   const i = [];
   on.default.Children.forEach(t, (l) => {
@@ -1099,7 +1099,7 @@ function Ul(e, t, n, r, o) {
   });
   return o ? a : Mi(a, r, n);
 }
-function ql(e) {
+function Ul(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout";
   const n = ["x", "y", "w", "h"];
   if (!Array.isArray(e))
@@ -1120,7 +1120,7 @@ function Bl(e) {
 }
 const Gl = () => {
 };
-U.noop = Gl;
+q.noop = Gl;
 var Be = {};
 Object.defineProperty(Be, "__esModule", {
   value: !0
@@ -1225,7 +1225,7 @@ var ec = function() {
   return n.PropTypes = n, n;
 };
 Wi.exports = ec();
-var ct = Wi.exports, Fn = { exports: {} }, Ui = {}, ae = {}, Ge = {};
+var ut = Wi.exports, Fn = { exports: {} }, qi = {}, ae = {}, Ge = {};
 Object.defineProperty(Ge, "__esModule", {
   value: !0
 });
@@ -1259,9 +1259,9 @@ Object.defineProperty(Et, "__esModule", {
 Et.browserPrefixToKey = Bi;
 Et.browserPrefixToStyle = ac;
 Et.default = void 0;
-Et.getPrefix = qi;
+Et.getPrefix = Ui;
 const lr = ["Moz", "Webkit", "O", "ms"];
-function qi() {
+function Ui() {
   var e;
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
   if (typeof window > "u")
@@ -1286,7 +1286,7 @@ function sc(e) {
     n ? (t += e[r].toUpperCase(), n = !1) : e[r] === "-" ? n = !0 : t += e[r];
   return t;
 }
-Et.default = qi();
+Et.default = Ui();
 Object.defineProperty(ae, "__esModule", {
   value: !0
 });
@@ -1464,14 +1464,14 @@ Xe.createDraggableData = Oc;
 Xe.getBoundPosition = _c;
 Xe.getControlPosition = Ic;
 Xe.snapToGrid = xc;
-var Pe = Ge, Lt = ae;
+var De = Ge, Vt = ae;
 function _c(e, t, n) {
   if (!e.props.bounds)
     return [t, n];
   let {
     bounds: r
   } = e.props;
-  r = typeof r == "string" ? r : Pc(r);
+  r = typeof r == "string" ? r : Dc(r);
   const o = no(e);
   if (typeof r == "string") {
     const {
@@ -1482,13 +1482,13 @@ function _c(e, t, n) {
       throw new Error('Bounds selector "' + r + '" could not find an element.');
     const s = l, c = a.getComputedStyle(o), u = a.getComputedStyle(s);
     r = {
-      left: -o.offsetLeft + (0, Pe.int)(u.paddingLeft) + (0, Pe.int)(c.marginLeft),
-      top: -o.offsetTop + (0, Pe.int)(u.paddingTop) + (0, Pe.int)(c.marginTop),
-      right: (0, Lt.innerWidth)(s) - (0, Lt.outerWidth)(o) - o.offsetLeft + (0, Pe.int)(u.paddingRight) - (0, Pe.int)(c.marginRight),
-      bottom: (0, Lt.innerHeight)(s) - (0, Lt.outerHeight)(o) - o.offsetTop + (0, Pe.int)(u.paddingBottom) - (0, Pe.int)(c.marginBottom)
+      left: -o.offsetLeft + (0, De.int)(u.paddingLeft) + (0, De.int)(c.marginLeft),
+      top: -o.offsetTop + (0, De.int)(u.paddingTop) + (0, De.int)(c.marginTop),
+      right: (0, Vt.innerWidth)(s) - (0, Vt.outerWidth)(o) - o.offsetLeft + (0, De.int)(u.paddingRight) - (0, De.int)(c.marginRight),
+      bottom: (0, Vt.innerHeight)(s) - (0, Vt.outerHeight)(o) - o.offsetTop + (0, De.int)(u.paddingBottom) - (0, De.int)(c.marginBottom)
     };
   }
-  return (0, Pe.isNum)(r.right) && (t = Math.min(t, r.right)), (0, Pe.isNum)(r.bottom) && (n = Math.min(n, r.bottom)), (0, Pe.isNum)(r.left) && (t = Math.max(t, r.left)), (0, Pe.isNum)(r.top) && (n = Math.max(n, r.top)), [t, n];
+  return (0, De.isNum)(r.right) && (t = Math.min(t, r.right)), (0, De.isNum)(r.bottom) && (n = Math.min(n, r.bottom)), (0, De.isNum)(r.left) && (t = Math.max(t, r.left)), (0, De.isNum)(r.top) && (n = Math.max(n, r.top)), [t, n];
 }
 function xc(e, t, n) {
   const r = Math.round(t / e[0]) * e[0], o = Math.round(n / e[1]) * e[1];
@@ -1501,14 +1501,14 @@ function Tc(e) {
   return e.props.axis === "both" || e.props.axis === "y";
 }
 function Ic(e, t, n) {
-  const r = typeof t == "number" ? (0, Lt.getTouch)(e, t) : null;
+  const r = typeof t == "number" ? (0, Vt.getTouch)(e, t) : null;
   if (typeof t == "number" && !r)
     return null;
   const o = no(n), i = n.props.offsetParent || o.offsetParent || o.ownerDocument.body;
-  return (0, Lt.offsetXYFromParent)(r || e, i, n.props.scale);
+  return (0, Vt.offsetXYFromParent)(r || e, i, n.props.scale);
 }
 function Ec(e, t, n) {
-  const r = !(0, Pe.isNum)(e.lastX), o = no(e);
+  const r = !(0, De.isNum)(e.lastX), o = no(e);
   return r ? {
     node: o,
     deltaX: 0,
@@ -1539,7 +1539,7 @@ function Oc(e, t) {
     lastY: e.state.y
   };
 }
-function Pc(e) {
+function Dc(e) {
   return {
     left: e.left,
     top: e.top,
@@ -1553,18 +1553,18 @@ function no(e) {
     throw new Error("<DraggableCore>: Unmounted during event!");
   return t;
 }
-var Un = {}, qn = {};
-Object.defineProperty(qn, "__esModule", {
+var qn = {}, Un = {};
+Object.defineProperty(Un, "__esModule", {
   value: !0
 });
-qn.default = Dc;
-function Dc() {
+Un.default = Pc;
+function Pc() {
 }
-Object.defineProperty(Un, "__esModule", {
+Object.defineProperty(qn, "__esModule", {
   value: !0
 });
-Un.default = void 0;
-var cr = $c(Ve), Ie = ro(ct), Mc = ro(mi), be = ae, et = Xe, ur = Ge, Kt = ro(qn);
+qn.default = void 0;
+var cr = $c(ze), Ie = ro(ut), Mc = ro(mi), be = ae, tt = Xe, ur = Ge, Zt = ro(Un);
 function ro(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -1611,7 +1611,7 @@ function jc(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-const He = {
+const ke = {
   touch: {
     start: "touchstart",
     move: "touchmove",
@@ -1623,7 +1623,7 @@ const He = {
     stop: "mouseup"
   }
 };
-let tt = He.mouse, Bn = class extends cr.Component {
+let nt = ke.mouse, Bn = class extends cr.Component {
   constructor() {
     super(...arguments), we(this, "dragging", !1), we(this, "lastX", NaN), we(this, "lastY", NaN), we(this, "touchIdentifier", null), we(this, "mounted", !1), we(this, "handleDragStart", (t) => {
       if (this.props.onMouseDown(t), !this.props.allowAnyClick && typeof t.button == "number" && t.button !== 0)
@@ -1639,16 +1639,16 @@ let tt = He.mouse, Bn = class extends cr.Component {
       t.type === "touchstart" && t.preventDefault();
       const o = (0, be.getTouchIdentifier)(t);
       this.touchIdentifier = o;
-      const i = (0, et.getControlPosition)(t, o, this);
+      const i = (0, tt.getControlPosition)(t, o, this);
       if (i == null)
         return;
       const {
         x: a,
         y: l
-      } = i, s = (0, et.createCoreData)(this, a, l);
-      (0, Kt.default)("DraggableCore: handleDragStart: %j", s), (0, Kt.default)("calling", this.props.onStart), !(this.props.onStart(t, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, be.addUserSelectStyles)(r), this.dragging = !0, this.lastX = a, this.lastY = l, (0, be.addEvent)(r, tt.move, this.handleDrag), (0, be.addEvent)(r, tt.stop, this.handleDragStop));
+      } = i, s = (0, tt.createCoreData)(this, a, l);
+      (0, Zt.default)("DraggableCore: handleDragStart: %j", s), (0, Zt.default)("calling", this.props.onStart), !(this.props.onStart(t, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, be.addUserSelectStyles)(r), this.dragging = !0, this.lastX = a, this.lastY = l, (0, be.addEvent)(r, nt.move, this.handleDrag), (0, be.addEvent)(r, nt.stop, this.handleDragStop));
     }), we(this, "handleDrag", (t) => {
-      const n = (0, et.getControlPosition)(t, this.touchIdentifier, this);
+      const n = (0, tt.getControlPosition)(t, this.touchIdentifier, this);
       if (n == null)
         return;
       let {
@@ -1657,12 +1657,12 @@ let tt = He.mouse, Bn = class extends cr.Component {
       } = n;
       if (Array.isArray(this.props.grid)) {
         let l = r - this.lastX, s = o - this.lastY;
-        if ([l, s] = (0, et.snapToGrid)(this.props.grid, l, s), !l && !s)
+        if ([l, s] = (0, tt.snapToGrid)(this.props.grid, l, s), !l && !s)
           return;
         r = this.lastX + l, o = this.lastY + s;
       }
-      const i = (0, et.createCoreData)(this, r, o);
-      if ((0, Kt.default)("DraggableCore: handleDrag: %j", i), this.props.onDrag(t, i) === !1 || this.mounted === !1) {
+      const i = (0, tt.createCoreData)(this, r, o);
+      if ((0, Zt.default)("DraggableCore: handleDrag: %j", i), this.props.onDrag(t, i) === !1 || this.mounted === !1) {
         try {
           this.handleDragStop(new MouseEvent("mouseup"));
         } catch {
@@ -1675,7 +1675,7 @@ let tt = He.mouse, Bn = class extends cr.Component {
     }), we(this, "handleDragStop", (t) => {
       if (!this.dragging)
         return;
-      const n = (0, et.getControlPosition)(t, this.touchIdentifier, this);
+      const n = (0, tt.getControlPosition)(t, this.touchIdentifier, this);
       if (n == null)
         return;
       let {
@@ -1684,19 +1684,19 @@ let tt = He.mouse, Bn = class extends cr.Component {
       } = n;
       if (Array.isArray(this.props.grid)) {
         let s = r - this.lastX || 0, c = o - this.lastY || 0;
-        [s, c] = (0, et.snapToGrid)(this.props.grid, s, c), r = this.lastX + s, o = this.lastY + c;
+        [s, c] = (0, tt.snapToGrid)(this.props.grid, s, c), r = this.lastX + s, o = this.lastY + c;
       }
-      const i = (0, et.createCoreData)(this, r, o);
+      const i = (0, tt.createCoreData)(this, r, o);
       if (this.props.onStop(t, i) === !1 || this.mounted === !1)
         return !1;
       const l = this.findDOMNode();
-      l && this.props.enableUserSelectHack && (0, be.removeUserSelectStyles)(l.ownerDocument), (0, Kt.default)("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, l && ((0, Kt.default)("DraggableCore: Removing handlers"), (0, be.removeEvent)(l.ownerDocument, tt.move, this.handleDrag), (0, be.removeEvent)(l.ownerDocument, tt.stop, this.handleDragStop));
-    }), we(this, "onMouseDown", (t) => (tt = He.mouse, this.handleDragStart(t))), we(this, "onMouseUp", (t) => (tt = He.mouse, this.handleDragStop(t))), we(this, "onTouchStart", (t) => (tt = He.touch, this.handleDragStart(t))), we(this, "onTouchEnd", (t) => (tt = He.touch, this.handleDragStop(t)));
+      l && this.props.enableUserSelectHack && (0, be.removeUserSelectStyles)(l.ownerDocument), (0, Zt.default)("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, l && ((0, Zt.default)("DraggableCore: Removing handlers"), (0, be.removeEvent)(l.ownerDocument, nt.move, this.handleDrag), (0, be.removeEvent)(l.ownerDocument, nt.stop, this.handleDragStop));
+    }), we(this, "onMouseDown", (t) => (nt = ke.mouse, this.handleDragStart(t))), we(this, "onMouseUp", (t) => (nt = ke.mouse, this.handleDragStop(t))), we(this, "onTouchStart", (t) => (nt = ke.touch, this.handleDragStart(t))), we(this, "onTouchEnd", (t) => (nt = ke.touch, this.handleDragStop(t)));
   }
   componentDidMount() {
     this.mounted = !0;
     const t = this.findDOMNode();
-    t && (0, be.addEvent)(t, He.touch.start, this.onTouchStart, {
+    t && (0, be.addEvent)(t, ke.touch.start, this.onTouchStart, {
       passive: !1
     });
   }
@@ -1707,7 +1707,7 @@ let tt = He.mouse, Bn = class extends cr.Component {
       const {
         ownerDocument: n
       } = t;
-      (0, be.removeEvent)(n, He.mouse.move, this.handleDrag), (0, be.removeEvent)(n, He.touch.move, this.handleDrag), (0, be.removeEvent)(n, He.mouse.stop, this.handleDragStop), (0, be.removeEvent)(n, He.touch.stop, this.handleDragStop), (0, be.removeEvent)(t, He.touch.start, this.onTouchStart, {
+      (0, be.removeEvent)(n, ke.mouse.move, this.handleDrag), (0, be.removeEvent)(n, ke.touch.move, this.handleDrag), (0, be.removeEvent)(n, ke.mouse.stop, this.handleDragStop), (0, be.removeEvent)(n, ke.touch.stop, this.handleDragStop), (0, be.removeEvent)(t, ke.touch.start, this.onTouchStart, {
         passive: !1
       }), this.props.enableUserSelectHack && (0, be.removeUserSelectStyles)(n);
     }
@@ -1731,7 +1731,7 @@ let tt = He.mouse, Bn = class extends cr.Component {
     });
   }
 };
-Un.default = Bn;
+qn.default = Bn;
 we(Bn, "displayName", "DraggableCore");
 we(Bn, "propTypes", {
   /**
@@ -1880,7 +1880,7 @@ we(Bn, "defaultProps", {
       return s.default;
     }
   }), e.default = void 0;
-  var t = d(Ve), n = u(ct), r = u(mi), o = u(rt), i = ae, a = Xe, l = Ge, s = u(Un), c = u(qn);
+  var t = d(ze), n = u(ut), r = u(mi), o = u(ot), i = ae, a = Xe, l = Ge, s = u(qn), c = u(Un);
   function u(y) {
     return y && y.__esModule ? y : { default: y };
   }
@@ -1977,12 +1977,12 @@ we(Bn, "defaultProps", {
         };
         if (this.props.bounds) {
           const {
-            x: D,
+            x: P,
             y: M
           } = I;
           I.x += this.state.slackX, I.y += this.state.slackY;
-          const [L, q] = (0, a.getBoundPosition)(this, I.x, I.y);
-          I.x = L, I.y = q, I.slackX = this.state.slackX + (D - I.x), I.slackY = this.state.slackY + (M - I.y), R.x = I.x, R.y = I.y, R.deltaX = I.x - this.state.x, R.deltaY = I.y - this.state.y;
+          const [L, U] = (0, a.getBoundPosition)(this, I.x, I.y);
+          I.x = L, I.y = U, I.slackX = this.state.slackX + (P - I.x), I.slackY = this.state.slackY + (M - I.y), R.x = I.x, R.y = I.y, R.deltaX = I.x - this.state.x, R.deltaY = I.y - this.state.y;
         }
         if (this.props.onDrag(C, R) === !1)
           return !1;
@@ -1998,10 +1998,10 @@ we(Bn, "defaultProps", {
         };
         if (!!this.props.position) {
           const {
-            x: D,
+            x: P,
             y: M
           } = this.props.position;
-          I.x = D, I.y = M;
+          I.x = P, I.y = M;
         }
         this.setState(I);
       }), this.state = {
@@ -2046,23 +2046,23 @@ we(Bn, "defaultProps", {
         defaultPosition: R,
         defaultClassName: I,
         defaultClassNameDragging: _,
-        defaultClassNameDragged: D,
+        defaultClassNameDragged: P,
         position: M,
         positionOffset: L,
-        scale: q,
+        scale: U,
         ...S
       } = this.props;
       let T = {}, J = null;
-      const z = !!!M || this.state.dragging, G = M || R, re = {
+      const V = !!!M || this.state.dragging, G = M || R, re = {
         // Set left if horizontal drag is enabled
-        x: (0, a.canDragX)(this) && z ? this.state.x : G.x,
+        x: (0, a.canDragX)(this) && V ? this.state.x : G.x,
         // Set top if vertical drag is enabled
-        y: (0, a.canDragY)(this) && z ? this.state.y : G.y
+        y: (0, a.canDragY)(this) && V ? this.state.y : G.y
       };
       this.state.isElementSVG ? J = (0, i.createSVGTransform)(re, L) : T = (0, i.createCSSTransform)(re, L);
       const fe = (0, o.default)(p.props.className || "", I, {
         [_]: this.state.dragging,
-        [D]: this.state.dragged
+        [P]: this.state.dragged
       });
       return /* @__PURE__ */ t.createElement(s.default, g({}, S, {
         onStart: this.onDragStart,
@@ -2198,19 +2198,19 @@ we(Bn, "defaultProps", {
     },
     scale: 1
   });
-})(Ui);
+})(qi);
 const {
   default: Ji,
   DraggableCore: Lc
-} = Ui;
+} = qi;
 Fn.exports = Ji;
 Fn.exports.default = Ji;
 Fn.exports.DraggableCore = Lc;
 var Qi = Fn.exports, Gn = { exports: {} }, gn = {}, oo = {};
 oo.__esModule = !0;
 oo.cloneElement = Ac;
-var zc = Vc(Ve);
-function Vc(e) {
+var Vc = zc(ze);
+function zc(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function No(e, t) {
@@ -2227,17 +2227,17 @@ function jo(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? No(Object(n), !0).forEach(function(r) {
-      Hc(e, r, n[r]);
+      kc(e, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : No(Object(n)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return e;
 }
-function Hc(e, t, n) {
-  return t = kc(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+function kc(e, t, n) {
+  return t = Hc(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
-function kc(e) {
+function Hc(e) {
   var t = Wc(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
@@ -2254,16 +2254,16 @@ function Wc(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function Ac(e, t) {
-  return t.style && e.props.style && (t.style = jo(jo({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ zc.default.cloneElement(e, t);
+  return t.style && e.props.style && (t.style = jo(jo({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ Vc.default.cloneElement(e, t);
 }
 var mn = {};
 mn.__esModule = !0;
 mn.resizableProps = void 0;
-var W = Fc(ct);
+var W = Fc(ut);
 function Fc(e) {
   return e && e.__esModule ? e : { default: e };
 }
-var Uc = {
+var qc = {
   /*
   * Restricts resizing to a particular axis (default: 'both')
   * 'both' - allows resizing by width or height
@@ -2368,10 +2368,10 @@ var Uc = {
     return W.default.number.apply(W.default, n);
   }
 };
-mn.resizableProps = Uc;
+mn.resizableProps = qc;
 gn.__esModule = !0;
 gn.default = void 0;
-var Zt = Yc(Ve), qc = Qi, Bc = oo, Gc = mn, Xc = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+var Jt = Yc(ze), Uc = Qi, Bc = oo, Gc = mn, Xc = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
 function ea(e) {
   if (typeof WeakMap != "function")
     return null;
@@ -2519,7 +2519,7 @@ var io = /* @__PURE__ */ function(e) {
   }, n.renderResizeHandle = function(o, i) {
     var a = this.props.handle;
     if (!a)
-      return /* @__PURE__ */ Zt.createElement("span", {
+      return /* @__PURE__ */ Jt.createElement("span", {
         className: "react-resizable-handle react-resizable-handle-" + o,
         ref: i
       });
@@ -2530,7 +2530,7 @@ var io = /* @__PURE__ */ function(e) {
     }, l ? {} : {
       handleAxis: o
     });
-    return /* @__PURE__ */ Zt.cloneElement(a, s);
+    return /* @__PURE__ */ Jt.cloneElement(a, s);
   }, n.render = function() {
     var o = this, i = this.props, a = i.children, l = i.className, s = i.draggableOpts;
     i.width, i.height, i.handle, i.handleSize, i.lockAspectRatio, i.axis, i.minConstraints, i.maxConstraints, i.onResize, i.onResizeStop, i.onResizeStart;
@@ -2540,8 +2540,8 @@ var io = /* @__PURE__ */ function(e) {
     return (0, Bc.cloneElement)(a, dr(dr({}, u), {}, {
       className: (l ? l + " " : "") + "react-resizable",
       children: [].concat(a.props.children, c.map(function(h) {
-        var d, g = (d = o.handleRefs[h]) != null ? d : o.handleRefs[h] = /* @__PURE__ */ Zt.createRef();
-        return /* @__PURE__ */ Zt.createElement(qc.DraggableCore, Ir({}, s, {
+        var d, g = (d = o.handleRefs[h]) != null ? d : o.handleRefs[h] = /* @__PURE__ */ Jt.createRef();
+        return /* @__PURE__ */ Jt.createElement(Uc.DraggableCore, Ir({}, s, {
           nodeRef: g,
           key: "resizableHandle-" + h,
           onStop: o.resizeHandler("onResizeStop", h),
@@ -2551,7 +2551,7 @@ var io = /* @__PURE__ */ function(e) {
       }))
     }));
   }, t;
-}(Zt.Component);
+}(Jt.Component);
 gn.default = io;
 io.propTypes = Gc.resizableProps;
 io.defaultProps = {
@@ -2566,7 +2566,7 @@ io.defaultProps = {
 var Xn = {};
 Xn.__esModule = !0;
 Xn.default = void 0;
-var fr = iu(Ve), tu = ta(ct), nu = ta(gn), ru = mn, ou = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+var fr = iu(ze), tu = ta(ut), nu = ta(gn), ru = mn, ou = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
 function ta(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2604,7 +2604,7 @@ function Or() {
     return e;
   }, Or.apply(this, arguments);
 }
-function zo(e, t) {
+function Vo(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -2617,9 +2617,9 @@ function zo(e, t) {
 function Mn(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? zo(Object(n), !0).forEach(function(r) {
+    t % 2 ? Vo(Object(n), !0).forEach(function(r) {
       au(e, r, n[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : zo(Object(n)).forEach(function(r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Vo(Object(n)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
@@ -2653,12 +2653,12 @@ function cu(e, t) {
   return n;
 }
 function uu(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Pr(e, t);
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Dr(e, t);
 }
-function Pr(e, t) {
-  return Pr = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, o) {
+function Dr(e, t) {
+  return Dr = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, o) {
     return r.__proto__ = o, r;
-  }, Pr(e, t);
+  }, Dr(e, t);
 }
 var ra = /* @__PURE__ */ function(e) {
   uu(t, e);
@@ -2729,7 +2729,7 @@ Object.defineProperty(Ze, "__esModule", {
   value: !0
 });
 Ze.resizeHandleType = Ze.resizeHandleAxesType = Ze.default = void 0;
-var F = oa(ct), fu = oa(Ve);
+var F = oa(ut), fu = oa(ze);
 function oa(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2762,7 +2762,7 @@ Ze.default = {
   // {x: Number, y: Number, w: Number, h: Number, i: String}
   layout: function(e) {
     var t = e.layout;
-    t !== void 0 && U.validateLayout(t, "layout");
+    t !== void 0 && q.validateLayout(t, "layout");
   },
   //
   // Grid Dimensions
@@ -2844,11 +2844,11 @@ Object.defineProperty(An, "__esModule", {
   value: !0
 });
 An.default = void 0;
-var Mt = ao(Ve), Y = ao(ct), gu = Qi, mu = du, $t = U, ge = Be, Vo = Ze, vu = ao(rt);
+var Mt = ao(ze), Y = ao(ut), gu = Qi, mu = du, $t = q, ge = Be, zo = Ze, vu = ao(ot);
 function ao(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function qe(e, t, n) {
+function Ue(e, t, n) {
   return t = yu(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
 function yu(e) {
@@ -2869,11 +2869,11 @@ function bu(e, t) {
 }
 class so extends Mt.default.Component {
   constructor() {
-    super(...arguments), qe(this, "state", {
+    super(...arguments), Ue(this, "state", {
       resizing: null,
       dragging: null,
       className: ""
-    }), qe(this, "elementRef", /* @__PURE__ */ Mt.default.createRef()), qe(this, "onDragStart", (t, n) => {
+    }), Ue(this, "elementRef", /* @__PURE__ */ Mt.default.createRef()), Ue(this, "onDragStart", (t, n) => {
       let {
         node: r
       } = n;
@@ -2904,7 +2904,7 @@ class so extends Mt.default.Component {
         node: r,
         newPosition: a
       });
-    }), qe(this, "onDrag", (t, n) => {
+    }), Ue(this, "onDrag", (t, n) => {
       let {
         node: r,
         deltaX: o,
@@ -2936,8 +2936,8 @@ class so extends Mt.default.Component {
             containerPadding: R
           } = this.props, I = v.clientHeight - (0, ge.calcGridItemWHPx)(d, p, C[1]);
           l = (0, ge.clamp)(l - R[1], 0, I);
-          const _ = (0, ge.calcGridColWidth)(m), D = g - (0, ge.calcGridItemWHPx)(h, _, C[0]);
-          s = (0, ge.clamp)(s - R[0], 0, D);
+          const _ = (0, ge.calcGridColWidth)(m), P = g - (0, ge.calcGridItemWHPx)(h, _, C[0]);
+          s = (0, ge.clamp)(s - R[0], 0, P);
         }
       }
       const b = {
@@ -2958,7 +2958,7 @@ class so extends Mt.default.Component {
         node: r,
         newPosition: b
       });
-    }), qe(this, "onDragStop", (t, n) => {
+    }), Ue(this, "onDragStop", (t, n) => {
       let {
         node: r
       } = n;
@@ -2993,7 +2993,7 @@ class so extends Mt.default.Component {
         node: r,
         newPosition: h
       });
-    }), qe(this, "onResizeStop", (t, n, r) => this.onResizeHandler(t, n, r, "onResizeStop")), qe(this, "onResizeStart", (t, n, r) => this.onResizeHandler(t, n, r, "onResizeStart")), qe(this, "onResize", (t, n, r) => this.onResizeHandler(t, n, r, "onResize"));
+    }), Ue(this, "onResizeStop", (t, n, r) => this.onResizeHandler(t, n, r, "onResizeStop")), Ue(this, "onResizeStart", (t, n, r) => this.onResizeHandler(t, n, r, "onResizeStart")), Ue(this, "onResize", (t, n, r) => this.onResizeHandler(t, n, r, "onResize"));
   }
   shouldComponentUpdate(t, n) {
     if (this.props.children !== t.children || this.props.droppingPosition !== t.droppingPosition)
@@ -3204,7 +3204,7 @@ class so extends Mt.default.Component {
   }
 }
 An.default = so;
-qe(so, "propTypes", {
+Ue(so, "propTypes", {
   // Children must be only a single element
   children: Y.default.element,
   // General grid attributes
@@ -3251,8 +3251,8 @@ qe(so, "propTypes", {
   // ID is nice to have for callbacks
   i: Y.default.string.isRequired,
   // Resize handle options
-  resizeHandles: Vo.resizeHandleAxesType,
-  resizeHandle: Vo.resizeHandleType,
+  resizeHandles: zo.resizeHandleAxesType,
+  resizeHandle: zo.resizeHandleType,
   // Functions
   onDragStop: Y.default.func,
   onDragStart: Y.default.func,
@@ -3281,7 +3281,7 @@ qe(so, "propTypes", {
     top: Y.default.number.isRequired
   })
 });
-qe(so, "defaultProps", {
+Ue(so, "defaultProps", {
   className: "",
   cancel: "",
   handle: "",
@@ -3295,7 +3295,7 @@ Object.defineProperty(pn, "__esModule", {
   value: !0
 });
 pn.default = void 0;
-var ht = _u(Ve), hr = qr, Su = lo(rt), V = U, Cu = Be, Ho = lo(An), wu = lo(Ze);
+var ht = _u(ze), hr = Ur, Su = lo(ot), z = q, Cu = Be, ko = lo(An), wu = lo(Ze);
 function lo(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3342,7 +3342,7 @@ function Ru(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-const ko = "react-grid-layout";
+const Ho = "react-grid-layout";
 let aa = !1;
 try {
   aa = /firefox/i.test(navigator.userAgent);
@@ -3352,12 +3352,12 @@ class Yn extends ht.Component {
   constructor() {
     super(...arguments), Se(this, "state", {
       activeDrag: null,
-      layout: (0, V.synchronizeLayoutWithChildren)(
+      layout: (0, z.synchronizeLayoutWithChildren)(
         this.props.layout,
         this.props.children,
         this.props.cols,
         // Legacy support for verticalCompact: false
-        (0, V.compactType)(this.props),
+        (0, z.compactType)(this.props),
         this.props.allowOverlap
       ),
       mounted: !1,
@@ -3374,7 +3374,7 @@ class Yn extends ht.Component {
       } = o;
       const {
         layout: l
-      } = this.state, s = (0, V.getLayoutItem)(l, t);
+      } = this.state, s = (0, z.getLayoutItem)(l, t);
       if (!s)
         return;
       const c = {
@@ -3386,7 +3386,7 @@ class Yn extends ht.Component {
         i: t
       };
       return this.setState({
-        oldDragItem: (0, V.cloneLayoutItem)(s),
+        oldDragItem: (0, z.cloneLayoutItem)(s),
         oldLayout: l,
         activeDrag: c
       }), this.props.onDragStart(l, s, s, null, i, a);
@@ -3405,7 +3405,7 @@ class Yn extends ht.Component {
         cols: c,
         allowOverlap: u,
         preventCollision: h
-      } = this.props, d = (0, V.getLayoutItem)(s, t);
+      } = this.props, d = (0, z.getLayoutItem)(s, t);
       if (!d)
         return;
       const g = {
@@ -3416,8 +3416,8 @@ class Yn extends ht.Component {
         placeholder: !0,
         i: t
       };
-      s = (0, V.moveElement)(s, d, n, r, !0, h, (0, V.compactType)(this.props), c, u), this.props.onDrag(s, l, d, g, i, a), this.setState({
-        layout: u ? s : (0, V.compact)(s, (0, V.compactType)(this.props), c),
+      s = (0, z.moveElement)(s, d, n, r, !0, h, (0, z.compactType)(this.props), c, u), this.props.onDrag(s, l, d, g, i, a), this.setState({
+        layout: u ? s : (0, z.compact)(s, (0, z.compactType)(this.props), c),
         activeDrag: g
       });
     }), Se(this, "onDragStop", (t, n, r, o) => {
@@ -3437,11 +3437,11 @@ class Yn extends ht.Component {
         cols: c,
         preventCollision: u,
         allowOverlap: h
-      } = this.props, d = (0, V.getLayoutItem)(s, t);
+      } = this.props, d = (0, z.getLayoutItem)(s, t);
       if (!d)
         return;
-      s = (0, V.moveElement)(s, d, n, r, !0, u, (0, V.compactType)(this.props), c, h);
-      const m = h ? s : (0, V.compact)(s, (0, V.compactType)(this.props), c);
+      s = (0, z.moveElement)(s, d, n, r, !0, u, (0, z.compactType)(this.props), c, h);
+      const m = h ? s : (0, z.compact)(s, (0, z.compactType)(this.props), c);
       this.props.onDragStop(m, l, d, null, i, a);
       const {
         oldLayout: b
@@ -3459,9 +3459,9 @@ class Yn extends ht.Component {
       } = o;
       const {
         layout: l
-      } = this.state, s = (0, V.getLayoutItem)(l, t);
+      } = this.state, s = (0, z.getLayoutItem)(l, t);
       s && (this.setState({
-        oldResizeItem: (0, V.cloneLayoutItem)(s),
+        oldResizeItem: (0, z.cloneLayoutItem)(s),
         oldLayout: this.state.layout,
         resizing: !0
       }), this.props.onResizeStart(l, s, s, null, i, a));
@@ -3482,9 +3482,9 @@ class Yn extends ht.Component {
         allowOverlap: g
       } = this.props;
       let m = !1, b, x, w;
-      const [y, v] = (0, V.withLayoutItem)(u, t, (p) => {
+      const [y, v] = (0, z.withLayoutItem)(u, t, (p) => {
         let R;
-        return x = p.x, w = p.y, ["sw", "w", "nw", "n", "ne"].indexOf(s) !== -1 && (["sw", "nw", "w"].indexOf(s) !== -1 && (x = p.x + (p.w - n), n = p.x !== x && x < 0 ? p.w : n, x = x < 0 ? 0 : x), ["ne", "n", "nw"].indexOf(s) !== -1 && (w = p.y + (p.h - r), r = p.y !== w && w < 0 ? p.h : r, w = w < 0 ? 0 : w), m = !0), d && !g && (R = (0, V.getAllCollisions)(u, {
+        return x = p.x, w = p.y, ["sw", "w", "nw", "n", "ne"].indexOf(s) !== -1 && (["sw", "nw", "w"].indexOf(s) !== -1 && (x = p.x + (p.w - n), n = p.x !== x && x < 0 ? p.w : n, x = x < 0 ? 0 : x), ["ne", "n", "nw"].indexOf(s) !== -1 && (w = p.y + (p.h - r), r = p.y !== w && w < 0 ? p.h : r, w = w < 0 ? 0 : w), m = !0), d && !g && (R = (0, z.getAllCollisions)(u, {
           ...p,
           w: n,
           h: r,
@@ -3494,7 +3494,7 @@ class Yn extends ht.Component {
       });
       if (!v)
         return;
-      b = y, m && (b = (0, V.moveElement)(y, v, x, w, !0, this.props.preventCollision, (0, V.compactType)(this.props), h, g));
+      b = y, m && (b = (0, z.moveElement)(y, v, x, w, !0, this.props.preventCollision, (0, z.compactType)(this.props), h, g));
       const C = {
         w: v.w,
         h: v.h,
@@ -3504,7 +3504,7 @@ class Yn extends ht.Component {
         i: t
       };
       this.props.onResize(b, c, v, C, i, a), this.setState({
-        layout: g ? b : (0, V.compact)(b, (0, V.compactType)(this.props), h),
+        layout: g ? b : (0, z.compact)(b, (0, z.compactType)(this.props), h),
         activeDrag: C
       });
     }), Se(this, "onResizeStop", (t, n, r, o) => {
@@ -3518,7 +3518,7 @@ class Yn extends ht.Component {
       } = this.state, {
         cols: c,
         allowOverlap: u
-      } = this.props, h = (0, V.getLayoutItem)(l, t), d = u ? l : (0, V.compact)(l, (0, V.compactType)(this.props), c);
+      } = this.props, h = (0, z.getLayoutItem)(l, t), d = u ? l : (0, z.compact)(l, (0, z.compactType)(this.props), c);
       this.props.onResizeStop(d, s, h, null, i, a);
       const {
         oldLayout: g
@@ -3533,7 +3533,7 @@ class Yn extends ht.Component {
     }), Se(this, "onDragOver", (t) => {
       var y;
       if (t.preventDefault(), t.stopPropagation(), aa && // $FlowIgnore can't figure this out
-      !((y = t.nativeEvent.target) != null && y.classList.contains(ko)))
+      !((y = t.nativeEvent.target) != null && y.classList.contains(Ho)))
         return !1;
       const {
         droppingItem: n,
@@ -3597,7 +3597,7 @@ class Yn extends ht.Component {
         cols: n
       } = this.props, {
         layout: r
-      } = this.state, o = (0, V.compact)(r.filter((i) => i.i !== t.i), (0, V.compactType)(this.props), n, this.props.allowOverlap);
+      } = this.state, o = (0, z.compact)(r.filter((i) => i.i !== t.i), (0, z.compactType)(this.props), n, this.props.allowOverlap);
       this.setState({
         layout: o,
         droppingDOMNode: null,
@@ -3625,8 +3625,8 @@ class Yn extends ht.Component {
   }
   static getDerivedStateFromProps(t, n) {
     let r;
-    return n.activeDrag ? null : (!(0, hr.deepEqual)(t.layout, n.propsLayout) || t.compactType !== n.compactType ? r = t.layout : (0, V.childrenEqual)(t.children, n.children) || (r = n.layout), r ? {
-      layout: (0, V.synchronizeLayoutWithChildren)(r, t.children, t.cols, (0, V.compactType)(t), t.allowOverlap),
+    return n.activeDrag ? null : (!(0, hr.deepEqual)(t.layout, n.propsLayout) || t.compactType !== n.compactType ? r = t.layout : (0, z.childrenEqual)(t.children, n.children) || (r = n.layout), r ? {
+      layout: (0, z.synchronizeLayoutWithChildren)(r, t.children, t.cols, (0, z.compactType)(t), t.allowOverlap),
       // We need to save these props to state for using
       // getDerivedStateFromProps instead of componentDidMount (in which we would get extra rerender)
       compactType: t.compactType,
@@ -3639,7 +3639,7 @@ class Yn extends ht.Component {
       // NOTE: this is almost always unequal. Therefore the only way to get better performance
       // from SCU is if the user intentionally memoizes children. If they do, and they can
       // handle changes properly, performance will increase.
-      this.props.children !== t.children || !(0, V.fastRGLPropsEqual)(this.props, t, hr.deepEqual) || this.state.activeDrag !== n.activeDrag || this.state.mounted !== n.mounted || this.state.droppingPosition !== n.droppingPosition
+      this.props.children !== t.children || !(0, z.fastRGLPropsEqual)(this.props, t, hr.deepEqual) || this.state.activeDrag !== n.activeDrag || this.state.mounted !== n.mounted || this.state.droppingPosition !== n.droppingPosition
     );
   }
   componentDidUpdate(t, n) {
@@ -3655,7 +3655,7 @@ class Yn extends ht.Component {
   containerHeight() {
     if (!this.props.autoSize)
       return;
-    const t = (0, V.bottom)(this.state.layout), n = this.props.containerPadding ? this.props.containerPadding[1] : this.props.margin[1];
+    const t = (0, z.bottom)(this.state.layout), n = this.props.containerPadding ? this.props.containerPadding[1] : this.props.margin[1];
     return t * this.props.rowHeight + (t - 1) * this.props.margin[1] + n * 2 + "px";
   }
   onLayoutMaybeChanged(t, n) {
@@ -3681,7 +3681,7 @@ class Yn extends ht.Component {
       useCSSTransforms: s,
       transformScale: c
     } = this.props;
-    return /* @__PURE__ */ ht.createElement(Ho.default, {
+    return /* @__PURE__ */ ht.createElement(ko.default, {
       w: t.w,
       h: t.h,
       x: t.x,
@@ -3709,7 +3709,7 @@ class Yn extends ht.Component {
   processGridItem(t, n) {
     if (!t || !t.key)
       return;
-    const r = (0, V.getLayoutItem)(this.state.layout, String(t.key));
+    const r = (0, z.getLayoutItem)(this.state.layout, String(t.key));
     if (!r)
       return null;
     const {
@@ -3732,7 +3732,7 @@ class Yn extends ht.Component {
       mounted: v,
       droppingPosition: C
     } = this.state, p = typeof r.isDraggable == "boolean" ? r.isDraggable : !r.static && u, R = typeof r.isResizable == "boolean" ? r.isResizable : !r.static && h, I = r.resizeHandles || w, _ = p && d && r.isBounded !== !1;
-    return /* @__PURE__ */ ht.createElement(Ho.default, {
+    return /* @__PURE__ */ ht.createElement(ko.default, {
       containerWidth: o,
       cols: i,
       margin: a,
@@ -3774,7 +3774,7 @@ class Yn extends ht.Component {
       style: n,
       isDroppable: r,
       innerRef: o
-    } = this.props, i = (0, Su.default)(ko, t), a = {
+    } = this.props, i = (0, Su.default)(Ho, t), a = {
       height: this.containerHeight(),
       ...n
     };
@@ -3782,10 +3782,10 @@ class Yn extends ht.Component {
       ref: o,
       className: i,
       style: a,
-      onDrop: r ? this.onDrop : V.noop,
-      onDragLeave: r ? this.onDragLeave : V.noop,
-      onDragEnter: r ? this.onDragEnter : V.noop,
-      onDragOver: r ? this.onDragOver : V.noop
+      onDrop: r ? this.onDrop : z.noop,
+      onDragLeave: r ? this.onDragLeave : z.noop,
+      onDragEnter: r ? this.onDragEnter : z.noop,
+      onDragOver: r ? this.onDragOver : z.noop
     }, ht.Children.map(this.props.children, (l) => this.processGridItem(l)), r && this.state.droppingDOMNode && this.processGridItem(this.state.droppingDOMNode, !0), this.placeholder());
   }
 }
@@ -3821,15 +3821,15 @@ Se(Yn, "defaultProps", {
     w: 1
   },
   resizeHandles: ["se"],
-  onLayoutChange: V.noop,
-  onDragStart: V.noop,
-  onDrag: V.noop,
-  onDragStop: V.noop,
-  onResizeStart: V.noop,
-  onResize: V.noop,
-  onResizeStop: V.noop,
-  onDrop: V.noop,
-  onDropDragOver: V.noop
+  onLayoutChange: z.noop,
+  onDragStart: z.noop,
+  onDrag: z.noop,
+  onDragStop: z.noop,
+  onResizeStart: z.noop,
+  onResize: z.noop,
+  onResizeStop: z.noop,
+  onDrop: z.noop,
+  onDropDragOver: z.noop
 });
 var Kn = {}, Ot = {};
 Object.defineProperty(Ot, "__esModule", {
@@ -3839,7 +3839,7 @@ Ot.findOrGenerateResponsiveLayout = Eu;
 Ot.getBreakpointFromWidth = Tu;
 Ot.getColsFromBreakpoint = Iu;
 Ot.sortBreakpoints = co;
-var yn = U;
+var yn = q;
 function Tu(e, t) {
   const n = co(e);
   let r = n[0];
@@ -3879,7 +3879,7 @@ Object.defineProperty(Kn, "__esModule", {
   value: !0
 });
 Kn.default = void 0;
-var Wo = Pu(Ve), Ee = sa(ct), pr = qr, Vt = U, pt = Ot, Ou = sa(pn);
+var Wo = Du(ze), Ee = sa(ut), pr = Ur, kt = q, pt = Ot, Ou = sa(pn);
 function sa(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3891,7 +3891,7 @@ function la(e) {
     return r ? n : t;
   })(e);
 }
-function Pu(e, t) {
+function Du(e, t) {
   if (!t && e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -3907,20 +3907,20 @@ function Pu(e, t) {
     }
   return r.default = e, n && n.set(e, r), r;
 }
-function Dr() {
-  return Dr = Object.assign ? Object.assign.bind() : function(e) {
+function Pr() {
+  return Pr = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Dr.apply(this, arguments);
+  }, Pr.apply(this, arguments);
 }
 function $n(e, t, n) {
-  return t = Du(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+  return t = Pu(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
-function Du(e) {
+function Pu(e) {
   var t = Mu(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
@@ -3992,9 +3992,9 @@ class uo extends Wo.Component {
       ...o
     };
     if (l !== a || t.breakpoints !== n || t.cols !== r) {
-      l in c || (c[l] = (0, Vt.cloneLayout)(this.state.layout));
+      l in c || (c[l] = (0, kt.cloneLayout)(this.state.layout));
       let d = (0, pt.findOrGenerateResponsiveLayout)(c, n, a, l, s, i);
-      d = (0, Vt.synchronizeLayoutWithChildren)(d, this.props.children, s, i, this.props.allowOverlap), c[a] = d, this.props.onLayoutChange(d, c), this.props.onBreakpointChange(a, s), this.setState({
+      d = (0, kt.synchronizeLayoutWithChildren)(d, this.props.children, s, i, this.props.allowOverlap), c[a] = d, this.props.onLayoutChange(d, c), this.props.onBreakpointChange(a, s), this.setState({
         breakpoint: a,
         layout: d,
         cols: s
@@ -4016,7 +4016,7 @@ class uo extends Wo.Component {
       onWidthChange: c,
       ...u
     } = this.props;
-    return /* @__PURE__ */ Wo.createElement(Ou.default, Dr({}, u, {
+    return /* @__PURE__ */ Wo.createElement(Ou.default, Pr({}, u, {
       // $FlowIgnore should allow nullable here due to DefaultProps
       margin: bn(i, this.state.breakpoint),
       containerPadding: bn(a, this.state.breakpoint),
@@ -4057,7 +4057,7 @@ $n(uo, "propTypes", {
     Object.keys(e[t]).forEach((n) => {
       if (!(n in e.breakpoints))
         throw new Error("Each key in layouts must align with a key in breakpoints.");
-      (0, Vt.validateLayout)(e.layouts[n], "layouts." + n);
+      (0, kt.validateLayout)(e.layouts[n], "layouts." + n);
     });
   },
   // The width of this component.
@@ -4099,9 +4099,9 @@ $n(uo, "defaultProps", {
   layouts: {},
   margin: [10, 10],
   allowOverlap: !1,
-  onBreakpointChange: Vt.noop,
-  onLayoutChange: Vt.noop,
-  onWidthChange: Vt.noop
+  onBreakpointChange: kt.noop,
+  onLayoutChange: kt.noop,
+  onWidthChange: kt.noop
 });
 var fo = {}, ca = function() {
   if (typeof Map < "u")
@@ -4178,7 +4178,7 @@ function ju(e, t) {
   }
   return l;
 }
-var Lu = 20, zu = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], Vu = typeof MutationObserver < "u", Hu = (
+var Lu = 20, Vu = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], zu = typeof MutationObserver < "u", ku = (
   /** @class */
   function() {
     function e() {
@@ -4200,7 +4200,7 @@ var Lu = 20, zu = ["top", "right", "bottom", "left", "width", "height", "size",
         return n.broadcastActive();
       }), t.length > 0;
     }, e.prototype.connect_ = function() {
-      !Mr || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Vu ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !Mr || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), zu ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
@@ -4209,7 +4209,7 @@ var Lu = 20, zu = ["top", "right", "bottom", "left", "width", "height", "size",
     }, e.prototype.disconnect_ = function() {
       !Mr || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
     }, e.prototype.onTransitionEnd_ = function(t) {
-      var n = t.propertyName, r = n === void 0 ? "" : n, o = zu.some(function(i) {
+      var n = t.propertyName, r = n === void 0 ? "" : n, o = Vu.some(function(i) {
         return !!~r.indexOf(i);
       });
       o && this.refresh();
@@ -4228,7 +4228,7 @@ var Lu = 20, zu = ["top", "right", "bottom", "left", "width", "height", "size",
     });
   }
   return e;
-}, kt = function(e) {
+}, Wt = function(e) {
   var t = e && e.ownerDocument && e.ownerDocument.defaultView;
   return t || Nn;
 }, da = Zn(0, 0, 0, 0);
@@ -4243,7 +4243,7 @@ function Fo(e) {
     return r + jn(i);
   }, 0);
 }
-function ku(e) {
+function Hu(e) {
   for (var t = ["top", "right", "bottom", "left"], n = {}, r = 0, o = t; r < o.length; r++) {
     var i = o[r], a = e["padding-" + i];
     n[i] = jn(a);
@@ -4258,8 +4258,8 @@ function Au(e) {
   var t = e.clientWidth, n = e.clientHeight;
   if (!t && !n)
     return da;
-  var r = kt(e).getComputedStyle(e), o = ku(r), i = o.left + o.right, a = o.top + o.bottom, l = jn(r.width), s = jn(r.height);
-  if (r.boxSizing === "border-box" && (Math.round(l + i) !== t && (l -= Fo(r, "left", "right") + i), Math.round(s + a) !== n && (s -= Fo(r, "top", "bottom") + a)), !Uu(e)) {
+  var r = Wt(e).getComputedStyle(e), o = Hu(r), i = o.left + o.right, a = o.top + o.bottom, l = jn(r.width), s = jn(r.height);
+  if (r.boxSizing === "border-box" && (Math.round(l + i) !== t && (l -= Fo(r, "left", "right") + i), Math.round(s + a) !== n && (s -= Fo(r, "top", "bottom") + a)), !qu(e)) {
     var c = Math.round(l + i) - t, u = Math.round(s + a) - n;
     Math.abs(c) !== 1 && (l -= c), Math.abs(u) !== 1 && (s -= u);
   }
@@ -4267,15 +4267,15 @@ function Au(e) {
 }
 var Fu = /* @__PURE__ */ function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
-    return e instanceof kt(e).SVGGraphicsElement;
+    return e instanceof Wt(e).SVGGraphicsElement;
   } : function(e) {
-    return e instanceof kt(e).SVGElement && typeof e.getBBox == "function";
+    return e instanceof Wt(e).SVGElement && typeof e.getBBox == "function";
   };
 }();
-function Uu(e) {
-  return e === kt(e).document.documentElement;
-}
 function qu(e) {
+  return e === Wt(e).document.documentElement;
+}
+function Uu(e) {
   return Mr ? Fu(e) ? Wu(e) : Au(e) : da;
 }
 function Bu(e) {
@@ -4301,7 +4301,7 @@ var Gu = (
       this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Zn(0, 0, 0, 0), this.target = t;
     }
     return e.prototype.isActive = function() {
-      var t = qu(this.target);
+      var t = Uu(this.target);
       return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
     }, e.prototype.broadcastRect = function() {
       var t = this.contentRect_;
@@ -4329,7 +4329,7 @@ var Gu = (
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof kt(t).Element))
+        if (!(t instanceof Wt(t).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var n = this.observations_;
         n.has(t) || (n.set(t, new Gu(t)), this.controller_.addObserver(this), this.controller_.refresh());
@@ -4338,7 +4338,7 @@ var Gu = (
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof kt(t).Element))
+        if (!(t instanceof Wt(t).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var n = this.observations_;
         n.has(t) && (n.delete(t), n.size || this.controller_.removeObserver(this));
@@ -4371,7 +4371,7 @@ var Gu = (
         throw new TypeError("Cannot call a class as a function.");
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
-      var n = Hu.getInstance(), r = new Yu(t, n, this);
+      var n = ku.getInstance(), r = new Yu(t, n, this);
       fa.set(this, r);
     }
     return e;
@@ -4398,7 +4398,7 @@ Object.defineProperty(fo, "__esModule", {
   value: !0
 });
 fo.default = ad;
-var Sn = nd(Ve), Qu = ho(ct), ed = ho(Ju), td = ho(rt);
+var Sn = nd(ze), Qu = ho(ut), ed = ho(Ju), td = ho(ot);
 function ho(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -4503,16 +4503,16 @@ function ad(e) {
   }), t;
 }
 (function(e) {
-  e.exports = pn.default, e.exports.utils = U, e.exports.calculateUtils = Be, e.exports.Responsive = Kn.default, e.exports.Responsive.utils = Ot, e.exports.WidthProvider = fo.default;
+  e.exports = pn.default, e.exports.utils = q, e.exports.calculateUtils = Be, e.exports.Responsive = Kn.default, e.exports.Responsive.utils = Ot, e.exports.WidthProvider = fo.default;
 })(Oi);
 var sd = Oi.exports;
-const ld = /* @__PURE__ */ Ur(sd), Nr = {
+const ld = /* @__PURE__ */ qr(sd), Nr = {
   type: Ce.COMMAND,
   id: "sheet.command.delete-conditional-rule",
   handler(e, t) {
     if (!t)
       return !1;
-    const n = e.get(Wt), r = e.get(de), o = e.get(ne), i = _e(o, t);
+    const n = e.get(At), r = e.get(de), o = e.get(ne), i = _e(o, t);
     if (!i)
       return !1;
     const { unitId: a, subUnitId: l } = i, s = { unitId: a, subUnitId: l, cfId: t.cfId }, c = Ut(e, s), u = r.syncExecuteCommand(Qe.id, s);
@@ -4524,22 +4524,22 @@ const ld = /* @__PURE__ */ Ur(sd), Nr = {
   handler(e, t) {
     if (!t)
       return !1;
-    const n = e.get(Wt), r = e.get(de), o = e.get(ne), i = e.get(ue), a = _e(o, t);
+    const n = e.get(At), r = e.get(de), o = e.get(ne), i = e.get(ue), a = _e(o, t);
     if (!a)
       return !1;
     const { unitId: l, subUnitId: s } = a, c = Aa(t.start, t.end, i.getSubunitRules(l, s) || [], (b) => b.cfId);
     if (!c)
       return !1;
-    const [u, h] = c, d = { unitId: l, subUnitId: s, start: u, end: h }, g = Fa(d), m = r.syncExecuteCommand(Pn.id, d);
+    const [u, h] = c, d = { unitId: l, subUnitId: s, start: u, end: h }, g = Fa(d), m = r.syncExecuteCommand(Dn.id, d);
     return m && n.pushUndoRedo({
       unitID: l,
-      redoMutations: [{ id: Pn.id, params: d }],
+      redoMutations: [{ id: Dn.id, params: d }],
       undoMutations: g
     }), m;
   }
 }, cd = "univer-cf-preview", Cn = {
   cfPreview: cd
-}, Bt = (e) => {
+}, Gt = (e) => {
   var o, i;
   const t = e.rule;
   if (!t)
@@ -4547,7 +4547,7 @@ const ld = /* @__PURE__ */ Ur(sd), Nr = {
   const n = ve(() => {
     if (t.type === j.colorScale) {
       const a = t.config.map((c, u) => ({ color: new ci(c.color), value: u })), l = a.length - 1;
-      return new Array(5).fill("").map((c, u, h) => u * l / (h.length - 1)).map((c) => Ua(a, c));
+      return new Array(5).fill("").map((c, u, h) => u * l / (h.length - 1)).map((c) => qa(a, c));
     }
     return null;
   }, [t]), r = ve(() => {
@@ -4568,9 +4568,9 @@ const ld = /* @__PURE__ */ Ur(sd), Nr = {
     case j.colorScale:
       return n && /* @__PURE__ */ f.jsx("div", { className: Cn.cfPreview, children: n.map((a, l) => /* @__PURE__ */ f.jsx("div", { style: { width: `${100 / n.length}%`, height: "100%", background: a } }, l)) });
     case j.iconSet:
-      return r && /* @__PURE__ */ f.jsx("div", { className: Cn.cfPreview, children: r.map((a, l) => a ? /* @__PURE__ */ f.jsx("img", { style: { height: "100%" }, src: a }, l) : /* @__PURE__ */ f.jsx(Vn, {}, l)) });
+      return r && /* @__PURE__ */ f.jsx("div", { className: Cn.cfPreview, children: r.map((a, l) => a ? /* @__PURE__ */ f.jsx("img", { style: { height: "100%" }, src: a }, l) : /* @__PURE__ */ f.jsx(zn, {}, l)) });
     case j.highlightCell: {
-      const { ul: a, st: l, it: s, bl: c, bg: u, cl: h } = t.style, d = (a == null ? void 0 : a.s) === Le.TRUE, g = (l == null ? void 0 : l.s) === Le.TRUE, m = s === Le.TRUE, b = c === Le.TRUE, x = (o = u == null ? void 0 : u.rgb) != null ? o : qa, w = (i = h == null ? void 0 : h.rgb) != null ? i : Ba, y = {
+      const { ul: a, st: l, it: s, bl: c, bg: u, cl: h } = t.style, d = (a == null ? void 0 : a.s) === Le.TRUE, g = (l == null ? void 0 : l.s) === Le.TRUE, m = s === Le.TRUE, b = c === Le.TRUE, x = (o = u == null ? void 0 : u.rgb) != null ? o : Ua, w = (i = h == null ? void 0 : h.rgb) != null ? i : Ba, y = {
         fontWeight: b ? "bold" : void 0,
         fontStyle: m ? "italic" : void 0,
         textDecoration: `${d ? "underline" : ""} ${g ? "line-through" : ""}`.replace(/^ /, "") || void 0,
@@ -4734,7 +4734,7 @@ const ld = /* @__PURE__ */ Ur(sd), Nr = {
       }
     }
   }
-}, bg = ud, dd = {
+}, Sg = ud, dd = {
   sheet: {
     cf: {
       title: "条件格式",
@@ -4887,19 +4887,172 @@ const ld = /* @__PURE__ */ Ur(sd), Nr = {
       }
     }
   }
-}, fd = dd;
-var hd = Object.defineProperty, pd = Object.getOwnPropertyDescriptor, gd = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? pd(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+}, fd = dd, hd = {
+  sheet: {
+    cf: {
+      title: "Условное форматирование",
+      menu: {
+        manageConditionalFormatting: "Управление условным форматированием",
+        createConditionalFormatting: "Создание условного форматирования",
+        clearRangeRules: "Очистить правила для выбранного диапазона",
+        clearWorkSheetRules: "Очистить правила для всего листа"
+      },
+      form: {
+        lessThan: "Значение должно быть меньше {0}",
+        lessThanOrEqual: "Значение должно быть меньше или равно {0}",
+        greaterThan: "Значение должно быть больше {0}",
+        greaterThanOrEqual: "Значение должно быть больше или равно {0}",
+        rangeSelector: "Выберите диапазон или введите значение"
+      },
+      iconSet: {
+        direction: "Направление",
+        shape: "Форма",
+        mark: "Знак",
+        rank: "Ранг",
+        rule: "Правило",
+        icon: "Иконка",
+        type: "Тип",
+        value: "Значение",
+        reverseIconOrder: "Обратный порядок иконок",
+        and: "И",
+        when: "Когда",
+        onlyShowIcon: "Показывать только иконку"
+      },
+      symbol: {
+        greaterThan: ">",
+        greaterThanOrEqual: ">=",
+        lessThan: "<",
+        lessThanOrEqual: "<="
+      },
+      panel: {
+        createRule: "Создать правило",
+        clear: "Очистить все правила",
+        range: "Применить диапазон",
+        styleType: "Тип стиля",
+        submit: "Подтвердить",
+        cancel: "Отменить",
+        rankAndAverage: "Верх/Низ/Среднее",
+        styleRule: "Правило стиля",
+        isNotBottom: "Верх",
+        isBottom: "Низ",
+        greaterThanAverage: "Больше среднего",
+        lessThanAverage: "Меньше среднего",
+        medianValue: "Медианное значение",
+        fillType: "Тип заполнения",
+        pureColor: "Сплошной цвет",
+        gradient: "Градиент",
+        colorSet: "Набор цветов",
+        positive: "Положительный",
+        native: "Отрицательный",
+        workSheet: "Весь лист",
+        selectedRange: "Выбранный диапазон",
+        managerRuleSelect: "Управление правилами {0}",
+        onlyShowDataBar: "Показывать только гистограммы данных"
+      },
+      preview: {
+        describe: {
+          beginsWith: "Начинается с {0}",
+          endsWith: "Заканчивается на {0}",
+          containsText: "Содержит текст {0}",
+          notContainsText: "Не содержит текст {0}",
+          equal: "Равно {0}",
+          notEqual: "Не равно {0}",
+          containsBlanks: "Содержит пустые ячейки",
+          notContainsBlanks: "Не содержит пустых ячеек",
+          containsErrors: "Содержит ошибки",
+          notContainsErrors: "Не содержит ошибок",
+          greaterThan: "Больше чем {0}",
+          greaterThanOrEqual: "Больше или равно {0}",
+          lessThan: "Меньше чем {0}",
+          lessThanOrEqual: "Меньше или равно {0}",
+          notBetween: "Не между {0} и {1}",
+          between: "Между {0} и {1}",
+          yesterday: "Вчера",
+          tomorrow: "Завтра",
+          last7Days: "Последние 7 дней",
+          thisMonth: "Этот месяц",
+          lastMonth: "Прошлый месяц",
+          nextMonth: "Следующий месяц",
+          thisWeek: "Эта неделя",
+          lastWeek: "Прошлая неделя",
+          nextWeek: "Следующая неделя",
+          today: "Сегодня",
+          topN: "Топ {0}",
+          bottomN: "Низ {0}",
+          topNPercent: "Топ {0}%",
+          bottomNPercent: "Низ {0}%"
+        }
+      },
+      operator: {
+        beginsWith: "Начинается с",
+        endsWith: "Заканчивается на",
+        containsText: "Содержит текст",
+        notContainsText: "Не содержит текст",
+        equal: "Равно",
+        notEqual: "Не равно",
+        containsBlanks: "Содержит пустые ячейки",
+        notContainsBlanks: "Не содержит пустых ячеек",
+        containsErrors: "Содержит ошибки",
+        notContainsErrors: "Не содержит ошибок",
+        greaterThan: "Больше чем",
+        greaterThanOrEqual: "Больше или равно",
+        lessThan: "Меньше чем",
+        lessThanOrEqual: "Меньше или равно",
+        notBetween: "Не между",
+        between: "Между",
+        yesterday: "Вчера",
+        tomorrow: "Завтра",
+        last7Days: "Последние 7 дней",
+        thisMonth: "Этот месяц",
+        lastMonth: "Прошлый месяц",
+        nextMonth: "Следующий месяц",
+        thisWeek: "Эта неделя",
+        lastWeek: "Прошлая неделя",
+        nextWeek: "Следующая неделя",
+        today: "Сегодня"
+      },
+      ruleType: {
+        highlightCell: "Выделение ячеек",
+        dataBar: "Гистограмма данных",
+        colorScale: "Цветовая шкала",
+        formula: "Пользовательская формула",
+        iconSet: "Набор иконок",
+        duplicateValues: "Дублирующиеся значения",
+        uniqueValues: "Уникальные значения"
+      },
+      subRuleType: {
+        uniqueValues: "Уникальные значения",
+        duplicateValues: "Дублирующиеся значения",
+        rank: "Ранг",
+        text: "Текст",
+        timePeriod: "Период времени",
+        number: "Число",
+        average: "Среднее"
+      },
+      valueType: {
+        num: "Число",
+        min: "Минимум",
+        max: "Максимум",
+        percent: "Процент",
+        percentile: "Процентиль",
+        formula: "Формула",
+        none: "Нет"
+      }
+    }
+  }
+}, Cg = hd;
+var pd = Object.defineProperty, gd = Object.getOwnPropertyDescriptor, md = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? gd(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && hd(t, n, o), o;
-}, md = (e, t) => (n, r) => t(n, r, e);
-let ln = class extends it {
+  return r && o && pd(t, n, o), o;
+}, vd = (e, t) => (n, r) => t(n, r, e);
+let ln = class extends at {
   constructor(t) {
     super();
-    dt(this, "_initLocal", () => {
+    et(this, "_initLocal", () => {
       this._localeService.load({ zhCN: fd });
     });
-    dt(this, "_findReplaceIndex", (t) => {
+    et(this, "_findReplaceIndex", (t) => {
       const n = /\{([^}]+)?\}/g, r = [];
       let o = n.exec(t);
       for (; o; )
@@ -4931,11 +5084,11 @@ let ln = class extends it {
     return [];
   }
 };
-ln = gd([
-  at(st.Rendered, ln),
-  md(0, B($e))
+ln = md([
+  st(lt.Rendered, ln),
+  vd(0, B($e))
 ], ln);
-const vd = (e = []) => {
+const yd = (e = []) => {
   const t = oe(Is);
   me(() => {
     const n = e.map((r) => t.addShape({
@@ -4964,26 +5117,26 @@ const vd = (e = []) => {
       });
     };
   }, [e]);
-}, yd = "univer-cf-rule-list", bd = "univer-rule-selector", Sd = "univer-select", Cd = "univer-select-selector", wd = "univer-select-selection-item", _d = "univer-select-selection-search-input", xd = "univer-btn-list", Rd = "univer-gap", Td = "univer-icon", Id = "univer-disabled", Ed = "univer-rule-item", Od = "univer-rule-describe", Pd = "univer-rule-type", Dd = "univer-rule-range", Md = "univer-active", $d = "univer-draggableHandle", Nd = "univer-delete-item", jd = "univer-grid-layout-wrap", Ld = "univer-react-grid-item", he = {
-  cfRuleList: yd,
-  ruleSelector: bd,
-  select: Sd,
-  selectSelector: Cd,
-  selectSelectionItem: wd,
-  selectSelectionSearchInput: _d,
-  btnList: xd,
-  gap: Rd,
-  icon: Td,
-  disabled: Id,
-  ruleItem: Ed,
-  ruleDescribe: Od,
+}, bd = "univer-cf-rule-list", Sd = "univer-rule-selector", Cd = "univer-select", wd = "univer-select-selector", _d = "univer-select-selection-item", xd = "univer-select-selection-search-input", Rd = "univer-btn-list", Td = "univer-gap", Id = "univer-icon", Ed = "univer-disabled", Od = "univer-rule-item", Dd = "univer-rule-describe", Pd = "univer-rule-type", Md = "univer-rule-range", $d = "univer-active", Nd = "univer-draggableHandle", jd = "univer-delete-item", Ld = "univer-grid-layout-wrap", Vd = "univer-react-grid-item", he = {
+  cfRuleList: bd,
+  ruleSelector: Sd,
+  select: Cd,
+  selectSelector: wd,
+  selectSelectionItem: _d,
+  selectSelectionSearchInput: xd,
+  btnList: Rd,
+  gap: Td,
+  icon: Id,
+  disabled: Ed,
+  ruleItem: Od,
+  ruleDescribe: Dd,
   ruleType: Pd,
-  ruleRange: Dd,
-  active: Md,
-  draggableHandle: $d,
-  deleteItem: Nd,
-  gridLayoutWrap: jd,
-  reactGridItem: Ld
+  ruleRange: Md,
+  active: $d,
+  draggableHandle: Nd,
+  deleteItem: jd,
+  gridLayoutWrap: Ld,
+  reactGridItem: Vd
 }, zd = (e, t) => {
   const n = e.rule;
   switch (n.type) {
@@ -5022,58 +5175,58 @@ const vd = (e = []) => {
       }
   }
 };
-let Uo = 0;
-const Vd = (e) => {
-  const { onClick: t } = e, n = oe(ue), r = oe(ne), o = oe(qt), i = oe(de), a = oe($e), l = oe(ln), s = r.getCurrentUnitForType(X.UNIVER_SHEET), c = s.getUnitId(), h = s.getActiveSheet().getSheetId(), [d, g] = N([]), [m, b] = N("2"), [x, w] = N(0), [y, v] = N(-1), [C, p] = N(Uo), R = un(null), I = [
+let qo = 0;
+const kd = (e) => {
+  const { onClick: t } = e, n = oe(ue), r = oe(ne), o = oe(Bt), i = oe(de), a = oe($e), l = oe(ln), s = r.getCurrentUnitForType(X.UNIVER_SHEET), c = s.getUnitId(), h = s.getActiveSheet().getSheetId(), [d, g] = N([]), [m, b] = N("2"), [x, w] = N(0), [y, v] = N(-1), [C, p] = N(qo), R = un(null), I = [
     { label: a.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: a.t("sheet.cf.panel.selectedRange"), value: "1" }
   ], _ = () => {
-    const z = n.getSubunitRules(c, h);
-    if (!z || !z.length)
+    const V = n.getSubunitRules(c, h);
+    if (!V || !V.length)
       return [];
     if (m === "1") {
       const G = o.getLast();
       if (!G)
         return [];
       const re = G.range;
-      return z.filter((ye) => ye.ranges.some((Re) => Ht.intersects(Re, re)));
+      return V.filter((ye) => ye.ranges.some((Re) => Ht.intersects(Re, re)));
     } else if (m === "2")
-      return z;
+      return V;
     return [];
-  }, [D, M] = N(_);
-  vd(d), me(() => {
-    const z = i.onCommandExecuted((G) => {
-      G.id === Hr.id && w(Math.random());
+  }, [P, M] = N(_);
+  yd(d), me(() => {
+    const V = i.onCommandExecuted((G) => {
+      G.id === kr.id && w(Math.random());
     });
-    return () => z.dispose();
+    return () => V.dispose();
   }), me(() => {
     M(_);
   }, [m, x, c, h]), me(() => {
     if (m === "2")
       return;
-    const z = new nt((G) => {
-      const re = [is.id, Oe.id, Je.id, Qe.id, Pn.id], fe = i.onCommandExecuted((ye) => {
-        const { id: Re, params: Te } = ye, ke = r.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId();
-        re.includes(Re) && Te.unitId === ke && G.next(null);
+    const V = new rt((G) => {
+      const re = [is.id, Oe.id, Je.id, Qe.id, Dn.id], fe = i.onCommandExecuted((ye) => {
+        const { id: Re, params: Te } = ye, He = r.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId();
+        re.includes(Re) && Te.unitId === He && G.next(null);
       });
       return () => fe.dispose();
     }).pipe(Ro(16)).subscribe(() => {
       M(_);
     });
     return () => {
-      z.unsubscribe();
+      V.unsubscribe();
     };
   }, [r, m, c, h]), me(() => {
-    const z = n.$ruleChange.subscribe(() => {
+    const V = n.$ruleChange.subscribe(() => {
       w(Math.random());
     });
-    return () => z.unsubscribe();
+    return () => V.unsubscribe();
   }, [n]), me(() => {
-    const z = () => {
+    const V = () => {
       var ye;
       const fe = Math.max(0, (((ye = R.current) == null ? void 0 : ye.getBoundingClientRect().width) || 0) - 8);
-      return Uo = fe, fe;
-    }, re = new nt((fe) => {
+      return qo = fe, fe;
+    }, re = new rt((fe) => {
       const ye = document.querySelector(".univer-sidebar");
       if (ye) {
         let Re = setTimeout(() => {
@@ -5081,71 +5234,71 @@ const Vd = (e) => {
         }, 150);
         const Te = () => {
           Re && clearTimeout(Re), Re = null;
-        }, ke = (ut) => {
-          ut.propertyName === "width" && (Te(), fe.next());
+        }, He = (dt) => {
+          dt.propertyName === "width" && (Te(), fe.next());
         };
-        return ye.addEventListener("transitionend", ke), () => {
-          Te(), ye.removeEventListener("transitionend", ke);
+        return ye.addEventListener("transitionend", He), () => {
+          Te(), ye.removeEventListener("transitionend", He);
         };
       }
     }).pipe(Ro(16)).subscribe(() => {
-      p(z());
+      p(V());
     });
     return () => {
       re.unsubscribe();
     };
   }, []);
-  const L = (z) => {
+  const L = (V) => {
     const G = r.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), re = r.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId();
-    i.executeCommand(Nr.id, { unitId: G, subUnitId: re, cfId: z.cfId });
-  }, q = (z, G) => {
+    i.executeCommand(Nr.id, { unitId: G, subUnitId: re, cfId: V.cfId });
+  }, U = (V, G) => {
     v(G.y);
-  }, S = (z, G, re) => {
+  }, S = (V, G, re) => {
     v(-1);
-    const fe = r.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), ye = r.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), Re = (ut) => {
-      const Yt = D.length;
-      return Math.min(Yt - 1, Math.max(0, ut));
-    }, Te = D[Re(G.y)].cfId, ke = D[Re(re.y)].cfId;
-    Te !== ke && i.executeCommand(ga.id, { unitId: fe, subUnitId: ye, start: { id: Te, type: "self" }, end: { id: ke, type: re.y > G.y ? "after" : "before" } });
+    const fe = r.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), ye = r.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), Re = (dt) => {
+      const Kt = P.length;
+      return Math.min(Kt - 1, Math.max(0, dt));
+    }, Te = P[Re(G.y)].cfId, He = P[Re(re.y)].cfId;
+    Te !== He && i.executeCommand(ga.id, { unitId: fe, subUnitId: ye, start: { id: Te, type: "self" }, end: { id: He, type: re.y > G.y ? "after" : "before" } });
   }, T = () => {
     e.onCreate();
   }, J = () => {
-    m === "2" ? i.executeCommand(Ar.id) : m === "1" && D.map((G) => ({ unitId: c, subUnitId: h, cfId: G.cfId })).forEach((G) => {
+    m === "2" ? i.executeCommand(Ar.id) : m === "1" && P.map((G) => ({ unitId: c, subUnitId: h, cfId: G.cfId })).forEach((G) => {
       i.executeCommand(Nr.id, G);
     });
-  }, xe = D.map((z, G) => ({ i: z.cfId, x: 0, w: 12, y: G, h: 1, isResizable: !1 }));
+  }, xe = P.map((V, G) => ({ i: V.cfId, x: 0, w: 12, y: G, h: 1, isResizable: !1 }));
   return /* @__PURE__ */ f.jsxs("div", { className: he.cfRuleList, children: [
     /* @__PURE__ */ f.jsxs("div", { className: he.ruleSelector, children: [
       /* @__PURE__ */ f.jsx("div", { children: l.tWithReactNode(
         "sheet.cf.panel.managerRuleSelect",
-        /* @__PURE__ */ f.jsx(ze, { className: he.select, options: I, value: m, onChange: (z) => {
-          b(z);
+        /* @__PURE__ */ f.jsx(Ve, { className: he.select, options: I, value: m, onChange: (V) => {
+          b(V);
         } })
-      ).map((z, G) => /* @__PURE__ */ f.jsx("span", { children: z }, G)) }),
+      ).map((V, G) => /* @__PURE__ */ f.jsx("span", { children: V }, G)) }),
       /* @__PURE__ */ f.jsxs("div", { className: he.btnList, children: [
         /* @__PURE__ */ f.jsx(Io, { title: a.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ f.jsx("div", { className: `${he.icon}`, onClick: T, children: /* @__PURE__ */ f.jsx(Js, {}) }) }),
-        D.length ? /* @__PURE__ */ f.jsx(Io, { title: a.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ f.jsx("div", { className: `${he.gap} ${he.icon}`, onClick: J, children: /* @__PURE__ */ f.jsx(sr, {}) }) }) : /* @__PURE__ */ f.jsx("div", { className: `${he.gap}  ${he.disabled}`, children: /* @__PURE__ */ f.jsx(sr, {}) })
+        P.length ? /* @__PURE__ */ f.jsx(Io, { title: a.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ f.jsx("div", { className: `${he.gap} ${he.icon}`, onClick: J, children: /* @__PURE__ */ f.jsx(sr, {}) }) }) : /* @__PURE__ */ f.jsx("div", { className: `${he.gap}  ${he.disabled}`, children: /* @__PURE__ */ f.jsx(sr, {}) })
       ] })
     ] }),
     /* @__PURE__ */ f.jsx("div", { ref: R, className: he.gridLayoutWrap, children: C ? /* @__PURE__ */ f.jsx(
       ld,
       {
         onDragStop: S,
-        onDragStart: q,
+        onDragStart: U,
         layout: xe,
         cols: 12,
         rowHeight: 60,
         width: C,
         margin: [0, 10],
         draggableHandle: ".draggableHandle",
-        children: D.map((z, G) => /* @__PURE__ */ f.jsx("div", { children: /* @__PURE__ */ f.jsxs(
+        children: P.map((V, G) => /* @__PURE__ */ f.jsx("div", { children: /* @__PURE__ */ f.jsxs(
           "div",
           {
             onMouseMove: () => {
-              z.ranges !== d && g(z.ranges);
+              V.ranges !== d && g(V.ranges);
             },
             onMouseLeave: () => g([]),
-            onClick: () => t(z),
+            onClick: () => t(V),
             className: `${he.ruleItem} ${y === G ? he.active : ""}`,
             children: [
               /* @__PURE__ */ f.jsx(
@@ -5157,23 +5310,23 @@ const Vd = (e) => {
                 }
               ),
               /* @__PURE__ */ f.jsxs("div", { className: he.ruleDescribe, children: [
-                /* @__PURE__ */ f.jsx("div", { className: he.ruleType, children: zd(z, a) }),
-                /* @__PURE__ */ f.jsx("div", { className: he.ruleRange, children: z.ranges.map((re) => gi(re)).join(",") })
+                /* @__PURE__ */ f.jsx("div", { className: he.ruleType, children: zd(V, a) }),
+                /* @__PURE__ */ f.jsx("div", { className: he.ruleRange, children: V.ranges.map((re) => gi(re)).join(",") })
               ] }),
-              /* @__PURE__ */ f.jsx("div", { className: he.preview, children: /* @__PURE__ */ f.jsx(Bt, { rule: z.rule }) }),
+              /* @__PURE__ */ f.jsx("div", { className: he.preview, children: /* @__PURE__ */ f.jsx(Gt, { rule: V.rule }) }),
               /* @__PURE__ */ f.jsx(
                 "div",
                 {
                   className: `${he.deleteItem} ${y === G ? he.active : ""}`,
                   onClick: (re) => {
-                    re.stopPropagation(), L(z);
+                    re.stopPropagation(), L(V);
                   },
                   children: /* @__PURE__ */ f.jsx(sr, {})
                 }
               )
             ]
           }
-        ) }, `${z.cfId}`))
+        ) }, `${V.cfId}`))
       }
     ) : null })
   ] });
@@ -5183,7 +5336,7 @@ const Vd = (e) => {
   handler(e, t) {
     if (!t)
       return !1;
-    const { rule: n } = t, r = e.get(Wt), o = e.get(de), i = e.get(ue), a = e.get(ne), l = _e(a);
+    const { rule: n } = t, r = e.get(At), o = e.get(de), i = e.get(ue), a = e.get(ne), l = _e(a);
     if (!l)
       return !1;
     const { unitId: s, subUnitId: c } = l, u = i.createCfId(s, c), h = { unitId: s, subUnitId: c, rule: { ...n, cfId: n.cfId || u } }, d = fi(e, h), g = o.syncExecuteCommand(Oe.id, h);
@@ -5199,18 +5352,18 @@ const Vd = (e) => {
   handler(e, t) {
     if (!t)
       return !1;
-    const n = e.get(Wt), r = e.get(de), o = e.get(ne), i = _e(o, t);
+    const n = e.get(At), r = e.get(de), o = e.get(ne), i = _e(o, t);
     if (!i)
       return !1;
-    const { unitId: a, subUnitId: l } = i, s = { unitId: a, subUnitId: l, rule: t.rule }, c = Ft(e, s), u = r.syncExecuteCommand(Je.id, s);
+    const { unitId: a, subUnitId: l } = i, s = { unitId: a, subUnitId: l, rule: t.rule }, c = qt(e, s), u = r.syncExecuteCommand(Je.id, s);
     return u && n.pushUndoRedo({ unitID: a, undoMutations: c, redoMutations: [{ id: Je.id, params: s }] }), u;
   }
-}, Hd = ui("beforeSubmit"), kd = ui("submit"), Wd = "univer-cf-color-picker", Ad = "univer-cf-color-picker-icon", Fd = "univer-icon-dropdown", gr = {
-  cfColorPicker: Wd,
-  cfColorPickerIcon: Ad,
-  iconDropdown: Fd
+}, Hd = ui("beforeSubmit"), Wd = ui("submit"), Ad = "univer-cf-color-picker", Fd = "univer-cf-color-picker-icon", qd = "univer-icon-dropdown", gr = {
+  cfColorPicker: Ad,
+  cfColorPickerIcon: Fd,
+  iconDropdown: qd
 }, wt = (e) => {
-  const { color: t, onChange: n, disable: r = !1, iconId: o = "PaintBucket", className: i, isNeedDropdownIcon: a = !0 } = e, l = oe(kr), s = ve(() => new ci(t), [t]), c = l.get(o);
+  const { color: t, onChange: n, disable: r = !1, iconId: o = "PaintBucket", className: i, isNeedDropdownIcon: a = !0 } = e, l = oe(Hr), s = ve(() => new ci(t), [t]), c = l.get(o);
   return c && (r ? /* @__PURE__ */ f.jsx(c, { className: i, extend: { colorChannel1: s.isValid ? t : "rgb(var(--primary-color))" } }) : /* @__PURE__ */ f.jsx(
     Wr,
     {
@@ -5221,33 +5374,33 @@ const Vd = (e) => {
       ] })
     }
   ));
-}, Ud = "univer-cf-rule-style-editor", qd = "univer-cf-preview-wrap", Bd = "univer-text", Gd = "univer-position-relative", Xd = "univer-btn-list", Yd = "univer-util-item", Kd = "univer-icon-set", Zd = "univer-render-config", Jd = "univer-flex", Qd = "univer-width45", ef = "univer-icon-wrap", tf = "univer-icon", nf = "univer-dropdown-icon", rf = "univer-error-input", of = "univer-error-text", af = "univer-icon-group-list", sf = "univer-title", lf = "univer-group", cf = "univer-item-content", uf = "univer-item-wrap", df = "univer-item", ff = "univer-icon-item-list-wrap", hf = "univer-none", pf = "univer-icon-item-list", gf = "univer-width100", mf = "univer-stress", O = {
+}, Ud = "univer-cf-rule-style-editor", Bd = "univer-cf-preview-wrap", Gd = "univer-text", Xd = "univer-position-relative", Yd = "univer-btn-list", Kd = "univer-util-item", Zd = "univer-icon-set", Jd = "univer-render-config", Qd = "univer-flex", ef = "univer-width45", tf = "univer-icon-wrap", nf = "univer-icon", rf = "univer-dropdown-icon", of = "univer-error-input", af = "univer-error-text", sf = "univer-icon-group-list", lf = "univer-title", cf = "univer-group", uf = "univer-item-content", df = "univer-item-wrap", ff = "univer-item", hf = "univer-icon-item-list-wrap", pf = "univer-none", gf = "univer-icon-item-list", mf = "univer-width100", vf = "univer-stress", O = {
   cfRuleStyleEditor: Ud,
-  cfPreviewWrap: qd,
-  text: Bd,
-  positionRelative: Gd,
-  btnList: Xd,
-  utilItem: Yd,
-  iconSet: Kd,
-  renderConfig: Zd,
-  flex: Jd,
-  width45: Qd,
-  iconWrap: ef,
-  icon: tf,
-  dropdownIcon: nf,
-  errorInput: rf,
-  errorText: of,
-  iconGroupList: af,
-  title: sf,
-  group: lf,
-  itemContent: cf,
-  itemWrap: uf,
-  item: df,
-  iconItemListWrap: ff,
-  none: hf,
-  iconItemList: pf,
-  width100: gf,
-  stress: mf
+  cfPreviewWrap: Bd,
+  text: Gd,
+  positionRelative: Xd,
+  btnList: Yd,
+  utilItem: Kd,
+  iconSet: Zd,
+  renderConfig: Jd,
+  flex: Qd,
+  width45: ef,
+  iconWrap: tf,
+  icon: nf,
+  dropdownIcon: rf,
+  errorInput: of,
+  errorText: af,
+  iconGroupList: sf,
+  title: lf,
+  group: cf,
+  itemContent: uf,
+  itemWrap: df,
+  item: ff,
+  iconItemListWrap: hf,
+  none: pf,
+  iconItemList: gf,
+  width100: mf,
+  stress: vf
 }, gt = (e, t) => ({ label: t.t(`sheet.cf.valueType.${e}`), value: e }), mr = (e) => {
   const { type: t, className: n, onChange: r, id: o, value: i } = e, a = oe(ne), l = a.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), s = a.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), c = ve(() => String(i).startsWith("=") ? String(i) : "=", [i]), u = ve(() => [A.max, A.min, "none"].includes(t) ? { disabled: !0 } : [A.percent, A.percentile].includes(t) ? {
     min: 0,
@@ -5257,11 +5410,11 @@ const Vd = (e) => {
     max: Number.MAX_SAFE_INTEGER
   }, [t]);
   return t === A.formula ? /* @__PURE__ */ f.jsx(
-    zn,
+    Vn,
     {
       openForSheetSubUnitId: s,
       openForSheetUnitId: l,
-      id: hn(`${lt}_colo_scale_${o}`),
+      id: hn(`${ct}_colo_scale_${o}`),
       value: c,
       style: { maxWidth: "50%", marginLeft: 4 },
       canvasStyle: { fontSize: 10 },
@@ -5271,9 +5424,9 @@ const Vd = (e) => {
       }
     }
   ) : /* @__PURE__ */ f.jsx(St, { className: n, value: Number(e.value) || 0, onChange: (h) => e.onChange(h || 0), ...u });
-}, vf = (e) => {
-  var q;
-  const { interceptorManager: t } = e, n = oe($e), r = ((q = e.rule) == null ? void 0 : q.type) === j.colorScale ? e.rule : void 0, o = [gt(A.num, n), gt(A.percent, n), gt(A.percentile, n), gt(A.formula, n)], i = [gt(A.min, n), ...o], a = [gt("none", n), ...o], l = [gt(A.max, n), ...o], [s, c] = N(() => {
+}, yf = (e) => {
+  var U;
+  const { interceptorManager: t } = e, n = oe($e), r = ((U = e.rule) == null ? void 0 : U.type) === j.colorScale ? e.rule : void 0, o = [gt(A.num, n), gt(A.percent, n), gt(A.percentile, n), gt(A.formula, n)], i = [gt(A.min, n), ...o], a = [gt("none", n), ...o], l = [gt(A.max, n), ...o], [s, c] = N(() => {
     var T;
     const S = A.min;
     return r && ((T = r.config[0]) == null ? void 0 : T.value.type) || S;
@@ -5310,7 +5463,7 @@ const Vd = (e) => {
     var T;
     const S = "#7790f3";
     return !r || r.config.length !== 3 ? S : ((T = r.config[1]) == null ? void 0 : T.color) || S;
-  }), [_, D] = N(() => {
+  }), [_, P] = N(() => {
     var T;
     const S = "#2e55ef";
     return r && ((T = r.config[r.config.length - 1]) == null ? void 0 : T.color) || S;
@@ -5319,14 +5472,14 @@ const Vd = (e) => {
       minType: T,
       medianType: J,
       maxType: xe,
-      minValue: z,
+      minValue: V,
       medianValue: G,
       maxValue: re,
       minColor: fe,
       medianColor: ye,
       maxColor: Re
     } = S, Te = [];
-    return Te.push({ color: fe, value: { type: T, value: z } }), J !== "none" && Te.push({ color: ye, value: { type: J, value: G } }), Te.push({ color: Re, value: { type: xe, value: re } }), { config: Te.map((ut, Yt) => ({ ...ut, index: Yt })), type: j.colorScale };
+    return Te.push({ color: fe, value: { type: T, value: V } }), J !== "none" && Te.push({ color: ye, value: { type: J, value: G } }), Te.push({ color: Re, value: { type: xe, value: re } }), { config: Te.map((dt, Kt) => ({ ...dt, index: Kt })), type: j.colorScale };
   }, []);
   me(() => t.intercept(t.getInterceptPoints().submit, {
     handler() {
@@ -5338,11 +5491,11 @@ const Vd = (e) => {
   };
   return /* @__PURE__ */ f.jsxs("div", { children: [
     /* @__PURE__ */ f.jsx("div", { className: E.title, children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap}`, children: /* @__PURE__ */ f.jsx(Bt, { rule: M({ minType: s, medianType: u, maxType: d, minValue: m, medianValue: x, maxValue: y, minColor: C, medianColor: R, maxColor: _ }) }) }),
+    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap}`, children: /* @__PURE__ */ f.jsx(Gt, { rule: M({ minType: s, medianType: u, maxType: d, minValue: m, medianValue: x, maxValue: y, minColor: C, medianColor: R, maxColor: _ }) }) }),
     /* @__PURE__ */ f.jsx("div", { className: E.label, children: n.t("sheet.cf.valueType.min") }),
     /* @__PURE__ */ f.jsxs("div", { className: `${E.labelContainer} ${E.mTSm}`, children: [
       /* @__PURE__ */ f.jsx(
-        ze,
+        Ve,
         {
           options: i,
           value: s,
@@ -5379,7 +5532,7 @@ const Vd = (e) => {
     /* @__PURE__ */ f.jsx("div", { className: E.label, children: n.t("sheet.cf.panel.medianValue") }),
     /* @__PURE__ */ f.jsxs("div", { className: `${E.labelContainer} ${E.mTSm}`, children: [
       /* @__PURE__ */ f.jsx(
-        ze,
+        Ve,
         {
           options: a,
           value: u,
@@ -5416,7 +5569,7 @@ const Vd = (e) => {
     /* @__PURE__ */ f.jsx("div", { className: E.label, children: n.t("sheet.cf.valueType.max") }),
     /* @__PURE__ */ f.jsxs("div", { className: `${E.labelContainer} ${E.mTSm}`, children: [
       /* @__PURE__ */ f.jsx(
-        ze,
+        Ve,
         {
           options: l,
           value: d,
@@ -5445,13 +5598,13 @@ const Vd = (e) => {
           className: E.mLXxs,
           color: _,
           onChange: (S) => {
-            D(S), L({ minType: s, medianType: u, maxType: d, minValue: m, medianValue: x, maxValue: y, minColor: C, medianColor: R, maxColor: S });
+            P(S), L({ minType: s, medianType: u, maxType: d, minValue: m, medianValue: x, maxValue: y, minColor: C, medianColor: R, maxColor: S });
           }
         }
       )
     ] })
   ] });
-}, jt = (e, t) => ({ label: t.t(`sheet.cf.valueType.${e}`), value: e }), qo = (e) => {
+}, jt = (e, t) => ({ label: t.t(`sheet.cf.valueType.${e}`), value: e }), Uo = (e) => {
   const { onChange: t, className: n, value: r, type: o, id: i, disabled: a = !1 } = e, l = oe(ne), s = l.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), c = l.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), u = un(r), h = ve(() => [A.percentile, A.percent].includes(o) ? {
     max: 100,
     min: 0
@@ -5462,9 +5615,9 @@ const Vd = (e) => {
   if (o === A.formula) {
     const d = String(u.current).startsWith("=") ? String(u.current) || "" : "=";
     return /* @__PURE__ */ f.jsx(
-      zn,
+      Vn,
       {
-        id: hn(`${lt}_data_bar_${i}`),
+        id: hn(`${ct}_data_bar_${i}`),
         value: d,
         openForSheetSubUnitId: c,
         openForSheetUnitId: s,
@@ -5489,9 +5642,9 @@ const Vd = (e) => {
       ...h
     }
   );
-}, yf = (e) => {
-  var q;
-  const { interceptorManager: t } = e, n = oe($e), r = ((q = e.rule) == null ? void 0 : q.type) === j.dataBar ? e.rule : void 0, [o, i] = N(() => {
+}, bf = (e) => {
+  var U;
+  const { interceptorManager: t } = e, n = oe($e), r = ((U = e.rule) == null ? void 0 : U.type) === j.dataBar ? e.rule : void 0, [o, i] = N(() => {
     var T;
     const S = "0";
     return r ? (T = r.config) != null && T.isGradient ? "1" : "0" : S;
@@ -5537,14 +5690,14 @@ const Vd = (e) => {
   }), [o, w, g, v, b, a, s, t, p]);
   const _ = (S) => {
     e.onChange(I(S));
-  }, D = (S) => {
+  }, P = (S) => {
     l(S), _({ isGradient: o, minValue: w, minValueType: g, maxValue: v, maxValueType: b, positiveColor: S, nativeColor: s, isShowValue: p });
   }, M = (S) => {
     c(S), _({ isGradient: o, minValue: w, minValueType: g, maxValue: v, maxValueType: b, positiveColor: a, nativeColor: S, isShowValue: p });
   }, L = (S) => u.map((T) => T.value).includes(S);
   return /* @__PURE__ */ f.jsxs("div", { children: [
     /* @__PURE__ */ f.jsx("div", { className: E.title, children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap}`, children: /* @__PURE__ */ f.jsx(Bt, { rule: I({ isGradient: o, minValue: w, minValueType: g, maxValue: v, maxValueType: b, positiveColor: a, nativeColor: s, isShowValue: p }) }) }),
+    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap}`, children: /* @__PURE__ */ f.jsx(Gt, { rule: I({ isGradient: o, minValue: w, minValueType: g, maxValue: v, maxValueType: b, positiveColor: a, nativeColor: s, isShowValue: p }) }) }),
     /* @__PURE__ */ f.jsxs("div", { children: [
       /* @__PURE__ */ f.jsx("div", { className: E.label, children: n.t("sheet.cf.panel.fillType") }),
       /* @__PURE__ */ f.jsxs("div", { className: `${E.mTSm} ${E.mLXxs} ${E.labelContainer} `, children: [
@@ -5563,7 +5716,7 @@ const Vd = (e) => {
         ),
         /* @__PURE__ */ f.jsxs("div", { className: `${O.utilItem} ${E.mLXl}`, children: [
           /* @__PURE__ */ f.jsx(
-            Dn,
+            Pn,
             {
               checked: !p,
               onChange: (S) => {
@@ -5594,7 +5747,7 @@ const Vd = (e) => {
             wt,
             {
               color: a,
-              onChange: D
+              onChange: P
             }
           )
         ] })
@@ -5604,7 +5757,7 @@ const Vd = (e) => {
       /* @__PURE__ */ f.jsx("div", { className: E.label, children: n.t("sheet.cf.valueType.min") }),
       /* @__PURE__ */ f.jsxs("div", { className: `${E.mTSm} ${E.labelContainer}`, children: [
         /* @__PURE__ */ f.jsx(
-          ze,
+          Ve,
           {
             options: h,
             value: g,
@@ -5616,7 +5769,7 @@ const Vd = (e) => {
           }
         ),
         /* @__PURE__ */ f.jsx(
-          qo,
+          Uo,
           {
             disabled: !L(g),
             id: "min",
@@ -5632,7 +5785,7 @@ const Vd = (e) => {
       /* @__PURE__ */ f.jsx("div", { className: E.label, children: n.t("sheet.cf.valueType.max") }),
       /* @__PURE__ */ f.jsxs("div", { className: `${E.mTSm} ${E.labelContainer}`, children: [
         /* @__PURE__ */ f.jsx(
-          ze,
+          Ve,
           {
             options: d,
             value: b,
@@ -5644,7 +5797,7 @@ const Vd = (e) => {
           }
         ),
         /* @__PURE__ */ f.jsx(
-          qo,
+          Uo,
           {
             disabled: !L(b),
             id: "max",
@@ -5659,12 +5812,12 @@ const Vd = (e) => {
       ] })
     ] })
   ] });
-}, bf = "univer-cf-style-edit", Sf = "univer-button-item", Cf = "univer-isActive", Ye = {
-  cfStyleEdit: bf,
-  buttonItem: Sf,
-  isActive: Cf
+}, Sf = "univer-cf-style-edit", Cf = "univer-button-item", wf = "univer-isActive", Ye = {
+  cfStyleEdit: Sf,
+  buttonItem: Cf,
+  isActive: wf
 }, wn = (e) => [Le.FALSE, void 0].includes(e) ? Le.TRUE : Le.FALSE, _n = (e) => e !== Le.FALSE, po = (e) => {
-  const { style: t, onChange: n, className: r } = e, o = oe(kr), [i, a] = N(() => {
+  const { style: t, onChange: n, className: r } = e, o = oe(Hr), [i, a] = N(() => {
     if (t != null && t.bl)
       return t.bl;
   }), [l, s] = N(() => {
@@ -5692,14 +5845,14 @@ const Vd = (e) => {
     };
     g !== void 0 && (p.cl = { rgb: g }), b !== void 0 && (p.bg = { rgb: b }), h !== void 0 && (p.st = { s: h }), c !== void 0 && (p.ul = { s: c }), n(Ga(p));
   }, [i, l, c, h, g, b]), /* @__PURE__ */ f.jsxs("div", { className: `${Ye.cfStyleEdit} ${r}`, children: [
-    w && /* @__PURE__ */ f.jsx("div", { className: rt({ [Ye.isActive]: _n(i || Le.FALSE) }, Ye.buttonItem), onClick: () => a(wn(i)), children: /* @__PURE__ */ f.jsx(w, {}) }),
-    y && /* @__PURE__ */ f.jsx("div", { className: rt({ [Ye.isActive]: _n(l || Le.FALSE) }, Ye.buttonItem), onClick: () => s(wn(l)), children: /* @__PURE__ */ f.jsx(y, {}) }),
-    v && /* @__PURE__ */ f.jsx("div", { className: rt({ [Ye.isActive]: _n(c || Le.FALSE) }, Ye.buttonItem), onClick: () => u(wn(c)), children: /* @__PURE__ */ f.jsx(v, {}) }),
-    C && /* @__PURE__ */ f.jsx("div", { className: rt({ [Ye.isActive]: _n(h || Le.FALSE) }, Ye.buttonItem), onClick: () => d(wn(h)), children: /* @__PURE__ */ f.jsx(C, {}) }),
+    w && /* @__PURE__ */ f.jsx("div", { className: ot({ [Ye.isActive]: _n(i || Le.FALSE) }, Ye.buttonItem), onClick: () => a(wn(i)), children: /* @__PURE__ */ f.jsx(w, {}) }),
+    y && /* @__PURE__ */ f.jsx("div", { className: ot({ [Ye.isActive]: _n(l || Le.FALSE) }, Ye.buttonItem), onClick: () => s(wn(l)), children: /* @__PURE__ */ f.jsx(y, {}) }),
+    v && /* @__PURE__ */ f.jsx("div", { className: ot({ [Ye.isActive]: _n(c || Le.FALSE) }, Ye.buttonItem), onClick: () => u(wn(c)), children: /* @__PURE__ */ f.jsx(v, {}) }),
+    C && /* @__PURE__ */ f.jsx("div", { className: ot({ [Ye.isActive]: _n(h || Le.FALSE) }, Ye.buttonItem), onClick: () => d(wn(h)), children: /* @__PURE__ */ f.jsx(C, {}) }),
     /* @__PURE__ */ f.jsx(wt, { color: g, onChange: m, iconId: "FontColor" }),
     /* @__PURE__ */ f.jsx(wt, { color: b, onChange: x, iconId: "PaintBucket" })
   ] });
-}, wf = (e) => {
+}, _f = (e) => {
   var x;
   const { onChange: t, interceptorManager: n } = e, r = oe($e), o = ((x = e.rule) == null ? void 0 : x.type) === j.highlightCell ? e.rule : void 0, i = [
     { label: r.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" },
@@ -5714,7 +5867,7 @@ const Vd = (e) => {
       case j.highlightCell:
         switch (o.subType) {
           case $.average:
-            return [H.greaterThan, H.greaterThanOrEqual].includes(o.operator) ? "greaterThanAverage" : [H.lessThan, H.lessThanOrEqual].includes(o.operator) ? "lessThanAverage" : w;
+            return [k.greaterThan, k.greaterThanOrEqual].includes(o.operator) ? "greaterThanAverage" : [k.lessThan, k.lessThanOrEqual].includes(o.operator) ? "lessThanAverage" : w;
           case $.rank:
             return o.isBottom ? "isBottom" : "isNotBottom";
         }
@@ -5751,9 +5904,9 @@ const Vd = (e) => {
     if (y === "isBottom")
       return { type: j.highlightCell, subType: $.rank, isPercent: v, isBottom: !0, value: C, style: p };
     if (y === "greaterThanAverage")
-      return { type: j.highlightCell, subType: $.average, operator: H.greaterThan, style: p };
+      return { type: j.highlightCell, subType: $.average, operator: k.greaterThan, style: p };
     if (y === "lessThanAverage")
-      return { type: j.highlightCell, subType: $.average, operator: H.lessThan, style: p };
+      return { type: j.highlightCell, subType: $.average, operator: k.lessThan, style: p };
   };
   me(() => n.intercept(n.getInterceptPoints().submit, {
     handler() {
@@ -5766,7 +5919,7 @@ const Vd = (e) => {
   return /* @__PURE__ */ f.jsxs("div", { children: [
     /* @__PURE__ */ f.jsx("div", { className: `${E.title} ${E.mTBase}`, children: r.t("sheet.cf.panel.styleRule") }),
     /* @__PURE__ */ f.jsx(
-      ze,
+      Ve,
       {
         className: `${O.width100} ${E.mTSm}`,
         value: a,
@@ -5791,7 +5944,7 @@ const Vd = (e) => {
       ),
       /* @__PURE__ */ f.jsxs("div", { className: `${E.mLSm} ${E.labelContainer} ${O.text}`, children: [
         /* @__PURE__ */ f.jsx(
-          Dn,
+          Pn,
           {
             checked: u,
             onChange: (w) => {
@@ -5802,7 +5955,7 @@ const Vd = (e) => {
         r.t("sheet.cf.valueType.percent")
       ] })
     ] }),
-    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap} `, children: /* @__PURE__ */ f.jsx(Bt, { rule: m({ type: a, isPercent: u, value: s, style: d }) }) }),
+    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap} `, children: /* @__PURE__ */ f.jsx(Gt, { rule: m({ type: a, isPercent: u, value: s, style: d }) }) }),
     /* @__PURE__ */ f.jsx(
       po,
       {
@@ -5814,7 +5967,7 @@ const Vd = (e) => {
       }
     )
   ] });
-}, ee = (e, t) => ({ label: t.t(`sheet.cf.operator.${e}`), value: e }), _f = (e) => {
+}, ee = (e, t) => ({ label: t.t(`sheet.cf.operator.${e}`), value: e }), xf = (e) => {
   const { type: t, operator: n, onChange: r, value: o } = e, [i, a] = N(() => typeof o == "number" ? o : 0), [l, s] = N(() => typeof o == "string" ? o : ""), [c, u] = N(() => Array.isArray(o) ? o[0] === void 0 ? 0 : o[0] : 0), [h, d] = N(() => Array.isArray(o) ? o[1] === void 0 ? 100 : o[1] : 100);
   switch (me(() => {
     switch (t) {
@@ -5831,13 +5984,13 @@ const Vd = (e) => {
       }
       case $.number: {
         [
-          H.equal,
-          H.notEqual,
-          H.greaterThan,
-          H.greaterThanOrEqual,
-          H.lessThan,
-          H.lessThanOrEqual
-        ].includes(n) && r(i), [H.between, H.notBetween].includes(n) && r([c, h]);
+          k.equal,
+          k.notEqual,
+          k.greaterThan,
+          k.greaterThanOrEqual,
+          k.lessThan,
+          k.lessThanOrEqual
+        ].includes(n) && r(i), [k.between, k.notBetween].includes(n) && r([c, h]);
         break;
       }
     }
@@ -5860,19 +6013,19 @@ const Vd = (e) => {
     }
     case $.number: {
       if ([
-        H.equal,
-        H.notEqual,
-        H.greaterThan,
-        H.greaterThanOrEqual,
-        H.lessThan,
-        H.lessThanOrEqual
+        k.equal,
+        k.notEqual,
+        k.greaterThan,
+        k.greaterThanOrEqual,
+        k.lessThan,
+        k.lessThanOrEqual
       ].includes(n)) {
         const g = (m) => {
           a(m || 0), r(m || 0);
         };
         return /* @__PURE__ */ f.jsx("div", { className: `${E.mTSm}`, children: /* @__PURE__ */ f.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: O.width100, value: i, onChange: g }) });
       }
-      if ([H.between, H.notBetween].includes(n)) {
+      if ([k.between, k.notBetween].includes(n)) {
         const g = (b) => {
           u(b || 0), r([b || 0, h]);
         }, m = (b) => {
@@ -5903,27 +6056,27 @@ const Vd = (e) => {
       ];
     case $.number:
       return [
-        ee(H.between, t),
-        ee(H.notBetween, t),
-        ee(H.equal, t),
-        ee(H.notEqual, t),
-        ee(H.greaterThan, t),
-        ee(H.greaterThanOrEqual, t),
-        ee(H.lessThan, t),
-        ee(H.lessThanOrEqual, t)
+        ee(k.between, t),
+        ee(k.notBetween, t),
+        ee(k.equal, t),
+        ee(k.notEqual, t),
+        ee(k.greaterThan, t),
+        ee(k.greaterThanOrEqual, t),
+        ee(k.lessThan, t),
+        ee(k.lessThanOrEqual, t)
       ];
     case $.timePeriod:
       return [
-        ee(Ue.yesterday, t),
-        ee(Ue.today, t),
-        ee(Ue.tomorrow, t),
-        ee(Ue.last7Days, t),
-        ee(Ue.lastWeek, t),
-        ee(Ue.thisWeek, t),
-        ee(Ue.nextWeek, t),
-        ee(Ue.lastMonth, t),
-        ee(Ue.thisMonth, t),
-        ee(Ue.nextMonth, t)
+        ee(qe.yesterday, t),
+        ee(qe.today, t),
+        ee(qe.tomorrow, t),
+        ee(qe.last7Days, t),
+        ee(qe.lastWeek, t),
+        ee(qe.thisWeek, t),
+        ee(qe.nextWeek, t),
+        ee(qe.lastMonth, t),
+        ee(qe.thisMonth, t),
+        ee(qe.nextMonth, t)
       ];
   }
 }, Go = (e) => {
@@ -5960,7 +6113,7 @@ const Vd = (e) => {
     const p = "";
     return o ? (I = o.value) != null ? I : Sr(o.subType, o.operator) : p;
   }), [g, m] = N({}), b = ve(() => (p) => {
-    var R, I, _, D, M, L, q, S, T, J, xe, z, G, re, fe;
+    var R, I, _, P, M, L, U, S, T, J, xe, V, G, re, fe;
     switch (p.subType || i) {
       case $.text: {
         if ([
@@ -5976,33 +6129,33 @@ const Vd = (e) => {
             subType: (R = p.subType) != null ? R : i,
             operator: (I = p.operator) != null ? I : c,
             style: (_ = p.style) != null ? _ : g,
-            value: (D = p.value) != null ? D : h
+            value: (P = p.value) != null ? P : h
           };
         break;
       }
       case $.number: {
         if ([
-          H.equal,
-          H.notEqual,
-          H.greaterThan,
-          H.greaterThanOrEqual,
-          H.lessThan,
-          H.lessThanOrEqual
+          k.equal,
+          k.notEqual,
+          k.greaterThan,
+          k.greaterThanOrEqual,
+          k.lessThan,
+          k.lessThanOrEqual
         ].includes(c))
           return {
             type: j.highlightCell,
             subType: (M = p.subType) != null ? M : i,
             operator: (L = p.operator) != null ? L : c,
-            style: (q = p.style) != null ? q : g,
+            style: (U = p.style) != null ? U : g,
             value: (S = p.value) != null ? S : h
           };
-        if ([H.between, H.notBetween].includes(c))
+        if ([k.between, k.notBetween].includes(c))
           return {
             type: j.highlightCell,
             subType: (T = p.subType) != null ? T : i,
             operator: (J = p.operator) != null ? J : c,
             style: (xe = p.style) != null ? xe : g,
-            value: (z = p.value) != null ? z : h
+            value: (V = p.value) != null ? V : h
           };
         break;
       }
@@ -6032,10 +6185,10 @@ const Vd = (e) => {
   }, v = ve(() => `${i}_${c}_${Math.random()}`, [i, c]);
   return /* @__PURE__ */ f.jsxs("div", { children: [
     /* @__PURE__ */ f.jsx("div", { className: `${E.title} ${E.mTBase}`, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ f.jsx(ze, { className: `${E.mTSm} ${O.width100}`, onChange: x, value: i, options: l }),
-    (s == null ? void 0 : s.length) && /* @__PURE__ */ f.jsx(ze, { className: `${E.mTSm} ${O.width100}`, onChange: w, value: c || "", options: s }),
-    /* @__PURE__ */ f.jsx(_f, { value: h, interceptorManager: t, type: i, operator: c, rule: o, onChange: y }, v),
-    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap}`, children: /* @__PURE__ */ f.jsx(Bt, { rule: b({}) }) }),
+    /* @__PURE__ */ f.jsx(Ve, { className: `${E.mTSm} ${O.width100}`, onChange: x, value: i, options: l }),
+    (s == null ? void 0 : s.length) && /* @__PURE__ */ f.jsx(Ve, { className: `${E.mTSm} ${O.width100}`, onChange: w, value: c || "", options: s }),
+    /* @__PURE__ */ f.jsx(xf, { value: h, interceptorManager: t, type: i, operator: c, rule: o, onChange: y }, v),
+    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap}`, children: /* @__PURE__ */ f.jsx(Gt, { rule: b({}) }) }),
     /* @__PURE__ */ f.jsx(
       po,
       {
@@ -6047,7 +6200,7 @@ const Vd = (e) => {
       }
     )
   ] });
-}, xf = (e) => {
+}, Rf = (e) => {
   var m;
   const { onChange: t, interceptorManager: n } = e, r = oe($e), i = oe(ne).getCurrentUnitForType(X.UNIVER_SHEET), a = i.getActiveSheet(), l = ((m = e.rule) == null ? void 0 : m.type) === j.highlightCell ? e.rule : void 0, [s, c] = N({}), [u, h] = N(() => (l == null ? void 0 : l.subType) === $.formula ? l.value : "="), d = (b) => ({
     style: b.style,
@@ -6066,9 +6219,9 @@ const Vd = (e) => {
   return /* @__PURE__ */ f.jsxs("div", { children: [
     /* @__PURE__ */ f.jsx("div", { className: `${E.title} ${E.mTBase}`, children: r.t("sheet.cf.panel.styleRule") }),
     /* @__PURE__ */ f.jsx("div", { className: `${E.mTSm}`, children: /* @__PURE__ */ f.jsx(
-      zn,
+      Vn,
       {
-        id: hn(`${lt}_formula`),
+        id: hn(`${ct}_formula`),
         openForSheetSubUnitId: a.getSheetId(),
         openForSheetUnitId: i.getUnitId(),
         value: u,
@@ -6080,7 +6233,7 @@ const Vd = (e) => {
         }
       }
     ) }),
-    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap} `, children: /* @__PURE__ */ f.jsx(Bt, { rule: d({ style: s, formula: u }) }) }),
+    /* @__PURE__ */ f.jsx("div", { className: `${O.cfPreviewWrap} `, children: /* @__PURE__ */ f.jsx(Gt, { rule: d({ style: s, formula: u }) }) }),
     /* @__PURE__ */ f.jsx(
       po,
       {
@@ -6093,11 +6246,11 @@ const Vd = (e) => {
     )
   ] });
 };
-var Rf = "Expected a function", ya = "__lodash_hash_undefined__", ba = 1 / 0, Tf = 9007199254740991, If = "[object Function]", Ef = "[object GeneratorFunction]", Of = "[object Symbol]", Pf = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Df = /^\w*$/, Mf = /^\./, $f = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Nf = /[\\^$.*+?()[\]{}|]/g, jf = /\\(\\)?/g, Lf = /^\[object .+?Constructor\]$/, zf = /^(?:0|[1-9]\d*)$/, Vf = typeof Ke == "object" && Ke && Ke.Object === Object && Ke, Hf = typeof self == "object" && self && self.Object === Object && self, go = Vf || Hf || Function("return this")();
-function kf(e, t) {
+var Tf = "Expected a function", ya = "__lodash_hash_undefined__", ba = 1 / 0, If = 9007199254740991, Ef = "[object Function]", Of = "[object GeneratorFunction]", Df = "[object Symbol]", Pf = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Mf = /^\w*$/, $f = /^\./, Nf = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, jf = /[\\^$.*+?()[\]{}|]/g, Lf = /\\(\\)?/g, Vf = /^\[object .+?Constructor\]$/, zf = /^(?:0|[1-9]\d*)$/, kf = typeof Ke == "object" && Ke && Ke.Object === Object && Ke, Hf = typeof self == "object" && self && self.Object === Object && self, go = kf || Hf || Function("return this")();
+function Wf(e, t) {
   return e == null ? void 0 : e[t];
 }
-function Wf(e) {
+function Af(e) {
   var t = !1;
   if (e != null && typeof e.toString != "function")
     try {
@@ -6106,12 +6259,12 @@ function Wf(e) {
     }
   return t;
 }
-var Af = Array.prototype, Ff = Function.prototype, Sa = Object.prototype, vr = go["__core-js_shared__"], Xo = function() {
+var Ff = Array.prototype, qf = Function.prototype, Sa = Object.prototype, vr = go["__core-js_shared__"], Xo = function() {
   var e = /[^.]+$/.exec(vr && vr.keys && vr.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
-}(), Ca = Ff.toString, Jn = Sa.hasOwnProperty, wa = Sa.toString, Uf = RegExp(
-  "^" + Ca.call(Jn).replace(Nf, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-), Yo = go.Symbol, qf = Af.splice, Bf = _a(go, "Map"), dn = _a(Object, "create"), Ko = Yo ? Yo.prototype : void 0, Zo = Ko ? Ko.toString : void 0;
+}(), Ca = qf.toString, Jn = Sa.hasOwnProperty, wa = Sa.toString, Uf = RegExp(
+  "^" + Ca.call(Jn).replace(jf, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+), Yo = go.Symbol, Bf = Ff.splice, Gf = _a(go, "Map"), dn = _a(Object, "create"), Ko = Yo ? Yo.prototype : void 0, Zo = Ko ? Ko.toString : void 0;
 function _t(e) {
   var t = -1, n = e ? e.length : 0;
   for (this.clear(); ++t < n; ) {
@@ -6119,13 +6272,13 @@ function _t(e) {
     this.set(r[0], r[1]);
   }
 }
-function Gf() {
+function Xf() {
   this.__data__ = dn ? dn(null) : {};
 }
-function Xf(e) {
+function Yf(e) {
   return this.has(e) && delete this.__data__[e];
 }
-function Yf(e) {
+function Kf(e) {
   var t = this.__data__;
   if (dn) {
     var n = t[e];
@@ -6133,84 +6286,84 @@ function Yf(e) {
   }
   return Jn.call(t, e) ? t[e] : void 0;
 }
-function Kf(e) {
+function Zf(e) {
   var t = this.__data__;
   return dn ? t[e] !== void 0 : Jn.call(t, e);
 }
-function Zf(e, t) {
+function Jf(e, t) {
   var n = this.__data__;
   return n[e] = dn && t === void 0 ? ya : t, this;
 }
-_t.prototype.clear = Gf;
-_t.prototype.delete = Xf;
-_t.prototype.get = Yf;
-_t.prototype.has = Kf;
-_t.prototype.set = Zf;
-function Gt(e) {
+_t.prototype.clear = Xf;
+_t.prototype.delete = Yf;
+_t.prototype.get = Kf;
+_t.prototype.has = Zf;
+_t.prototype.set = Jf;
+function Xt(e) {
   var t = -1, n = e ? e.length : 0;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-function Jf() {
+function Qf() {
   this.__data__ = [];
 }
-function Qf(e) {
+function eh(e) {
   var t = this.__data__, n = Qn(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
-  return n == r ? t.pop() : qf.call(t, n, 1), !0;
+  return n == r ? t.pop() : Bf.call(t, n, 1), !0;
 }
-function eh(e) {
+function th(e) {
   var t = this.__data__, n = Qn(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function th(e) {
+function nh(e) {
   return Qn(this.__data__, e) > -1;
 }
-function nh(e, t) {
+function rh(e, t) {
   var n = this.__data__, r = Qn(n, e);
   return r < 0 ? n.push([e, t]) : n[r][1] = t, this;
 }
-Gt.prototype.clear = Jf;
-Gt.prototype.delete = Qf;
-Gt.prototype.get = eh;
-Gt.prototype.has = th;
-Gt.prototype.set = nh;
-function Pt(e) {
+Xt.prototype.clear = Qf;
+Xt.prototype.delete = eh;
+Xt.prototype.get = th;
+Xt.prototype.has = nh;
+Xt.prototype.set = rh;
+function Dt(e) {
   var t = -1, n = e ? e.length : 0;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-function rh() {
+function oh() {
   this.__data__ = {
     hash: new _t(),
-    map: new (Bf || Gt)(),
+    map: new (Gf || Xt)(),
     string: new _t()
   };
 }
-function oh(e) {
+function ih(e) {
   return er(this, e).delete(e);
 }
-function ih(e) {
+function ah(e) {
   return er(this, e).get(e);
 }
-function ah(e) {
+function sh(e) {
   return er(this, e).has(e);
 }
-function sh(e, t) {
+function lh(e, t) {
   return er(this, e).set(e, t), this;
 }
-Pt.prototype.clear = rh;
-Pt.prototype.delete = oh;
-Pt.prototype.get = ih;
-Pt.prototype.has = ah;
-Pt.prototype.set = sh;
-function lh(e, t, n) {
+Dt.prototype.clear = oh;
+Dt.prototype.delete = ih;
+Dt.prototype.get = ah;
+Dt.prototype.has = sh;
+Dt.prototype.set = lh;
+function ch(e, t, n) {
   var r = e[t];
   (!(Jn.call(e, t) && xa(r, n)) || n === void 0 && !(t in e)) && (e[t] = n);
 }
@@ -6220,27 +6373,27 @@ function Qn(e, t) {
       return n;
   return -1;
 }
-function ch(e) {
-  if (!Ln(e) || mh(e))
+function uh(e) {
+  if (!Ln(e) || vh(e))
     return !1;
-  var t = Sh(e) || Wf(e) ? Uf : Lf;
-  return t.test(bh(e));
+  var t = Ch(e) || Af(e) ? Uf : Vf;
+  return t.test(Sh(e));
 }
-function uh(e, t, n, r) {
+function dh(e, t, n, r) {
   if (!Ln(e))
     return e;
-  t = ph(t, e) ? [t] : fh(t);
+  t = gh(t, e) ? [t] : hh(t);
   for (var o = -1, i = t.length, a = i - 1, l = e; l != null && ++o < i; ) {
-    var s = yh(t[o]), c = n;
+    var s = bh(t[o]), c = n;
     if (o != a) {
       var u = l[s];
-      c = r ? r(u, s, l) : void 0, c === void 0 && (c = Ln(u) ? u : hh(t[o + 1]) ? [] : {});
+      c = r ? r(u, s, l) : void 0, c === void 0 && (c = Ln(u) ? u : ph(t[o + 1]) ? [] : {});
     }
-    lh(l, s, c), l = l[s];
+    ch(l, s, c), l = l[s];
   }
   return e;
 }
-function dh(e) {
+function fh(e) {
   if (typeof e == "string")
     return e;
   if (vo(e))
@@ -6248,47 +6401,47 @@ function dh(e) {
   var t = e + "";
   return t == "0" && 1 / e == -ba ? "-0" : t;
 }
-function fh(e) {
-  return Ra(e) ? e : vh(e);
+function hh(e) {
+  return Ra(e) ? e : yh(e);
 }
 function er(e, t) {
   var n = e.__data__;
-  return gh(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return mh(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
 function _a(e, t) {
-  var n = kf(e, t);
-  return ch(n) ? n : void 0;
-}
-function hh(e, t) {
-  return t = t == null ? Tf : t, !!t && (typeof e == "number" || zf.test(e)) && e > -1 && e % 1 == 0 && e < t;
+  var n = Wf(e, t);
+  return uh(n) ? n : void 0;
 }
 function ph(e, t) {
+  return t = t == null ? If : t, !!t && (typeof e == "number" || zf.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+function gh(e, t) {
   if (Ra(e))
     return !1;
   var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || vo(e) ? !0 : Df.test(e) || !Pf.test(e) || t != null && e in Object(t);
+  return n == "number" || n == "symbol" || n == "boolean" || e == null || vo(e) ? !0 : Mf.test(e) || !Pf.test(e) || t != null && e in Object(t);
 }
-function gh(e) {
+function mh(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function mh(e) {
+function vh(e) {
   return !!Xo && Xo in e;
 }
-var vh = mo(function(e) {
-  e = wh(e);
+var yh = mo(function(e) {
+  e = _h(e);
   var t = [];
-  return Mf.test(e) && t.push(""), e.replace($f, function(n, r, o, i) {
-    t.push(o ? i.replace(jf, "$1") : r || n);
+  return $f.test(e) && t.push(""), e.replace(Nf, function(n, r, o, i) {
+    t.push(o ? i.replace(Lf, "$1") : r || n);
   }), t;
 });
-function yh(e) {
+function bh(e) {
   if (typeof e == "string" || vo(e))
     return e;
   var t = e + "";
   return t == "0" && 1 / e == -ba ? "-0" : t;
 }
-function bh(e) {
+function Sh(e) {
   if (e != null) {
     try {
       return Ca.call(e);
@@ -6303,7 +6456,7 @@ function bh(e) {
 }
 function mo(e, t) {
   if (typeof e != "function" || t && typeof t != "function")
-    throw new TypeError(Rf);
+    throw new TypeError(Tf);
   var n = function() {
     var r = arguments, o = t ? t.apply(this, r) : r[0], i = n.cache;
     if (i.has(o))
@@ -6311,40 +6464,40 @@ function mo(e, t) {
     var a = e.apply(this, r);
     return n.cache = i.set(o, a), a;
   };
-  return n.cache = new (mo.Cache || Pt)(), n;
+  return n.cache = new (mo.Cache || Dt)(), n;
 }
-mo.Cache = Pt;
+mo.Cache = Dt;
 function xa(e, t) {
   return e === t || e !== e && t !== t;
 }
 var Ra = Array.isArray;
-function Sh(e) {
+function Ch(e) {
   var t = Ln(e) ? wa.call(e) : "";
-  return t == If || t == Ef;
+  return t == Ef || t == Of;
 }
 function Ln(e) {
   var t = typeof e;
   return !!e && (t == "object" || t == "function");
 }
-function Ch(e) {
+function wh(e) {
   return !!e && typeof e == "object";
 }
 function vo(e) {
-  return typeof e == "symbol" || Ch(e) && wa.call(e) == Of;
+  return typeof e == "symbol" || wh(e) && wa.call(e) == Df;
 }
-function wh(e) {
-  return e == null ? "" : dh(e);
+function _h(e) {
+  return e == null ? "" : fh(e);
 }
-function _h(e, t, n) {
-  return e == null ? e : uh(e, t, n);
+function xh(e, t, n) {
+  return e == null ? e : dh(e, t, n);
 }
-var xh = _h;
-const Rh = /* @__PURE__ */ Ur(xh);
-var Th = "Expected a function", Ta = "__lodash_hash_undefined__", Ia = 1 / 0, Ih = "[object Function]", Eh = "[object GeneratorFunction]", Oh = "[object Symbol]", Ph = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Dh = /^\w*$/, Mh = /^\./, $h = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Nh = /[\\^$.*+?()[\]{}|]/g, jh = /\\(\\)?/g, Lh = /^\[object .+?Constructor\]$/, zh = typeof Ke == "object" && Ke && Ke.Object === Object && Ke, Vh = typeof self == "object" && self && self.Object === Object && self, yo = zh || Vh || Function("return this")();
+var Rh = xh;
+const Th = /* @__PURE__ */ qr(Rh);
+var Ih = "Expected a function", Ta = "__lodash_hash_undefined__", Ia = 1 / 0, Eh = "[object Function]", Oh = "[object GeneratorFunction]", Dh = "[object Symbol]", Ph = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Mh = /^\w*$/, $h = /^\./, Nh = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, jh = /[\\^$.*+?()[\]{}|]/g, Lh = /\\(\\)?/g, Vh = /^\[object .+?Constructor\]$/, zh = typeof Ke == "object" && Ke && Ke.Object === Object && Ke, kh = typeof self == "object" && self && self.Object === Object && self, yo = zh || kh || Function("return this")();
 function Hh(e, t) {
   return e == null ? void 0 : e[t];
 }
-function kh(e) {
+function Wh(e) {
   var t = !1;
   if (e != null && typeof e.toString != "function")
     try {
@@ -6353,12 +6506,12 @@ function kh(e) {
     }
   return t;
 }
-var Wh = Array.prototype, Ah = Function.prototype, Ea = Object.prototype, yr = yo["__core-js_shared__"], Jo = function() {
+var Ah = Array.prototype, Fh = Function.prototype, Ea = Object.prototype, yr = yo["__core-js_shared__"], Jo = function() {
   var e = /[^.]+$/.exec(yr && yr.keys && yr.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
-}(), Oa = Ah.toString, bo = Ea.hasOwnProperty, Pa = Ea.toString, Fh = RegExp(
-  "^" + Oa.call(bo).replace(Nh, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-), Qo = yo.Symbol, Uh = Wh.splice, qh = Da(yo, "Map"), fn = Da(Object, "create"), ei = Qo ? Qo.prototype : void 0, ti = ei ? ei.toString : void 0;
+}(), Oa = Fh.toString, bo = Ea.hasOwnProperty, Da = Ea.toString, qh = RegExp(
+  "^" + Oa.call(bo).replace(jh, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+), Qo = yo.Symbol, Uh = Ah.splice, Bh = Pa(yo, "Map"), fn = Pa(Object, "create"), ei = Qo ? Qo.prototype : void 0, ti = ei ? ei.toString : void 0;
 function xt(e) {
   var t = -1, n = e ? e.length : 0;
   for (this.clear(); ++t < n; ) {
@@ -6366,13 +6519,13 @@ function xt(e) {
     this.set(r[0], r[1]);
   }
 }
-function Bh() {
+function Gh() {
   this.__data__ = fn ? fn(null) : {};
 }
-function Gh(e) {
+function Xh(e) {
   return this.has(e) && delete this.__data__[e];
 }
-function Xh(e) {
+function Yh(e) {
   var t = this.__data__;
   if (fn) {
     var n = t[e];
@@ -6380,102 +6533,102 @@ function Xh(e) {
   }
   return bo.call(t, e) ? t[e] : void 0;
 }
-function Yh(e) {
+function Kh(e) {
   var t = this.__data__;
   return fn ? t[e] !== void 0 : bo.call(t, e);
 }
-function Kh(e, t) {
+function Zh(e, t) {
   var n = this.__data__;
   return n[e] = fn && t === void 0 ? Ta : t, this;
 }
-xt.prototype.clear = Bh;
-xt.prototype.delete = Gh;
-xt.prototype.get = Xh;
-xt.prototype.has = Yh;
-xt.prototype.set = Kh;
-function Xt(e) {
+xt.prototype.clear = Gh;
+xt.prototype.delete = Xh;
+xt.prototype.get = Yh;
+xt.prototype.has = Kh;
+xt.prototype.set = Zh;
+function Yt(e) {
   var t = -1, n = e ? e.length : 0;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-function Zh() {
+function Jh() {
   this.__data__ = [];
 }
-function Jh(e) {
+function Qh(e) {
   var t = this.__data__, n = tr(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
   return n == r ? t.pop() : Uh.call(t, n, 1), !0;
 }
-function Qh(e) {
+function ep(e) {
   var t = this.__data__, n = tr(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function ep(e) {
+function tp(e) {
   return tr(this.__data__, e) > -1;
 }
-function tp(e, t) {
+function np(e, t) {
   var n = this.__data__, r = tr(n, e);
   return r < 0 ? n.push([e, t]) : n[r][1] = t, this;
 }
-Xt.prototype.clear = Zh;
-Xt.prototype.delete = Jh;
-Xt.prototype.get = Qh;
-Xt.prototype.has = ep;
-Xt.prototype.set = tp;
-function Dt(e) {
+Yt.prototype.clear = Jh;
+Yt.prototype.delete = Qh;
+Yt.prototype.get = ep;
+Yt.prototype.has = tp;
+Yt.prototype.set = np;
+function Pt(e) {
   var t = -1, n = e ? e.length : 0;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-function np() {
+function rp() {
   this.__data__ = {
     hash: new xt(),
-    map: new (qh || Xt)(),
+    map: new (Bh || Yt)(),
     string: new xt()
   };
 }
-function rp(e) {
+function op(e) {
   return nr(this, e).delete(e);
 }
-function op(e) {
+function ip(e) {
   return nr(this, e).get(e);
 }
-function ip(e) {
+function ap(e) {
   return nr(this, e).has(e);
 }
-function ap(e, t) {
+function sp(e, t) {
   return nr(this, e).set(e, t), this;
 }
-Dt.prototype.clear = np;
-Dt.prototype.delete = rp;
-Dt.prototype.get = op;
-Dt.prototype.has = ip;
-Dt.prototype.set = ap;
+Pt.prototype.clear = rp;
+Pt.prototype.delete = op;
+Pt.prototype.get = ip;
+Pt.prototype.has = ap;
+Pt.prototype.set = sp;
 function tr(e, t) {
   for (var n = e.length; n--; )
-    if (vp(e[n][0], t))
+    if (yp(e[n][0], t))
       return n;
   return -1;
 }
-function sp(e, t) {
-  t = dp(t, e) ? [t] : up(t);
+function lp(e, t) {
+  t = fp(t, e) ? [t] : dp(t);
   for (var n = 0, r = t.length; e != null && n < r; )
-    e = e[gp(t[n++])];
+    e = e[mp(t[n++])];
   return n && n == r ? e : void 0;
 }
-function lp(e) {
-  if (!$a(e) || hp(e))
+function cp(e) {
+  if (!$a(e) || pp(e))
     return !1;
-  var t = yp(e) || kh(e) ? Fh : Lh;
-  return t.test(mp(e));
+  var t = bp(e) || Wh(e) ? qh : Vh;
+  return t.test(vp(e));
 }
-function cp(e) {
+function up(e) {
   if (typeof e == "string")
     return e;
   if (Co(e))
@@ -6483,44 +6636,44 @@ function cp(e) {
   var t = e + "";
   return t == "0" && 1 / e == -Ia ? "-0" : t;
 }
-function up(e) {
-  return Ma(e) ? e : pp(e);
+function dp(e) {
+  return Ma(e) ? e : gp(e);
 }
 function nr(e, t) {
   var n = e.__data__;
-  return fp(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return hp(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function Da(e, t) {
+function Pa(e, t) {
   var n = Hh(e, t);
-  return lp(n) ? n : void 0;
+  return cp(n) ? n : void 0;
 }
-function dp(e, t) {
+function fp(e, t) {
   if (Ma(e))
     return !1;
   var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || Co(e) ? !0 : Dh.test(e) || !Ph.test(e) || t != null && e in Object(t);
+  return n == "number" || n == "symbol" || n == "boolean" || e == null || Co(e) ? !0 : Mh.test(e) || !Ph.test(e) || t != null && e in Object(t);
 }
-function fp(e) {
+function hp(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function hp(e) {
+function pp(e) {
   return !!Jo && Jo in e;
 }
-var pp = So(function(e) {
-  e = Sp(e);
+var gp = So(function(e) {
+  e = Cp(e);
   var t = [];
-  return Mh.test(e) && t.push(""), e.replace($h, function(n, r, o, i) {
-    t.push(o ? i.replace(jh, "$1") : r || n);
+  return $h.test(e) && t.push(""), e.replace(Nh, function(n, r, o, i) {
+    t.push(o ? i.replace(Lh, "$1") : r || n);
   }), t;
 });
-function gp(e) {
+function mp(e) {
   if (typeof e == "string" || Co(e))
     return e;
   var t = e + "";
   return t == "0" && 1 / e == -Ia ? "-0" : t;
 }
-function mp(e) {
+function vp(e) {
   if (e != null) {
     try {
       return Oa.call(e);
@@ -6535,7 +6688,7 @@ function mp(e) {
 }
 function So(e, t) {
   if (typeof e != "function" || t && typeof t != "function")
-    throw new TypeError(Th);
+    throw new TypeError(Ih);
   var n = function() {
     var r = arguments, o = t ? t.apply(this, r) : r[0], i = n.cache;
     if (i.has(o))
@@ -6543,44 +6696,44 @@ function So(e, t) {
     var a = e.apply(this, r);
     return n.cache = i.set(o, a), a;
   };
-  return n.cache = new (So.Cache || Dt)(), n;
+  return n.cache = new (So.Cache || Pt)(), n;
 }
-So.Cache = Dt;
-function vp(e, t) {
+So.Cache = Pt;
+function yp(e, t) {
   return e === t || e !== e && t !== t;
 }
 var Ma = Array.isArray;
-function yp(e) {
-  var t = $a(e) ? Pa.call(e) : "";
-  return t == Ih || t == Eh;
+function bp(e) {
+  var t = $a(e) ? Da.call(e) : "";
+  return t == Eh || t == Oh;
 }
 function $a(e) {
   var t = typeof e;
   return !!e && (t == "object" || t == "function");
 }
-function bp(e) {
+function Sp(e) {
   return !!e && typeof e == "object";
 }
 function Co(e) {
-  return typeof e == "symbol" || bp(e) && Pa.call(e) == Oh;
+  return typeof e == "symbol" || Sp(e) && Da.call(e) == Dh;
 }
-function Sp(e) {
-  return e == null ? "" : cp(e);
+function Cp(e) {
+  return e == null ? "" : up(e);
 }
-function Cp(e, t, n) {
-  var r = e == null ? void 0 : sp(e, t);
+function wp(e, t, n) {
+  var r = e == null ? void 0 : lp(e, t);
   return r === void 0 ? n : r;
 }
-var wp = Cp;
-const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || "", xp = (e) => {
+var _p = wp;
+const xp = /* @__PURE__ */ qr(_p), Na = (e, t) => (bt[e] || [])[Number(t)] || "", Rp = (e) => {
   const t = oe(ne), n = t.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), r = t.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), o = ve(() => e.error ? O.errorInput : "", [e.error]);
   return /* @__PURE__ */ f.jsx("div", { className: O.positionRelative, children: e.type !== A.formula ? /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
     /* @__PURE__ */ f.jsx(St, { className: o, value: Number(e.value) || 0, onChange: (i) => e.onChange(i != null ? i : 0) }),
     e.error && /* @__PURE__ */ f.jsx("div", { className: O.errorText, children: e.error })
   ] }) : /* @__PURE__ */ f.jsx(
-    zn,
+    Vn,
     {
-      id: hn(`${lt}_icon_set_${e.id}`),
+      id: hn(`${ct}_icon_set_${e.id}`),
       value: String(e.value).startsWith("=") ? String(e.value) : "=",
       openForSheetSubUnitId: r,
       openForSheetUnitId: n,
@@ -6593,11 +6746,11 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
     }
   ) });
 }, ni = (e, t, n) => ({
-  operator: H.greaterThan,
+  operator: k.greaterThan,
   value: { type: A.num, value: (n.length - 1 - t) * 10 },
   iconType: e,
   iconId: String(t)
-}), Rp = (e) => {
+}), Tp = (e) => {
   const t = oe($e), n = (r) => {
     e.onClick(r);
   };
@@ -6607,7 +6760,7 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
       n(i.name);
     }, children: /* @__PURE__ */ f.jsx("div", { className: O.item, children: i.list.map((a, l) => /* @__PURE__ */ f.jsx("img", { className: O.icon, src: a }, l)) }) }, i.name)) })
   ] }, o)) });
-}, Tp = (e) => {
+}, Ip = (e) => {
   const t = ve(() => {
     const r = [];
     for (const o in bt) {
@@ -6626,15 +6779,15 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
   };
   return /* @__PURE__ */ f.jsxs("div", { className: O.iconItemListWrap, children: [
     /* @__PURE__ */ f.jsxs("div", { className: O.none, onClick: () => n({ iconType: Ka, iconId: "", base64: "" }), children: [
-      /* @__PURE__ */ f.jsx(Vn, { className: O.icon }),
+      /* @__PURE__ */ f.jsx(zn, { className: O.icon }),
       /* @__PURE__ */ f.jsx("span", { children: "无单元格图标" })
     ] }),
     /* @__PURE__ */ f.jsx("div", { className: O.iconItemList, children: t.map((r) => /* @__PURE__ */ f.jsx("div", { className: O.item, children: /* @__PURE__ */ f.jsx("img", { onClick: () => n(r), className: `${O.icon}`, src: r.base64 }) }, `${r.iconType}_${r.iconId}`)) })
   ] });
-}, Ip = (e) => {
+}, Ep = (e) => {
   const { onChange: t, configList: n, errorMap: r = {} } = e, o = oe($e), i = [
-    { label: o.t(`sheet.cf.symbol.${H.greaterThan}`), value: H.greaterThan },
-    { label: o.t(`sheet.cf.symbol.${H.greaterThanOrEqual}`), value: H.greaterThanOrEqual }
+    { label: o.t(`sheet.cf.symbol.${k.greaterThan}`), value: k.greaterThan },
+    { label: o.t(`sheet.cf.symbol.${k.greaterThanOrEqual}`), value: k.greaterThanOrEqual }
   ], a = [
     { label: o.t(`sheet.cf.valueType.${A.num}`), value: A.num },
     { label: o.t(`sheet.cf.valueType.${A.percent}`), value: A.percent },
@@ -6673,8 +6826,8 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
         ] }) })
       ] }),
       /* @__PURE__ */ f.jsxs("div", { className: `${O.flex} ${E.mTSm}`, children: [
-        /* @__PURE__ */ f.jsx("div", { className: `${O.iconWrap} ${O.width45}`, children: /* @__PURE__ */ f.jsx(Wr, { overlay: /* @__PURE__ */ f.jsx(Tp, { onClick: v, iconId: h.iconId, iconType: h.iconType }), children: /* @__PURE__ */ f.jsxs("div", { className: O.dropdownIcon, children: [
-          m ? /* @__PURE__ */ f.jsx("img", { src: m, className: O.icon }) : /* @__PURE__ */ f.jsx(Vn, { className: O.icon }),
+        /* @__PURE__ */ f.jsx("div", { className: `${O.iconWrap} ${O.width45}`, children: /* @__PURE__ */ f.jsx(Wr, { overlay: /* @__PURE__ */ f.jsx(Ip, { onClick: v, iconId: h.iconId, iconType: h.iconType }), children: /* @__PURE__ */ f.jsxs("div", { className: O.dropdownIcon, children: [
+          m ? /* @__PURE__ */ f.jsx("img", { src: m, className: O.icon }) : /* @__PURE__ */ f.jsx(zn, { className: O.icon }),
           /* @__PURE__ */ f.jsx(Fr, {})
         ] }) }) }),
         b ? /* @__PURE__ */ f.jsxs("div", { className: `${O.width45} ${E.label}`, style: { marginTop: 0 }, children: [
@@ -6687,7 +6840,7 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
             b ? "" : ` ${o.t("sheet.cf.iconSet.and")} `,
             ")"
           ] })
-        ] }) : /* @__PURE__ */ f.jsx(ze, { className: `${E.mL0} ${O.width45} ${E.mR0}`, options: i, value: h.operator, onChange: (C) => {
+        ] }) : /* @__PURE__ */ f.jsx(Ve, { className: `${E.mL0} ${O.width45} ${E.mR0}`, options: i, value: h.operator, onChange: (C) => {
           s(C, d);
         } })
       ] }),
@@ -6697,15 +6850,15 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
           /* @__PURE__ */ f.jsx("div", { className: `${O.width45}`, children: o.t("sheet.cf.iconSet.value") })
         ] }),
         /* @__PURE__ */ f.jsxs("div", { className: `${E.mTSm} ${O.flex}`, children: [
-          /* @__PURE__ */ f.jsx(ze, { className: `${O.width45} ${E.mL0}`, options: a, value: h.value.type, onChange: (C) => {
+          /* @__PURE__ */ f.jsx(Ve, { className: `${O.width45} ${E.mL0}`, options: a, value: h.value.type, onChange: (C) => {
             c(C, d);
           } }),
-          /* @__PURE__ */ f.jsx("div", { className: `${E.mL0} ${O.width45}`, children: /* @__PURE__ */ f.jsx(xp, { id: d, type: h.value.type, error: g, value: h.value.value || "", onChange: (C) => l(C, d) }) })
+          /* @__PURE__ */ f.jsx("div", { className: `${E.mL0} ${O.width45}`, children: /* @__PURE__ */ f.jsx(Rp, { id: d, type: h.value.type, error: g, value: h.value.value || "", onChange: (C) => l(C, d) }) })
         ] })
       ] })
     ] }, d);
   }), [n, r]);
-}, Ep = (e) => {
+}, Op = (e) => {
   var w;
   const { interceptorManager: t } = e, n = ((w = e.rule) == null ? void 0 : w.type) === j.iconSet ? e.rule : void 0, r = oe($e), [o, i] = N({}), [a, l] = N(() => {
     const y = Object.keys(bt)[0];
@@ -6720,14 +6873,14 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
       return di.deepClone(n == null ? void 0 : n.config);
     const y = bt[a] || [];
     return new Array(y.length).fill("").map((v, C, p) => C === p.length - 1 ? {
-      operator: H.lessThanOrEqual,
+      operator: k.lessThanOrEqual,
       value: { type: A.num, value: Number.MAX_SAFE_INTEGER },
       iconType: a,
       iconId: String(C)
     } : ni(a, C, p));
   }), [u, h] = N(() => n ? !!n.isShowValue : !0), d = ve(() => {
     const y = s.map((v) => Na(v.iconType, v.iconId));
-    return /* @__PURE__ */ f.jsx("div", { className: O.iconWrap, children: y.map((v, C) => v ? /* @__PURE__ */ f.jsx("img", { className: O.icon, src: v }, C) : /* @__PURE__ */ f.jsx(Vn, { className: O.icon }, C)) });
+    return /* @__PURE__ */ f.jsx("div", { className: O.iconWrap, children: y.map((v, C) => v ? /* @__PURE__ */ f.jsx("img", { className: O.icon, src: v }, C) : /* @__PURE__ */ f.jsx(zn, { className: O.icon }, C)) });
   }, [s]), g = (y) => {
     if (y.reduce((C, p, R) => C.preType && !C.result || y.length - 1 === R ? C : p.value.type === A.formula ? {
       preType: A.formula,
@@ -6743,13 +6896,13 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
       return y.forEach((p, R, I) => {
         if (R - 1 < 0 || R === I.length - 1)
           return;
-        const D = y[R - 1], M = Cr(D.operator);
-        Ya({ operator: M, value: D.value.value }, p.value.value) || (C[R] = `${r.t(`sheet.cf.form.${M}`, String(D.value.value))} `);
+        const P = y[R - 1], M = Cr(P.operator);
+        Ya({ operator: M, value: P.value.value }, p.value.value) || (C[R] = `${r.t(`sheet.cf.form.${M}`, String(P.value.value))} `);
       }), C;
     }
     return {};
   }, m = (y, v) => {
-    _p(s, y) !== v && (Rh(s, y, v), c([...s]), i(g(s)));
+    xp(s, y) !== v && (Th(s, y, v), c([...s]), i(g(s)));
   }, b = (y) => {
     l(y);
     const v = bt[y] || [], C = new Array(v.length).fill("").map((p, R, I) => ni(y, R, I));
@@ -6779,32 +6932,32 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
   };
   return /* @__PURE__ */ f.jsxs("div", { className: O.iconSet, children: [
     /* @__PURE__ */ f.jsx("div", { className: E.title, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ f.jsx("div", { className: `${E.mTSm}`, children: /* @__PURE__ */ f.jsx(Wr, { overlay: /* @__PURE__ */ f.jsx(Rp, { iconType: a, onClick: b }), children: /* @__PURE__ */ f.jsxs("div", { className: O.dropdownIcon, style: { width: "unset" }, children: [
+    /* @__PURE__ */ f.jsx("div", { className: `${E.mTSm}`, children: /* @__PURE__ */ f.jsx(Wr, { overlay: /* @__PURE__ */ f.jsx(Tp, { iconType: a, onClick: b }), children: /* @__PURE__ */ f.jsxs("div", { className: O.dropdownIcon, style: { width: "unset" }, children: [
       d,
       /* @__PURE__ */ f.jsx(Fr, {})
     ] }) }) }),
     /* @__PURE__ */ f.jsxs("div", { className: `${E.mTSm} ${O.renderConfig}`, children: [
       /* @__PURE__ */ f.jsxs("div", { className: O.utilItem, children: [
-        /* @__PURE__ */ f.jsx(Dn, { onChange: x }),
+        /* @__PURE__ */ f.jsx(Pn, { onChange: x }),
         r.t("sheet.cf.iconSet.reverseIconOrder")
       ] }),
       /* @__PURE__ */ f.jsxs("div", { className: `${O.utilItem} ${E.mLXl}`, children: [
-        /* @__PURE__ */ f.jsx(Dn, { checked: !u, onChange: (y) => {
+        /* @__PURE__ */ f.jsx(Pn, { checked: !u, onChange: (y) => {
           h(!y);
         } }),
         r.t("sheet.cf.iconSet.onlyShowIcon")
       ] })
     ] }),
-    /* @__PURE__ */ f.jsx(Ip, { errorMap: o, onChange: m, configList: s })
+    /* @__PURE__ */ f.jsx(Ep, { errorMap: o, onChange: m, configList: s })
   ] });
-}, ri = (e) => e.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), oi = (e) => e.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), Op = (e) => {
+}, ri = (e) => e.getCurrentUnitForType(X.UNIVER_SHEET).getUnitId(), oi = (e) => e.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet().getSheetId(), Dp = (e) => {
   var C, p, R, I;
-  const t = oe($e), n = oe(de), r = oe(ne), o = oe(ue), i = oe(qt), a = ri(r), l = oi(r), s = un((p = (C = e.rule) == null ? void 0 : C.ranges) != null ? p : []), c = ve(() => {
-    var D, M;
-    let _ = (D = e.rule) == null ? void 0 : D.ranges;
+  const t = oe($e), n = oe(de), r = oe(ne), o = oe(ue), i = oe(Bt), a = ri(r), l = oi(r), s = un((p = (C = e.rule) == null ? void 0 : C.ranges) != null ? p : []), c = ve(() => {
+    var P, M;
+    let _ = (P = e.rule) == null ? void 0 : P.ranges;
     return _ != null && _.length || (_ = (M = i.getSelectionRanges()) != null ? M : []), s.current = _, _ != null && _.length ? _.map((L) => {
-      const q = gi(L);
-      return q === "NaN" ? "" : q;
+      const U = gi(L);
+      return U === "NaN" ? "" : U;
     }).filter((L) => !!L).join(",") : "";
   }, [e.rule]), u = [
     { label: t.t("sheet.cf.ruleType.highlightCell"), value: "1" },
@@ -6815,9 +6968,9 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
     { label: t.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [h, d] = N(() => {
     var M, L;
-    const _ = (M = e.rule) == null ? void 0 : M.rule.type, D = u[0].value;
+    const _ = (M = e.rule) == null ? void 0 : M.rule.type, P = u[0].value;
     if (!_)
-      return D;
+      return P;
     switch (_) {
       case j.highlightCell: {
         switch ((L = e.rule) == null ? void 0 : L.rule.subType) {
@@ -6842,21 +6995,21 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
       case j.iconSet:
         return "6";
     }
-    return D;
-  }), g = un(), m = ve(() => new Ha({ beforeSubmit: Hd, submit: kd }), []), b = ve(() => {
+    return P;
+  }), g = un(), m = ve(() => new ka({ beforeSubmit: Hd, submit: Wd }), []), b = ve(() => {
     switch (h) {
       case "1":
         return Go;
       case "2":
-        return wf;
+        return _f;
       case "3":
-        return yf;
+        return bf;
       case "4":
-        return vf;
+        return yf;
       case "5":
-        return xf;
+        return Rf;
       case "6":
-        return Ep;
+        return Op;
       default:
         return Go;
     }
@@ -6864,31 +7017,31 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
   me(() => {
     var _;
     if (((_ = e.rule) == null ? void 0 : _.cfId) !== void 0) {
-      const D = n.onCommandExecuted((M) => {
+      const P = n.onCommandExecuted((M) => {
         if (M.id === as.id) {
           const L = M.params;
           L.subUnitId === l && L.unitId === a && e.onCancel();
         }
-        M.id === Hr.id && e.onCancel();
+        M.id === kr.id && e.onCancel();
       });
-      return () => D.dispose();
+      return () => P.dispose();
     }
   }, [(R = e.rule) == null ? void 0 : R.cfId]);
   const x = (_) => {
     g.current = _;
   }, w = (_) => {
-    s.current = _.map((D) => D.range);
+    s.current = _.map((P) => P.range);
   }, y = () => {
-    const _ = m.fetchThroughInterceptors(m.getInterceptPoints().beforeSubmit)(!0, null), D = () => {
+    const _ = m.fetchThroughInterceptors(m.getInterceptPoints().beforeSubmit)(!0, null), P = () => {
       const M = r.getCurrentUnitForType(X.UNIVER_SHEET).getActiveSheet();
       return s.current.map((S) => ss(S, M.getRowCount(), M.getColumnCount())).filter((S) => !(Number.isNaN(S.startRow) || Number.isNaN(S.startColumn)));
     };
     if (_) {
-      const M = m.fetchThroughInterceptors(m.getInterceptPoints().submit)(null, null), L = D();
+      const M = m.fetchThroughInterceptors(m.getInterceptPoints().submit)(null, null), L = P();
       if (M && L.length) {
-        const q = ri(r), S = oi(r);
+        const U = ri(r), S = oi(r);
         let T = {};
-        e.rule && e.rule.cfId ? (T = { ...e.rule, ranges: L, rule: M }, n.executeCommand(va.id, { unitId: q, subUnitId: S, rule: T }), e.onCancel()) : (T = { cfId: o.createCfId(q, S), ranges: L, rule: M, stopIfTrue: !1 }, n.executeCommand(ma.id, { unitId: q, subUnitId: S, rule: T }), e.onCancel());
+        e.rule && e.rule.cfId ? (T = { ...e.rule, ranges: L, rule: M }, n.executeCommand(va.id, { unitId: U, subUnitId: S, rule: T }), e.onCancel()) : (T = { cfId: o.createCfId(U, S), ranges: L, rule: M, stopIfTrue: !1 }, n.executeCommand(ma.id, { unitId: U, subUnitId: S, rule: T }), e.onCancel());
       }
     }
   }, v = () => {
@@ -6896,9 +7049,9 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
   };
   return /* @__PURE__ */ f.jsxs("div", { className: O.cfRuleStyleEditor, children: [
     /* @__PURE__ */ f.jsx("div", { className: E.title, children: t.t("sheet.cf.panel.range") }),
-    /* @__PURE__ */ f.jsx("div", { className: `${E.mTBase}`, children: /* @__PURE__ */ f.jsx(ys, { placeholder: t.t("sheet.cf.form.rangeSelector"), width: "100%", openForSheetSubUnitId: l, openForSheetUnitId: a, value: c, id: hn(`${lt}_rangeSelector`), onChange: w }) }),
+    /* @__PURE__ */ f.jsx("div", { className: `${E.mTBase}`, children: /* @__PURE__ */ f.jsx(ys, { placeholder: t.t("sheet.cf.form.rangeSelector"), width: "100%", openForSheetSubUnitId: l, openForSheetUnitId: a, value: c, id: hn(`${ct}_rangeSelector`), onChange: w }) }),
     /* @__PURE__ */ f.jsx("div", { className: E.title, children: t.t("sheet.cf.panel.styleType") }),
-    /* @__PURE__ */ f.jsx("div", { className: E.mTBase, children: /* @__PURE__ */ f.jsx(ze, { className: O.width100, value: h, options: u, onChange: (_) => d(_) }) }),
+    /* @__PURE__ */ f.jsx("div", { className: E.mTBase, children: /* @__PURE__ */ f.jsx(Ve, { className: O.width100, value: h, options: u, onChange: (_) => d(_) }) }),
     /* @__PURE__ */ f.jsx(b, { interceptorManager: m, rule: (I = e.rule) == null ? void 0 : I.rule, onChange: x }),
     /* @__PURE__ */ f.jsxs("div", { className: `${E.mTBase} ${O.btnList}`, children: [
       /* @__PURE__ */ f.jsx(Oo, { size: "small", onClick: v, children: t.t("sheet.cf.panel.cancel") }),
@@ -6913,27 +7066,35 @@ const _p = /* @__PURE__ */ Ur(wp), Na = (e, t) => (bt[e] || [])[Number(t)] || ""
   }, l = (s) => {
     n(s), o(!0);
   };
-  return /* @__PURE__ */ f.jsx("div", { className: E.conditionalFormattingWrap, children: r ? /* @__PURE__ */ f.jsx(Op, { onCancel: a, rule: t }) : /* @__PURE__ */ f.jsx(Vd, { onClick: l, onCreate: i }) });
+  return /* @__PURE__ */ f.jsx("div", { className: E.conditionalFormattingWrap, children: r ? /* @__PURE__ */ f.jsx(Dp, { onCancel: a, rule: t }) : /* @__PURE__ */ f.jsx(kd, { onClick: l, onCreate: i }) });
 };
-var Dp = Object.defineProperty, Mp = Object.getOwnPropertyDescriptor, $p = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? Mp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Mp = Object.defineProperty, $p = Object.getOwnPropertyDescriptor, Np = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? $p(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && Dp(t, n, o), o;
-}, Jt = (e, t) => (n, r) => t(n, r, e);
+  return r && o && Mp(t, n, o), o;
+}, Lt = (e, t) => (n, r) => t(n, r, e);
 const ii = "sheet.conditional.formatting.panel";
-let cn = class extends it {
-  constructor(e, t, n, r, o) {
-    super(), this._injector = e, this._componentManager = t, this._menuService = n, this._sidebarService = r, this._localeService = o, this._initMenu(), this._initPanel();
+let cn = class extends at {
+  constructor(t, n, r, o, i, a) {
+    super();
+    et(this, "_sidebarDisposable", null);
+    this._univerInstanceService = t, this._injector = n, this._componentManager = r, this._menuService = o, this._sidebarService = i, this._localeService = a, this._initMenu(), this._initPanel(), this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET).subscribe((l) => {
+        var s;
+        l || (s = this._sidebarDisposable) == null || s.dispose();
+      })
+    );
   }
-  openPanel(e) {
-    const t = {
+  openPanel(t) {
+    const n = {
       header: { title: this._localeService.t("sheet.cf.title") },
       children: {
         label: ii,
-        rule: e
-      }
+        rule: t
+      },
+      onClose: () => this._sidebarDisposable = null
     };
-    this._sidebarService.open(t);
+    this._sidebarDisposable = this._sidebarService.open(n);
   }
   _initMenu() {
     this._menuService.addMenuItem(rl(this._componentManager)(this._injector));
@@ -6942,20 +7103,21 @@ let cn = class extends it {
     this._componentManager.register(ii, Pp);
   }
 };
-cn = $p([
-  at(st.Ready, cn),
-  Jt(0, B(At)),
-  Jt(1, B(kr)),
-  Jt(2, B(bs)),
-  Jt(3, B(Ss)),
-  Jt(4, B($e))
+cn = Np([
+  st(lt.Ready, cn),
+  Lt(0, ne),
+  Lt(1, B(Ft)),
+  Lt(2, B(Hr)),
+  Lt(3, B(bs)),
+  Lt(4, B(Ss)),
+  Lt(5, B($e))
 ], cn);
-var De = /* @__PURE__ */ ((e) => (e[e.createRule = 1] = "createRule", e[e.viewRule = 2] = "viewRule", e[e.highlightCell = 3] = "highlightCell", e[e.rank = 4] = "rank", e[e.formula = 5] = "formula", e[e.colorScale = 6] = "colorScale", e[e.dataBar = 7] = "dataBar", e[e.icon = 8] = "icon", e[e.clearRangeRules = 9] = "clearRangeRules", e[e.clearWorkSheetRules = 10] = "clearWorkSheetRules", e))(De || {});
+var Pe = /* @__PURE__ */ ((e) => (e[e.createRule = 1] = "createRule", e[e.viewRule = 2] = "viewRule", e[e.highlightCell = 3] = "highlightCell", e[e.rank = 4] = "rank", e[e.formula = 5] = "formula", e[e.colorScale = 6] = "colorScale", e[e.dataBar = 7] = "dataBar", e[e.icon = 8] = "icon", e[e.clearRangeRules = 9] = "clearRangeRules", e[e.clearWorkSheetRules = 10] = "clearWorkSheetRules", e))(Pe || {});
 const ja = {
   id: "sheet.operation.open.conditional.formatting.panel",
   type: Ce.OPERATION,
   handler: (e, t) => {
-    const n = e.get(cn), r = e.get(qt), o = e.get(de), i = r.getSelectionRanges() || [];
+    const n = e.get(cn), r = e.get(Bt), o = e.get(de), i = r.getSelectionRanges() || [];
     switch (t.value) {
       case 3: {
         n.openPanel({ ...ft(), ranges: i });
@@ -7043,12 +7205,12 @@ const ja = {
     return !0;
   }
 };
-var Np = Object.defineProperty, jp = Object.getOwnPropertyDescriptor, Lp = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? jp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var jp = Object.defineProperty, Lp = Object.getOwnPropertyDescriptor, Vp = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? Lp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && Np(t, n, o), o;
+  return r && o && jp(t, n, o), o;
 }, mt = (e, t) => (n, r) => t(n, r, e);
-let xn = class extends it {
+let xn = class extends at {
   constructor(e, t, n, r, o, i, a) {
     super(), this._sheetInterceptorService = e, this._conditionalFormattingService = t, this._univerInstanceService = n, this._renderManagerService = r, this._conditionalFormattingViewModel = o, this._conditionalFormattingRuleModel = i, this._sheetSkeletonManagerService = a, this._initViewModelInterceptor(), this._initSkeleton(), this._initRender();
   }
@@ -7104,8 +7266,8 @@ let xn = class extends it {
     }));
   }
 };
-xn = Lp([
-  at(st.Rendered, xn),
+xn = Vp([
+  st(lt.Rendered, xn),
   mt(0, B(pi)),
   mt(1, B(hi)),
   mt(2, B(ne)),
@@ -7114,24 +7276,24 @@ xn = Lp([
   mt(5, B(ue)),
   mt(6, B(vi))
 ], xn);
-var zp = Object.defineProperty, Vp = Object.getOwnPropertyDescriptor, Hp = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? Vp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var zp = Object.defineProperty, kp = Object.getOwnPropertyDescriptor, Hp = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? kp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
   return r && o && zp(t, n, o), o;
 }, Qt = (e, t) => (n, r) => t(n, r, e);
-let Rn = class extends it {
+let Rn = class extends at {
   constructor(t, n, r, o, i) {
     super();
-    dt(this, "_copyInfo");
+    et(this, "_copyInfo");
     this._sheetClipboardService = t, this._conditionalFormattingRuleModel = n, this._injector = r, this._conditionalFormattingViewModel = o, this._univerInstanceService = i, this._initClipboardHook();
   }
   _initClipboardHook() {
     this.disposeWithMe(
       this._sheetClipboardService.addClipboardHook({
-        id: lt,
+        id: ct,
         onBeforeCopy: (t, n, r) => this._collectConditionalRule(t, n, r),
         onPasteCells: (t, n, r, o) => {
-          const { copyType: i = Po.COPY, pasteType: a } = o, { range: l } = t || {}, { range: s } = n;
+          const { copyType: i = Do.COPY, pasteType: a } = o, { range: l } = t || {}, { range: s } = n;
           return this._generateConditionalFormattingMutations(s, { copyType: i, pasteType: a, copyRange: l });
         }
       })
@@ -7168,7 +7330,7 @@ let Rn = class extends it {
   }
   _generateConditionalFormattingMutations(t, n) {
     const r = this._univerInstanceService.getCurrentUnitForType(X.UNIVER_SHEET), o = r.getActiveSheet(), i = r.getUnitId(), a = o.getSheetId();
-    if (n.copyType === Po.CUT)
+    if (n.copyType === Do.CUT)
       return this._copyInfo = null, { redos: [], undos: [] };
     if (!this._copyInfo || !n.copyRange)
       return { redos: [], undos: [] };
@@ -7177,15 +7339,15 @@ let Rn = class extends it {
     ))
       return { redos: [], undos: [] };
     const { ranges: [l, s], mapFunc: c } = yi([n.copyRange, t]), u = Os(l, s, !0), h = this._conditionalFormattingViewModel.getMatrix(i, a), d = {};
-    ot.foreach(s, (p, R) => {
-      const { row: I, col: _ } = c(p, R), D = this._conditionalFormattingViewModel.getCellCf(i, a, I, _, h);
-      D && D.cfList.forEach((M) => {
+    it.foreach(s, (p, R) => {
+      const { row: I, col: _ } = c(p, R), P = this._conditionalFormattingViewModel.getCellCf(i, a, I, _, h);
+      P && P.cfList.forEach((M) => {
         if (!d[M.cfId]) {
           const L = new zt();
           d[M.cfId] = L;
-          const q = this._conditionalFormattingRuleModel.getRule(i, a, M.cfId);
-          q == null || q.ranges.forEach((S) => {
-            ot.foreach(S, (T, J) => {
+          const U = this._conditionalFormattingRuleModel.getRule(i, a, M.cfId);
+          U == null || U.ranges.forEach((S) => {
+            it.foreach(S, (T, J) => {
               L.setValue(T, J, 1);
             });
           });
@@ -7213,7 +7375,7 @@ let Rn = class extends it {
     };
     u.forEach((p) => {
       g && g.forValue((R, I, _) => {
-        const D = Ht.getPositionRange(
+        const P = Ht.getPositionRange(
           {
             startRow: R,
             endRow: R,
@@ -7221,23 +7383,23 @@ let Rn = class extends it {
             endColumn: I
           },
           p.startRange
-        ), { row: M, col: L } = c(D.startRow, D.startColumn);
-        _.forEach((q) => {
-          if (!d[q]) {
-            const S = y(q), T = new zt();
-            d[q] = T, S.ranges.forEach((J) => {
-              ot.foreach(J, (xe, z) => {
-                T.setValue(xe, z, 1);
+        ), { row: M, col: L } = c(P.startRow, P.startColumn);
+        _.forEach((U) => {
+          if (!d[U]) {
+            const S = y(U), T = new zt();
+            d[U] = T, S.ranges.forEach((J) => {
+              it.foreach(J, (xe, V) => {
+                T.setValue(xe, V, 1);
               });
             });
           }
-          d[q].setValue(M, L, 1);
+          d[U].setValue(M, L, 1);
         });
       });
     });
     const v = [], C = [];
     for (const p in d) {
-      const R = d[p], I = zr(Vr(R));
+      const R = d[p], I = Vr(zr(R));
       if (!I.length) {
         const _ = {
           unitId: i,
@@ -7247,22 +7409,22 @@ let Rn = class extends it {
         v.push({ id: Qe.id, params: _ }), C.push(...Ut(this._injector, _));
       }
       if (b.some((_) => _.cfId === p)) {
-        const _ = y(p), D = {
+        const _ = y(p), P = {
           unitId: i,
           subUnitId: a,
           rule: { ..._, ranges: I }
         };
-        v.push({ id: Oe.id, params: D }), C.push(fi(this._injector, D));
+        v.push({ id: Oe.id, params: P }), C.push(fi(this._injector, P));
       } else {
         const _ = this._conditionalFormattingRuleModel.getRule(i, a, p);
         if (!_)
           continue;
-        const D = {
+        const P = {
           unitId: i,
           subUnitId: a,
           rule: { ..._, ranges: I }
         };
-        v.push({ id: Je.id, params: D }), C.push(...Ft(this._injector, D));
+        v.push({ id: Je.id, params: P }), C.push(...qt(this._injector, P));
       }
     }
     return {
@@ -7272,19 +7434,19 @@ let Rn = class extends it {
   }
 };
 Rn = Hp([
-  at(st.Rendered, Rn),
-  Qt(0, B(Ps)),
+  st(lt.Rendered, Rn),
+  Qt(0, B(Ds)),
   Qt(1, B(ue)),
-  Qt(2, B(At)),
+  Qt(2, B(Ft)),
   Qt(3, B(Lr)),
   Qt(4, B(ne))
 ], Rn);
-var kp = Object.defineProperty, Wp = Object.getOwnPropertyDescriptor, Ap = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? Wp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Wp = Object.defineProperty, Ap = Object.getOwnPropertyDescriptor, Fp = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? Ap(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && kp(t, n, o), o;
+  return r && o && Wp(t, n, o), o;
 }, en = (e, t) => (n, r) => t(n, r, e);
-let Tn = class extends it {
+let Tn = class extends at {
   constructor(e, t, n, r, o) {
     super(), this._injector = e, this._univerInstanceService = t, this._autoFillService = n, this._conditionalFormattingRuleModel = r, this._conditionalFormattingViewModel = o, this._initAutoFill();
   }
@@ -7302,7 +7464,7 @@ let Tn = class extends it {
         endColumn: i.col,
         endRow: i.row
       };
-      ot.foreach(a, (g, m) => {
+      it.foreach(a, (g, m) => {
         const b = Ht.getPositionRange(
           {
             startRow: g,
@@ -7333,12 +7495,12 @@ let Tn = class extends it {
         R && R.cfList.forEach((I) => {
           let _ = l.get(I.cfId);
           if (!l.get(I.cfId)) {
-            const D = this._conditionalFormattingRuleModel.getRule(c, u, I.cfId);
-            if (!D)
+            const P = this._conditionalFormattingRuleModel.getRule(c, u, I.cfId);
+            if (!P)
               return;
-            _ = new zt(), D.ranges.forEach((M) => {
-              ot.foreach(M, (L, q) => {
-                _.setValue(L, q, 1);
+            _ = new zt(), P.ranges.forEach((M) => {
+              it.foreach(M, (L, U) => {
+                _.setValue(L, U, 1);
               });
             }), l.set(I.cfId, _);
           }
@@ -7346,12 +7508,12 @@ let Tn = class extends it {
         }), v && v.cfList.forEach((I) => {
           let _ = l.get(I.cfId);
           if (!l.get(I.cfId)) {
-            const D = this._conditionalFormattingRuleModel.getRule(c, u, I.cfId);
-            if (!D)
+            const P = this._conditionalFormattingRuleModel.getRule(c, u, I.cfId);
+            if (!P)
               return;
-            _ = new zt(), D.ranges.forEach((M) => {
-              ot.foreach(M, (L, q) => {
-                _.setValue(L, q, 1);
+            _ = new zt(), P.ranges.forEach((M) => {
+              it.foreach(M, (L, U) => {
+                _.setValue(L, U, 1);
               });
             }), l.set(I.cfId, _);
           }
@@ -7373,18 +7535,18 @@ let Tn = class extends it {
         const p = this._conditionalFormattingRuleModel.getRule(a, l, C);
         if (!p)
           return;
-        const R = zr(Vr(v)), I = {
+        const R = Vr(zr(v)), I = {
           unitId: a,
           subUnitId: l,
           rule: { ...p, ranges: R }
         };
-        c.push({ id: Je.id, params: I }), u.push(...Ft(this._injector, I));
+        c.push({ id: Je.id, params: I }), u.push(...qt(this._injector, I));
       }), {
         undos: u,
         redos: c
       };
     }, r = {
-      id: lt,
+      id: ct,
       onFillData: (o, i, a) => {
         if (a === ar.COPY || a === ar.ONLY_FORMAT || a === ar.SERIES) {
           const { source: l, target: s } = o;
@@ -7396,20 +7558,20 @@ let Tn = class extends it {
     this.disposeWithMe(this._autoFillService.addHook(r));
   }
 };
-Tn = Ap([
-  at(st.Rendered, Tn),
-  en(0, B(At)),
+Tn = Fp([
+  st(lt.Rendered, Tn),
+  en(0, B(Ft)),
   en(1, B(ne)),
-  en(2, B(Ds)),
+  en(2, B(Ps)),
   en(3, B(ue)),
   en(4, B(Lr))
 ], Tn);
-var Fp = Object.defineProperty, Up = Object.getOwnPropertyDescriptor, qp = (e, t, n, r) => {
+var qp = Object.defineProperty, Up = Object.getOwnPropertyDescriptor, Bp = (e, t, n, r) => {
   for (var o = r > 1 ? void 0 : r ? Up(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && Fp(t, n, o), o;
+  return r && o && qp(t, n, o), o;
 }, tn = (e, t) => (n, r) => t(n, r, e);
-let In = class extends it {
+let In = class extends at {
   constructor(e, t, n, r, o) {
     super(), this._conditionalFormattingRuleModel = e, this._univerInstanceService = t, this._injector = n, this._sheetSkeletonManagerService = r, this._refRangeService = o, this._initRefRange();
   }
@@ -7420,7 +7582,7 @@ let In = class extends it {
         if (rs(u, c))
           return { redos: [], undos: [] };
         if (u.length) {
-          const d = { unitId: r, subUnitId: o, rule: { ...i, ranges: u } }, g = [{ id: Je.id, params: d }], m = Ft(this._injector, d);
+          const d = { unitId: r, subUnitId: o, rule: { ...i, ranges: u } }, g = [{ id: Je.id, params: d }], m = qt(this._injector, d);
           return { redos: g, undos: m };
         } else {
           const d = { unitId: r, subUnitId: o, cfId: i.cfId }, g = [{ id: Qe.id, params: d }], m = Ut(this._injector, d);
@@ -7440,8 +7602,8 @@ let In = class extends it {
         )
       ).pipe(
         _s(
-          () => new nt((r) => {
-            const o = new ka();
+          () => new rt((r) => {
+            const o = new Ha();
             return r.next(o), () => {
               o.dispose();
             };
@@ -7479,20 +7641,20 @@ let In = class extends it {
     }));
   }
 };
-In = qp([
-  at(st.Rendered, In),
+In = Bp([
+  st(lt.Rendered, In),
   tn(0, B(ue)),
   tn(1, B(ne)),
-  tn(2, B(At)),
+  tn(2, B(Ft)),
   tn(3, B(vi)),
   tn(4, B(cs))
 ], In);
-var Bp = Object.defineProperty, Gp = Object.getOwnPropertyDescriptor, Xp = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? Gp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Gp = Object.defineProperty, Xp = Object.getOwnPropertyDescriptor, Yp = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? Xp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && Bp(t, n, o), o;
+  return r && o && Gp(t, n, o), o;
 }, ai = (e, t) => (n, r) => t(n, r, e);
-let En = class extends it {
+let En = class extends at {
   constructor(e, t) {
     super(), this._editorBridgeService = e, this._conditionalFormattingService = t, this._initInterceptorEditorEnd();
   }
@@ -7528,17 +7690,17 @@ let En = class extends it {
     );
   }
 };
-En = Xp([
-  at(st.Rendered, En),
+En = Yp([
+  st(lt.Rendered, En),
   ai(0, B($s)),
   ai(1, B(hi))
 ], En);
-var Yp = Object.defineProperty, Kp = Object.getOwnPropertyDescriptor, Zp = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? Kp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Kp = Object.defineProperty, Zp = Object.getOwnPropertyDescriptor, Jp = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? Zp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && Yp(t, n, o), o;
+  return r && o && Kp(t, n, o), o;
 }, nn = (e, t) => (n, r) => t(n, r, e);
-let On = class extends it {
+let On = class extends at {
   constructor(e, t, n, r, o) {
     super(), this._injector = e, this._univerInstanceService = t, this._sheetInterceptorService = n, this._selectionManagerService = r, this._conditionalFormattingRuleModel = o, this._init();
   }
@@ -7562,7 +7724,7 @@ let On = class extends it {
                 subUnitId: a.getSheetId(),
                 rule: { ...s, ranges: u }
               }
-            }, d = Ft(this._injector, h.params);
+            }, d = qt(this._injector, h.params);
             t.push(h), n.push(...d);
           } else {
             const h = {
@@ -7581,18 +7743,18 @@ let On = class extends it {
     } }));
   }
 };
-On = Zp([
-  at(st.Rendered, On),
-  nn(0, B(At)),
+On = Jp([
+  st(lt.Rendered, On),
+  nn(0, B(Ft)),
   nn(1, B(ne)),
   nn(2, B(pi)),
-  nn(3, B(qt)),
+  nn(3, B(Bt)),
   nn(4, B(ue))
 ], On);
-var Jp = Object.defineProperty, Qp = Object.getOwnPropertyDescriptor, eg = (e, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? Qp(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Qp = Object.defineProperty, eg = Object.getOwnPropertyDescriptor, tg = (e, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? eg(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (o = (r ? a(t, n, o) : a(o)) || o);
-  return r && o && Jp(t, n, o), o;
+  return r && o && Qp(t, n, o), o;
 }, si = (e, t) => (n, r) => t(n, r, e), rn;
 let jr = (rn = class extends Wa {
   constructor(e, t, n) {
@@ -7605,13 +7767,13 @@ let jr = (rn = class extends Wa {
       this._commandService.registerCommand(e);
     });
   }
-}, dt(rn, "pluginName", lt), dt(rn, "type", X.UNIVER_SHEET), dt(rn, "commandList", [
+}, et(rn, "pluginName", ct), et(rn, "type", X.UNIVER_SHEET), et(rn, "commandList", [
   js,
   Ls,
-  zs,
   Vs,
-  Hs,
+  zs,
   ks,
+  Hs,
   Ws,
   As,
   Fs,
@@ -7623,12 +7785,13 @@ let jr = (rn = class extends Wa {
   bi,
   Ar
 ]), rn);
-jr = eg([
-  si(1, B(At)),
+jr = tg([
+  si(1, B(Ft)),
   si(2, B(de))
 ], jr);
 export {
   jr as UniverSheetsConditionalFormattingUIPlugin,
-  bg as enUS,
+  Sg as enUS,
+  Cg as ruRU,
   fd as zhCN
 };