@univerjs/slides-ui 0.8.2 → 0.8.3-nightly.202506271607

package/lib/es/index.js

@@ -1,17 +1,17 @@
 var ni = Object.defineProperty;
 var ri = (n, e, t) => e in n ? ni(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var S = (n, e, t) => ri(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as Z, Injector as ke, IUniverInstanceService as w, RxDisposable as ge, UniverInstanceType as E, debounce as si, getColorStyle as oi, CommandType as D, Tools as ci, LocaleService as Q, ICommandService as U, generateRandomId as Ct, BasicShapes as ai, PageElementType as ze, Disposable as De, DisposableCollection as Ke, IContextService as fe, toDisposable as St, FOCUSING_COMMON_DRAWINGS as li, createInternalEditorID as di, createIdentifier as It, EDITOR_ACTIVATED as Re, FOCUSING_EDITOR_STANDALONE as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Et, DocumentDataModel as ui, HorizontalAlign as xt, VerticalAlign as Oe, IUndoRedoService as hi, WrapStrategy as et, FOCUSING_EDITOR_BUT_HIDDEN as vi, DEFAULT_EMPTY_DOCUMENT_VALUE as gi, Direction as j, DocumentFlavor as fi, FOCUSING_UNIVER_EDITOR as Rt, FORMULA_EDITOR_ACTIVATED as pi, Plugin as mi, merge as _i, mergeOverrideWithDependencies as tt, IConfigService as Ci } from "@univerjs/core";
-import { IRenderManagerService as X, Viewport as it, ScrollBar as Ot, getCurrentTypeOfRenderer as Le, Slide as Si, Rect as wt, Scene as Ii, ObjectType as le, pxToNum as bi, DeviceInputEventType as q, convertTextRotation as nt, FIX_ONE_PIXEL_BLUR_OFFSET as ne, fixLineWidthByScale as rt } from "@univerjs/engine-render";
+import { Inject as Z, Injector as ke, IUniverInstanceService as w, RxDisposable as ge, UniverInstanceType as E, debounce as si, getColorStyle as oi, CommandType as D, PageElementType as ze, Tools as ci, LocaleService as Q, ICommandService as U, generateRandomId as Ct, BasicShapes as ai, createInternalEditorID as li, createIdentifier as St, IContextService as fe, DocumentFlavor as di, FOCUSING_UNIVER_EDITOR as It, EDITOR_ACTIVATED as Re, FORMULA_EDITOR_ACTIVATED as ui, Disposable as De, DisposableCollection as Ke, toDisposable as bt, FOCUSING_COMMON_DRAWINGS as hi, FOCUSING_EDITOR_STANDALONE as Et, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as xt, DocumentDataModel as vi, HorizontalAlign as Rt, VerticalAlign as Oe, IUndoRedoService as gi, WrapStrategy as et, FOCUSING_EDITOR_BUT_HIDDEN as fi, DEFAULT_EMPTY_DOCUMENT_VALUE as pi, Direction as j, Plugin as mi, merge as _i, mergeOverrideWithDependencies as tt, IConfigService as Ci } from "@univerjs/core";
+import { IRenderManagerService as X, Viewport as it, ScrollBar as Ot, getCurrentTypeOfRenderer as Le, Slide as Si, Rect as wt, Scene as Ii, ObjectType as le, FIX_ONE_PIXEL_BLUR_OFFSET as ne, DeviceInputEventType as q, pxToNum as bi, convertTextRotation as nt, fixLineWidthByScale as rt } from "@univerjs/engine-render";
 import { ObjectProvider as Ei, SLIDE_KEY as re } from "@univerjs/slides";
-import { useDependency as O, ISidebarService as yt, ICanvasPopupService as xi, ILayoutService as Ri, KeyCode as y, ILocalFileService as Oi, useObservable as wi, DISABLE_AUTO_FOCUS_KEY as st, getMenuHiddenObservable as pe, MenuItemType as me, RibbonStartGroup as yi, MetaKeys as Pi, IMenuManagerService as Ti, ComponentManager as Mi, IUIPartsService as Ni, IShortcutService as Di, BuiltInUIPart as ot, connectInjector as ct } from "@univerjs/ui";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as xi, IImageIoService as Ri, getImageSize as Oi } from "@univerjs/drawing";
+import { ILocalFileService as wi, useDependency as O, ISidebarService as yt, getMenuHiddenObservable as pe, MenuItemType as me, RibbonStartGroup as yi, useObservable as Pi, DISABLE_AUTO_FOCUS_KEY as st, KeyCode as y, MetaKeys as Ti, IMenuManagerService as Mi, ComponentManager as Ni, IUIPartsService as Di, IShortcutService as Ui, BuiltInUIPart as ot, connectInjector as ct, ICanvasPopupService as Vi, ILayoutService as ji } from "@univerjs/ui";
 import { jsxs as x, jsx as u } from "react/jsx-runtime";
-import { Button as Se, clsx as K, Dropdown as Pt, ColorPicker as Ui, borderTopClassName as Tt, InputNumber as ae, borderClassName as ue, scrollbarClassName as Vi } from "@univerjs/design";
-import { forwardRef as F, useRef as Mt, createElement as W, useState as $, useEffect as he, useMemo as ji, createRef as Ai, useCallback as at } from "react";
-import { BehaviorSubject as J, Subject as Nt, filter as Li, takeUntil as lt } from "rxjs";
-import { DocSelectionManagerService as Bi, DocSkeletonManagerService as dt, RichTextEditingMutation as $i } from "@univerjs/docs";
-import { IEditorService as Ze, DocSelectionRenderService as ut, VIEWPORT_KEY as ht, DOCS_COMPONENT_MAIN_LAYER_INDEX as Hi, MoveSelectionOperation as Fi, MoveCursorOperation as Wi, DOCS_VIEW_KEY as ki, DeleteLeftCommand as zi } from "@univerjs/docs-ui";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Ki, IImageIoService as Zi, getImageSize as Xi } from "@univerjs/drawing";
+import { Button as Se, clsx as K, Dropdown as Pt, ColorPicker as Ai, borderTopClassName as Tt, InputNumber as ae, borderClassName as ue, scrollbarClassName as Li } from "@univerjs/design";
+import { forwardRef as F, useRef as Mt, createElement as W, useState as $, useEffect as he, useMemo as Bi, createRef as $i, useCallback as at } from "react";
+import { IEditorService as Ze, DeleteLeftCommand as Hi, DocSelectionRenderService as lt, VIEWPORT_KEY as dt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Fi, MoveSelectionOperation as Wi, MoveCursorOperation as ki, DOCS_VIEW_KEY as zi } from "@univerjs/docs-ui";
+import { BehaviorSubject as J, Subject as Nt, filter as Ki, takeUntil as ut } from "rxjs";
+import { DocSelectionManagerService as Zi, DocSkeletonManagerService as ht, RichTextEditingMutation as Xi } from "@univerjs/docs";
 var Gi = Object.getOwnPropertyDescriptor, Yi = (n, e, t, i) => {
   for (var r = i > 1 ? void 0 : i ? Gi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
@@ -294,7 +294,26 @@ let T = class extends ge {
 T = Ji([
   Qi(0, X)
 ], T);
-const en = "slides-ui.config", vt = {}, Dt = {
+const Dt = {
+  id: "slide.operation.activate-slide",
+  type: D.OPERATION,
+  handler: (n, e) => {
+    var h, l;
+    const t = e.unitId, i = n.get(T), s = n.get(w).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
+    if (!o) return !1;
+    const c = i.getRenderUnitByPageId(o, t);
+    if (!c) return !1;
+    const a = (l = c.scene) == null ? void 0 : l.getTransformer();
+    return a && a.clearControls(), i.activePage(e.id, t), !0;
+  }
+}, Ut = {
+  id: "slide.operation.append-slide",
+  type: D.OPERATION,
+  handler: (n, e) => {
+    const t = e.unitId;
+    return n.get(w).getUnit(t) ? (n.get(T).appendPage(t), !0) : !1;
+  }
+}, Vt = {
   id: "slide.operation.delete-element",
   type: D.OPERATION,
   handler: (n, e) => {
@@ -304,6 +323,46 @@ const en = "slides-ui.config", vt = {}, Dt = {
     const s = r.getActivePage();
     return delete s.pageElements[e.id], r.updatePage(s.id, s), n.get(T).removeObjectById(e.id, s.id, t), !0;
   }
+}, Xe = {
+  id: "slide.command.insert-float-image",
+  type: D.COMMAND,
+  handler: async (n, e) => {
+    var V;
+    const t = n.get(w), i = (V = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : V.getUnitId();
+    if (!i) return !1;
+    const s = await n.get(wi).openFile({
+      multiple: !0,
+      accept: xi.map((R) => `.${R.replace("image/", "")}`).join(",")
+    });
+    if (s.length !== 1) return !1;
+    const c = await n.get(Ri).saveImage(s[0]);
+    if (!c) return !1;
+    const { imageId: a, imageSourceType: h, source: l, base64Cache: d } = c, { width: g, height: m, image: p } = await Oi(d || ""), f = t.getUnit(i);
+    if (!f) return !1;
+    const v = f.getActivePage(), _ = Object.values(v.pageElements), I = _ != null && _.length ? Math.max(..._.map((R) => R.zIndex)) : 20, b = {
+      id: a,
+      zIndex: I + 1,
+      left: 0,
+      top: 0,
+      width: g,
+      height: m,
+      title: "",
+      description: "",
+      type: ze.IMAGE,
+      image: {
+        imageProperties: {
+          contentUrl: d,
+          imageSourceType: h,
+          source: l,
+          base64Cache: d,
+          image: p
+        }
+      }
+    };
+    v.pageElements[a] = b, f.updatePage(v.id, v);
+    const P = n.get(T), M = P.createObjectToPage(b, v.id, i);
+    return M && P.setObjectActiveByPage(M, v.id, i), !0;
+  }
 };
 var N = function() {
   return N = Object.assign || function(n) {
@@ -313,7 +372,7 @@ var N = function() {
     }
     return n;
   }, N.apply(this, arguments);
-}, tn = function(n, e) {
+}, en = function(n, e) {
   var t = {};
   for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
@@ -321,15 +380,15 @@ var N = function() {
       e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(n, i[r]) && (t[i[r]] = n[i[r]]);
   return t;
 }, k = F(function(n, e) {
-  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = tn(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), a = Mt("_".concat(sn()));
-  return Ut(t, "".concat(i), { defIds: t.defIds, idSuffix: a.current }, N({ ref: e, className: c }, o), s);
+  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = en(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), a = Mt("_".concat(rn()));
+  return jt(t, "".concat(i), { defIds: t.defIds, idSuffix: a.current }, N({ ref: e, className: c }, o), s);
 });
-function Ut(n, e, t, i, r) {
-  return W(n.tag, N(N({ key: e }, nn(n, t, r)), i), (rn(n, t).children || []).map(function(s, o) {
-    return Ut(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
+function jt(n, e, t, i, r) {
+  return W(n.tag, N(N({ key: e }, tn(n, t, r)), i), (nn(n, t).children || []).map(function(s, o) {
+    return jt(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function nn(n, e, t) {
+function tn(n, e, t) {
   var i = N({}, n.attrs);
   t != null && t.colorChannel1 && i.fill === "colorChannel1" && (i.fill = t.colorChannel1), n.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(function(s) {
     var o = s[0], c = s[1];
@@ -341,88 +400,88 @@ function nn(n, e, t) {
     typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), i;
 }
-function rn(n, e) {
+function nn(n, e) {
   var t, i = e.defIds;
   return !i || i.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? N(N({}, n), { children: n.children.map(function(r) {
     return typeof r.attrs.id == "string" && i && i.includes(r.attrs.id) ? N(N({}, r), { attrs: N(N({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : n;
 }
-function sn() {
+function rn() {
   return Math.random().toString(36).substring(2, 8);
 }
 k.displayName = "UniverIcon";
-var on = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Vt = F(function(n, e) {
+var sn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, At = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "autofill-double-icon",
     ref: e,
-    icon: on
+    icon: sn
   }));
 });
-Vt.displayName = "AutofillDoubleIcon";
-var cn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, jt = F(function(n, e) {
+At.displayName = "AutofillDoubleIcon";
+var on = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, Lt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "bottom-icon",
     ref: e,
-    icon: cn
+    icon: on
   }));
 });
-jt.displayName = "BottomIcon";
-var an = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { clipPath: "url(#graph-icon_clip0_1293_28)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "graph-icon_clip0_1293_28" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["graph-icon_clip0_1293_28"] }, At = F(function(n, e) {
+Lt.displayName = "BottomIcon";
+var cn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { clipPath: "url(#graph-icon_clip0_1293_28)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "graph-icon_clip0_1293_28" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["graph-icon_clip0_1293_28"] }, Bt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "graph-icon",
     ref: e,
-    icon: an
+    icon: cn
   }));
 });
-At.displayName = "GraphIcon";
-var ln = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Xe = F(function(n, e) {
+Bt.displayName = "GraphIcon";
+var an = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ge = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "more-down-icon",
     ref: e,
-    icon: ln
+    icon: an
   }));
 });
-Xe.displayName = "MoreDownIcon";
-var dn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, Lt = F(function(n, e) {
+Ge.displayName = "MoreDownIcon";
+var ln = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, $t = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "move-down-icon",
     ref: e,
-    icon: dn
+    icon: ln
   }));
 });
-Lt.displayName = "MoveDownIcon";
-var un = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, Bt = F(function(n, e) {
+$t.displayName = "MoveDownIcon";
+var dn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, Ht = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "move-up-icon",
     ref: e,
-    icon: un
+    icon: dn
   }));
 });
-Bt.displayName = "MoveUpIcon";
-var hn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, $t = F(function(n, e) {
+Ht.displayName = "MoveUpIcon";
+var un = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Ft = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "paint-bucket-double-icon",
     ref: e,
-    icon: hn
+    icon: un
   }));
 });
-$t.displayName = "PaintBucketDoubleIcon";
-var vn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-icon_clip0_1293_26)" }, children: [{ tag: "path", attrs: { d: "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" } }, { tag: "path", attrs: { d: "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "text-icon_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-icon_clip0_1293_26"] }, Ht = F(function(n, e) {
+Ft.displayName = "PaintBucketDoubleIcon";
+var hn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-icon_clip0_1293_26)" }, children: [{ tag: "path", attrs: { d: "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" } }, { tag: "path", attrs: { d: "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "text-icon_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-icon_clip0_1293_26"] }, Wt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "text-icon",
     ref: e,
-    icon: vn
+    icon: hn
   }));
 });
-Ht.displayName = "TextIcon";
-var gn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ft = F(function(n, e) {
+Wt.displayName = "TextIcon";
+var vn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, kt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "topmost-icon",
     ref: e,
-    icon: gn
+    icon: vn
   }));
 });
-Ft.displayName = "TopmostIcon";
+kt.displayName = "TopmostIcon";
 const H = {
   id: "slide.operation.update-element",
   type: D.OPERATION,
@@ -433,7 +492,7 @@ const H = {
     return c.pageElements[t] = ci.deepMerge(c.pageElements[t], i), o.updatePage(c.id, c), !0;
   }
 };
-function fn(n) {
+function gn(n) {
   const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
@@ -471,7 +530,7 @@ function fn(n) {
           /* forward */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Bt, {}),
+        /* @__PURE__ */ u(Ht, {}),
         i.t("image-panel.arrange.forward")
       ] }) }) }),
       /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
@@ -480,7 +539,7 @@ function fn(n) {
           /* backward */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Lt, {}),
+        /* @__PURE__ */ u($t, {}),
         i.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
@@ -491,7 +550,7 @@ function fn(n) {
           /* front */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Ft, {}),
+        /* @__PURE__ */ u(kt, {}),
         i.t("image-panel.arrange.front")
       ] }) }) }),
       /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
@@ -500,13 +559,13 @@ function fn(n) {
           /* back */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(jt, {}),
+        /* @__PURE__ */ u(Lt, {}),
         i.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function pn(n) {
+function fn(n) {
   var p, f;
   const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
@@ -548,15 +607,15 @@ function pn(n) {
           Pt,
           {
             overlay: /* @__PURE__ */ u("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ u(
-              Ui,
+              Ai,
               {
                 value: "#fff",
                 onChange: m
               }
             ) }),
             children: /* @__PURE__ */ x("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
-              /* @__PURE__ */ u($t, { className: "univer-fill-primary-600" }),
-              /* @__PURE__ */ u(Xe, {})
+              /* @__PURE__ */ u(Ft, { className: "univer-fill-primary-600" }),
+              /* @__PURE__ */ u(Ge, {})
             ] })
           }
         ) }) })
@@ -564,7 +623,7 @@ function pn(n) {
     }
   );
 }
-function mn(n) {
+function pn(n) {
   const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
@@ -735,7 +794,7 @@ function mn(n) {
   );
 }
 const xe = "COMPONENT_SLIDE_SIDEBAR";
-function _n() {
+function mn() {
   var h, l, d;
   const n = O(w), e = O(T), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
   if (!i) return null;
@@ -746,20 +805,20 @@ function _n() {
     return null;
   const a = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
   return /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ u(fn, { pageId: i, unitId: a }),
-    /* @__PURE__ */ u(mn, { pageId: i, unitId: a }),
-    c.objectType === le.RECT && /* @__PURE__ */ u(pn, { pageId: i, unitId: a })
+    /* @__PURE__ */ u(gn, { pageId: i, unitId: a }),
+    /* @__PURE__ */ u(pn, { pageId: i, unitId: a }),
+    c.objectType === le.RECT && /* @__PURE__ */ u(fn, { pageId: i, unitId: a })
   ] });
 }
-const Ge = {
+const Ye = {
   id: "slide.command.insert-float-shape",
   type: D.COMMAND,
   handler: async (n) => {
     var r;
     const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Wt.id, { unitId: i });
+    return e.executeCommand(zt.id, { unitId: i });
   }
-}, Wt = {
+}, zt = {
   id: "slide.operation.insert-float-shape",
   type: D.OPERATION,
   handler: async (n, e) => {
@@ -803,147 +862,589 @@ const Ge = {
       width: 360
     }) : r.close(), !0;
   }
-}, kt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-var Cn = Object.getOwnPropertyDescriptor, Sn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Cn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
-  return r;
-}, Ie = (n, e) => (t, i) => e(t, i, n);
-function In(n, e) {
-  const t = gt(n.left, n.top, e), i = gt(n.right, n.bottom, e);
+}, qe = {
+  id: "slide.command.add-text",
+  type: D.COMMAND,
+  handler: async (n) => {
+    var r;
+    const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return await e.executeCommand(Kt.id, { unitId: i });
+  }
+}, Kt = {
+  id: "slide.operation.add-text",
+  type: D.OPERATION,
+  handler: async (n, e) => {
+    const t = e.unitId, i = Ct(6), r = 220, s = 40, o = 230, c = 142, a = (e == null ? void 0 : e.text) || "A New Text", l = n.get(w).getUnit(t);
+    if (!l) return !1;
+    const d = l.getActivePage(), g = Object.values(d.pageElements), m = g != null && g.length ? Math.max(...g.map((_) => _.zIndex)) : 21, p = {
+      id: i,
+      zIndex: m + 1,
+      left: o,
+      top: c,
+      width: r,
+      height: s,
+      title: "text",
+      description: "",
+      type: ze.TEXT,
+      richText: {
+        text: a,
+        fs: 30,
+        cl: {
+          rgb: "rgb(51, 51, 51)"
+        },
+        bl: 1
+      }
+    };
+    d.pageElements[i] = p, l.updatePage(d.id, d);
+    const f = n.get(T), v = f.createObjectToPage(p, d.id, t);
+    return v && f.setObjectActiveByPage(v, d.id, t), !0;
+  }
+}, Zt = {
+  id: "slide.operation.set-slide-page-thumb",
+  type: D.OPERATION,
+  handler: (n, e) => (n.get(T).createThumbs(e.unitId), !0)
+};
+function _n() {
+  var p, f;
+  const n = O(w), e = O(U), t = O(X), i = O(Q), r = Mt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
+  if (!o || !c)
+    return null;
+  const a = c.map((v) => o[v]), [h, l] = $((f = (p = s == null ? void 0 : s.getActivePage()) == null ? void 0 : p.id) != null ? f : null), d = Bi(() => a.map(() => $i()), [a]);
+  he(() => {
+    const v = s == null ? void 0 : s.activePage$.subscribe((_) => {
+      var b;
+      const I = (b = _ == null ? void 0 : _.id) != null ? b : null;
+      I && l(I);
+    });
+    return () => {
+      v == null || v.unsubscribe();
+    };
+  }, []), he(() => {
+    d.forEach((v, _) => {
+      var I;
+      if (v.current) {
+        const b = a[_];
+        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(v.current);
+      }
+    }), d.length > 0 && e.syncExecuteCommand(Zt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+  }, [d, a, t, e, s]);
+  const g = at((v) => {
+    e.syncExecuteCommand(Dt.id, { id: v, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), m = at(() => {
+    e.syncExecuteCommand(Ut.id, { unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]);
+  return /* @__PURE__ */ u(
+    "aside",
+    {
+      ref: r,
+      className: K("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Li),
+      children: /* @__PURE__ */ x("div", { className: "univer-px-4", children: [
+        /* @__PURE__ */ u("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ u(
+          "a",
+          {
+            className: K("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors", ue),
+            onClick: m,
+            children: i.t("slide.append")
+          }
+        ) }),
+        a.map((v, _) => /* @__PURE__ */ x(
+          "div",
+          {
+            className: K("univer-my-4 univer-flex univer-gap-2", {
+              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": v.id === h
+            }),
+            onClick: () => g(v.id),
+            children: [
+              /* @__PURE__ */ u("span", { children: _ + 1 }),
+              /* @__PURE__ */ u(
+                "div",
+                {
+                  ref: d[_],
+                  className: K("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ue)
+                }
+              )
+            ]
+          },
+          v.id
+        ))
+      ] })
+    }
+  );
+}
+const de = li("SLIDE_EDITOR"), Xt = "slide.menu.image";
+function Cn(n) {
   return {
-    left: t.x,
-    top: t.y,
-    right: i.x,
-    bottom: i.y
+    id: Xt,
+    type: me.SUBITEMS,
+    icon: "AddImageIcon",
+    tooltip: "slide.image.insert.title",
+    hidden$: pe(n, E.UNIVER_SLIDE)
   };
 }
-function gt(n, e, t) {
-  const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
-  if (!s)
-    return {
-      x: n,
-      y: e
-    };
-  const { viewportScrollX: o, viewportScrollY: c } = s, a = (n - o) * i, h = (e - c) * r;
+function Sn(n) {
   return {
-    x: a,
-    y: h
+    id: Xe.id,
+    title: "slide.image.insert.float",
+    type: me.BUTTON,
+    hidden$: pe(n, E.UNIVER_SLIDE)
   };
 }
-let we = class extends De {
-  constructor(n, e, t, i) {
-    super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
+const Gt = "slide.menu.shape";
+function In(n) {
+  return {
+    id: Gt,
+    type: me.SUBITEMS,
+    icon: "GraphIcon",
+    tooltip: "slide.shape.insert.title",
+    hidden$: pe(n, E.UNIVER_SLIDE)
+    // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
+  };
+}
+function bn(n) {
+  return {
+    id: Ye.id,
+    title: "slide.shape.insert.rectangle",
+    type: me.BUTTON,
+    hidden$: pe(n, E.UNIVER_SLIDE)
+  };
+}
+function En(n) {
+  return {
+    id: qe.id,
+    type: me.BUTTON,
+    icon: "TextIcon",
+    tooltip: "slide.text.insert.title",
+    hidden$: pe(n, E.UNIVER_SLIDE)
+  };
+}
+const xn = {
+  [yi.FORMAT]: {
+    [qe.id]: {
+      order: 0,
+      menuItemFactory: En
+    },
+    [Xt]: {
+      order: 0,
+      menuItemFactory: Cn,
+      [Xe.id]: {
+        order: 0,
+        menuItemFactory: Sn
+      }
+    },
+    [Gt]: {
+      order: 0,
+      menuItemFactory: In,
+      [Ye.id]: {
+        order: 0,
+        menuItemFactory: bn
+      }
+    }
   }
-  _createObjectPositionObserver(n, e) {
-    const i = (() => {
-      var L, B, ee, te;
-      const { scene: o, engine: c } = e, { left: a, top: h, width: l, height: d } = n, g = (o.width - ((B = (L = e.mainComponent) == null ? void 0 : L.width) != null ? B : 0)) / 2, m = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, p = {
-        left: a,
-        right: a + l,
-        top: h,
-        bottom: h + d
-      }, f = c.getCanvasElement(), v = f.getBoundingClientRect(), _ = bi(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), P = In(p, o), { top: M, left: V, width: R } = v, z = R / _;
-      return {
-        left: P.left * z * I + V + g,
-        right: P.right * z * I + V + g,
-        top: P.top * z * b + M + m,
-        bottom: P.bottom * z * b + M + m
-      };
-    })(), r = new J(i), s = new Ke();
-    return {
-      position: i,
-      position$: r,
-      disposable: s
-    };
-  }
-  attachPopupToObject(n, e) {
-    const i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(i);
-    if (!r)
-      return {
-        dispose: () => {
+}, we = {
+  id: "slide.operation.edit-arrow",
+  type: D.OPERATION,
+  handler: () => !0
+}, Yt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+function Rn(n) {
+  var p, f;
+  const e = (f = (p = n.popup) == null ? void 0 : p.extraProps) == null ? void 0 : f.menuItems;
+  if (!e)
+    return null;
+  const t = O(U), i = O(Q), [r, s] = $(!1), [o, c] = $(!1), a = () => {
+    c(!0);
+  }, h = () => {
+    c(!1);
+  }, l = (v) => {
+    s(v);
+  }, d = (v) => {
+    t.executeCommand(v.commandId, v.commandParams), s(!1);
+  }, g = r || o, m = e.filter((v) => !v.disable);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      onMouseEnter: a,
+      onMouseLeave: h,
+      children: /* @__PURE__ */ u(
+        Pt,
+        {
+          align: "start",
+          overlay: /* @__PURE__ */ u(
+            "ul",
+            {
+              className: K("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg", ue),
+              children: m.map((v) => /* @__PURE__ */ u(
+                "li",
+                {
+                  className: "univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",
+                  onClick: () => d(v),
+                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(v.label) })
+                },
+                v.index
+              ))
+            }
+          ),
+          open: r,
+          onOpenChange: l,
+          children: /* @__PURE__ */ x(
+            "div",
+            {
+              className: K("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", ue, {
+                "univer-bg-gray-100 dark:!univer-bg-gray-800": r,
+                "univer-bg-white dark:!univer-bg-gray-900": !r
+              }),
+              children: [
+                /* @__PURE__ */ u(
+                  At,
+                  {
+                    className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
+                  }
+                ),
+                g && /* @__PURE__ */ u(Ge, { className: "dark:!univer-text-white" })
+              ]
+            }
+          )
         }
-      };
-    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(n, r), a = this._globalPopupManagerService.addPopup({
-      ...e,
-      unitId: i,
-      subUnitId: "default",
-      anchorRect: s,
-      anchorRect$: o,
-      canvasElement: r.engine.getCanvasElement()
+      )
+    }
+  );
+}
+class On {
+  constructor() {
+    S(this, "_state", null);
+    S(this, "_rect", null);
+    S(this, "_state$", new J(null));
+    S(this, "state$", this._state$.asObservable());
+    S(this, "_rect$", new J(null));
+    S(this, "rect$", this._rect$.asObservable());
+    S(this, "_focus", !1);
+    S(this, "_focus$", new J(this._focus));
+    S(this, "focus$", this._focus$.asObservable());
+  }
+  dispose() {
+    this._state$.complete(), this._state = null, this._rect$.complete(), this._rect = null;
+  }
+  setState(e) {
+    this._state = e, this._refresh(e);
+  }
+  getRect() {
+    return this._rect;
+  }
+  setRect(e) {
+    this._rect = e, this._rect$.next(e);
+  }
+  getState() {
+    return this._state;
+  }
+  setFocus(e = !1) {
+    this._focus = e, this._focus$.next(e);
+  }
+  _refresh(e) {
+    this._state$.next(e);
+  }
+}
+const Je = St(
+  "univer.slide-editor-manager.service"
+), ye = -1e3, vt = {
+  width: 0,
+  height: 0,
+  top: ye,
+  left: ye
+};
+function wn() {
+  const [n, e] = $({
+    ...vt
+  }), t = O(Je), i = O(Ze), r = O(fe), s = Pi(
+    () => r.subscribeContextValue$(st),
+    !1,
+    void 0,
+    [r, st]
+  );
+  return di.UNSPECIFIED, he(() => {
+    t.state$.subscribe((o) => {
+      if (o == null)
+        return;
+      const {
+        startX: c = ye,
+        startY: a = ye,
+        endX: h = 0,
+        endY: l = 0,
+        show: d = !1
+      } = o;
+      if (!d)
+        e({
+          ...vt
+        });
+      else {
+        e({
+          width: h - c - ne + 2,
+          height: l - a - ne + 2,
+          left: c + ne,
+          top: a + ne
+        });
+        const g = i.getEditor(de);
+        if (g == null)
+          return;
+        const { left: m, top: p, width: f, height: v } = g.getBoundingClientRect();
+        t.setRect({ left: m, top: p, width: f, height: v });
+      }
     });
-    return {
-      dispose: () => {
-        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
+  }, []), he(() => {
+    s || t.setFocus(!0);
+  }, [s, n]), /* @__PURE__ */ u(
+    "div",
+    {
+      className: K("univer-absolute univer-z-10 univer-box-border univer-flex", ue),
+      style: {
+        left: n.left,
+        top: n.top,
+        width: n.width,
+        height: n.height
       }
-    };
-  }
+    }
+  );
+}
+function $e(n) {
+  return n.getContextValue(It) && n.getContextValue(Re);
+}
+function yn(n) {
+  return n.getContextValue(ui) && n.getContextValue(It);
+}
+const qt = [
+  y.ARROW_DOWN,
+  y.ARROW_UP,
+  y.ARROW_LEFT,
+  y.ARROW_RIGHT
+];
+[y.ENTER, y.TAB, ...qt];
+function Pn() {
+  const n = [];
+  for (const e of qt)
+    n.push({
+      id: we.id,
+      binding: e,
+      preconditions: (t) => $e(t),
+      staticParameters: {
+        visible: !1,
+        eventType: q.Keyboard,
+        keycode: e,
+        isShift: !1
+      }
+    }), n.push({
+      id: we.id,
+      binding: e | Ti.SHIFT,
+      preconditions: (t) => $e(t),
+      staticParameters: {
+        visible: !1,
+        eventType: q.Keyboard,
+        keycode: e,
+        isShift: !0
+      }
+    });
+  return n;
+}
+const Tn = {
+  id: Hi.id,
+  preconditions: (n) => $e(n) || yn(n),
+  binding: y.BACKSPACE
 };
-we = Sn([
-  Ie(0, Z(xi)),
-  Ie(1, X),
-  Ie(2, w),
-  Ie(3, U)
-], we);
-var bn = Object.getOwnPropertyDescriptor, En = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? bn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Mn = Object.getOwnPropertyDescriptor, Nn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Mn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Y = (n, e) => (t, i) => e(t, i, n);
-let ye = class extends ge {
-  constructor(e, t, i, r, s, o, c) {
-    super();
-    S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = i, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
+}, ie = (n, e) => (t, i) => e(t, i, n);
+let Pe = class extends De {
+  constructor(n, e, t, i, r, s) {
+    super(), this._injector = n, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = i, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
-  _init() {
-    this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
+  _initMenus() {
+    this._menuManagerService.mergeMenu(xn);
   }
-  _create(e) {
-    if (!e)
-      return;
-    const t = e.getUnitId();
-    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
+  _initCustomComponents() {
+    const n = this._componentManager;
+    this.disposeWithMe(n.register("TextIcon", Wt)), this.disposeWithMe(n.register("GraphIcon", Bt)), this.disposeWithMe(n.register(Yt, Rn)), this.disposeWithMe(n.register(xe, mn));
   }
-  _hasCropObject(e) {
+  _initCommands() {
+    [
+      Ut,
+      Dt,
+      Zt,
+      Xe,
+      Kt,
+      qe,
+      zt,
+      Ye,
+      Be,
+      Vt,
+      H,
+      // commands for editor
+      we
+    ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
   }
-  // eslint-disable-next-line max-lines-per-function
-  _popupMenuListener(e) {
-    var r;
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), i = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
-    Object.keys(i).forEach((s) => {
-      var h;
-      const c = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
-      if (!c) return;
-      let a;
-      this.disposeWithMe(
-        St(
-          c.createControl$.subscribe(() => {
-            const l = c.getSelectedObjectMap();
-            if (l.size > 1) {
-              a == null || a.dispose();
-              return;
-            }
-            const d = l.values().next().value;
-            if (!d)
-              return;
-            const g = d.oKey;
-            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: kt,
-              direction: "horizontal",
-              offset: [2, 0],
-              extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, g, e)
-              }
-            })), this._sidebarService.visible && this._commandService.executeCommand(Be.id, {
-              visible: !0,
-              objectType: d.objectType
+  _initUIComponents() {
+    this.disposeWithMe(
+      this._uiPartsService.registerComponent(ot.LEFT_SIDEBAR, () => ct(_n, this._injector))
+    ), this.disposeWithMe(
+      this._uiPartsService.registerComponent(ot.CONTENT, () => ct(wn, this._injector))
+    );
+  }
+  _initShortcuts() {
+    [
+      Tn,
+      ...Pn()
+    ].forEach((n) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(n));
+    });
+  }
+};
+Pe = Nn([
+  ie(0, Z(ke)),
+  ie(1, Mi),
+  ie(2, Z(Ni)),
+  ie(3, Di),
+  ie(4, U),
+  ie(5, Ui)
+], Pe);
+const Dn = "slides-ui.config", gt = {};
+var Un = Object.getOwnPropertyDescriptor, Vn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Un(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = o(r) || r);
+  return r;
+}, Ie = (n, e) => (t, i) => e(t, i, n);
+function jn(n, e) {
+  const t = ft(n.left, n.top, e), i = ft(n.right, n.bottom, e);
+  return {
+    left: t.x,
+    top: t.y,
+    right: i.x,
+    bottom: i.y
+  };
+}
+function ft(n, e, t) {
+  const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
+  if (!s)
+    return {
+      x: n,
+      y: e
+    };
+  const { viewportScrollX: o, viewportScrollY: c } = s, a = (n - o) * i, h = (e - c) * r;
+  return {
+    x: a,
+    y: h
+  };
+}
+let Te = class extends De {
+  constructor(n, e, t, i) {
+    super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
+  }
+  _createObjectPositionObserver(n, e) {
+    const i = (() => {
+      var L, B, ee, te;
+      const { scene: o, engine: c } = e, { left: a, top: h, width: l, height: d } = n, g = (o.width - ((B = (L = e.mainComponent) == null ? void 0 : L.width) != null ? B : 0)) / 2, m = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, p = {
+        left: a,
+        right: a + l,
+        top: h,
+        bottom: h + d
+      }, f = c.getCanvasElement(), v = f.getBoundingClientRect(), _ = bi(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), P = jn(p, o), { top: M, left: V, width: R } = v, z = R / _;
+      return {
+        left: P.left * z * I + V + g,
+        right: P.right * z * I + V + g,
+        top: P.top * z * b + M + m,
+        bottom: P.bottom * z * b + M + m
+      };
+    })(), r = new J(i), s = new Ke();
+    return {
+      position: i,
+      position$: r,
+      disposable: s
+    };
+  }
+  attachPopupToObject(n, e) {
+    const i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(i);
+    if (!r)
+      return {
+        dispose: () => {
+        }
+      };
+    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(n, r), a = this._globalPopupManagerService.addPopup({
+      ...e,
+      unitId: i,
+      subUnitId: "default",
+      anchorRect: s,
+      anchorRect$: o,
+      canvasElement: r.engine.getCanvasElement()
+    });
+    return {
+      dispose: () => {
+        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
+      }
+    };
+  }
+};
+Te = Vn([
+  Ie(0, Z(Vi)),
+  Ie(1, X),
+  Ie(2, w),
+  Ie(3, U)
+], Te);
+var An = Object.getOwnPropertyDescriptor, Ln = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? An(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = o(r) || r);
+  return r;
+}, Y = (n, e) => (t, i) => e(t, i, n);
+let Me = class extends ge {
+  constructor(e, t, i, r, s, o, c) {
+    super();
+    S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = i, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
+  }
+  _create(e) {
+    if (!e)
+      return;
+    const t = e.getUnitId();
+    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
+  }
+  _hasCropObject(e) {
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _popupMenuListener(e) {
+    var r;
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), i = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
+    Object.keys(i).forEach((s) => {
+      var h;
+      const c = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
+      if (!c) return;
+      let a;
+      this.disposeWithMe(
+        bt(
+          c.createControl$.subscribe(() => {
+            const l = c.getSelectedObjectMap();
+            if (l.size > 1) {
+              a == null || a.dispose();
+              return;
+            }
+            const d = l.values().next().value;
+            if (!d)
+              return;
+            const g = d.oKey;
+            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
+              componentKey: Yt,
+              direction: "horizontal",
+              offset: [2, 0],
+              extraProps: {
+                menuItems: this._getMenuItemsByObjectType(d.objectType, g, e)
+              }
+            })), this._sidebarService.visible && this._commandService.executeCommand(Be.id, {
+              visible: !0,
+              objectType: d.objectType
             });
           })
         )
       ), this.disposeWithMe(
         c.clearControl$.subscribe(() => {
-          a == null || a.dispose(), this._contextService.setContextValue(li, !1);
+          a == null || a.dispose(), this._contextService.setContextValue(hi, !1);
         })
       ), this.disposeWithMe(
         c.changing$.subscribe(() => {
@@ -981,7 +1482,7 @@ let ye = class extends ge {
     }, {
       label: "slide.popup.delete",
       index: 5,
-      commandId: Dt.id,
+      commandId: Vt.id,
       commandParams: {
         id: t,
         unitId: i
@@ -990,27 +1491,22 @@ let ye = class extends ge {
     }];
   }
 };
-ye = En([
-  Y(0, Z(we)),
+Me = Ln([
+  Y(0, Z(Te)),
   Y(1, X),
   Y(2, w),
   Y(3, fe),
   Y(4, Z(T)),
   Y(5, yt),
   Y(6, U)
-], ye);
-const Pe = {
-  id: "slide.operation.edit-arrow",
-  type: D.OPERATION,
-  handler: () => !0
-}, de = di("SLIDE_EDITOR");
-var xn = Object.getOwnPropertyDescriptor, Rn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? xn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+], Me);
+var Bn = Object.getOwnPropertyDescriptor, $n = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Bn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, Ve = (n, e) => (t, i) => e(t, i, n);
-const Ye = It("univer.slide-editor-bridge.service");
-let $e = class extends De {
+const Qe = St("univer.slide-editor-bridge.service");
+let He = class extends De {
   constructor(e, t, i) {
     super();
     S(this, "_editorUnitId", de);
@@ -1043,7 +1539,7 @@ let $e = class extends De {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(de), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(bt, !1), this._contextService.setContextValue(Et, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(de), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(Et, !1), this._contextService.setContextValue(xt, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1063,12 +1559,12 @@ let $e = class extends De {
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
     };
     const o = {
-      documentModel: new ui(r),
+      documentModel: new vi(r),
       fontString: "document",
       textRotation: { a: 0, v: 0 },
       wrapStrategy: 0,
       verticalAlign: Oe.TOP,
-      horizontalAlign: xt.LEFT,
+      horizontalAlign: Rt.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
     }, c = t.richTextObj.width, a = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
@@ -1147,55 +1643,18 @@ let $e = class extends De {
     };
   }
 };
-$e = Rn([
+He = $n([
   Ve(0, Ze),
   Ve(1, fe),
   Ve(2, X)
-], $e);
-class On {
-  constructor() {
-    S(this, "_state", null);
-    S(this, "_rect", null);
-    S(this, "_state$", new J(null));
-    S(this, "state$", this._state$.asObservable());
-    S(this, "_rect$", new J(null));
-    S(this, "rect$", this._rect$.asObservable());
-    S(this, "_focus", !1);
-    S(this, "_focus$", new J(this._focus));
-    S(this, "focus$", this._focus$.asObservable());
-  }
-  dispose() {
-    this._state$.complete(), this._state = null, this._rect$.complete(), this._rect = null;
-  }
-  setState(e) {
-    this._state = e, this._refresh(e);
-  }
-  getRect() {
-    return this._rect;
-  }
-  setRect(e) {
-    this._rect = e, this._rect$.next(e);
-  }
-  getState() {
-    return this._state;
-  }
-  setFocus(e = !1) {
-    this._focus = e, this._focus$.next(e);
-  }
-  _refresh(e) {
-    this._state$.next(e);
-  }
-}
-const qe = It(
-  "univer.slide-editor-manager.service"
-);
-var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), wn = Object.getOwnPropertyDescriptor, yn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? wn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+], He);
+var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), Hn = Object.getOwnPropertyDescriptor, Fn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Hn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, A = (n, e) => (t, i) => e(t, i, n);
-const ft = -1e3, pt = 5, Pn = 2;
-let He = class extends De {
+const pt = -1e3, mt = 5, Wn = 2;
+let Fe = class extends De {
   constructor(e, t, i, r, s, o, c, a, h, l, d, g) {
     super();
     /**
@@ -1239,16 +1698,16 @@ let He = class extends De {
   }
   _getEditorSkeleton(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(dt).getSkeleton();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(ht).getSkeleton();
   }
   _getEditorViewModel(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(dt).getViewModel();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(ht).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Li((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(Ki((t) => !!t)).subscribe(() => {
       var t;
-      (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ut).sync();
+      (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(lt).sync();
     }));
   }
   /**
@@ -1258,7 +1717,7 @@ let He = class extends De {
   _subscribeToCurrentCell(e) {
     e.add(this._editorBridgeService.currentEditRectState$.subscribe((t) => {
       var d;
-      if (t == null || this._contextService.getContextValue(bt) || this._contextService.getContextValue(Et))
+      if (t == null || this._contextService.getContextValue(Et) || this._contextService.getContextValue(xt))
         return;
       const {
         position: { startX: i, endX: r },
@@ -1266,10 +1725,10 @@ let He = class extends De {
         scaleX: a,
         editorUnitId: h
       } = t, { vertexAngle: l } = nt(s);
-      c.updateDocumentId(h), o === et.WRAP && l === 0 && c.updateDocumentDataPageSize((r - i) / a), this._instanceSrv.changeDoc(h, c), this._contextService.setContextValue(vi, !0), this._textSelectionManagerService.replaceTextRanges([{
+      c.updateDocumentId(h), o === et.WRAP && l === 0 && c.updateDocumentDataPageSize((r - i) / a), this._instanceSrv.changeDoc(h, c), this._contextService.setContextValue(fi, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
-      }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(ut).activate(ft, ft);
+      }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(lt).activate(pt, pt);
     }));
   }
   /**
@@ -1320,8 +1779,8 @@ let He = class extends De {
     d == null || d.updateDocumentDataPageSize((m - c - t.left) / s), i.calculate();
     const p = i.getActualSize();
     let f = a - c;
-    return f < p.actualWidth * s + pt * s && (f = p.actualWidth * s + pt * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
-      horizontalAlign: xt.UNSPECIFIED,
+    return f < p.actualWidth * s + mt * s && (f = p.actualWidth * s + mt * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
+      horizontalAlign: Rt.UNSPECIFIED,
       cellValueType: void 0
     }), {
       actualWidth: f,
@@ -1343,7 +1802,7 @@ let He = class extends De {
     const d = this._renderContext.engine.getCanvasElement(), g = d.getBoundingClientRect(), m = h(d.style.width), { top: p, left: f, width: v } = g, _ = v / m;
     let { startX: I, startY: b } = i;
     I += r.left, b += r.top;
-    const { document: P, scene: M, engine: V } = a, R = M.getViewport(ht.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Pn * 2, se = document.body.clientWidth - I - r.left;
+    const { document: P, scene: M, engine: V } = a, R = M.getViewport(dt.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Wn * 2, se = document.body.clientWidth - I - r.left;
     let L = t, B = R == null ? void 0 : R.getScrollBar();
     L > z ? (L = z, B == null ? R && new Ot(R, { enableHorizontal: !1, barSize: 8 }) : R == null || R.resetCanvasSizeAndUpdateScroll()) : (B = null, (C = R == null ? void 0 : R.getScrollBar()) == null || C.dispose()), e += (B == null ? void 0 : B.barSize) || 0, e = Math.min(e, se), I -= ne, b -= ne, this._addBackground(M, e / o, t / c, s);
     const { scaleX: ee, scaleY: te } = M.getPrecisionScale();
@@ -1381,7 +1840,7 @@ let He = class extends De {
           evented: !1
         })
       ],
-      Hi
+      Fi
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
@@ -1422,7 +1881,7 @@ let He = class extends De {
       return;
     this._fitTextSize(r, o, p, s, c, a);
     const f = m.getBody().dataStream.length - 2 || 0;
-    (v = g.getViewport(ht.VIEW_MAIN)) == null || v.scrollToViewportPos({
+    (v = g.getViewport(dt.VIEW_MAIN)) == null || v.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
@@ -1432,7 +1891,7 @@ let He = class extends De {
     ]), (_ = this._renderManagerService.getRenderById(l)) == null || _.scene.resetCursor();
   }
   _resetBodyStyle(e, t = !1) {
-    e.dataStream = gi, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
+    e.dataStream = pi, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
       {
         startIndex: 0
       }
@@ -1444,699 +1903,238 @@ let He = class extends De {
    */
   _initialKeyboardListener(e) {
   }
-  _showEditorByKeyboard(e) {
-  }
-  _commandExecutedListener(e) {
-    const t = [Pe.id], i = [$i.id];
-    e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === de && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
-    }));
-  }
-  _moveCursorCmdHandler(e) {
-    const t = e.params, { keycode: i, isShift: r } = t;
-    i != null && this._cursorChange === G.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
-  }
-  _editingChangedHandler() {
-    const e = this._editorBridgeService.getEditorRect();
-    if (!e)
-      return;
-    const t = e.richTextObj;
-    t.refreshDocumentByDocData(), t.resizeToContentSize();
-    const { unitId: i } = this._renderContext;
-    this._handleEditorVisible({ visible: !0, eventType: 3, unitId: i });
-  }
-  _getEditorObject() {
-    return Tn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
-  }
-  async _handleEditorInvisible(e) {
-    const { keycode: t } = e;
-    if (this._cursorChange = G.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
-      return;
-    if (this._editorBridgeService.getEditorDirty() === !1) {
-      this._moveCursor(t);
-      return;
-    }
-    this._moveCursor(t);
-  }
-  _exitInput(e) {
-    this._contextService.setContextValue(Re, !1), this._cellEditorManagerService.setState({
-      show: e.visible
-    });
-    const t = this._editorBridgeService.getCurrentEditorId();
-    t != null && this._undoRedoService.clearUndoRedo(t);
-  }
-  _moveCursor(e) {
-    if (e != null)
-      switch (j.LEFT, e) {
-        case y.ENTER:
-          j.DOWN;
-          break;
-        case y.TAB:
-          j.RIGHT;
-          break;
-        case y.ARROW_DOWN:
-          j.DOWN;
-          break;
-        case y.ARROW_UP:
-          j.UP;
-          break;
-        case y.ARROW_LEFT:
-          j.LEFT;
-          break;
-        case y.ARROW_RIGHT:
-          j.RIGHT;
-          break;
-      }
-  }
-  /**
-   * The user's operations follow the sequence of opening the editor and then moving the cursor.
-   * The logic here predicts the user's first cursor movement behavior based on this rule
-   */
-  _cursorStateListener(e) {
-    const t = this._getEditorObject();
-    if (!t)
-      return;
-    const { document: i } = t;
-    e.add(St(i.onPointerDown$.subscribeEvent(() => {
-      this._cursorChange === G.StartEditor && (this._cursorChange = G.CursorChange);
-    })));
-  }
-  // TODO: @JOCS, is it necessary to move these commands MoveSelectionOperation\MoveCursorOperation to shortcut? and use multi-commands?
-  _moveInEditor(e, t) {
-    let i = j.LEFT;
-    e === y.ARROW_DOWN ? i = j.DOWN : e === y.ARROW_UP ? i = j.UP : e === y.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(Fi.id, {
-      direction: i
-    }) : this._commandService.executeCommand(Wi.id, {
-      direction: i
-    });
-  }
-};
-He = yn([
-  A(1, Ri),
-  A(2, hi),
-  A(3, fe),
-  A(4, w),
-  A(5, X),
-  A(6, Ye),
-  A(7, qe),
-  A(8, Z(Bi)),
-  A(9, U),
-  A(10, Z(Q)),
-  A(11, Ze)
-], He);
-function Tn(n, e) {
-  if (n == null)
-    return;
-  const t = e.getRenderById(n);
-  if (t == null)
-    return;
-  const { mainComponent: i, scene: r, engine: s, components: o } = t, c = i, a = o.get(ki.BACKGROUND);
-  return {
-    document: c,
-    docBackground: a,
-    scene: r,
-    engine: s
-  };
-}
-var Mn = Object.getOwnPropertyDescriptor, Nn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Mn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
-    (o = n[s]) && (r = o(r) || r);
-  return r;
-}, je = (n, e) => (t, i) => e(t, i, n);
-let Fe = class extends ge {
-  constructor(e, t, i, r) {
-    super();
-    /**
-     * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
-     */
-    // private _cursorChange: CursorChange = CursorChange.InitialState;
-    /** If the corresponding unit is active and prepared for editing. */
-    // private _isUnitEditing = false;
-    S(this, "setSlideTextEditor$", new Nt());
-    S(this, "_curRichText", null);
-    S(this, "_d");
-    this._renderContext = e, this._instanceSrv = t, this._commandService = i, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
-      s && s.getUnitId() === this._renderContext.unitId ? this._d = this._init() : this._disposeCurrent();
-    }));
-  }
-  _init() {
-    const e = new Ke();
-    return this._initEventListener(e), e;
-  }
-  _disposeCurrent() {
-    var e;
-    (e = this._d) == null || e.dispose(), this._d = null;
-  }
-  _setEditorRect(e, t) {
-    this._curRichText = t;
-    const { scene: i, engine: r } = this._renderContext, s = this._renderContext.unitId, o = {
-      scene: i,
-      engine: r,
-      unitId: s,
-      pageId: e,
-      richTextObj: t
-    };
-    this._editorBridgeService.setEditorRect(o);
-  }
-  _initEventListener(e) {
-    const t = (o) => {
-      const c = o.getTransformer();
-      c && (e.add(c.clearControl$.subscribe(() => {
-        this.setEditorVisible(!1), this.pickOtherObjects();
-      })), e.add(c.createControl$.subscribe(() => {
-        this.setEditorVisible(!1);
-      })), e.add(o.onDblclick$.subscribeEvent(() => {
-        c.clearControls();
-        const h = c.getSelectedObjectMap().values().next().value;
-        h && (h.objectType !== le.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
-      })), e.add(this._instanceSrv.focused$.subscribe((a) => {
-        this.endEditing();
-      })));
-    }, { mainComponent: i } = this._renderContext;
-    i.subSceneChanged$.subscribeEvent((o) => {
-      t(o);
-    });
-    const s = Array.from(i.getSubScenes().values());
-    for (let o = 0; o < s.length; o++) {
-      const c = s[o];
-      t(c);
-    }
-  }
-  pickOtherObjects() {
-    this.endEditing();
-  }
-  /**
-   * invoked when picking other object.
-   *
-   * save editing state to curr richText.
-   */
-  endEditing() {
-    var s;
-    if (!this._curRichText) return;
-    this.setEditorVisible(!1);
-    const e = this._curRichText;
-    if (!this._instanceSrv.getCurrentUnitForType(E.UNIVER_SLIDE)) return !1;
-    e.refreshDocumentByDocData(), e.resizeToContentSize(), this._editorBridgeService.endEditing$.next(e);
-    const i = {
-      bl: 1,
-      fs: e.fs,
-      text: e.text
-    }, r = (s = e.documentData.body) == null ? void 0 : s.textRuns;
-    if (r && r.length) {
-      const c = r[0].ts;
-      i.cl = c == null ? void 0 : c.cl;
-    }
-    this._commandService.executeCommand(H.id, {
-      unitId: this._renderContext.unitId,
-      oKey: e == null ? void 0 : e.oKey,
-      props: {
-        richText: i
-      }
-    }), this._curRichText = null;
-  }
-  /**
-   * TODO calling twice ？？？？
-   * editingParam derives from RichText object.
-   *
-   * TODO @lumixraku need scale param
-   * @param target
-   */
-  startEditing(e, t) {
-    this._setEditorRect(e, t), this.setEditorVisible(!0);
-  }
-  setEditorVisible(e) {
-    var i, r;
-    e ? (i = this._curRichText) == null || i.hide() : (r = this._curRichText) == null || r.show();
-    const { unitId: t } = this._renderContext;
-    this._editorBridgeService.changeVisible({ visible: e, eventType: q.PointerDown, unitId: t });
-  }
-};
-Fe = Nn([
-  je(1, w),
-  je(2, U),
-  je(3, Ye)
-], Fe);
-const zt = {
-  id: "slide.operation.activate-slide",
-  type: D.OPERATION,
-  handler: (n, e) => {
-    var h, l;
-    const t = e.unitId, i = n.get(T), s = n.get(w).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
-    if (!o) return !1;
-    const c = i.getRenderUnitByPageId(o, t);
-    if (!c) return !1;
-    const a = (l = c.scene) == null ? void 0 : l.getTransformer();
-    return a && a.clearControls(), i.activePage(e.id, t), !0;
-  }
-}, Kt = {
-  id: "slide.operation.append-slide",
-  type: D.OPERATION,
-  handler: (n, e) => {
-    const t = e.unitId;
-    return n.get(w).getUnit(t) ? (n.get(T).appendPage(t), !0) : !1;
-  }
-}, Je = {
-  id: "slide.command.insert-float-image",
-  type: D.COMMAND,
-  handler: async (n, e) => {
-    var V;
-    const t = n.get(w), i = (V = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : V.getUnitId();
-    if (!i) return !1;
-    const s = await n.get(Oi).openFile({
-      multiple: !0,
-      accept: Ki.map((R) => `.${R.replace("image/", "")}`).join(",")
-    });
-    if (s.length !== 1) return !1;
-    const c = await n.get(Zi).saveImage(s[0]);
-    if (!c) return !1;
-    const { imageId: a, imageSourceType: h, source: l, base64Cache: d } = c, { width: g, height: m, image: p } = await Xi(d || ""), f = t.getUnit(i);
-    if (!f) return !1;
-    const v = f.getActivePage(), _ = Object.values(v.pageElements), I = _ != null && _.length ? Math.max(..._.map((R) => R.zIndex)) : 20, b = {
-      id: a,
-      zIndex: I + 1,
-      left: 0,
-      top: 0,
-      width: g,
-      height: m,
-      title: "",
-      description: "",
-      type: ze.IMAGE,
-      image: {
-        imageProperties: {
-          contentUrl: d,
-          imageSourceType: h,
-          source: l,
-          base64Cache: d,
-          image: p
-        }
-      }
-    };
-    v.pageElements[a] = b, f.updatePage(v.id, v);
-    const P = n.get(T), M = P.createObjectToPage(b, v.id, i);
-    return M && P.setObjectActiveByPage(M, v.id, i), !0;
-  }
-}, Qe = {
-  id: "slide.command.add-text",
-  type: D.COMMAND,
-  handler: async (n) => {
-    var r;
-    const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Zt.id, { unitId: i });
-  }
-}, Zt = {
-  id: "slide.operation.add-text",
-  type: D.OPERATION,
-  handler: async (n, e) => {
-    const t = e.unitId, i = Ct(6), r = 220, s = 40, o = 230, c = 142, a = (e == null ? void 0 : e.text) || "A New Text", l = n.get(w).getUnit(t);
-    if (!l) return !1;
-    const d = l.getActivePage(), g = Object.values(d.pageElements), m = g != null && g.length ? Math.max(...g.map((_) => _.zIndex)) : 21, p = {
-      id: i,
-      zIndex: m + 1,
-      left: o,
-      top: c,
-      width: r,
-      height: s,
-      title: "text",
-      description: "",
-      type: ze.TEXT,
-      richText: {
-        text: a,
-        fs: 30,
-        cl: {
-          rgb: "rgb(51, 51, 51)"
-        },
-        bl: 1
-      }
-    };
-    d.pageElements[i] = p, l.updatePage(d.id, d);
-    const f = n.get(T), v = f.createObjectToPage(p, d.id, t);
-    return v && f.setObjectActiveByPage(v, d.id, t), !0;
-  }
-}, Xt = {
-  id: "slide.operation.set-slide-page-thumb",
-  type: D.OPERATION,
-  handler: (n, e) => (n.get(T).createThumbs(e.unitId), !0)
-};
-function Dn(n) {
-  var p, f;
-  const e = (f = (p = n.popup) == null ? void 0 : p.extraProps) == null ? void 0 : f.menuItems;
-  if (!e)
-    return null;
-  const t = O(U), i = O(Q), [r, s] = $(!1), [o, c] = $(!1), a = () => {
-    c(!0);
-  }, h = () => {
-    c(!1);
-  }, l = (v) => {
-    s(v);
-  }, d = (v) => {
-    t.executeCommand(v.commandId, v.commandParams), s(!1);
-  }, g = r || o, m = e.filter((v) => !v.disable);
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      onMouseEnter: a,
-      onMouseLeave: h,
-      children: /* @__PURE__ */ u(
-        Pt,
-        {
-          align: "start",
-          overlay: /* @__PURE__ */ u(
-            "ul",
-            {
-              className: K("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg", ue),
-              children: m.map((v) => /* @__PURE__ */ u(
-                "li",
-                {
-                  className: "univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",
-                  onClick: () => d(v),
-                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(v.label) })
-                },
-                v.index
-              ))
-            }
-          ),
-          open: r,
-          onOpenChange: l,
-          children: /* @__PURE__ */ x(
-            "div",
-            {
-              className: K("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", ue, {
-                "univer-bg-gray-100 dark:!univer-bg-gray-800": r,
-                "univer-bg-white dark:!univer-bg-gray-900": !r
-              }),
-              children: [
-                /* @__PURE__ */ u(
-                  Vt,
-                  {
-                    className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
-                  }
-                ),
-                g && /* @__PURE__ */ u(Xe, { className: "dark:!univer-text-white" })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function Un() {
-  var p, f;
-  const n = O(w), e = O(U), t = O(X), i = O(Q), r = Mt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
-  if (!o || !c)
-    return null;
-  const a = c.map((v) => o[v]), [h, l] = $((f = (p = s == null ? void 0 : s.getActivePage()) == null ? void 0 : p.id) != null ? f : null), d = ji(() => a.map(() => Ai()), [a]);
-  he(() => {
-    const v = s == null ? void 0 : s.activePage$.subscribe((_) => {
-      var b;
-      const I = (b = _ == null ? void 0 : _.id) != null ? b : null;
-      I && l(I);
-    });
-    return () => {
-      v == null || v.unsubscribe();
-    };
-  }, []), he(() => {
-    d.forEach((v, _) => {
-      var I;
-      if (v.current) {
-        const b = a[_];
-        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(v.current);
-      }
-    }), d.length > 0 && e.syncExecuteCommand(Xt.id, { unitId: s == null ? void 0 : s.getUnitId() });
-  }, [d, a, t, e, s]);
-  const g = at((v) => {
-    e.syncExecuteCommand(zt.id, { id: v, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), m = at(() => {
-    e.syncExecuteCommand(Kt.id, { unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]);
-  return /* @__PURE__ */ u(
-    "aside",
-    {
-      ref: r,
-      className: K("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Vi),
-      children: /* @__PURE__ */ x("div", { className: "univer-px-4", children: [
-        /* @__PURE__ */ u("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ u(
-          "a",
-          {
-            className: K("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors", ue),
-            onClick: m,
-            children: i.t("slide.append")
-          }
-        ) }),
-        a.map((v, _) => /* @__PURE__ */ x(
-          "div",
-          {
-            className: K("univer-my-4 univer-flex univer-gap-2", {
-              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": v.id === h
-            }),
-            onClick: () => g(v.id),
-            children: [
-              /* @__PURE__ */ u("span", { children: _ + 1 }),
-              /* @__PURE__ */ u(
-                "div",
-                {
-                  ref: d[_],
-                  className: K("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ue)
-                }
-              )
-            ]
-          },
-          v.id
-        ))
-      ] })
-    }
-  );
-}
-const Te = -1e3, mt = {
-  width: 0,
-  height: 0,
-  top: Te,
-  left: Te
-};
-function Vn() {
-  const [n, e] = $({
-    ...mt
-  }), t = O(qe), i = O(Ze), r = O(fe), s = wi(
-    () => r.subscribeContextValue$(st),
-    !1,
-    void 0,
-    [r, st]
-  );
-  return fi.UNSPECIFIED, he(() => {
-    t.state$.subscribe((o) => {
-      if (o == null)
-        return;
-      const {
-        startX: c = Te,
-        startY: a = Te,
-        endX: h = 0,
-        endY: l = 0,
-        show: d = !1
-      } = o;
-      if (!d)
-        e({
-          ...mt
-        });
-      else {
-        e({
-          width: h - c - ne + 2,
-          height: l - a - ne + 2,
-          left: c + ne,
-          top: a + ne
-        });
-        const g = i.getEditor(de);
-        if (g == null)
-          return;
-        const { left: m, top: p, width: f, height: v } = g.getBoundingClientRect();
-        t.setRect({ left: m, top: p, width: f, height: v });
-      }
-    });
-  }, []), he(() => {
-    s || t.setFocus(!0);
-  }, [s, n]), /* @__PURE__ */ u(
-    "div",
-    {
-      className: K("univer-absolute univer-z-10 univer-box-border univer-flex", ue),
-      style: {
-        left: n.left,
-        top: n.top,
-        width: n.width,
-        height: n.height
-      }
-    }
-  );
-}
-const Gt = "slide.menu.image";
-function jn(n) {
-  return {
-    id: Gt,
-    type: me.SUBITEMS,
-    icon: "AddImageIcon",
-    tooltip: "slide.image.insert.title",
-    hidden$: pe(n, E.UNIVER_SLIDE)
-  };
-}
-function An(n) {
-  return {
-    id: Je.id,
-    title: "slide.image.insert.float",
-    type: me.BUTTON,
-    hidden$: pe(n, E.UNIVER_SLIDE)
-  };
-}
-const Yt = "slide.menu.shape";
-function Ln(n) {
-  return {
-    id: Yt,
-    type: me.SUBITEMS,
-    icon: "GraphIcon",
-    tooltip: "slide.shape.insert.title",
-    hidden$: pe(n, E.UNIVER_SLIDE)
-    // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
-  };
-}
-function Bn(n) {
-  return {
-    id: Ge.id,
-    title: "slide.shape.insert.rectangle",
-    type: me.BUTTON,
-    hidden$: pe(n, E.UNIVER_SLIDE)
-  };
-}
-function $n(n) {
-  return {
-    id: Qe.id,
-    type: me.BUTTON,
-    icon: "TextIcon",
-    tooltip: "slide.text.insert.title",
-    hidden$: pe(n, E.UNIVER_SLIDE)
-  };
-}
-const Hn = {
-  [yi.FORMAT]: {
-    [Qe.id]: {
-      order: 0,
-      menuItemFactory: $n
-    },
-    [Gt]: {
-      order: 0,
-      menuItemFactory: jn,
-      [Je.id]: {
-        order: 0,
-        menuItemFactory: An
-      }
-    },
-    [Yt]: {
-      order: 0,
-      menuItemFactory: Ln,
-      [Ge.id]: {
-        order: 0,
-        menuItemFactory: Bn
-      }
+  _showEditorByKeyboard(e) {
+  }
+  _commandExecutedListener(e) {
+    const t = [we.id], i = [Xi.id];
+    e.add(this._commandService.onCommandExecuted((r) => {
+      this._editorService.getFocusId() === de && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
+    }));
+  }
+  _moveCursorCmdHandler(e) {
+    const t = e.params, { keycode: i, isShift: r } = t;
+    i != null && this._cursorChange === G.CursorChange ? this._moveInEditor(i, r) : this._editorBridgeService.changeVisible(t);
+  }
+  _editingChangedHandler() {
+    const e = this._editorBridgeService.getEditorRect();
+    if (!e)
+      return;
+    const t = e.richTextObj;
+    t.refreshDocumentByDocData(), t.resizeToContentSize();
+    const { unitId: i } = this._renderContext;
+    this._handleEditorVisible({ visible: !0, eventType: 3, unitId: i });
+  }
+  _getEditorObject() {
+    return kn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+  }
+  async _handleEditorInvisible(e) {
+    const { keycode: t } = e;
+    if (this._cursorChange = G.InitialState, this._exitInput(e), this._editorBridgeService.getEditRectState() == null)
+      return;
+    if (this._editorBridgeService.getEditorDirty() === !1) {
+      this._moveCursor(t);
+      return;
     }
+    this._moveCursor(t);
   }
-};
-function We(n) {
-  return n.getContextValue(Rt) && n.getContextValue(Re);
-}
-function Fn(n) {
-  return n.getContextValue(pi) && n.getContextValue(Rt);
-}
-const qt = [
-  y.ARROW_DOWN,
-  y.ARROW_UP,
-  y.ARROW_LEFT,
-  y.ARROW_RIGHT
-];
-[y.ENTER, y.TAB, ...qt];
-function Wn() {
-  const n = [];
-  for (const e of qt)
-    n.push({
-      id: Pe.id,
-      binding: e,
-      preconditions: (t) => We(t),
-      staticParameters: {
-        visible: !1,
-        eventType: q.Keyboard,
-        keycode: e,
-        isShift: !1
-      }
-    }), n.push({
-      id: Pe.id,
-      binding: e | Pi.SHIFT,
-      preconditions: (t) => We(t),
-      staticParameters: {
-        visible: !1,
-        eventType: q.Keyboard,
-        keycode: e,
-        isShift: !0
+  _exitInput(e) {
+    this._contextService.setContextValue(Re, !1), this._cellEditorManagerService.setState({
+      show: e.visible
+    });
+    const t = this._editorBridgeService.getCurrentEditorId();
+    t != null && this._undoRedoService.clearUndoRedo(t);
+  }
+  _moveCursor(e) {
+    if (e != null)
+      switch (j.LEFT, e) {
+        case y.ENTER:
+          j.DOWN;
+          break;
+        case y.TAB:
+          j.RIGHT;
+          break;
+        case y.ARROW_DOWN:
+          j.DOWN;
+          break;
+        case y.ARROW_UP:
+          j.UP;
+          break;
+        case y.ARROW_LEFT:
+          j.LEFT;
+          break;
+        case y.ARROW_RIGHT:
+          j.RIGHT;
+          break;
       }
+  }
+  /**
+   * The user's operations follow the sequence of opening the editor and then moving the cursor.
+   * The logic here predicts the user's first cursor movement behavior based on this rule
+   */
+  _cursorStateListener(e) {
+    const t = this._getEditorObject();
+    if (!t)
+      return;
+    const { document: i } = t;
+    e.add(bt(i.onPointerDown$.subscribeEvent(() => {
+      this._cursorChange === G.StartEditor && (this._cursorChange = G.CursorChange);
+    })));
+  }
+  // TODO: @JOCS, is it necessary to move these commands MoveSelectionOperation\MoveCursorOperation to shortcut? and use multi-commands?
+  _moveInEditor(e, t) {
+    let i = j.LEFT;
+    e === y.ARROW_DOWN ? i = j.DOWN : e === y.ARROW_UP ? i = j.UP : e === y.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(Wi.id, {
+      direction: i
+    }) : this._commandService.executeCommand(ki.id, {
+      direction: i
     });
-  return n;
-}
-const kn = {
-  id: zi.id,
-  preconditions: (n) => We(n) || Fn(n),
-  binding: y.BACKSPACE
+  }
 };
+Fe = Fn([
+  A(1, ji),
+  A(2, gi),
+  A(3, fe),
+  A(4, w),
+  A(5, X),
+  A(6, Qe),
+  A(7, Je),
+  A(8, Z(Zi)),
+  A(9, U),
+  A(10, Z(Q)),
+  A(11, Ze)
+], Fe);
+function kn(n, e) {
+  if (n == null)
+    return;
+  const t = e.getRenderById(n);
+  if (t == null)
+    return;
+  const { mainComponent: i, scene: r, engine: s, components: o } = t, c = i, a = o.get(zi.BACKGROUND);
+  return {
+    document: c,
+    docBackground: a,
+    scene: r,
+    engine: s
+  };
+}
 var zn = Object.getOwnPropertyDescriptor, Kn = (n, e, t, i) => {
   for (var r = i > 1 ? void 0 : i ? zn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, ie = (n, e) => (t, i) => e(t, i, n);
-let Me = class extends De {
-  constructor(n, e, t, i, r, s) {
-    super(), this._injector = n, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = i, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
-  }
-  _initMenus() {
-    this._menuManagerService.mergeMenu(Hn);
+}, je = (n, e) => (t, i) => e(t, i, n);
+let We = class extends ge {
+  constructor(e, t, i, r) {
+    super();
+    /**
+     * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
+     */
+    // private _cursorChange: CursorChange = CursorChange.InitialState;
+    /** If the corresponding unit is active and prepared for editing. */
+    // private _isUnitEditing = false;
+    S(this, "setSlideTextEditor$", new Nt());
+    S(this, "_curRichText", null);
+    S(this, "_d");
+    this._renderContext = e, this._instanceSrv = t, this._commandService = i, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
+      s && s.getUnitId() === this._renderContext.unitId ? this._d = this._init() : this._disposeCurrent();
+    }));
   }
-  _initCustomComponents() {
-    const n = this._componentManager;
-    this.disposeWithMe(n.register("TextIcon", Ht)), this.disposeWithMe(n.register("GraphIcon", At)), this.disposeWithMe(n.register(kt, Dn)), this.disposeWithMe(n.register(xe, _n));
+  _init() {
+    const e = new Ke();
+    return this._initEventListener(e), e;
   }
-  _initCommands() {
-    [
-      Kt,
-      zt,
-      Xt,
-      Je,
-      Zt,
-      Qe,
-      Wt,
-      Ge,
-      Be,
-      Dt,
-      H,
-      // commands for editor
-      Pe
-    ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
+  _disposeCurrent() {
+    var e;
+    (e = this._d) == null || e.dispose(), this._d = null;
   }
-  _initUIComponents() {
-    this.disposeWithMe(
-      this._uiPartsService.registerComponent(ot.LEFT_SIDEBAR, () => ct(Un, this._injector))
-    ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ot.CONTENT, () => ct(Vn, this._injector))
-    );
+  _setEditorRect(e, t) {
+    this._curRichText = t;
+    const { scene: i, engine: r } = this._renderContext, s = this._renderContext.unitId, o = {
+      scene: i,
+      engine: r,
+      unitId: s,
+      pageId: e,
+      richTextObj: t
+    };
+    this._editorBridgeService.setEditorRect(o);
   }
-  _initShortcuts() {
-    [
-      kn,
-      ...Wn()
-    ].forEach((n) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(n));
+  _initEventListener(e) {
+    const t = (o) => {
+      const c = o.getTransformer();
+      c && (e.add(c.clearControl$.subscribe(() => {
+        this.setEditorVisible(!1), this.pickOtherObjects();
+      })), e.add(c.createControl$.subscribe(() => {
+        this.setEditorVisible(!1);
+      })), e.add(o.onDblclick$.subscribeEvent(() => {
+        c.clearControls();
+        const h = c.getSelectedObjectMap().values().next().value;
+        h && (h.objectType !== le.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
+      })), e.add(this._instanceSrv.focused$.subscribe((a) => {
+        this.endEditing();
+      })));
+    }, { mainComponent: i } = this._renderContext;
+    i.subSceneChanged$.subscribeEvent((o) => {
+      t(o);
     });
+    const s = Array.from(i.getSubScenes().values());
+    for (let o = 0; o < s.length; o++) {
+      const c = s[o];
+      t(c);
+    }
+  }
+  pickOtherObjects() {
+    this.endEditing();
+  }
+  /**
+   * invoked when picking other object.
+   *
+   * save editing state to curr richText.
+   */
+  endEditing() {
+    var s;
+    if (!this._curRichText) return;
+    this.setEditorVisible(!1);
+    const e = this._curRichText;
+    if (!this._instanceSrv.getCurrentUnitForType(E.UNIVER_SLIDE)) return !1;
+    e.refreshDocumentByDocData(), e.resizeToContentSize(), this._editorBridgeService.endEditing$.next(e);
+    const i = {
+      bl: 1,
+      fs: e.fs,
+      text: e.text
+    }, r = (s = e.documentData.body) == null ? void 0 : s.textRuns;
+    if (r && r.length) {
+      const c = r[0].ts;
+      i.cl = c == null ? void 0 : c.cl;
+    }
+    this._commandService.executeCommand(H.id, {
+      unitId: this._renderContext.unitId,
+      oKey: e == null ? void 0 : e.oKey,
+      props: {
+        richText: i
+      }
+    }), this._curRichText = null;
+  }
+  /**
+   * TODO calling twice ？？？？
+   * editingParam derives from RichText object.
+   *
+   * TODO @lumixraku need scale param
+   * @param target
+   */
+  startEditing(e, t) {
+    this._setEditorRect(e, t), this.setEditorVisible(!0);
+  }
+  setEditorVisible(e) {
+    var i, r;
+    e ? (i = this._curRichText) == null || i.hide() : (r = this._curRichText) == null || r.show();
+    const { unitId: t } = this._renderContext;
+    this._editorBridgeService.changeVisible({ visible: e, eventType: q.PointerDown, unitId: t });
   }
 };
-Me = Kn([
-  ie(0, Z(ke)),
-  ie(1, Ti),
-  ie(2, Z(Mi)),
-  ie(3, Ni),
-  ie(4, U),
-  ie(5, Di)
-], Me);
+We = Kn([
+  je(1, w),
+  je(2, U),
+  je(3, Qe)
+], We);
 var Zn = Object.getOwnPropertyDescriptor, Xn = (n, e, t, i) => {
   for (var r = i > 1 ? void 0 : i ? Zn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
@@ -2151,11 +2149,11 @@ let Ne = class extends ge {
     this._initSlideDataListener(), this._initContextListener();
   }
   _initSlideDataListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(lt(this.dispose$)).subscribe((n) => {
+    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(ut(this.dispose$)).subscribe((n) => {
       this._createRenderer(n == null ? void 0 : n.getUnitId());
     }), this._instanceSrv.getAllUnitsForType(E.UNIVER_SLIDE).forEach((n) => {
       this._createRenderer(n.getUnitId());
-    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(lt(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(ut(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
   }
   _createRenderer(n) {
     n == null || this._instanceSrv.getUnit(n, E.UNIVER_SLIDE) == null || this._renderManagerService.createRender(n);
@@ -2180,22 +2178,22 @@ var Gn = Object.getOwnPropertyDescriptor, Yn = (n, e, t, i) => {
 const qn = "SLIDE_UI";
 var Ee;
 let _t = (Ee = class extends mi {
-  constructor(n = vt, e, t, i, r) {
+  constructor(n = gt, e, t, i, r) {
     super(), this._config = n, this._injector = e, this._renderManagerService = t, this._univerInstanceService = i, this._configService = r;
     const { menu: s, ...o } = _i(
       {},
-      vt,
+      gt,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(en, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Dn, o);
   }
   onStarting() {
     tt([
       [Ne],
-      [Ye, { useClass: $e }],
+      [Qe, { useClass: He }],
       // used by SlideUIController --> EditorContainer
-      [qe, { useClass: On }],
-      [we]
+      [Je, { useClass: On }],
+      [Te]
     ], this._config.override).forEach((n) => this._injector.add(n));
   }
   onReady() {
@@ -2212,10 +2210,10 @@ let _t = (Ee = class extends mi {
       // [ISlideEditorManagerService, { useClass: SlideEditorManagerService }],
       // SlidesUIController controller should be registered in Ready stage.
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
-      [Me],
+      [Pe],
       // editor service was create in renderManagerService
       [ve],
-      [ye]
+      [Me]
     ], this._config.override).forEach((n) => {
       this._injector.add(n);
     }), this._injector.get(T), this._injector.get(Ne);
@@ -2224,14 +2222,14 @@ let _t = (Ee = class extends mi {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [Fe],
-      [He]
+      [We],
+      [Fe]
     ].forEach((n) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
-    }), this._markSlideAsFocused(), this._injector.get(Me);
+    }), this._markSlideAsFocused(), this._injector.get(Pe);
   }
   onSteady() {
-    this._injector.get(ye);
+    this._injector.get(Me);
   }
   _markSlideAsFocused() {
     const n = this._univerInstanceService;
@@ -2249,25 +2247,25 @@ _t = Yn([
   be(4, Ci)
 ], _t);
 export {
-  zt as ActivateSlidePageOperation,
-  Kt as AppendSlideOperation,
+  Dt as ActivateSlidePageOperation,
+  Ut as AppendSlideOperation,
   T as CanvasView,
-  Dt as DeleteSlideElementOperation,
-  Ye as ISlideEditorBridgeService,
-  Je as InsertSlideFloatImageCommand,
-  Ge as InsertSlideShapeRectangleCommand,
-  Wt as InsertSlideShapeRectangleOperation,
-  Yt as SHAPE_MENU_ID,
-  Gt as SLIDES_IMAGE_MENU_ID,
+  Vt as DeleteSlideElementOperation,
+  Qe as ISlideEditorBridgeService,
+  Xe as InsertSlideFloatImageCommand,
+  Ye as InsertSlideShapeRectangleCommand,
+  zt as InsertSlideShapeRectangleOperation,
+  Gt as SHAPE_MENU_ID,
+  Xt as SLIDES_IMAGE_MENU_ID,
   de as SLIDE_EDITOR_ID,
-  Xt as SetSlidePageThumbOperation,
-  Qe as SlideAddTextCommand,
-  Zt as SlideAddTextOperation,
-  we as SlideCanvasPopMangerService,
-  Vn as SlideEditorContainer,
-  Un as SlideSideBar,
-  Me as SlidesUIController,
-  Hn as SlidesUIMenuSchema,
+  Zt as SetSlidePageThumbOperation,
+  qe as SlideAddTextCommand,
+  Kt as SlideAddTextOperation,
+  Te as SlideCanvasPopMangerService,
+  wn as SlideEditorContainer,
+  _n as SlideSideBar,
+  Pe as SlidesUIController,
+  xn as SlidesUIMenuSchema,
   _t as UniverSlidesUIPlugin,
   H as UpdateSlideElementOperation
 };