@univerjs/find-replace 0.2.5 → 0.2.7

package/lib/es/index.js

@@ -1,90 +1,99 @@
-var at = Object.defineProperty;
-var ot = (t, e, n) => e in t ? at(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var o = (t, e, n) => ot(t, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as X, createIdentifier as ct, Inject as b, Injector as ee, IUniverInstanceService as pe, toDisposable as H, IContextService as te, DisposableCollection as lt, CommandType as y, LocaleService as O, useDependency as v, ICommandService as ie, FOCUSING_SHEET as _e, EDITOR_ACTIVATED as ge, UniverInstanceType as dt, RxDisposable as ht, OnLifecycle as ut, LifecycleStages as ft, Plugin as pt, Tools as _t } from "@univerjs/core";
-import { IConfirmService as gt, IMessageService as me, useObservable as I, ILayoutService as ve, KeyCode as M, MetaKeys as x, MenuGroup as mt, MenuItemType as vt, MenuPosition as St, getMenuHiddenObservable as Ct, ComponentManager as Rt, IMenuService as Mt, IShortcutService as bt, IDialogService as xt } from "@univerjs/ui";
-import { BehaviorSubject as D, Subject as Se, throttleTime as yt, combineLatest as Ce, debounceTime as It, fromEvent as Ft, map as Dt, takeUntil as ce } from "rxjs";
-import { RENDER_RAW_FORMULA_KEY as Ot } from "@univerjs/engine-render";
-import Pt, { forwardRef as w, useRef as q, createElement as Re, useCallback as u, Fragment as N, useEffect as j, useMemo as ne, useImperativeHandle as Tt } from "react";
-import { MessageType as $, InputWithSlot as Et, Pager as Nt, Button as A, FormLayout as R, Input as $t, Select as G, FormDualColumnLayout as le, Checkbox as de } from "@univerjs/design";
-var _ = function() {
-  return _ = Object.assign || function(t) {
-    for (var e, n = 1, i = arguments.length; n < i; n++) {
-      e = arguments[n];
-      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { Disposable, createIdentifier, Inject, Injector, IUniverInstanceService, toDisposable, IContextService, DisposableCollection, CommandType, LocaleService, useDependency, ICommandService, FOCUSING_SHEET, EDITOR_ACTIVATED, UniverInstanceType, RxDisposable, OnLifecycle, LifecycleStages, Plugin, Tools } from "@univerjs/core";
+import { IConfirmService, IMessageService, useObservable, ILayoutService, KeyCode, MetaKeys, MenuGroup, MenuItemType, MenuPosition, getMenuHiddenObservable, ComponentManager, IMenuService, IShortcutService, IDialogService } from "@univerjs/ui";
+import { BehaviorSubject, Subject, throttleTime, combineLatest, debounceTime, fromEvent, map, takeUntil } from "rxjs";
+import { RENDER_RAW_FORMULA_KEY } from "@univerjs/engine-render";
+import require$$0, { forwardRef, useRef, createElement, useCallback, Fragment, useEffect, useMemo, useImperativeHandle } from "react";
+import { MessageType, InputWithSlot, Pager, Button, FormLayout, Input, Select, FormDualColumnLayout, Checkbox } from "@univerjs/design";
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
+      s = arguments[i];
+      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
     }
     return t;
-  }, _.apply(this, arguments);
-}, At = function(t, e) {
-  var n = {};
-  for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, i = Object.getOwnPropertySymbols(t); r < i.length; r++)
-      e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[r]) && (n[i[r]] = t[i[r]]);
-  return n;
-}, Me = w(function(t, e) {
-  var n = t.icon, i = t.id, r = t.className, s = t.extend, a = At(t, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), d = q("_".concat(wt()));
-  return be(n, "".concat(i), { defIds: n.defIds, idSuffix: d.current }, _({ ref: e, className: l }, a), s);
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
+      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
 });
-function be(t, e, n, i, r) {
-  return Re(t.tag, _(_({ key: e }, jt(t, n, r)), i), (Lt(t, n).children || []).map(function(s, a) {
-    return be(s, "".concat(e, "-").concat(t.tag, "-").concat(a), n, void 0, r);
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
   }));
 }
-function jt(t, e, n) {
-  var i = _({}, t.attrs);
-  n != null && n.colorChannel1 && i.fill === "colorChannel1" && (i.fill = n.colorChannel1);
-  var r = e.defIds;
-  return !r || r.length === 0 || (t.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(s) {
-    var a = s[0], l = s[1];
-    typeof l == "string" && (i[a] = l.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), i;
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a5) {
+    var key = _a5[0], value = _a5[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
 }
-function Lt(t, e) {
-  var n, i = e.defIds;
-  return !i || i.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? _(_({}, t), { children: t.children.map(function(r) {
-    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? _(_({}, r), { attrs: _(_({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
-  }) }) : t;
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a5, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a5 = node.children) === null || _a5 === void 0) && _a5.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
+  }) }) : node;
 }
-function wt() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-Me.displayName = "UniverIcon";
-var Ut = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_217_40", style: { maskType: "alpha" }, width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0.9 0.09H16.9V16.09H0.9z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_217_40)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.39551 7.37266C2.39551 4.18105 4.98281 1.59375 8.17441 1.59375C11.366 1.59375 13.9533 4.18105 13.9533 7.37266C13.9533 8.72342 13.4898 9.96603 12.7133 10.95L15.1964 13.4331C15.4619 13.6986 15.4619 14.1291 15.1964 14.3946C14.9309 14.6601 14.5004 14.6601 14.2349 14.3946L11.7518 11.9115C10.7678 12.6881 9.52525 13.1516 8.17441 13.1516C4.98281 13.1516 2.39551 10.5642 2.39551 7.37266ZM8.17441 2.95349C5.73378 2.95349 3.75525 4.93202 3.75525 7.37266C3.75525 9.81333 5.73378 11.7918 8.17441 11.7918C10.6151 11.7918 12.5936 9.81333 12.5936 7.37266C12.5936 4.93202 10.6151 2.95349 8.17441 2.95349Z", fillRule: "evenodd", clipRule: "evenodd" } }] }] }, xe = w(function(t, e) {
-  return Re(Me, Object.assign({}, t, {
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_217_40", style: { maskType: "alpha" }, width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0.9 0.09H16.9V16.09H0.9z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_217_40)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.39551 7.37266C2.39551 4.18105 4.98281 1.59375 8.17441 1.59375C11.366 1.59375 13.9533 4.18105 13.9533 7.37266C13.9533 8.72342 13.4898 9.96603 12.7133 10.95L15.1964 13.4331C15.4619 13.6986 15.4619 14.1291 15.1964 14.3946C14.9309 14.6601 14.5004 14.6601 14.2349 14.3946L11.7518 11.9115C10.7678 12.6881 9.52525 13.1516 8.17441 13.1516C4.98281 13.1516 2.39551 10.5642 2.39551 7.37266ZM8.17441 2.95349C5.73378 2.95349 3.75525 4.93202 3.75525 7.37266C3.75525 9.81333 5.73378 11.7918 8.17441 11.7918C10.6151 11.7918 12.5936 9.81333 12.5936 7.37266C12.5936 4.93202 10.6151 2.95349 8.17441 2.95349Z", fillRule: "evenodd", clipRule: "evenodd" } }] }] }, SearchSingle16 = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "search-single-16",
-    ref: e,
-    icon: Ut
+    ref,
+    icon: element
   }));
 });
-xe.displayName = "SearchSingle16";
-const ye = "FIND_REPLACE_INPUT_FOCUS", Ie = "FIND_REPLACE_DIALOG_FOCUS", Fe = "FIND_REPLACE_REPLACE_REVEALED";
-var Bt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, De = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Wt(e, n) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (r = (i ? a(e, n, r) : a(r)) || r);
-  return i && r && Bt(e, n, r), r;
-}, z = (t, e) => (n, i) => e(n, i, t);
-class Ni extends X {
-}
-const g = ct("find-replace.service");
-function kt(t) {
-  return typeof t.findString < "u" || typeof t.inputtingFindString < "u" || typeof t.findDirection < "u" || typeof t.matchesTheWholeCell < "u" || typeof t.caseSensitive < "u" || typeof t.findScope < "u" || typeof t.findBy < "u";
+SearchSingle16.displayName = "SearchSingle16";
+const FIND_REPLACE_INPUT_FOCUS = "FIND_REPLACE_INPUT_FOCUS", FIND_REPLACE_DIALOG_FOCUS = "FIND_REPLACE_DIALOG_FOCUS", FIND_REPLACE_REPLACE_REVEALED = "FIND_REPLACE_REPLACE_REVEALED";
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2");
+const _FindModel = class _FindModel extends Disposable {
+};
+__name(_FindModel, "FindModel");
+let FindModel = _FindModel;
+const IFindReplaceService = createIdentifier("find-replace.service");
+function shouldStateUpdateTriggerResearch(statusUpdate) {
+  return typeof statusUpdate.findString < "u" || typeof statusUpdate.inputtingFindString < "u" || typeof statusUpdate.findDirection < "u" || typeof statusUpdate.matchesTheWholeCell < "u" || typeof statusUpdate.caseSensitive < "u" || typeof statusUpdate.findScope < "u" || typeof statusUpdate.findBy < "u";
 }
-let K = class extends X {
-  constructor(e, n, i) {
+__name(shouldStateUpdateTriggerResearch, "shouldStateUpdateTriggerResearch");
+var _a;
+let FindReplaceModel = (_a = class extends Disposable {
+  constructor(_state, _providers, _univerInstanceService) {
     super();
-    o(this, "currentMatch$", new D(null));
-    o(this, "replaceables$", new D([]));
+    __publicField(this, "currentMatch$", new BehaviorSubject(null));
+    __publicField(this, "replaceables$", new BehaviorSubject([]));
     /** All find models returned by providers. */
-    o(this, "_findModels", []);
+    __publicField(this, "_findModels", []);
     /** The find model that the current match is from. */
-    o(this, "_matchingModel", null);
-    o(this, "_matches", []);
-    o(this, "_currentSearchingDisposables", null);
-    this._state = e, this._providers = n, this._univerInstanceService = i, this.disposeWithMe(
-      this._state.stateUpdates$.pipe(yt(200, void 0, { leading: !0, trailing: !0 })).subscribe(async (r) => {
-        const s = this._state.state;
-        kt(r) && (s.findString !== "" && !s.replaceRevealed ? (await this._startSearching(), this._state.changeState({ findCompleted: !0 })) : r.replaceRevealed !== !0 && this._stopSearching());
+    __publicField(this, "_matchingModel", null);
+    __publicField(this, "_matches", []);
+    __publicField(this, "_currentSearchingDisposables", null);
+    this._state = _state, this._providers = _providers, this._univerInstanceService = _univerInstanceService, this.disposeWithMe(
+      this._state.stateUpdates$.pipe(throttleTime(200, void 0, { leading: !0, trailing: !0 })).subscribe(async (stateUpdate) => {
+        const state = this._state.state;
+        shouldStateUpdateTriggerResearch(stateUpdate) && (state.findString !== "" && !state.replaceRevealed ? (await this._startSearching(), this._state.changeState({ findCompleted: !0 })) : stateUpdate.replaceRevealed !== !0 && this._stopSearching());
       })
     );
   }
@@ -92,19 +101,19 @@ let K = class extends X {
     return this._findModels.length > 0;
   }
   dispose() {
-    super.dispose(), this._stopSearching(), this.currentMatch$.complete(), this.replaceables$.complete(), this._state.changeState({ ...re(), revealed: !1 });
+    super.dispose(), this._stopSearching(), this.currentMatch$.complete(), this.replaceables$.complete(), this._state.changeState({ ...createInitFindReplaceState(), revealed: !1 });
   }
   async start() {
     if (!this._state.findString)
       return { results: [] };
-    const e = await this._startSearching();
-    return this._state.changeState({ findCompleted: !0 }), e;
+    const complete = await this._startSearching();
+    return this._state.changeState({ findCompleted: !0 }), complete;
   }
   /** Call this method to start a `searching`. */
   async _startSearching() {
     if (!this._state.findString)
       return { results: [] };
-    const e = Array.from(this._providers), n = this._findModels = (await Promise.all(e.map((r) => r.find({
+    const providers = Array.from(this._providers), findModels = this._findModels = (await Promise.all(providers.map((provider) => provider.find({
       findString: this._state.findString,
       findDirection: this._state.findDirection,
       findScope: this._state.findScope,
@@ -113,111 +122,111 @@ let K = class extends X {
       caseSensitive: this._state.caseSensitive,
       matchesTheWholeCell: this._state.matchesTheWholeCell
     })))).flat();
-    this._subscribeToModelsChanges(n);
-    const i = this._matches = n.map((r) => r.getMatches()).flat();
-    return this.replaceables$.next(i.filter((r) => r.replaceable)), i.length ? (this._moveToInitialMatch(n), this._state.changeState({ matchesCount: i.length }), { results: i }) : (this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), { results: [] });
+    this._subscribeToModelsChanges(findModels);
+    const newMatches = this._matches = findModels.map((c) => c.getMatches()).flat();
+    return this.replaceables$.next(newMatches.filter((m2) => m2.replaceable)), newMatches.length ? (this._moveToInitialMatch(findModels), this._state.changeState({ matchesCount: newMatches.length }), { results: newMatches }) : (this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), { results: [] });
   }
   /** Terminate the current searching session, when searching string is empty. */
   _stopSearching() {
-    var e;
-    this._providers.forEach((n) => n.terminate()), this._findModels = [], this._matches = [], this._matchingModel = null, (e = this._currentSearchingDisposables) == null || e.dispose(), this._currentSearchingDisposables = null, this.currentMatch$.next(null), this.replaceables$.next([]), this._state.changeState({
+    var _a5;
+    this._providers.forEach((provider) => provider.terminate()), this._findModels = [], this._matches = [], this._matchingModel = null, (_a5 = this._currentSearchingDisposables) == null || _a5.dispose(), this._currentSearchingDisposables = null, this.currentMatch$.next(null), this.replaceables$.next([]), this._state.changeState({
       findCompleted: !1,
       matchesCount: 0,
       matchesPosition: 0
     });
   }
   // When a document's content changes, we should reset all matches and try to move to the next match.
-  _subscribeToModelsChanges(e) {
-    const n = this._currentSearchingDisposables = new lt(), i = Ce(e.map((r) => r.matchesUpdate$)).pipe(It(220)).subscribe(([...r]) => {
-      const s = this._matches = r.flat();
-      s.length ? (this._moveToInitialMatch(this._findModels, !0), this._state.changeState({ matchesCount: s.length }), this.replaceables$.next(s.filter((a) => a.replaceable))) : (this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), this.replaceables$.next([]));
+  _subscribeToModelsChanges(models) {
+    const disposables = this._currentSearchingDisposables = new DisposableCollection(), matchesUpdateSubscription = combineLatest(models.map((model) => model.matchesUpdate$)).pipe(debounceTime(220)).subscribe(([...allMatches]) => {
+      const newMatches = this._matches = allMatches.flat();
+      newMatches.length ? (this._moveToInitialMatch(this._findModels, !0), this._state.changeState({ matchesCount: newMatches.length }), this.replaceables$.next(newMatches.filter((m2) => m2.replaceable))) : (this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), this.replaceables$.next([]));
     });
-    e.forEach((r) => n.add(H(r.activelyChangingMatch$.subscribe((s) => {
-      const a = this._matches.findIndex((l) => l === s);
-      this._state.changeState({ matchesPosition: a + 1 });
-    })))), n.add(H(i));
+    models.forEach((model) => disposables.add(toDisposable(model.activelyChangingMatch$.subscribe((match) => {
+      const index = this._matches.findIndex((m2) => m2 === match);
+      this._state.changeState({ matchesPosition: index + 1 });
+    })))), disposables.add(toDisposable(matchesUpdateSubscription));
   }
   async replace() {
     return this._matchingModel ? this._matchingModel.replace(this._state.replaceString) : !1;
   }
   async replaceAll() {
-    const e = await Promise.all(this._findModels.map((n) => n.replaceAll(this._state.replaceString))).then((n) => n.reduce((i, r) => (i.success += r.success, i.failure += r.failure, i), { success: 0, failure: 0 }));
-    return e.failure === 0 && this._stopSearching(), e;
+    const result = await Promise.all(this._findModels.map((m2) => m2.replaceAll(this._state.replaceString))).then((results) => results.reduce((acc, cur) => (acc.success += cur.success, acc.failure += cur.failure, acc), { success: 0, failure: 0 }));
+    return result.failure === 0 && this._stopSearching(), result;
   }
   getCurrentMatch() {
     return this._state.matchesPosition > 0 ? this._matches[this._state.matchesPosition - 1] : null;
   }
-  _markMatch(e) {
-    const n = this._matches.findIndex((i) => i === e);
-    this.currentMatch$.next(e), this._state.changeState({ matchesPosition: n + 1 });
+  _markMatch(match) {
+    const index = this._matches.findIndex((value) => value === match);
+    this.currentMatch$.next(match), this._state.changeState({ matchesPosition: index + 1 });
   }
   moveToNextMatch() {
     if (!this._matchingModel)
       return;
-    const e = this._findModels.length === 1, n = this._matchingModel.moveToNextMatch({ loop: e });
-    if (n)
-      this._markMatch(n);
+    const loopInCurrentUnit = this._findModels.length === 1, nextMatch = this._matchingModel.moveToNextMatch({ loop: loopInCurrentUnit });
+    if (nextMatch)
+      this._markMatch(nextMatch);
     else {
-      const i = this._findModels.findIndex((r) => r === this._matchingModel);
-      this._moveToNextUnitMatch(i);
+      const currentModelIndex = this._findModels.findIndex((m2) => m2 === this._matchingModel);
+      this._moveToNextUnitMatch(currentModelIndex);
     }
   }
-  _moveToNextUnitMatch(e) {
-    const n = this._findModels.length;
-    for (let i = (e + 1) % n; i !== e; ) {
-      const r = this._findModels[i], s = r.moveToNextMatch({ ignoreSelection: !0 });
-      if (s) {
-        this._matchingModel = r, this._markMatch(s);
+  _moveToNextUnitMatch(startingIndex) {
+    const l2 = this._findModels.length;
+    for (let i = (startingIndex + 1) % l2; i !== startingIndex; ) {
+      const nextPositionModel = this._findModels[i], nextMatch = nextPositionModel.moveToNextMatch({ ignoreSelection: !0 });
+      if (nextMatch) {
+        this._matchingModel = nextPositionModel, this._markMatch(nextMatch);
         return;
       }
-      i = (i + 1) % n;
+      i = (i + 1) % l2;
     }
     if (this._matchingModel) {
-      const i = this._matchingModel.moveToNextMatch({ ignoreSelection: !0 });
-      i && this._markMatch(i);
+      const nextMatch = this._matchingModel.moveToNextMatch({ ignoreSelection: !0 });
+      nextMatch && this._markMatch(nextMatch);
     }
   }
   moveToPreviousMatch() {
     if (!this._matchingModel)
       return;
-    const e = this._findModels.length === 1, n = this._matchingModel.moveToPreviousMatch({ loop: e });
-    if (n) {
-      const i = this._matches.findIndex((r) => r === n);
-      this.currentMatch$.next(n), this._state.changeState({ matchesPosition: i + 1 });
+    const loopInCurrentUnit = this._findModels.length === 1, nextMatch = this._matchingModel.moveToPreviousMatch({ loop: loopInCurrentUnit });
+    if (nextMatch) {
+      const index = this._matches.findIndex((value) => value === nextMatch);
+      this.currentMatch$.next(nextMatch), this._state.changeState({ matchesPosition: index + 1 });
     } else {
-      const i = this._findModels.length, r = this._findModels.findIndex((a) => a === this._matchingModel);
-      for (let a = (r - 1 + i) % i; a !== r; ) {
-        const l = this._findModels[a], d = l.moveToPreviousMatch({ ignoreSelection: !0 });
-        if (d) {
-          this._matchingModel = l, this._markMatch(d);
+      const l2 = this._findModels.length, currentModelIndex = this._findModels.findIndex((m2) => m2 === this._matchingModel);
+      for (let i = (currentModelIndex - 1 + l2) % l2; i !== currentModelIndex; ) {
+        const nextPositionModel = this._findModels[i], nextMatch3 = nextPositionModel.moveToPreviousMatch({ ignoreSelection: !0 });
+        if (nextMatch3) {
+          this._matchingModel = nextPositionModel, this._markMatch(nextMatch3);
           return;
         }
-        a = (a - 1) % i;
+        i = (i - 1) % l2;
       }
-      const s = this._matchingModel.moveToPreviousMatch({ ignoreSelection: !0 });
-      s && this._markMatch(s);
+      const nextMatch2 = this._matchingModel.moveToPreviousMatch({ ignoreSelection: !0 });
+      nextMatch2 && this._markMatch(nextMatch2);
     }
   }
-  _moveToInitialMatch(e, n = !1) {
-    var s;
-    const i = (s = this._univerInstanceService.getFocusedUnit()) == null ? void 0 : s.getUnitId();
-    if (!i)
+  _moveToInitialMatch(findModels, noFocus = !1) {
+    var _a5;
+    const focusedUnitId = (_a5 = this._univerInstanceService.getFocusedUnit()) == null ? void 0 : _a5.getUnitId();
+    if (!focusedUnitId)
       return -1;
-    const r = e.findIndex((a) => a.unitId === i);
-    if (r !== -1) {
-      this._matchingModel = e[r];
-      const a = this._matchingModel.moveToNextMatch({ stayIfOnMatch: !0, noFocus: n });
-      if (a)
-        return this._markMatch(a), r;
+    const i = findModels.findIndex((model) => model.unitId === focusedUnitId);
+    if (i !== -1) {
+      this._matchingModel = findModels[i];
+      const nextMatch = this._matchingModel.moveToNextMatch({ stayIfOnMatch: !0, noFocus });
+      if (nextMatch)
+        return this._markMatch(nextMatch), i;
     }
-    return this._moveToNextUnitMatch(r), 0;
-  }
-};
-K = De([
-  z(2, pe)
-], K);
-var Y = /* @__PURE__ */ ((t) => (t.ROW = "row", t.COLUMN = "column", t))(Y || {}), Z = /* @__PURE__ */ ((t) => (t.VALUE = "value", t.FORMULA = "formula", t))(Z || {}), J = /* @__PURE__ */ ((t) => (t.SUBUNIT = "subunit", t.UNIT = "unit", t))(J || {});
-function re() {
+    return this._moveToNextUnitMatch(i), 0;
+  }
+}, __name(_a, "FindReplaceModel"), _a);
+FindReplaceModel = __decorateClass$2([
+  __decorateParam$2(2, IUniverInstanceService)
+], FindReplaceModel);
+var FindDirection = /* @__PURE__ */ ((FindDirection2) => (FindDirection2.ROW = "row", FindDirection2.COLUMN = "column", FindDirection2))(FindDirection || {}), FindBy = /* @__PURE__ */ ((FindBy2) => (FindBy2.VALUE = "value", FindBy2.FORMULA = "formula", FindBy2))(FindBy || {}), FindScope = /* @__PURE__ */ ((FindScope2) => (FindScope2.SUBUNIT = "subunit", FindScope2.UNIT = "unit", FindScope2))(FindScope || {});
+function createInitFindReplaceState() {
   return {
     caseSensitive: !1,
     findBy: "value",
@@ -234,25 +243,26 @@ function re() {
     revealed: !0
   };
 }
-class Gt {
+__name(createInitFindReplaceState, "createInitFindReplaceState");
+const _FindReplaceState = class _FindReplaceState {
   constructor() {
-    o(this, "_stateUpdates$", new Se());
-    o(this, "stateUpdates$", this._stateUpdates$.asObservable());
-    o(this, "_state$", new D(re()));
-    o(this, "state$", this._state$.asObservable());
-    o(this, "_findString", "");
-    o(this, "_inputtingFindString", "");
-    o(this, "_replaceString", "");
-    o(this, "_revealed", !1);
-    o(this, "_replaceRevealed", !1);
-    o(this, "_matchesPosition", 0);
-    o(this, "_matchesCount", 0);
-    o(this, "_caseSensitive", !0);
-    o(this, "_matchesTheWholeCell", !1);
-    o(this, "_findDirection", "row");
-    o(this, "_findScope", "subunit");
-    o(this, "_findBy", "value");
-    o(this, "_findCompleted", !1);
+    __publicField(this, "_stateUpdates$", new Subject());
+    __publicField(this, "stateUpdates$", this._stateUpdates$.asObservable());
+    __publicField(this, "_state$", new BehaviorSubject(createInitFindReplaceState()));
+    __publicField(this, "state$", this._state$.asObservable());
+    __publicField(this, "_findString", "");
+    __publicField(this, "_inputtingFindString", "");
+    __publicField(this, "_replaceString", "");
+    __publicField(this, "_revealed", !1);
+    __publicField(this, "_replaceRevealed", !1);
+    __publicField(this, "_matchesPosition", 0);
+    __publicField(this, "_matchesCount", 0);
+    __publicField(this, "_caseSensitive", !0);
+    __publicField(this, "_matchesTheWholeCell", !1);
+    __publicField(this, "_findDirection", "row");
+    __publicField(this, "_findScope", "subunit");
+    __publicField(this, "_findBy", "value");
+    __publicField(this, "_findCompleted", !1);
   }
   get state() {
     return this._state$.getValue();
@@ -297,10 +307,10 @@ class Gt {
     return this._findCompleted;
   }
   // eslint-disable-next-line max-lines-per-function, complexity
-  changeState(e) {
-    let n = !1;
-    const i = {};
-    typeof e.findString < "u" && e.findString !== this._findString && (this._findString = e.findString, i.findString = this._findString, n = !0), typeof e.revealed < "u" && e.revealed !== this._revealed && (this._revealed = e.revealed, i.revealed = e.revealed, n = !0), typeof e.replaceRevealed < "u" && e.replaceRevealed !== this._replaceRevealed && (this._replaceRevealed = e.replaceRevealed, i.replaceRevealed = e.replaceRevealed, n = !0), typeof e.replaceString < "u" && e.replaceString !== this._replaceString && (this._replaceString = e.replaceString, i.replaceString = e.replaceString, n = !0), typeof e.matchesCount < "u" && e.matchesCount !== this._matchesCount && (this._matchesCount = e.matchesCount, i.matchesCount = e.matchesCount, n = !0), typeof e.matchesPosition < "u" && e.matchesPosition !== this._matchesPosition && (this._matchesPosition = e.matchesPosition, i.matchesPosition = e.matchesPosition, n = !0), typeof e.findBy < "u" && e.findBy !== this._findBy && (this._findBy = e.findBy, i.findBy = e.findBy, n = !0), typeof e.findScope < "u" && e.findScope !== this._findScope && (this._findScope = e.findScope, i.findScope = e.findScope, n = !0), typeof e.findDirection < "u" && e.findDirection !== this._findDirection && (this._findDirection = e.findDirection, i.findDirection = e.findDirection, n = !0), typeof e.caseSensitive < "u" && e.caseSensitive !== this._caseSensitive && (this._caseSensitive = e.caseSensitive, i.caseSensitive = e.caseSensitive, n = !0), typeof e.matchesTheWholeCell < "u" && e.matchesTheWholeCell !== this._matchesTheWholeCell && (this._matchesTheWholeCell = e.matchesTheWholeCell, i.matchesTheWholeCell = e.matchesTheWholeCell, n = !0), typeof e.inputtingFindString < "u" && e.inputtingFindString !== this._inputtingFindString && (this._inputtingFindString = e.inputtingFindString, i.inputtingFindString = e.inputtingFindString, n = !0), typeof e.findCompleted < "u" && e.findCompleted !== this._findCompleted && (this._findCompleted = e.findCompleted, i.findCompleted = e.findCompleted, n = !0), n && (this._state$.next({
+  changeState(changes) {
+    let changed = !1;
+    const changedState = {};
+    typeof changes.findString < "u" && changes.findString !== this._findString && (this._findString = changes.findString, changedState.findString = this._findString, changed = !0), typeof changes.revealed < "u" && changes.revealed !== this._revealed && (this._revealed = changes.revealed, changedState.revealed = changes.revealed, changed = !0), typeof changes.replaceRevealed < "u" && changes.replaceRevealed !== this._replaceRevealed && (this._replaceRevealed = changes.replaceRevealed, changedState.replaceRevealed = changes.replaceRevealed, changed = !0), typeof changes.replaceString < "u" && changes.replaceString !== this._replaceString && (this._replaceString = changes.replaceString, changedState.replaceString = changes.replaceString, changed = !0), typeof changes.matchesCount < "u" && changes.matchesCount !== this._matchesCount && (this._matchesCount = changes.matchesCount, changedState.matchesCount = changes.matchesCount, changed = !0), typeof changes.matchesPosition < "u" && changes.matchesPosition !== this._matchesPosition && (this._matchesPosition = changes.matchesPosition, changedState.matchesPosition = changes.matchesPosition, changed = !0), typeof changes.findBy < "u" && changes.findBy !== this._findBy && (this._findBy = changes.findBy, changedState.findBy = changes.findBy, changed = !0), typeof changes.findScope < "u" && changes.findScope !== this._findScope && (this._findScope = changes.findScope, changedState.findScope = changes.findScope, changed = !0), typeof changes.findDirection < "u" && changes.findDirection !== this._findDirection && (this._findDirection = changes.findDirection, changedState.findDirection = changes.findDirection, changed = !0), typeof changes.caseSensitive < "u" && changes.caseSensitive !== this._caseSensitive && (this._caseSensitive = changes.caseSensitive, changedState.caseSensitive = changes.caseSensitive, changed = !0), typeof changes.matchesTheWholeCell < "u" && changes.matchesTheWholeCell !== this._matchesTheWholeCell && (this._matchesTheWholeCell = changes.matchesTheWholeCell, changedState.matchesTheWholeCell = changes.matchesTheWholeCell, changed = !0), typeof changes.inputtingFindString < "u" && changes.inputtingFindString !== this._inputtingFindString && (this._inputtingFindString = changes.inputtingFindString, changedState.inputtingFindString = changes.inputtingFindString, changed = !0), typeof changes.findCompleted < "u" && changes.findCompleted !== this._findCompleted && (this._findCompleted = changes.findCompleted, changedState.findCompleted = changes.findCompleted, changed = !0), changed && (this._state$.next({
       caseSensitive: this._caseSensitive,
       findBy: this._findBy,
       findCompleted: this._findCompleted,
@@ -313,22 +323,25 @@ class Gt {
       matchesTheWholeCell: this._matchesTheWholeCell,
       replaceRevealed: this._replaceRevealed,
       revealed: this._revealed
-    }), this._stateUpdates$.next(i));
+    }), this._stateUpdates$.next(changedState));
   }
-}
-let Q = class extends X {
-  constructor(e, n) {
+};
+__name(_FindReplaceState, "FindReplaceState");
+let FindReplaceState = _FindReplaceState;
+var _a2;
+let FindReplaceService = (_a2 = class extends Disposable {
+  constructor(_injector, _contextService) {
     super();
-    o(this, "_providers", /* @__PURE__ */ new Set());
-    o(this, "_state", new Gt());
-    o(this, "_model");
-    o(this, "_currentMatch$", new D(null));
-    o(this, "currentMatch$", this._currentMatch$.asObservable());
-    o(this, "_replaceables$", new D([]));
-    o(this, "replaceables$", this._replaceables$.asObservable());
-    o(this, "_focusSignal$", new Se());
-    o(this, "focusSignal$", this._focusSignal$.asObservable());
-    this._injector = e, this._contextService = n;
+    __publicField(this, "_providers", /* @__PURE__ */ new Set());
+    __publicField(this, "_state", new FindReplaceState());
+    __publicField(this, "_model");
+    __publicField(this, "_currentMatch$", new BehaviorSubject(null));
+    __publicField(this, "currentMatch$", this._currentMatch$.asObservable());
+    __publicField(this, "_replaceables$", new BehaviorSubject([]));
+    __publicField(this, "replaceables$", this._replaceables$.asObservable());
+    __publicField(this, "_focusSignal$", new Subject());
+    __publicField(this, "focusSignal$", this._focusSignal$.asObservable());
+    this._injector = _injector, this._contextService = _contextService;
   }
   get stateUpdates$() {
     return this._state.stateUpdates$;
@@ -346,41 +359,41 @@ let Q = class extends X {
     super.dispose(), this._currentMatch$.next(null), this._currentMatch$.complete(), this._replaceables$.next([]), this._replaceables$.complete(), this._focusSignal$.complete();
   }
   getCurrentMatch() {
-    var e;
-    return (e = this._model) == null ? void 0 : e.getCurrentMatch();
+    var _a5;
+    return (_a5 = this._model) == null ? void 0 : _a5.getCurrentMatch();
   }
   getFindString() {
     return this._state.findString;
   }
-  changeFindString(e) {
-    this._state.changeState({ findString: e });
+  changeFindString(findString) {
+    this._state.changeState({ findString });
   }
   focusFindInput() {
     this._focusSignal$.next();
   }
-  changeInputtingFindString(e) {
-    e ? this._state.changeState({ inputtingFindString: e }) : this._state.changeState({ inputtingFindString: "", findString: "" });
+  changeInputtingFindString(value) {
+    value ? this._state.changeState({ inputtingFindString: value }) : this._state.changeState({ inputtingFindString: "", findString: "" });
   }
-  changeReplaceString(e) {
-    this._state.changeState({ replaceString: e });
+  changeReplaceString(replaceString) {
+    this._state.changeState({ replaceString });
   }
-  changeMatchesTheWholeCell(e) {
-    this._state.changeState({ matchesTheWholeCell: e });
+  changeMatchesTheWholeCell(matchesTheWholeCell) {
+    this._state.changeState({ matchesTheWholeCell });
   }
-  changeCaseSensitive(e) {
-    this._state.changeState({ caseSensitive: e });
+  changeCaseSensitive(caseSensitive) {
+    this._state.changeState({ caseSensitive });
   }
-  changeFindBy(e) {
-    this._state.changeState({ findBy: e }), this._toggleDisplayRawFormula(
-      e === "formula"
+  changeFindBy(findBy) {
+    this._state.changeState({ findBy }), this._toggleDisplayRawFormula(
+      findBy === "formula"
       /* FORMULA */
     );
   }
-  changeFindScope(e) {
-    this._state.changeState({ findScope: e });
+  changeFindScope(scope) {
+    this._state.changeState({ findScope: scope });
   }
-  changeFindDirection(e) {
-    this._state.changeState({ findDirection: e });
+  changeFindDirection(direction) {
+    this._state.changeState({ findDirection: direction });
   }
   moveToNextMatch() {
     this._model && (this._state.replaceRevealed && !this._model.searched ? (this._state.changeState({ findString: this._state.inputtingFindString }), this._model.start()) : this._model.moveToNextMatch(), this._focusSignal$.next());
@@ -399,59 +412,59 @@ let Q = class extends X {
   revealReplace() {
     this._state.changeState({ replaceRevealed: !0, inputtingFindString: this._state.findString }), this._toggleRevealReplace(!0);
   }
-  start(e = !1) {
+  start(revealReplace = !1) {
     if (this._providers.size === 0)
       return !1;
-    this._model = this._injector.createInstance(K, this._state, this._providers), this._model.currentMatch$.subscribe((i) => this._currentMatch$.next(i)), this._model.replaceables$.subscribe((i) => this._replaceables$.next(i));
-    const n = re();
-    return e && (n.replaceRevealed = !0), this._state.changeState(n), this._toggleRevealReplace(e), !0;
+    this._model = this._injector.createInstance(FindReplaceModel, this._state, this._providers), this._model.currentMatch$.subscribe((match) => this._currentMatch$.next(match)), this._model.replaceables$.subscribe((replaceables) => this._replaceables$.next(replaceables));
+    const newState = createInitFindReplaceState();
+    return revealReplace && (newState.replaceRevealed = !0), this._state.changeState(newState), this._toggleRevealReplace(revealReplace), !0;
   }
   find() {
-    var e;
-    (e = this._model) == null || e.start();
+    var _a5;
+    (_a5 = this._model) == null || _a5.start();
   }
   terminate() {
-    var e;
-    (e = this._model) == null || e.dispose(), this._model = null, this._toggleDisplayRawFormula(!1), this._toggleRevealReplace(!1);
+    var _a5;
+    (_a5 = this._model) == null || _a5.dispose(), this._model = null, this._toggleDisplayRawFormula(!1), this._toggleRevealReplace(!1);
   }
-  registerFindReplaceProvider(e) {
-    return this._providers.add(e), H(() => this._providers.delete(e));
+  registerFindReplaceProvider(provider) {
+    return this._providers.add(provider), toDisposable(() => this._providers.delete(provider));
   }
-  _toggleRevealReplace(e) {
-    this._contextService.setContextValue(Fe, e);
+  _toggleRevealReplace(revealReplace) {
+    this._contextService.setContextValue(FIND_REPLACE_REPLACE_REVEALED, revealReplace);
   }
-  _toggleDisplayRawFormula(e) {
-    this._contextService.setContextValue(Ot, e);
+  _toggleDisplayRawFormula(force) {
+    this._contextService.setContextValue(RENDER_RAW_FORMULA_KEY, force);
   }
-};
-Q = De([
-  z(0, b(ee)),
-  z(1, te)
-], Q);
-const U = {
+}, __name(_a2, "FindReplaceService"), _a2);
+FindReplaceService = __decorateClass$2([
+  __decorateParam$2(0, Inject(Injector)),
+  __decorateParam$2(1, IContextService)
+], FindReplaceService);
+const OpenFindDialogOperation = {
   id: "ui.operation.open-find-dialog",
-  type: y.OPERATION,
-  handler: (t) => {
-    const e = t.get(g);
-    return e.revealed ? e.focusFindInput() : e.start(), !0;
-  }
-}, se = {
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor) => {
+    const findReplaceService = accessor.get(IFindReplaceService);
+    return findReplaceService.revealed ? findReplaceService.focusFindInput() : findReplaceService.start(), !0;
+  }, "handler")
+}, OpenReplaceDialogOperation = {
   id: "ui.operation.open-replace-dialog",
-  type: y.OPERATION,
-  handler: (t) => {
-    const e = t.get(g);
-    return e.revealed ? e.replaceRevealed ? e.focusFindInput() : e.revealReplace() : e.start(!0), !0;
-  }
-}, Oe = {
-  type: y.OPERATION,
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor) => {
+    const findReplaceService = accessor.get(IFindReplaceService);
+    return findReplaceService.revealed ? findReplaceService.replaceRevealed ? findReplaceService.focusFindInput() : findReplaceService.revealReplace() : findReplaceService.start(!0), !0;
+  }, "handler")
+}, GoToNextMatchOperation = {
+  type: CommandType.OPERATION,
   id: "ui.operation.go-to-next-match",
-  handler: (t) => (t.get(g).moveToNextMatch(), !0)
-}, Pe = {
-  type: y.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor) => (accessor.get(IFindReplaceService).moveToNextMatch(), !0), "handler")
+}, GoToPreviousMatchOperation = {
+  type: CommandType.OPERATION,
   id: "ui.operation.go-to-previous-match",
-  handler: (t) => (t.get(g).moveToPreviousMatch(), !0)
+  handler: /* @__PURE__ */ __name((accessor) => (accessor.get(IFindReplaceService).moveToPreviousMatch(), !0), "handler")
 };
-var Te = { exports: {} }, B = {};
+var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -461,448 +474,467 @@ var Te = { exports: {} }, B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Vt = Pt, Ht = Symbol.for("react.element"), qt = Symbol.for("react.fragment"), zt = Object.prototype.hasOwnProperty, Kt = Vt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Yt = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Ee(t, e, n) {
-  var i, r = {}, s = null, a = null;
-  n !== void 0 && (s = "" + n), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (a = e.ref);
-  for (i in e) zt.call(e, i) && !Yt.hasOwnProperty(i) && (r[i] = e[i]);
-  if (t && t.defaultProps) for (i in e = t.defaultProps, e) r[i] === void 0 && (r[i] = e[i]);
-  return { $$typeof: Ht, type: t, key: s, ref: a, props: r, _owner: Kt.current };
+var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+function q(c, a, g) {
+  var b, d = {}, e = null, h = null;
+  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
+  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
 }
-B.Fragment = qt;
-B.jsx = Ee;
-B.jsxs = Ee;
-Te.exports = B;
-var c = Te.exports;
-const Ne = {
+__name(q, "q");
+reactJsxRuntime_production_min.Fragment = l;
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+jsxRuntime.exports = reactJsxRuntime_production_min;
+var jsxRuntimeExports = jsxRuntime.exports;
+const ReplaceCurrentMatchCommand = {
   id: "ui.command.replace-current-match",
-  type: y.COMMAND,
-  handler: (t) => t.get(g).replace()
-}, Zt = "CONFIRM_REPLACE_ALL", $e = {
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name((accessor) => accessor.get(IFindReplaceService).replace(), "handler")
+}, CONFIRM_REPLACE_ALL_ID = "CONFIRM_REPLACE_ALL", ReplaceAllMatchesCommand = {
   id: "ui.command.replace-all-matches",
-  type: y.COMMAND,
-  handler: async (t) => {
-    const e = t.get(gt), n = t.get(O), i = t.get(me);
-    if (!await e.confirm({
-      id: Zt,
-      title: { title: n.t("find-replace.replace.confirm.title") },
-      cancelText: n.t("button.cancel"),
-      confirmText: n.t("button.confirm")
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor) => {
+    const confirmService = accessor.get(IConfirmService), localeService = accessor.get(LocaleService), messageService = accessor.get(IMessageService);
+    if (!await confirmService.confirm({
+      id: CONFIRM_REPLACE_ALL_ID,
+      title: { title: localeService.t("find-replace.replace.confirm.title") },
+      cancelText: localeService.t("button.cancel"),
+      confirmText: localeService.t("button.confirm")
     }))
       return !1;
-    const s = await t.get(g).replaceAll(), { success: a, failure: l } = s;
-    return l > 0 ? (a === 0 ? i.show({
-      type: $.Error,
-      content: n.t("find-replace.replace.all-failure")
-    }) : i.show({
-      type: $.Warning,
-      content: n.t("find-replace.replace.partial-success", `${a}`, `${l}`)
-    }), !1) : (i.show({
-      type: $.Success,
-      content: n.t("find-replace.replace.all-success", `${a}`)
+    const result = await accessor.get(IFindReplaceService).replaceAll(), { success, failure } = result;
+    return failure > 0 ? (success === 0 ? messageService.show({
+      type: MessageType.Error,
+      content: localeService.t("find-replace.replace.all-failure")
+    }) : messageService.show({
+      type: MessageType.Warning,
+      content: localeService.t("find-replace.replace.partial-success", `${success}`, `${failure}`)
+    }), !1) : (messageService.show({
+      type: MessageType.Success,
+      content: localeService.t("find-replace.replace.all-success", `${success}`)
     }), !0);
-  }
+  }, "handler")
 };
-function Ae(t) {
-  const { findCompleted: e, localeService: n, matchesCount: i, matchesPosition: r, findString: s, findReplaceService: a, onChange: l, ...d } = t, f = e && i === 0 ? n.t("find-replace.dialog.no-result") : i === 0 ? " " : void 0;
-  return /* @__PURE__ */ c.jsx(
-    Et,
+function SearchInput(props) {
+  const { findCompleted: findComplete, localeService, matchesCount, matchesPosition, findString, findReplaceService, onChange, ...rest } = props, text = findComplete && matchesCount === 0 ? localeService.t("find-replace.dialog.no-result") : matchesCount === 0 ? " " : void 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    InputWithSlot,
     {
       autoFocus: !0,
-      placeholder: n.t("find-replace.dialog.find-placeholder"),
-      slot: /* @__PURE__ */ c.jsx(
-        Nt,
+      placeholder: localeService.t("find-replace.dialog.find-placeholder"),
+      slot: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Pager,
         {
           loop: !0,
-          text: f,
-          value: r,
-          total: i,
-          onChange: (p) => {
-            r === i && p === 1 ? a.moveToNextMatch() : r === 1 && p === i || p < r ? a.moveToPreviousMatch() : a.moveToNextMatch();
-          }
+          text,
+          value: matchesPosition,
+          total: matchesCount,
+          onChange: /* @__PURE__ */ __name((newIndex) => {
+            matchesPosition === matchesCount && newIndex === 1 ? findReplaceService.moveToNextMatch() : matchesPosition === 1 && newIndex === matchesCount || newIndex < matchesPosition ? findReplaceService.moveToPreviousMatch() : findReplaceService.moveToNextMatch();
+          }, "onChange")
         }
       ),
-      value: s,
-      onChange: (p) => l == null ? void 0 : l(p),
-      ...d
+      value: findString,
+      onChange: /* @__PURE__ */ __name((value) => onChange == null ? void 0 : onChange(value), "onChange"),
+      ...rest
     }
   );
 }
-const Jt = "univer-find-replace-dialog-container", Qt = "univer-find-replace-expand-container", Xt = "univer-button-text", ei = "univer-find-replace-buttons-group", ti = "univer-find-replace-buttons-group-right", L = {
-  findReplaceDialogContainer: Jt,
-  findReplaceExpandContainer: Qt,
-  buttonText: Xt,
-  findReplaceButtonsGroup: ei,
-  findReplaceButtonsGroupRight: ti
+__name(SearchInput, "SearchInput");
+const findReplaceDialogContainer = "univer-find-replace-dialog-container", findReplaceExpandContainer = "univer-find-replace-expand-container", buttonText = "univer-button-text", findReplaceButtonsGroup = "univer-find-replace-buttons-group", findReplaceButtonsGroupRight = "univer-find-replace-buttons-group-right", styles = {
+  findReplaceDialogContainer,
+  findReplaceExpandContainer,
+  buttonText,
+  findReplaceButtonsGroup,
+  findReplaceButtonsGroupRight
 };
-function je(t, e) {
-  const n = u(() => {
-    var r;
-    (r = document.querySelector(".univer-find-input input")) == null || r.focus();
-  }, []), i = u(() => {
-    const r = document.querySelectorAll(".univer-find-replace-dialog-container .univer-select-selection-search-input");
-    return Array.from(r).some((s) => s === document.activeElement);
+function useFindInputFocus(findReplaceService, ref) {
+  const focus = useCallback(() => {
+    var _a5;
+    (_a5 = document.querySelector(".univer-find-input input")) == null || _a5.focus();
+  }, []), selectHasFocus = useCallback(() => {
+    const allInputs = document.querySelectorAll(".univer-find-replace-dialog-container .univer-select-selection-search-input");
+    return Array.from(allInputs).some((input) => input === document.activeElement);
   }, []);
-  return Tt(e, () => ({ focus: n, selectHasFocus: i })), j(() => {
-    const r = t.focusSignal$.subscribe(() => n());
-    return () => r.unsubscribe();
-  }, [t, n]), { focus: n, selectHasFocus: i };
+  return useImperativeHandle(ref, () => ({ focus, selectHasFocus })), useEffect(() => {
+    const subscription = findReplaceService.focusSignal$.subscribe(() => focus());
+    return () => subscription.unsubscribe();
+  }, [findReplaceService, focus]), { focus, selectHasFocus };
 }
-const ii = w(function(e, n) {
-  const i = v(O), r = v(g), s = v(ie), a = I(r.state$, void 0, !0), { findCompleted: l, findString: d, matchesCount: S, matchesPosition: f } = a, p = u(() => {
-    s.executeCommand(se.id);
-  }, [s]), T = u((C) => r.changeFindString(C), [r]);
-  return je(r, n), /* @__PURE__ */ c.jsxs(N, { children: [
-    /* @__PURE__ */ c.jsx(
-      Ae,
+__name(useFindInputFocus, "useFindInputFocus");
+const FindDialog = forwardRef(/* @__PURE__ */ __name(function(_props, ref) {
+  const localeService = useDependency(LocaleService), findReplaceService = useDependency(IFindReplaceService), commandService = useDependency(ICommandService), state = useObservable(findReplaceService.state$, void 0, !0), { findCompleted, findString, matchesCount, matchesPosition } = state, revealReplace = useCallback(() => {
+    commandService.executeCommand(OpenReplaceDialogOperation.id);
+  }, [commandService]), onFindStringChange = useCallback((findString2) => findReplaceService.changeFindString(findString2), [findReplaceService]);
+  return useFindInputFocus(findReplaceService, ref), /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SearchInput,
       {
-        findCompleted: l,
+        findCompleted,
         className: "univer-find-input",
-        matchesCount: S,
-        matchesPosition: f,
-        findReplaceService: r,
-        localeService: i,
-        findString: d,
-        onChange: T
+        matchesCount,
+        matchesPosition,
+        findReplaceService,
+        localeService,
+        findString,
+        onChange: onFindStringChange
       }
     ),
-    /* @__PURE__ */ c.jsx("div", { className: L.findReplaceExpandContainer, children: /* @__PURE__ */ c.jsx(A, { type: "text", size: "small", onClick: p, children: i.t("find-replace.dialog.advanced-finding") }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.findReplaceExpandContainer, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: revealReplace, children: localeService.t("find-replace.dialog.advanced-finding") }) })
   ] });
-}), ni = w(function(e, n) {
-  const i = v(g), r = v(O), s = v(ie), a = v(me), l = I(i.currentMatch$, void 0, !0), d = I(i.replaceables$, void 0, !0), S = I(i.state$, void 0, !0), {
-    matchesCount: f,
-    matchesPosition: p,
-    findString: T,
-    inputtingFindString: C,
-    replaceString: Ue,
-    caseSensitive: Be,
-    matchesTheWholeCell: We,
-    findDirection: ke,
-    findScope: Ge,
-    findBy: Ve,
-    findCompleted: k
-  } = S, He = C.length === 0, qe = f === 0 || !(l != null && l.replaceable), ze = d.length === 0, Ke = u(
-    (h) => i.changeInputtingFindString(h),
-    [i]
-  ), Ye = u(
-    (h) => i.changeReplaceString(h),
-    [i]
-  ), { focus: Ze } = je(i, n), Je = u(() => {
-    T === C ? i.moveToNextMatch() : (i.changeFindString(C), i.find());
-  }, [T, C, i]), Qe = u(() => s.executeCommand(Ne.id), [s]), Xe = u(async () => {
-    await s.executeCommand($e.id), Ze();
-  }, [s]), et = u((h) => {
-    i.changeFindDirection(h);
-  }, [i]), tt = u((h) => {
-    i.changeFindScope(h);
-  }, [i]), it = u((h) => {
-    i.changeFindBy(h);
-  }, [i]), nt = si(r), rt = ai(r), st = oi(r);
-  return j(() => {
-    const h = k && f === 0;
-    let E = null;
-    return h && (E = a.show({
-      content: r.t("find-replace.dialog.no-match"),
-      type: $.Warning,
+}, "FindDialogImpl")), ReplaceDialog = forwardRef(/* @__PURE__ */ __name(function(_props, ref) {
+  const findReplaceService = useDependency(IFindReplaceService), localeService = useDependency(LocaleService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), currentMatch = useObservable(findReplaceService.currentMatch$, void 0, !0), replaceables = useObservable(findReplaceService.replaceables$, void 0, !0), state = useObservable(findReplaceService.state$, void 0, !0), {
+    matchesCount,
+    matchesPosition,
+    findString,
+    inputtingFindString,
+    replaceString,
+    caseSensitive,
+    matchesTheWholeCell,
+    findDirection,
+    findScope,
+    findBy,
+    findCompleted
+  } = state, findDisabled = inputtingFindString.length === 0, replaceDisabled = matchesCount === 0 || !(currentMatch != null && currentMatch.replaceable), replaceAllDisabled = replaceables.length === 0, onFindStringChange = useCallback(
+    (newValue) => findReplaceService.changeInputtingFindString(newValue),
+    [findReplaceService]
+  ), onReplaceStringChange = useCallback(
+    (replaceString2) => findReplaceService.changeReplaceString(replaceString2),
+    [findReplaceService]
+  ), { focus } = useFindInputFocus(findReplaceService, ref), onClickFindButton = useCallback(() => {
+    findString === inputtingFindString ? findReplaceService.moveToNextMatch() : (findReplaceService.changeFindString(inputtingFindString), findReplaceService.find());
+  }, [findString, inputtingFindString, findReplaceService]), onClickReplaceButton = useCallback(() => commandService.executeCommand(ReplaceCurrentMatchCommand.id), [commandService]), onClickReplaceAllButton = useCallback(async () => {
+    await commandService.executeCommand(ReplaceAllMatchesCommand.id), focus();
+  }, [commandService]), onChangeFindDirection = useCallback((findDirection2) => {
+    findReplaceService.changeFindDirection(findDirection2);
+  }, [findReplaceService]), onChangeFindScope = useCallback((findScope2) => {
+    findReplaceService.changeFindScope(findScope2);
+  }, [findReplaceService]), onChangeFindBy = useCallback((findBy2) => {
+    findReplaceService.changeFindBy(findBy2);
+  }, [findReplaceService]), findScopeOptions = useFindScopeOptions(localeService), findDirectionOptions = useFindDirectionOptions(localeService), findByOptions = useFindByOptions(localeService);
+  return useEffect(() => {
+    const shouldDisplayNoMatchInfo = findCompleted && matchesCount === 0;
+    let messageDisposable = null;
+    return shouldDisplayNoMatchInfo && (messageDisposable = messageService.show({
+      content: localeService.t("find-replace.dialog.no-match"),
+      type: MessageType.Warning,
       duration: 5e3
-    })), () => E == null ? void 0 : E.dispose();
-  }, [k, f, a, r]), /* @__PURE__ */ c.jsxs(N, { children: [
-    /* @__PURE__ */ c.jsx(R, { label: r.t("find-replace.dialog.find"), children: /* @__PURE__ */ c.jsx(
-      Ae,
+    })), () => messageDisposable == null ? void 0 : messageDisposable.dispose();
+  }, [findCompleted, matchesCount, messageService, localeService]), /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("find-replace.dialog.find"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SearchInput,
       {
-        findCompleted: k,
+        findCompleted,
         className: "univer-find-input",
-        matchesCount: f,
-        matchesPosition: p,
-        findReplaceService: i,
-        localeService: r,
-        findString: C,
-        onChange: Ke
+        matchesCount,
+        matchesPosition,
+        findReplaceService,
+        localeService,
+        findString: inputtingFindString,
+        onChange: onFindStringChange
       }
     ) }),
-    /* @__PURE__ */ c.jsx(R, { label: r.t("find-replace.dialog.replace"), children: /* @__PURE__ */ c.jsx(
-      $t,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("find-replace.dialog.replace"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input,
       {
-        placeholder: r.t("find-replace.dialog.replace-placeholder"),
-        value: Ue,
-        onChange: (h) => Ye(h)
+        placeholder: localeService.t("find-replace.dialog.replace-placeholder"),
+        value: replaceString,
+        onChange: /* @__PURE__ */ __name((value) => onReplaceStringChange(value), "onChange")
       }
     ) }),
-    /* @__PURE__ */ c.jsx(R, { label: r.t("find-replace.dialog.find-direction.title"), children: /* @__PURE__ */ c.jsx(G, { value: ke, options: rt, onChange: et }) }),
-    /* @__PURE__ */ c.jsx(le, { children: /* @__PURE__ */ c.jsxs(N, { children: [
-      /* @__PURE__ */ c.jsx(R, { label: r.t("find-replace.dialog.find-scope.title"), children: /* @__PURE__ */ c.jsx(G, { value: Ge, options: nt, onChange: tt }) }),
-      /* @__PURE__ */ c.jsx(R, { label: r.t("find-replace.dialog.find-by.title"), children: /* @__PURE__ */ c.jsx(G, { value: Ve, options: st, onChange: it }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("find-replace.dialog.find-direction.title"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { value: findDirection, options: findDirectionOptions, onChange: onChangeFindDirection }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormDualColumnLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("find-replace.dialog.find-scope.title"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { value: findScope, options: findScopeOptions, onChange: onChangeFindScope }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("find-replace.dialog.find-by.title"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { value: findBy, options: findByOptions, onChange: onChangeFindBy }) })
     ] }) }),
-    /* @__PURE__ */ c.jsx(le, { children: /* @__PURE__ */ c.jsxs(N, { children: [
-      /* @__PURE__ */ c.jsx(R, { children: /* @__PURE__ */ c.jsx(
-        de,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormDualColumnLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Checkbox,
         {
-          checked: Be,
-          onChange: (h) => {
-            i.changeCaseSensitive(h);
-          },
-          children: r.t("find-replace.dialog.case-sensitive")
+          checked: caseSensitive,
+          onChange: /* @__PURE__ */ __name((checked) => {
+            findReplaceService.changeCaseSensitive(checked);
+          }, "onChange"),
+          children: localeService.t("find-replace.dialog.case-sensitive")
         }
       ) }),
-      /* @__PURE__ */ c.jsx(R, { children: /* @__PURE__ */ c.jsx(
-        de,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Checkbox,
         {
-          checked: We,
-          onChange: (h) => {
-            i.changeMatchesTheWholeCell(h);
-          },
-          children: r.t("find-replace.dialog.match-the-whole-cell")
+          checked: matchesTheWholeCell,
+          onChange: /* @__PURE__ */ __name((checked) => {
+            findReplaceService.changeMatchesTheWholeCell(checked);
+          }, "onChange"),
+          children: localeService.t("find-replace.dialog.match-the-whole-cell")
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ c.jsxs("div", { className: L.findReplaceButtonsGroup, children: [
-      /* @__PURE__ */ c.jsx(A, { type: "primary", onClick: Je, disabled: He, children: r.t("find-replace.dialog.find") }),
-      /* @__PURE__ */ c.jsxs("span", { className: L.findReplaceButtonsGroupRight, children: [
-        /* @__PURE__ */ c.jsx(A, { disabled: qe, onClick: Qe, children: r.t("find-replace.dialog.replace") }),
-        /* @__PURE__ */ c.jsx(A, { disabled: ze, onClick: Xe, children: r.t("find-replace.dialog.replace-all") })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.findReplaceButtonsGroup, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onClickFindButton, disabled: findDisabled, children: localeService.t("find-replace.dialog.find") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles.findReplaceButtonsGroupRight, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { disabled: replaceDisabled, onClick: onClickReplaceButton, children: localeService.t("find-replace.dialog.replace") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { disabled: replaceAllDisabled, onClick: onClickReplaceAllButton, children: localeService.t("find-replace.dialog.replace-all") })
       ] })
     ] })
   ] });
-});
-function ri() {
-  const t = v(g), e = v(ve), n = v(te), i = I(t.state$, void 0, !0), r = q(null);
-  j(() => {
-    let d;
-    return r.current && (d = e.registerContainerElement(r.current)), () => d == null ? void 0 : d.dispose();
-  }, [e]);
-  const s = q(null), a = u(
-    (d) => n.setContextValue(Ie, d),
-    [n]
-  ), l = u(
-    (d) => n.setContextValue(ye, d),
-    [n]
+}, "ReplaceDIalogImpl"));
+function FindReplaceDialog() {
+  const findReplaceService = useDependency(IFindReplaceService), layoutService = useDependency(ILayoutService), contextService = useDependency(IContextService), state = useObservable(findReplaceService.state$, void 0, !0), dialogContainerRef = useRef(null);
+  useEffect(() => {
+    let disposable;
+    return dialogContainerRef.current && (disposable = layoutService.registerContainerElement(dialogContainerRef.current)), () => disposable == null ? void 0 : disposable.dispose();
+  }, [layoutService]);
+  const focusRef = useRef(null), setDialogContainerFocus = useCallback(
+    (focused) => contextService.setContextValue(FIND_REPLACE_DIALOG_FOCUS, focused),
+    [contextService]
+  ), setDialogInputFocus = useCallback(
+    (focused) => contextService.setContextValue(FIND_REPLACE_INPUT_FOCUS, focused),
+    [contextService]
   );
-  return j(() => {
-    var S;
-    const d = Ft(document, "focusin").subscribe((f) => {
-      var p;
-      f.target && ((p = r.current) != null && p.contains(f.target)) ? a(!0) : a(!1), !s.current || !s.current.selectHasFocus() ? l(!0) : l(!1);
+  return useEffect(() => {
+    var _a5;
+    const focusSubscription = fromEvent(document, "focusin").subscribe((event) => {
+      var _a6;
+      event.target && ((_a6 = dialogContainerRef.current) != null && _a6.contains(event.target)) ? setDialogContainerFocus(!0) : setDialogContainerFocus(!1), !focusRef.current || !focusRef.current.selectHasFocus() ? setDialogInputFocus(!0) : setDialogInputFocus(!1);
     });
-    return (S = s.current) == null || S.focus(), a(!0), l(!0), () => {
-      d.unsubscribe(), a(!1);
+    return (_a5 = focusRef.current) == null || _a5.focus(), setDialogContainerFocus(!0), setDialogInputFocus(!0), () => {
+      focusSubscription.unsubscribe(), setDialogContainerFocus(!1);
     };
-  }, [a, l]), /* @__PURE__ */ c.jsx("div", { className: L.findReplaceDialogContainer, ref: r, children: i.replaceRevealed ? /* @__PURE__ */ c.jsx(ni, { ref: s }) : /* @__PURE__ */ c.jsx(ii, { ref: s }) });
+  }, [setDialogContainerFocus, setDialogInputFocus]), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.findReplaceDialogContainer, ref: dialogContainerRef, children: state.replaceRevealed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ReplaceDialog, { ref: focusRef }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FindDialog, { ref: focusRef }) });
 }
-function si(t) {
-  const e = t.getCurrentLocale();
-  return ne(() => [
-    { label: t.t("find-replace.dialog.find-scope.current-sheet"), value: J.SUBUNIT },
-    { label: t.t("find-replace.dialog.find-scope.workbook"), value: J.UNIT }
-  ], [e]);
+__name(FindReplaceDialog, "FindReplaceDialog");
+function useFindScopeOptions(localeService) {
+  const locale = localeService.getCurrentLocale();
+  return useMemo(() => [
+    { label: localeService.t("find-replace.dialog.find-scope.current-sheet"), value: FindScope.SUBUNIT },
+    { label: localeService.t("find-replace.dialog.find-scope.workbook"), value: FindScope.UNIT }
+  ], [locale]);
 }
-function ai(t) {
-  const e = t.getCurrentLocale();
-  return ne(() => [
-    { label: t.t("find-replace.dialog.find-direction.row"), value: Y.ROW },
-    { label: t.t("find-replace.dialog.find-direction.column"), value: Y.COLUMN }
-  ], [e]);
+__name(useFindScopeOptions, "useFindScopeOptions");
+function useFindDirectionOptions(localeService) {
+  const locale = localeService.getCurrentLocale();
+  return useMemo(() => [
+    { label: localeService.t("find-replace.dialog.find-direction.row"), value: FindDirection.ROW },
+    { label: localeService.t("find-replace.dialog.find-direction.column"), value: FindDirection.COLUMN }
+  ], [locale]);
 }
-function oi(t) {
-  const e = t.getCurrentLocale();
-  return ne(() => [
-    { label: t.t("find-replace.dialog.find-by.value"), value: Z.VALUE },
-    { label: t.t("find-replace.dialog.find-by.formula"), value: Z.FORMULA }
-  ], [e]);
+__name(useFindDirectionOptions, "useFindDirectionOptions");
+function useFindByOptions(localeService) {
+  const locale = localeService.getCurrentLocale();
+  return useMemo(() => [
+    { label: localeService.t("find-replace.dialog.find-by.value"), value: FindBy.VALUE },
+    { label: localeService.t("find-replace.dialog.find-by.formula"), value: FindBy.FORMULA }
+  ], [locale]);
 }
-function P(t) {
-  return t.getContextValue(Ie);
+__name(useFindByOptions, "useFindByOptions");
+function whenFindReplaceDialogFocused(contextService) {
+  return contextService.getContextValue(FIND_REPLACE_DIALOG_FOCUS);
 }
-function ci(t) {
-  return t.getContextValue(Fe);
+__name(whenFindReplaceDialogFocused, "whenFindReplaceDialogFocused");
+function whenReplaceRevealed(contextService) {
+  return contextService.getContextValue(FIND_REPLACE_REPLACE_REVEALED);
 }
-function Le(t) {
-  return t.getContextValue(ye);
+__name(whenReplaceRevealed, "whenReplaceRevealed");
+function whenFindReplaceInputFocused(contextService) {
+  return contextService.getContextValue(FIND_REPLACE_INPUT_FOCUS);
 }
-const W = "7_find-replace-shortcuts";
-function ae(t) {
-  return t.getContextValue(_e);
+__name(whenFindReplaceInputFocused, "whenFindReplaceInputFocused");
+const FIND_REPLACE_SHORTCUT_GROUP = "7_find-replace-shortcuts";
+function whenSheetFocused(contextService) {
+  return contextService.getContextValue(FOCUSING_SHEET);
 }
-function oe(t) {
-  return !t.getContextValue(ge);
+__name(whenSheetFocused, "whenSheetFocused");
+function whenEditorNotActivated(contextService) {
+  return !contextService.getContextValue(EDITOR_ACTIVATED);
 }
-const li = {
-  id: U.id,
+__name(whenEditorNotActivated, "whenEditorNotActivated");
+const OpenFindDialogShortcutItem = {
+  id: OpenFindDialogOperation.id,
   description: "find-replace.shortcut.open-find-dialog",
-  binding: M.F | x.CTRL_COMMAND,
-  group: W,
-  preconditions(t) {
-    return !P(t) && ae(t) && oe(t);
+  binding: KeyCode.F | MetaKeys.CTRL_COMMAND,
+  group: FIND_REPLACE_SHORTCUT_GROUP,
+  preconditions(contextService) {
+    return !whenFindReplaceDialogFocused(contextService) && whenSheetFocused(contextService) && whenEditorNotActivated(contextService);
   }
-}, di = {
-  id: U.id,
+}, MacOpenFindDialogShortcutItem = {
+  id: OpenFindDialogOperation.id,
   description: "find-replace.shortcut.open-find-dialog",
-  binding: M.F | x.CTRL_COMMAND,
-  mac: M.F | x.MAC_CTRL,
-  preconditions(t) {
-    return !P(t) && ae(t) && oe(t);
+  binding: KeyCode.F | MetaKeys.CTRL_COMMAND,
+  mac: KeyCode.F | MetaKeys.MAC_CTRL,
+  preconditions(contextService) {
+    return !whenFindReplaceDialogFocused(contextService) && whenSheetFocused(contextService) && whenEditorNotActivated(contextService);
   }
-}, hi = {
-  id: se.id,
+}, OpenReplaceDialogShortcutItem = {
+  id: OpenReplaceDialogOperation.id,
   description: "find-replace.shortcut.open-replace-dialog",
-  binding: M.H | x.CTRL_COMMAND,
-  mac: M.H | x.MAC_CTRL,
-  group: W,
-  preconditions(t) {
-    return ae(t) && oe(t) && (!P(t) || !ci(t));
-  }
-}, ui = {
-  id: Oe.id,
+  binding: KeyCode.H | MetaKeys.CTRL_COMMAND,
+  mac: KeyCode.H | MetaKeys.MAC_CTRL,
+  group: FIND_REPLACE_SHORTCUT_GROUP,
+  preconditions(contextService) {
+    return whenSheetFocused(contextService) && whenEditorNotActivated(contextService) && (!whenFindReplaceDialogFocused(contextService) || !whenReplaceRevealed(contextService));
+  }
+}, GoToNextFindMatchShortcutItem = {
+  id: GoToNextMatchOperation.id,
   description: "find-replace.shortcut.go-to-next-match",
-  binding: M.ENTER,
-  group: W,
+  binding: KeyCode.ENTER,
+  group: FIND_REPLACE_SHORTCUT_GROUP,
   priority: 1e3,
-  preconditions(t) {
-    return Le(t) && P(t);
+  preconditions(contextService) {
+    return whenFindReplaceInputFocused(contextService) && whenFindReplaceDialogFocused(contextService);
   }
-}, fi = {
-  id: Pe.id,
+}, GoToPreviousFindMatchShortcutItem = {
+  id: GoToPreviousMatchOperation.id,
   description: "find-replace.shortcut.go-to-previous-match",
-  binding: M.ENTER | x.SHIFT,
-  group: W,
+  binding: KeyCode.ENTER | MetaKeys.SHIFT,
+  group: FIND_REPLACE_SHORTCUT_GROUP,
   priority: 1e3,
-  preconditions(t) {
-    return Le(t) && P(t);
+  preconditions(contextService) {
+    return whenFindReplaceInputFocused(contextService) && whenFindReplaceDialogFocused(contextService);
   }
 };
-function pi(t) {
-  const e = t.get(te);
+function FindReplaceMenuItemFactory(accessor) {
+  const contextService = accessor.get(IContextService);
   return {
-    id: U.id,
+    id: OpenFindDialogOperation.id,
     icon: "SearchIcon",
     tooltip: "find-replace.toolbar",
-    group: mt.TOOLBAR_OTHERS,
-    type: vt.BUTTON,
-    positions: [St.TOOLBAR_START],
-    hidden$: Ct(t, dt.UNIVER_SHEET),
-    disabled$: Ce([
-      e.subscribeContextValue$(ge),
-      e.subscribeContextValue$(_e)
-    ]).pipe(Dt(([n, i]) => n || !i))
+    group: MenuGroup.TOOLBAR_OTHERS,
+    type: MenuItemType.BUTTON,
+    positions: [MenuPosition.TOOLBAR_START],
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+    disabled$: combineLatest([
+      contextService.subscribeContextValue$(EDITOR_ACTIVATED),
+      contextService.subscribeContextValue$(FOCUSING_SHEET)
+    ]).pipe(map(([editorActivated, focusingSheet]) => editorActivated || !focusingSheet))
   };
 }
-var _i = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, mi = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? gi(e, n) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (r = (i ? a(e, n, r) : a(r)) || r);
-  return i && r && _i(e, n, r), r;
-}, m = (t, e) => (n, i) => e(n, i, t);
-const vi = {}, he = "DESKTOP_FIND_REPLACE_DIALOG", we = 350, Si = 20, Ci = -90;
-let F = class extends ht {
-  constructor(t, e, n, i, r, s, a, l, d, S, f) {
-    super(), this._config = t, this._univerInstanceService = e, this._menuService = n, this._shortcutService = i, this._commandService = r, this._findReplaceService = s, this._dialogService = a, this._layoutService = l, this._localeService = d, this._componentManager = S, this._injector = f, this._initCommands(), this._initUI(), this._initShortcuts();
+__name(FindReplaceMenuItemFactory, "FindReplaceMenuItemFactory");
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1");
+const DefaultFindReplaceConfig = {}, FIND_REPLACE_DIALOG_ID = "DESKTOP_FIND_REPLACE_DIALOG", FIND_REPLACE_PANEL_WIDTH = 350, FIND_REPLACE_PANEL_RIGHT_PADDING = 20, FIND_REPLACE_PANEL_TOP_PADDING = -90;
+var _a3;
+let FindReplaceController = (_a3 = class extends RxDisposable {
+  constructor(_config, _univerInstanceService, _menuService, _shortcutService, _commandService, _findReplaceService, _dialogService, _layoutService, _localeService, _componentManager, _injector) {
+    super();
+    __publicField(this, "_closingListenerDisposable");
+    this._config = _config, this._univerInstanceService = _univerInstanceService, this._menuService = _menuService, this._shortcutService = _shortcutService, this._commandService = _commandService, this._findReplaceService = _findReplaceService, this._dialogService = _dialogService, this._layoutService = _layoutService, this._localeService = _localeService, this._componentManager = _componentManager, this._injector = _injector, this._initCommands(), this._initUI(), this._initShortcuts();
+  }
+  dispose() {
+    var _a5;
+    super.dispose(), (_a5 = this._closingListenerDisposable) == null || _a5.dispose(), this._closingListenerDisposable = null;
   }
   _initCommands() {
     [
-      U,
-      se,
-      Oe,
-      Pe,
-      $e,
-      Ne
-    ].forEach((t) => {
-      this.disposeWithMe(this._commandService.registerCommand(t));
+      OpenFindDialogOperation,
+      OpenReplaceDialogOperation,
+      GoToNextMatchOperation,
+      GoToPreviousMatchOperation,
+      ReplaceAllMatchesCommand,
+      ReplaceCurrentMatchCommand
+    ].forEach((c) => {
+      this.disposeWithMe(this._commandService.registerCommand(c));
     });
   }
   _initShortcuts() {
     [
-      hi,
-      li,
-      di,
-      fi,
-      ui
-    ].forEach((t) => this.disposeWithMe(this._shortcutService.registerShortcut(t)));
+      OpenReplaceDialogShortcutItem,
+      OpenFindDialogShortcutItem,
+      MacOpenFindDialogShortcutItem,
+      GoToPreviousFindMatchShortcutItem,
+      GoToNextFindMatchShortcutItem
+    ].forEach((s) => this.disposeWithMe(this._shortcutService.registerShortcut(s)));
   }
   _initUI() {
-    const { menu: t = {} } = this._config;
-    this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(pi), t)), this.disposeWithMe(this._componentManager.register("FindReplaceDialog", ri)), this.disposeWithMe(this._componentManager.register("SearchIcon", xe)), this._findReplaceService.stateUpdates$.pipe(ce(this.dispose$)).subscribe((e) => {
-      e.revealed === !0 && this._openPanel();
-    }), this.disposeWithMe(
-      this._univerInstanceService.focused$.pipe(ce(this.dispose$)).subscribe((e) => {
-        (!e || !this._univerInstanceService.getUniverSheetInstance(e)) && this.closePanel();
-      })
-    );
+    const { menu = {} } = this._config;
+    this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(FindReplaceMenuItemFactory), menu)), this.disposeWithMe(this._componentManager.register("FindReplaceDialog", FindReplaceDialog)), this.disposeWithMe(this._componentManager.register("SearchIcon", SearchSingle16)), this._findReplaceService.stateUpdates$.pipe(takeUntil(this.dispose$)).subscribe((newState) => {
+      newState.revealed === !0 && this._openPanel();
+    });
   }
   _openPanel() {
     this._dialogService.open({
-      id: he,
+      id: FIND_REPLACE_DIALOG_ID,
       draggable: !0,
-      width: we,
+      width: FIND_REPLACE_PANEL_WIDTH,
       title: { title: this._localeService.t("find-replace.dialog.title") },
       children: { label: "FindReplaceDialog" },
       destroyOnClose: !0,
-      defaultPosition: Ri(),
+      defaultPosition: getFindReplaceDialogDefaultPosition(),
       preservePositionOnDestroy: !0,
-      onClose: () => this.closePanel()
-    });
+      onClose: /* @__PURE__ */ __name(() => this.closePanel(), "onClose")
+    }), this._closingListenerDisposable = toDisposable(this._univerInstanceService.focused$.pipe(takeUntil(this.dispose$)).subscribe((focused) => {
+      (!focused || !this._univerInstanceService.getUniverSheetInstance(focused)) && this.closePanel();
+    }));
   }
   closePanel() {
-    this._dialogService.close(he), this._findReplaceService.terminate(), queueMicrotask(() => this._layoutService.focus());
-  }
-};
-F = mi([
-  ut(ft.Rendered, F),
-  m(1, pe),
-  m(2, Mt),
-  m(3, bt),
-  m(4, ie),
-  m(5, g),
-  m(6, xt),
-  m(7, ve),
-  m(8, b(O)),
-  m(9, b(Rt)),
-  m(10, b(ee))
-], F);
-function Ri() {
-  const { innerWidth: t } = window;
-  return { x: (t - we) / 2 - Si, y: Ci };
+    this._closingListenerDisposable && (this._closingListenerDisposable.dispose(), this._closingListenerDisposable = null, this._dialogService.close(FIND_REPLACE_DIALOG_ID), this._findReplaceService.terminate(), queueMicrotask(() => this._layoutService.focus()));
+  }
+}, __name(_a3, "FindReplaceController"), _a3);
+FindReplaceController = __decorateClass$1([
+  OnLifecycle(LifecycleStages.Rendered, FindReplaceController),
+  __decorateParam$1(1, IUniverInstanceService),
+  __decorateParam$1(2, IMenuService),
+  __decorateParam$1(3, IShortcutService),
+  __decorateParam$1(4, ICommandService),
+  __decorateParam$1(5, IFindReplaceService),
+  __decorateParam$1(6, IDialogService),
+  __decorateParam$1(7, ILayoutService),
+  __decorateParam$1(8, Inject(LocaleService)),
+  __decorateParam$1(9, Inject(ComponentManager)),
+  __decorateParam$1(10, Inject(Injector))
+], FindReplaceController);
+function getFindReplaceDialogDefaultPosition() {
+  const { innerWidth } = window;
+  return { x: (innerWidth - FIND_REPLACE_PANEL_WIDTH) / 2 - FIND_REPLACE_PANEL_RIGHT_PADDING, y: FIND_REPLACE_PANEL_TOP_PADDING };
 }
-var Mi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, xi = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? bi(e, n) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (r = (i ? a(e, n, r) : a(r)) || r);
-  return i && r && Mi(e, n, r), r;
-}, ue = (t, e) => (n, i) => e(n, i, t);
-const yi = "FIND_REPLACE_PLUGIN";
-var V;
-let fe = (V = class extends pt {
-  constructor(t = {}, e, n) {
-    super(), this._config = t, this._injector = e, this._localeService = n, this._config = _t.deepMerge({}, vi, this._config);
-  }
-  onStarting(t) {
+__name(getFindReplaceDialogDefaultPosition, "getFindReplaceDialogDefaultPosition");
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam");
+const PLUGIN_NAME = "FIND_REPLACE_PLUGIN";
+var _a4;
+let UniverFindReplacePlugin = (_a4 = class extends Plugin {
+  constructor(_config = {}, _injector, _localeService) {
+    super(), this._config = _config, this._injector = _injector, this._localeService = _localeService, this._config = Tools.deepMerge({}, DefaultFindReplaceConfig, this._config);
+  }
+  onStarting() {
     [
       [
-        F,
+        FindReplaceController,
         {
-          useFactory: () => this._injector.createInstance(F, this._config)
+          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(FindReplaceController, this._config), "useFactory")
         }
       ],
-      [g, { useClass: Q }]
+      [IFindReplaceService, { useClass: FindReplaceService }]
     ].forEach(
-      (e) => {
-        t.add(e);
+      (d) => {
+        this._injector.add(d);
       }
     );
   }
-}, o(V, "pluginName", yi), V);
-fe = xi([
-  ue(1, b(ee)),
-  ue(2, b(O))
-], fe);
+}, __name(_a4, "UniverFindReplacePlugin"), __publicField(_a4, "pluginName", PLUGIN_NAME), _a4);
+UniverFindReplacePlugin = __decorateClass([
+  __decorateParam(1, Inject(Injector)),
+  __decorateParam(2, Inject(LocaleService))
+], UniverFindReplacePlugin);
 export {
-  Z as FindBy,
-  Y as FindDirection,
-  Ni as FindModel,
-  F as FindReplaceController,
-  J as FindScope,
-  Oe as GoToNextMatchOperation,
-  Pe as GoToPreviousMatchOperation,
-  g as IFindReplaceService,
-  U as OpenFindDialogOperation,
-  se as OpenReplaceDialogOperation,
-  $e as ReplaceAllMatchesCommand,
-  Ne as ReplaceCurrentMatchCommand,
-  fe as UniverFindReplacePlugin
+  FindBy,
+  FindDirection,
+  FindModel,
+  FindReplaceController,
+  FindScope,
+  GoToNextMatchOperation,
+  GoToPreviousMatchOperation,
+  IFindReplaceService,
+  OpenFindDialogOperation,
+  OpenReplaceDialogOperation,
+  ReplaceAllMatchesCommand,
+  ReplaceCurrentMatchCommand,
+  UniverFindReplacePlugin
 };