@univerjs/slides-ui 0.17.0 → 0.18.0

package/lib/index.js

@@ -1,2611 +1,36 @@
-var an = Object.defineProperty;
-var ln = (i, e, t) => e in i ? an(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var S = (i, e, t) => ln(i, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as z, Injector as ke, IUniverInstanceService as w, RxDisposable as fe, UniverInstanceType as E, debounce as dn, getColorStyle as un, CommandType as D, PageElementType as De, merge as It, LocaleService as J, ICommandService as N, generateRandomId as ze, BasicShapes as bt, createInternalEditorID as hn, createIdentifier as Et, IContextService as _e, DocumentFlavor as gn, FOCUSING_UNIVER_EDITOR as Rt, EDITOR_ACTIVATED as Re, FORMULA_EDITOR_ACTIVATED as vn, Disposable as Ne, FOCUSING_EDITOR_STANDALONE as xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Ot, DocumentDataModel as pn, HorizontalAlign as wt, VerticalAlign as xe, IUndoRedoService as fn, DisposableCollection as Ke, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as _n, DEFAULT_EMPTY_DOCUMENT_VALUE as mn, Direction as V, toDisposable as yt, FOCUSING_COMMON_DRAWINGS as Cn, Plugin as Sn, mergeOverrideWithDependencies as nt, IConfigService as In } from "@univerjs/core";
-import { IRenderManagerService as K, Viewport as it, ScrollBar as Pt, getCurrentTypeOfRenderer as Le, Slide as bn, Rect as Tt, Scene as En, ObjectType as ue, FIX_ONE_PIXEL_BLUR_OFFSET as ie, DeviceInputEventType as Y, convertTextRotation as rt, fixLineWidthByScale as st, pxToNum as Rn } from "@univerjs/engine-render";
-import { ObjectProvider as xn, SLIDE_KEY as re } from "@univerjs/slides";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as On, IImageIoService as wn, getImageSize as yn } from "@univerjs/drawing";
-import { ILocalFileService as Pn, useDependency as O, ISidebarService as Mt, getMenuHiddenObservable as se, MenuItemType as oe, RibbonStartGroup as Tn, useObservable as Mn, DISABLE_AUTO_FOCUS_KEY as ot, KeyCode as y, MetaKeys as Dn, IMenuManagerService as Nn, ComponentManager as Un, IUIPartsService as Vn, IShortcutService as jn, BuiltInUIPart as ct, connectInjector as at, ILayoutService as An, ICanvasPopupService as Ln } from "@univerjs/ui";
-import { jsxs as R, jsx as g } from "react/jsx-runtime";
-import { Button as Se, clsx as k, Dropdown as Dt, ColorPicker as $n, borderTopClassName as Nt, InputNumber as de, borderClassName as ge, scrollbarClassName as Bn } from "@univerjs/design";
-import { useRef as Ut, createElement as H, forwardRef as Z, useState as $, useEffect as ve, useMemo as Hn, createRef as Fn, useCallback as lt } from "react";
-import { IEditorService as Ze, DeleteLeftCommand as Wn, DocSelectionRenderService as dt, VIEWPORT_KEY as ut, DOCS_COMPONENT_MAIN_LAYER_INDEX as kn, MoveSelectionOperation as zn, MoveCursorOperation as Kn, DOCS_VIEW_KEY as Zn } from "@univerjs/docs-ui";
-import { BehaviorSubject as q, Subject as Vt, filter as Gn, takeUntil as ht } from "rxjs";
-import { DocSelectionManagerService as Xn, DocSkeletonManagerService as gt, RichTextEditingMutation as Yn } from "@univerjs/docs";
-var qn = Object.getOwnPropertyDescriptor, Jn = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? qn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ue = (i, e) => (t, n) => e(t, n, i);
-let pe = class extends fe {
-  constructor(e, t, n, r) {
-    super();
-    S(this, "_objectProvider", null);
-    S(this, "_refreshThumb", dn(() => {
-      this.createThumbs();
-    }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = n, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(xn), this._addNewRender();
-  }
-  _addNewRender() {
-    const { unitId: e, engine: t, scene: n } = this._renderContext, r = this._getCurrUnitModel();
-    if (!r) return;
-    const s = t.onTransformChange$.subscribeEvent(() => {
-      this._scrollToCenter(), s == null || s.unsubscribe();
-    });
-    t.onTransformChange$.subscribeEvent(() => {
-      setTimeout(() => {
-        this.createThumbs();
-      }, 300);
-    });
-    const o = new it(re.VIEW, n, {
-      left: 0,
-      top: 0,
-      bottom: 0,
-      right: 0,
-      explicitViewportWidthSet: !1,
-      explicitViewportHeightSet: !1,
-      isWheelPreventDefaultX: !0
-    });
-    n.attachControl(), n.onMouseWheel$.subscribeEvent((a, u) => {
-      const l = a;
-      if (l.ctrlKey) {
-        const d = Math.abs(l.deltaX);
-        let v = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
-        v *= l.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (v /= 2), n.scaleX + v > 4 ? n.scale(4, 4) : n.scaleX + v < 0.1 ? n.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
-      } else
-        o.onMouseWheel(l, u);
-    }), n.onFileLoaded$.subscribeEvent(() => {
-      this._refreshThumb();
-    }), Pt.attachTo(o);
-    const c = this._createSlide(n);
-    this._renderContext.mainComponent = c, this._createSlidePages(r, c), this.createThumbs(), t.runRenderLoop(() => {
-      n.render();
-    });
-  }
-  _scrollToCenter() {
-    var a;
-    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), n = this._getCenterPositionViewPort(e);
-    if (!t || !n) return;
-    const { left: r, top: s } = n, { x: o, y: c } = t.transViewportScroll2ScrollValue(r, s);
-    t.scrollToBarPos({
-      x: o,
-      y: c
-    });
-  }
-  _currentRender() {
-    return Le(E.UNIVER_SLIDE, this._univerInstanceService, this._renderManagerService);
-  }
-  /**
-   * @param mainScene
-   */
-  _createSlide(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: n, height: r } = e, s = t.getPageSize(), { width: o = 100, height: c = 100 } = s, a = new bn(re.COMPONENT, {
-      left: (n - o) / 2,
-      top: (r - c) / 2,
-      width: o,
-      height: c,
-      zIndex: 10
-    });
-    return a.enableSelectedClipElement(), e.addObject(a), a;
-  }
-  _addBackgroundRect(e, t) {
-    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new Tt("canvas", {
-      left: 0,
-      top: 0,
-      width: s,
-      height: o,
-      strokeWidth: 1,
-      stroke: "rgba(198,198,198,1)",
-      fill: un(t) || "rgba(255,255,255,1)",
-      zIndex: 0,
-      evented: !1
-    });
-    e.addObject(c, 0);
-  }
-  _getCenterPositionViewPort(e) {
-    if (!e) return { left: 0, top: 0 };
-    const { width: t, height: n } = e, r = e.getEngine(), s = (r == null ? void 0 : r.width) || 0, o = (r == null ? void 0 : r.height) || 0;
-    return {
-      left: (t - s) / 2,
-      top: (n - o) / 2
-    };
-  }
-  _thumbSceneRender(e, t) {
-    const n = this._renderManagerService.getRenderById(e);
-    if (n == null)
-      return;
-    const { engine: r } = n;
-    if (r == null)
-      return;
-    const { width: s, height: o } = t, { width: c = s, height: a = o } = r, u = r.getCanvas().getContext();
-    t.renderToThumb(u, e, c / s, a / o);
-  }
-  /**
-   * CreateScene by pages, and activate first one.
-   * @param slideDataModel
-   * @param slide
-   */
-  _createSlidePages(e, t) {
-    const n = e.getPages(), r = e.getPageOrder();
-    if (!(!n || !r) && r.length !== 0) {
-      for (let s = 0, o = r.length; s < o; s++) {
-        const c = r[s];
-        this.createPageScene(c, n[c]), this._createThumb(c);
-      }
-      t.activeFirstPage();
-    }
-  }
-  _createThumb(e) {
-    this._renderManagerService.createRender(e);
-  }
-  /**
-   * SlideDataModel is UnitModel
-   */
-  _getCurrUnitModel() {
-    return this._renderContext.unit;
-  }
-  activePage(e) {
-    let t = e;
-    const n = this._getCurrUnitModel();
-    let r;
-    if (t)
-      r = n.getPage(t);
-    else {
-      const a = n.getPages(), u = n.getPageOrder();
-      if (u == null || a == null)
-        return;
-      r = a[u[0]], t = r.id;
-    }
-    const s = this._currentRender();
-    if (r == null || s == null || s.mainComponent == null)
-      return;
-    const { id: o } = r, c = s.mainComponent;
-    if (n.setActivePage(r), c != null && c.hasPage(o)) {
-      c.changePage(o);
-      return;
-    }
-    this.createPageScene(o, r);
-  }
-  createThumbs() {
-    const t = this._getCurrUnitModel().getPageOrder(), n = this._currentRender();
-    if (!(!t || !n) && t.length !== 0)
-      for (let r = 0, s = t.length; r < s; r++) {
-        const o = t[r];
-        this._thumbSceneRender(o, n.mainComponent);
-      }
-  }
-  /**
-   * Create scene by page and set to _sceneMap.
-   * @param pageId
-   * @param page
-   */
-  createPageScene(e, t) {
-    const n = this._renderContext;
-    if (!n || !this._objectProvider)
-      return;
-    const { scene: r, mainComponent: s } = n, o = s, { width: c, height: a } = o, u = new En(e, o, {
-      width: c,
-      height: a
-    });
-    new it(`PageViewer_${e}`, u, {
-      left: 0,
-      top: 0,
-      bottom: 0,
-      right: 0,
-      explicitViewportWidthSet: !1,
-      explicitViewportHeightSet: !1
-    }).closeClip();
-    const { pageElements: d, pageBackgroundFill: v } = t, _ = this._objectProvider.convertToRenderObjects(d, r);
-    if (!_ || !o) return;
-    this._addBackgroundRect(u, v), u.addObjects(_), u.initTransformer(), _.forEach((p) => {
-      u.attachTransformerTo(p);
-    });
-    const f = u.getTransformer();
-    return f == null || f.changeEnd$.subscribe(() => {
-      this._thumbSceneRender(e, o);
-    }), f == null || f.clearControl$.subscribe(() => {
-      this._thumbSceneRender(e, o);
-    }), o.addPageScene(u), u;
-  }
-  /**
-   * Get pageScene from Slide.
-   * @param pageId
-   * @returns {Scene, Engine, UnitModel} scene & engine & unit from renderContext
-   */
-  getPageRenderUnit(e) {
-    const n = this._renderContext.mainComponent.getSubScenes().get(e), { engine: r, unit: s } = this._renderContext;
-    return {
-      scene: n,
-      engine: r,
-      unit: s
-    };
-  }
-  createObjectToPage(e, t) {
-    const { scene: n } = this.getPageRenderUnit(t);
-    if (!n || !this._objectProvider)
-      return;
-    const r = this._objectProvider.convertToRenderObject(e, n);
-    if (r)
-      return n.addObject(r), n.attachTransformerTo(r), n.getLayer().makeDirty(), r;
-  }
-  setObjectActiveByPage(e, t) {
-    const { scene: n } = this.getPageRenderUnit(t);
-    if (!n) return;
-    const r = n.getTransformer();
-    r == null || r.activeAnObject(e);
-  }
-  removeObjectById(e, t) {
-    const { scene: n } = this.getPageRenderUnit(t);
-    if (!n) return;
-    n.removeObject(e);
-    const r = n.getTransformer();
-    r == null || r.clearControls();
-  }
-  appendPage() {
-    const e = this._getCurrUnitModel(), t = e.getBlankPage(), n = this._currentRender();
-    if (t == null || n == null || n.mainComponent == null)
-      return;
-    const { id: r } = t, s = n.mainComponent, o = this.createPageScene(r, t);
-    s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
-  }
-};
-pe = Jn([
-  Ue(1, z(ke)),
-  Ue(2, w),
-  Ue(3, K)
-], pe);
-var Qn = Object.getOwnPropertyDescriptor, ei = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Qn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, ti = (i, e) => (t, n) => e(t, n, i);
-let P = class extends fe {
-  constructor(i) {
-    super(), this._renderManagerService = i;
-  }
-  _getSlideRenderControllerFromRenderUnit(i) {
-    return this._renderManagerService.getRenderById(i).with(pe);
-  }
-  createThumbs(i) {
-    this._getSlideRenderControllerFromRenderUnit(i).createThumbs();
-  }
-  activePage(i, e) {
-    this._getSlideRenderControllerFromRenderUnit(e).activePage(i);
-  }
-  getRenderUnitByPageId(i, e) {
-    return this._getSlideRenderControllerFromRenderUnit(e).getPageRenderUnit(i);
-  }
-  createObjectToPage(i, e, t) {
-    return this._getSlideRenderControllerFromRenderUnit(t).createObjectToPage(i, e);
-  }
-  setObjectActiveByPage(i, e, t) {
-    return this._getSlideRenderControllerFromRenderUnit(t).setObjectActiveByPage(i, e);
-  }
-  removeObjectById(i, e, t) {
-    this._getSlideRenderControllerFromRenderUnit(t).removeObjectById(i, e);
-  }
-  /**
-   * append blank page
-   */
-  appendPage(i) {
-    this._getSlideRenderControllerFromRenderUnit(i).appendPage();
-  }
-};
-P = ei([
-  ti(0, K)
-], P);
-const jt = {
-  id: "slide.operation.activate-slide",
-  type: D.OPERATION,
-  handler: (i, e) => {
-    var u, l;
-    const t = e.unitId, n = i.get(P), s = i.get(w).getUnit(t), o = (u = s == null ? void 0 : s.getActivePage()) == null ? void 0 : u.id;
-    if (!o) return !1;
-    const c = n.getRenderUnitByPageId(o, t);
-    if (!c) return !1;
-    const a = (l = c.scene) == null ? void 0 : l.getTransformer();
-    return a && a.clearControls(), n.activePage(e.id, t), !0;
-  }
-}, At = {
-  id: "slide.operation.append-slide",
-  type: D.OPERATION,
-  handler: (i, e) => {
-    const t = e.unitId;
-    return i.get(w).getUnit(t) ? (i.get(P).appendPage(t), !0) : !1;
-  }
-}, Lt = {
-  id: "slide.operation.delete-element",
-  type: D.OPERATION,
-  handler: (i, e) => {
-    if (!(e != null && e.id)) return !1;
-    const t = e.unitId, r = i.get(w).getUnit(t);
-    if (!r) return !1;
-    const s = r.getActivePage();
-    return delete s.pageElements[e.id], r.updatePage(s.id, s), i.get(P).removeObjectById(e.id, s.id, t), !0;
-  }
-}, Ge = {
-  id: "slide.command.insert-float-image",
-  type: D.COMMAND,
-  handler: async (i, e) => {
-    var U;
-    const t = i.get(w), n = (U = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : U.getUnitId();
-    if (!n) return !1;
-    const s = await i.get(Pn).openFile({
-      multiple: !0,
-      accept: On.map((x) => `.${x.replace("image/", "")}`).join(",")
-    });
-    if (s.length !== 1) return !1;
-    const c = await i.get(wn).saveImage(s[0]);
-    if (!c) return !1;
-    const { imageId: a, imageSourceType: u, source: l, base64Cache: d } = c, { width: v, height: _, image: f } = await yn(d || ""), p = t.getUnit(n);
-    if (!p) return !1;
-    const h = p.getActivePage(), m = Object.values(h.pageElements), I = m != null && m.length ? Math.max(...m.map((x) => x.zIndex)) : 20, b = {
-      id: a,
-      zIndex: I + 1,
-      left: 0,
-      top: 0,
-      width: v,
-      height: _,
-      title: "",
-      description: "",
-      type: De.IMAGE,
-      image: {
-        imageProperties: {
-          contentUrl: d,
-          imageSourceType: u,
-          source: l,
-          base64Cache: d,
-          image: f
-        }
-      }
-    };
-    h.pageElements[a] = b, p.updatePage(h.id, h);
-    const T = i.get(P), M = T.createObjectToPage(b, h.id, n);
-    return M && T.setObjectActiveByPage(M, h.id, n), !0;
-  }
-};
-function F({ ref: i, ...e }) {
-  const { icon: t, id: n, className: r, extend: s, ...o } = e, c = `univerjs-icon univerjs-icon-${n} ${r || ""}`.trim(), a = Ut(`_${ri()}`);
-  return $t(t, `${n}`, {
-    defIds: t.defIds,
-    idSuffix: a.current
-  }, {
-    ref: i,
-    className: c,
-    ...o
-  }, s);
-}
-function $t(i, e, t, n, r) {
-  return H(i.tag, {
-    key: e,
-    ...ni(i, t, r),
-    ...n
-  }, (ii(i, t).children || []).map((s, o) => $t(s, `${e}-${i.tag}-${o}`, t, void 0, r)));
-}
-function ni(i, e, t) {
-  const n = { ...i.attrs };
-  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(([s, o]) => {
-    s === "mask" && typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  });
-  const { defIds: r } = e;
-  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(([s, o]) => {
-    typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), n;
-}
-function ii(i, e) {
-  var n;
-  const { defIds: t } = e;
-  return !t || t.length === 0 ? i : i.tag === "defs" && ((n = i.children) != null && n.length) ? {
-    ...i,
-    children: i.children.map((r) => typeof r.attrs.id == "string" && t && t.includes(r.attrs.id) ? {
-      ...r,
-      attrs: {
-        ...r.attrs,
-        id: r.attrs.id + e.idSuffix
-      }
-    } : r)
-  } : i;
-}
-function ri() {
-  return Math.random().toString(36).substring(2, 8);
-}
-F.displayName = "UniverIcon";
-const si = {
-  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"
-      }
-    }
-  ]
-}, Bt = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "bottom-icon",
-    ref: t,
-    icon: si
-  }));
-});
-Bt.displayName = "BottomIcon";
-const oi = {
-  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"]
-}, Ht = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "graph-icon",
-    ref: t,
-    icon: oi
-  }));
-});
-Ht.displayName = "GraphIcon";
-const ci = {
-  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 = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "more-down-icon",
-    ref: t,
-    icon: ci
-  }));
-});
-Xe.displayName = "MoreDownIcon";
-const ai = {
-  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"
-    }
-  }]
-}, Ft = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "move-down-icon",
-    ref: t,
-    icon: ai
-  }));
-});
-Ft.displayName = "MoveDownIcon";
-const li = {
-  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"
-    }
-  }]
-}, Wt = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "move-up-icon",
-    ref: t,
-    icon: li
-  }));
-});
-Wt.displayName = "MoveUpIcon";
-const di = {
-  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"]
-}, kt = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "text-icon",
-    ref: t,
-    icon: di
-  }));
-});
-kt.displayName = "TextIcon";
-const ui = {
-  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"
-      }
-    }
-  ]
-}, zt = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "topmost-icon",
-    ref: t,
-    icon: ui
-  }));
-});
-zt.displayName = "TopmostIcon";
-const hi = {
-  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"
-      }
-    }
-  ]
-}, Kt = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "autofill-double-icon",
-    ref: t,
-    icon: hi
-  }));
-});
-Kt.displayName = "AutofillDoubleIcon";
-const gi = {
-  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"
-      }
-    }
-  ]
-}, Zt = Z(function(e, t) {
-  return H(F, Object.assign({}, e, {
-    id: "paint-bucket-double-icon",
-    ref: t,
-    icon: gi
-  }));
-});
-Zt.displayName = "PaintBucketDoubleIcon";
-const B = {
-  id: "slide.operation.update-element",
-  type: D.OPERATION,
-  handler: (i, e) => {
-    const { oKey: t, props: n } = e, r = i.get(w), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
-    if (!o) return !1;
-    const c = o.getActivePage();
-    return c.pageElements[t] = It(c.pageElements[t], n), o.updatePage(c.id, c), !0;
-  }
-};
-function vi(i) {
-  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(N), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
-  if (!c) return null;
-  const a = c.getTransformer();
-  if (!a) return null;
-  const l = a.getSelectedObjectMap().values().next().value;
-  if (!l) return null;
-  const d = (v) => {
-    const _ = c.getAllObjects(), [f, p] = _.reduce(([m, I], b) => {
-      const T = b.zIndex, M = T < m ? T : m, U = T > I ? T : I;
-      return [M, U];
-    }, [0, 0]);
-    let h = l.zIndex;
-    v === 3 ? h = f - 1 : v === 2 ? h = p + 1 : v === 0 ? h = l.zIndex + 1 : v === 1 && (h = l.zIndex - 1), l.setProps({
-      zIndex: h
-    }), s.executeCommand(B.id, {
-      unitId: t,
-      oKey: l == null ? void 0 : l.oKey,
-      props: {
-        zIndex: h
-      }
-    });
-  };
-  return /* @__PURE__ */ R("div", { className: "univer-relative univer-w-full", children: [
-    /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g(
-      "div",
-      {
-        className: "univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",
-        children: /* @__PURE__ */ g("div", { children: n.t("image-panel.arrange.title") })
-      }
-    ) }),
-    /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
-        d(
-          0
-          /* forward */
-        );
-      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(Wt, {}),
-        n.t("image-panel.arrange.forward")
-      ] }) }) }),
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
-        d(
-          1
-          /* backward */
-        );
-      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(Ft, {}),
-        n.t("image-panel.arrange.backward")
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
-        d(
-          2
-          /* front */
-        );
-      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(zt, {}),
-        n.t("image-panel.arrange.front")
-      ] }) }) }),
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
-        d(
-          3
-          /* back */
-        );
-      }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(Bt, {}),
-        n.t("image-panel.arrange.back")
-      ] }) }) })
-    ] })
-  ] });
-}
-function pi(i) {
-  var f, p;
-  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(N), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
-  if (!c) return null;
-  const a = c.getTransformer();
-  if (!a) return null;
-  const l = a.getSelectedObjectMap().values().next().value;
-  if (!l) return null;
-  const [d, v] = $((p = (f = l.fill) == null ? void 0 : f.toString()) != null ? p : "");
-  function _(h) {
-    l == null || l.setProps({
-      fill: h
-    }), s.executeCommand(B.id, {
-      unitId: t,
-      oKey: l == null ? void 0 : l.oKey,
-      props: {
-        shape: {
-          shapeProperties: {
-            shapeBackgroundFill: {
-              rgb: h
-            }
-          }
-        }
-      }
-    }), v(h);
-  }
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: k("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Nt),
-      children: /* @__PURE__ */ R("div", { className: "univer-relative univer-w-full", children: [
-        /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g(
-          "div",
-          {
-            className: "univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ g("div", { children: n.t("slide.panel.fill.title") })
-          }
-        ) }),
-        /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(
-          Dt,
-          {
-            overlay: /* @__PURE__ */ g("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ g(
-              $n,
-              {
-                value: "#fff",
-                onChange: _
-              }
-            ) }),
-            children: /* @__PURE__ */ R("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
-              /* @__PURE__ */ g(Zt, { className: "univer-fill-primary-600" }),
-              /* @__PURE__ */ g(Xe, {})
-            ] })
-          }
-        ) }) })
-      ] })
-    }
-  );
-}
-function fi(i) {
-  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(N), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
-  if (!c) return null;
-  const a = c.getTransformer();
-  if (!a) return null;
-  const l = a.getSelectedObjectMap().values().next().value;
-  if (!l) return null;
-  const {
-    width: d = 0,
-    height: v = 0,
-    left: _ = 0,
-    top: f = 0,
-    angle: p = 0
-  } = l, [h, m] = $(d), [I, b] = $(v), [T, M] = $(_), [U, x] = $(f), [W, ce] = $(p), A = (C) => {
-    const { objects: ae } = C, le = ae.values().next().value, {
-      width: nn = 0,
-      height: rn = 0,
-      left: sn = 0,
-      top: on = 0,
-      angle: cn = 0
-    } = le;
-    m(nn), b(rn), M(sn), x(on), ce(cn);
-  };
-  ve(() => {
-    const C = a.changeStart$.subscribe((le) => {
-      A(le);
-    }), ae = a.changing$.subscribe((le) => {
-      A(le);
-    });
-    return () => {
-      ae.unsubscribe(), C.unsubscribe();
-    };
-  }, []);
-  function L(C) {
-    !C || !l || (s.executeCommand(B.id, {
-      pageId: e,
-      oKey: l.oKey,
-      props: {
-        width: C
-      }
-    }), l == null || l.resize(C, l.height), m(C), a == null || a.refreshControls());
-  }
-  function Q(C) {
-    !C || !l || (s.executeCommand(B.id, {
-      pageId: e,
-      oKey: l.oKey,
-      props: {
-        height: C
-      }
-    }), l == null || l.resize(l.width, C), b(C), a == null || a.refreshControls());
-  }
-  function ee(C) {
-    !C || !l || (s.executeCommand(B.id, {
-      pageId: e,
-      oKey: l.oKey,
-      props: {
-        left: C
-      }
-    }), l == null || l.translate(C, l.top), M(C), a == null || a.refreshControls());
-  }
-  function me(C) {
-    !C || !l || (s.executeCommand(B.id, {
-      pageId: e,
-      oKey: l.oKey,
-      props: {
-        right: C
-      }
-    }), l == null || l.translate(l.left, C), x(C), a == null || a.refreshControls());
-  }
-  function Ce(C) {
-    !C || !l || (s.executeCommand(B.id, {
-      pageId: e,
-      oKey: l.oKey,
-      props: {
-        angle: C
-      }
-    }), l == null || l.transformByState({
-      angle: C
-    }), ce(C), a == null || a.refreshControls());
-  }
-  return /* @__PURE__ */ R(
-    "div",
-    {
-      className: k("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", Nt),
-      children: [
-        /* @__PURE__ */ g(
-          "header",
-          {
-            className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ g("div", { children: n.t("image-panel.transform.title") })
-          }
-        ),
-        /* @__PURE__ */ R(
-          "div",
-          {
-            className: "univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
-            children: [
-              /* @__PURE__ */ R("div", { children: [
-                /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.width") }),
-                /* @__PURE__ */ g(
-                  de,
-                  {
-                    min: 1,
-                    value: h,
-                    onChange: (C) => {
-                      L(C);
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ R("div", { children: [
-                /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.height") }),
-                /* @__PURE__ */ g(
-                  de,
-                  {
-                    min: 1,
-                    value: I,
-                    onChange: (C) => {
-                      Q(C);
-                    }
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-          /* @__PURE__ */ R("div", { children: [
-            /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.x") }),
-            /* @__PURE__ */ g(de, { min: 0, precision: 1, value: T, onChange: (C) => {
-              ee(C);
-            } })
-          ] }),
-          /* @__PURE__ */ R("div", { children: [
-            /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.y") }),
-            /* @__PURE__ */ g(de, { min: 0, precision: 1, value: U, onChange: (C) => {
-              me(C);
-            } })
-          ] }),
-          /* @__PURE__ */ R("div", { children: [
-            /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.rotate") }),
-            /* @__PURE__ */ g(
-              de,
-              {
-                precision: 1,
-                value: W,
-                onChange: Ce
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-const Ee = "COMPONENT_SLIDE_SIDEBAR";
-function _i() {
-  var u, l, d;
-  const i = O(w), e = O(P), t = i.getCurrentUnitForType(E.UNIVER_SLIDE), n = (u = t == null ? void 0 : t.getActivePage()) == null ? void 0 : u.id, r = ((l = i.getFocusedUnit()) == null ? void 0 : l.getUnitId()) || "";
-  if (!n || !r) return null;
-  const o = (d = e.getRenderUnitByPageId(n, r).scene) == null ? void 0 : d.getTransformer();
-  if (!o) return null;
-  const a = o.getSelectedObjectMap().values().next().value;
-  return a ? /* @__PURE__ */ R("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ g(vi, { pageId: n, unitId: r }),
-    /* @__PURE__ */ g(fi, { pageId: n, unitId: r }),
-    a.objectType === ue.RECT && /* @__PURE__ */ g(pi, { pageId: n, unitId: r })
-  ] }) : null;
-}
-const Ye = {
-  id: "slide.command.insert-float-shape.rectangle",
-  type: D.COMMAND,
-  handler: async (i) => {
-    var r;
-    const e = i.get(N), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Gt.id, { unitId: n });
-  }
-}, Gt = {
-  id: "slide.operation.insert-float-shape.rectangle",
-  type: D.OPERATION,
-  handler: async (i, e) => {
-    const t = ze(6), n = i.get(w), r = e.unitId, s = n.getUnit(r);
-    if (!s) return !1;
-    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((v) => v.zIndex)) : 20, u = {
-      id: t,
-      zIndex: a + 1,
-      left: 378,
-      top: 142,
-      width: 250,
-      height: 250,
-      title: t,
-      description: "",
-      type: De.SHAPE,
-      shape: {
-        shapeType: bt.Rect,
-        text: "",
-        shapeProperties: {
-          shapeBackgroundFill: {
-            rgb: "rgb(0,0,255)"
-          }
-        }
-      }
-    };
-    o.pageElements[t] = u, s.updatePage(o.id, o);
-    const l = i.get(P), d = l.createObjectToPage(u, o.id, r);
-    return d && l.setObjectActiveByPage(d, o.id, r), !0;
-  }
-}, $e = {
-  id: "sidebar.operation.slide-shape",
-  type: D.COMMAND,
-  handler: async (i, e) => {
-    const { visible: t, objectType: n } = e, r = i.get(Mt), s = i.get(J);
-    let o = "", c = "";
-    return n === ue.RECT ? (o = "slide.sidebar.shape", c = Ee) : n === ue.IMAGE ? (o = "slide.sidebar.image", c = Ee) : n === ue.RICH_TEXT && (o = "slide.sidebar.text", c = Ee), t ? r.open({
-      header: { title: s.t(o) },
-      children: { label: c },
-      onClose: () => {
-      },
-      width: 360
-    }) : r.close(), !0;
-  }
-}, qe = {
-  id: "slide.command.insert-float-shape.ellipse",
-  type: D.COMMAND,
-  handler: async (i) => {
-    var r;
-    const e = i.get(N), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Xt.id, { unitId: n });
-  }
-}, Xt = {
-  id: "slide.operation.insert-float-shape.ellipse",
-  type: D.OPERATION,
-  handler: async (i, e) => {
-    const t = ze(6), n = i.get(w), r = e.unitId, s = n.getUnit(r);
-    if (!s) return !1;
-    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((v) => v.zIndex)) : 20, u = {
-      id: t,
-      zIndex: a + 1,
-      left: 378,
-      top: 142,
-      width: 250,
-      height: 250,
-      title: t,
-      description: "",
-      type: De.SHAPE,
-      shape: {
-        shapeType: bt.Ellipse,
-        text: "",
-        shapeProperties: {
-          radius: 100,
-          shapeBackgroundFill: {
-            rgb: "rgb(0,0,255)"
-          }
-        }
-      }
-    };
-    o.pageElements[t] = u, s.updatePage(o.id, o);
-    const l = i.get(P), d = l.createObjectToPage(u, o.id, r);
-    return d && l.setObjectActiveByPage(d, o.id, r), !0;
-  }
-}, Je = {
-  id: "slide.command.add-text",
-  type: D.COMMAND,
-  handler: async (i) => {
-    var r;
-    const e = i.get(N), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Yt.id, { unitId: n });
-  }
-}, Yt = {
-  id: "slide.operation.add-text",
-  type: D.OPERATION,
-  handler: async (i, e) => {
-    const t = e.unitId, n = ze(6), r = 220, s = 40, o = 230, c = 142, a = (e == null ? void 0 : e.text) || "A New Text", l = i.get(w).getUnit(t);
-    if (!l) return !1;
-    const d = l.getActivePage(), v = Object.values(d.pageElements), _ = v != null && v.length ? Math.max(...v.map((m) => m.zIndex)) : 21, f = {
-      id: n,
-      zIndex: _ + 1,
-      left: o,
-      top: c,
-      width: r,
-      height: s,
-      title: "text",
-      description: "",
-      type: De.TEXT,
-      richText: {
-        text: a,
-        fs: 30,
-        cl: {
-          rgb: "rgb(51, 51, 51)"
-        },
-        bl: 1
-      }
-    };
-    d.pageElements[n] = f, l.updatePage(d.id, d);
-    const p = i.get(P), h = p.createObjectToPage(f, d.id, t);
-    return h && p.setObjectActiveByPage(h, d.id, t), !0;
-  }
-}, qt = {
-  id: "slide.operation.set-slide-page-thumb",
-  type: D.OPERATION,
-  handler: (i, e) => (i.get(P).createThumbs(e.unitId), !0)
-};
-function mi() {
-  var f, p;
-  const i = O(w), e = O(N), t = O(K), n = O(J), r = Ut(null), s = i.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((h) => o[h]), [u, l] = $((p = (f = s == null ? void 0 : s.getActivePage()) == null ? void 0 : f.id) != null ? p : null), d = Hn(() => a.map(() => Fn()), [a]);
-  ve(() => {
-    const h = s == null ? void 0 : s.activePage$.subscribe((m) => {
-      var b;
-      const I = (b = m == null ? void 0 : m.id) != null ? b : null;
-      I && l(I);
-    });
-    return () => {
-      h == null || h.unsubscribe();
-    };
-  }, []), ve(() => {
-    d.forEach((h, m) => {
-      var I;
-      if (h.current) {
-        const b = a[m];
-        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(h.current);
-      }
-    }), d.length > 0 && e.syncExecuteCommand(qt.id, { unitId: s == null ? void 0 : s.getUnitId() });
-  }, [d, a, t, e, s]);
-  const v = lt((h) => {
-    e.syncExecuteCommand(jt.id, { id: h, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), _ = lt(() => {
-    e.syncExecuteCommand(At.id, { unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]);
-  return /* @__PURE__ */ g(
-    "aside",
-    {
-      ref: r,
-      className: k("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Bn),
-      children: /* @__PURE__ */ R("div", { className: "univer-px-4", children: [
-        /* @__PURE__ */ g("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ g(
-          "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", ge),
-            onClick: _,
-            children: n.t("slide.append")
-          }
-        ) }),
-        a.map((h, m) => /* @__PURE__ */ R(
-          "div",
-          {
-            className: k("univer-my-4 univer-flex univer-gap-2", {
-              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": h.id === u
-            }),
-            onClick: () => v(h.id),
-            children: [
-              /* @__PURE__ */ g("span", { children: m + 1 }),
-              /* @__PURE__ */ g(
-                "div",
-                {
-                  ref: d[m],
-                  className: k("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ge)
-                }
-              )
-            ]
-          },
-          h.id
-        ))
-      ] })
-    }
-  );
-}
-const he = hn("SLIDE_EDITOR"), Oe = {
-  id: "slide.operation.edit-arrow",
-  type: D.OPERATION,
-  handler: () => !0
-}, Jt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-function Ci(i) {
-  var f, p;
-  const e = (p = (f = i.popup) == null ? void 0 : f.extraProps) == null ? void 0 : p.menuItems;
-  if (!e)
-    return null;
-  const t = O(N), n = O(J), [r, s] = $(!1), [o, c] = $(!1), a = () => {
-    c(!0);
-  }, u = () => {
-    c(!1);
-  }, l = (h) => {
-    s(h);
-  }, d = (h) => {
-    t.executeCommand(h.commandId, h.commandParams), s(!1);
-  }, v = r || o, _ = e.filter((h) => !h.disable);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      onMouseEnter: a,
-      onMouseLeave: u,
-      children: /* @__PURE__ */ g(
-        Dt,
-        {
-          align: "start",
-          overlay: /* @__PURE__ */ g(
-            "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", ge),
-              children: _.map((h) => /* @__PURE__ */ g(
-                "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(h),
-                  children: /* @__PURE__ */ g("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: n.t(h.label) })
-                },
-                h.index
-              ))
-            }
-          ),
-          open: r,
-          onOpenChange: l,
-          children: /* @__PURE__ */ R(
-            "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", ge, {
-                "univer-bg-gray-100 dark:!univer-bg-gray-800": r,
-                "univer-bg-white dark:!univer-bg-gray-900": !r
-              }),
-              children: [
-                /* @__PURE__ */ g(
-                  Kt,
-                  {
-                    className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
-                  }
-                ),
-                v && /* @__PURE__ */ g(Xe, { className: "dark:!univer-text-white" })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-}
-const Qt = "slide.menu.image";
-function Si(i) {
-  return {
-    id: Qt,
-    type: oe.SUBITEMS,
-    icon: "AddImageIcon",
-    tooltip: "slide.image.insert.title",
-    hidden$: se(i, E.UNIVER_SLIDE)
-  };
-}
-function Ii(i) {
-  return {
-    id: Ge.id,
-    title: "slide.image.insert.float",
-    type: oe.BUTTON,
-    hidden$: se(i, E.UNIVER_SLIDE)
-  };
-}
-const en = "slide.menu.shape";
-function bi(i) {
-  return {
-    id: en,
-    type: oe.SUBITEMS,
-    icon: "GraphIcon",
-    tooltip: "slide.shape.insert.title",
-    hidden$: se(i, E.UNIVER_SLIDE)
-    // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
-  };
-}
-function Ei(i) {
-  return {
-    id: Ye.id,
-    title: "slide.shape.insert.rectangle",
-    type: oe.BUTTON,
-    hidden$: se(i, E.UNIVER_SLIDE)
-  };
-}
-function Ri(i) {
-  return {
-    id: qe.id,
-    title: "slide.shape.insert.ellipse",
-    type: oe.BUTTON,
-    hidden$: se(i, E.UNIVER_SLIDE)
-  };
-}
-function xi(i) {
-  return {
-    id: Je.id,
-    type: oe.BUTTON,
-    icon: "TextIcon",
-    tooltip: "slide.text.insert.title",
-    hidden$: se(i, E.UNIVER_SLIDE)
-  };
-}
-const Oi = {
-  [Tn.FORMAT]: {
-    [Je.id]: {
-      order: 0,
-      menuItemFactory: xi
-    },
-    [Qt]: {
-      order: 0,
-      menuItemFactory: Si,
-      [Ge.id]: {
-        order: 0,
-        menuItemFactory: Ii
-      }
-    },
-    [en]: {
-      order: 0,
-      menuItemFactory: bi,
-      [Ye.id]: {
-        order: 0,
-        menuItemFactory: Ei
-      },
-      [qe.id]: {
-        order: 0,
-        menuItemFactory: Ri
-      }
-    }
-  }
-};
-class wi {
-  constructor() {
-    S(this, "_state", null);
-    S(this, "_rect", null);
-    S(this, "_state$", new q(null));
-    S(this, "state$", this._state$.asObservable());
-    S(this, "_rect$", new q(null));
-    S(this, "rect$", this._rect$.asObservable());
-    S(this, "_focus", !1);
-    S(this, "_focus$", new q(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 = Et(
-  "univer.slide-editor-manager.service"
-), we = -1e3, vt = {
-  width: 0,
-  height: 0,
-  top: we,
-  left: we
-};
-function yi() {
-  const [i, e] = $({
-    ...vt
-  }), t = O(Qe), n = O(Ze), r = O(_e), s = Mn(
-    () => r.subscribeContextValue$(ot),
-    !1,
-    void 0,
-    [r, ot]
-  );
-  return gn.UNSPECIFIED, ve(() => {
-    t.state$.subscribe((o) => {
-      if (o == null)
-        return;
-      const {
-        startX: c = we,
-        startY: a = we,
-        endX: u = 0,
-        endY: l = 0,
-        show: d = !1
-      } = o;
-      if (!d)
-        e({
-          ...vt
-        });
-      else {
-        e({
-          width: u - c - ie + 2,
-          height: l - a - ie + 2,
-          left: c + ie,
-          top: a + ie
-        });
-        const v = n.getEditor(he);
-        if (v == null)
-          return;
-        const { left: _, top: f, width: p, height: h } = v.getBoundingClientRect();
-        t.setRect({ left: _, top: f, width: p, height: h });
-      }
-    });
-  }, []), ve(() => {
-    s || t.setFocus(!0);
-  }, [s, i]), /* @__PURE__ */ g(
-    "div",
-    {
-      className: k("univer-absolute univer-z-10 univer-box-border univer-flex", ge),
-      style: {
-        left: i.left,
-        top: i.top,
-        width: i.width,
-        height: i.height
-      }
-    }
-  );
-}
-function Be(i) {
-  return i.getContextValue(Rt) && i.getContextValue(Re);
-}
-function Pi(i) {
-  return i.getContextValue(vn) && i.getContextValue(Rt);
-}
-const tn = [
-  y.ARROW_DOWN,
-  y.ARROW_UP,
-  y.ARROW_LEFT,
-  y.ARROW_RIGHT
-];
-[y.ENTER, y.TAB, ...tn];
-function Ti() {
-  const i = [];
-  for (const e of tn)
-    i.push({
-      id: Oe.id,
-      binding: e,
-      preconditions: (t) => Be(t),
-      staticParameters: {
-        visible: !1,
-        eventType: Y.Keyboard,
-        keycode: e,
-        isShift: !1
-      }
-    }), i.push({
-      id: Oe.id,
-      binding: e | Dn.SHIFT,
-      preconditions: (t) => Be(t),
-      staticParameters: {
-        visible: !1,
-        eventType: Y.Keyboard,
-        keycode: e,
-        isShift: !0
-      }
-    });
-  return i;
-}
-const Mi = {
-  id: Wn.id,
-  preconditions: (i) => Be(i) || Pi(i),
-  binding: y.BACKSPACE
-};
-var Di = Object.getOwnPropertyDescriptor, Ni = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Di(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, te = (i, e) => (t, n) => e(t, n, i);
-let ye = class extends Ne {
-  constructor(i, e, t, n, r, s) {
-    super(), this._injector = i, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = n, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
-  }
-  _initMenus() {
-    this._menuManagerService.mergeMenu(Oi);
-  }
-  _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register("TextIcon", kt)), this.disposeWithMe(i.register("GraphIcon", Ht)), this.disposeWithMe(i.register(Jt, Ci)), this.disposeWithMe(i.register(Ee, _i));
-  }
-  _initCommands() {
-    [
-      At,
-      jt,
-      qt,
-      Ge,
-      Yt,
-      Je,
-      qe,
-      Xt,
-      Gt,
-      Ye,
-      $e,
-      Lt,
-      B,
-      // commands for editor
-      Oe
-    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
-  }
-  _initUIComponents() {
-    this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => at(mi, this._injector))
-    ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.CONTENT, () => at(yi, this._injector))
-    );
-  }
-  _initShortcuts() {
-    [
-      Mi,
-      ...Ti()
-    ].forEach((i) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(i));
-    });
-  }
-};
-ye = Ni([
-  te(0, z(ke)),
-  te(1, Nn),
-  te(2, z(Un)),
-  te(3, Vn),
-  te(4, N),
-  te(5, jn)
-], ye);
-const Ui = "@univerjs/slides-ui", Vi = "0.17.0", pt = {
-  name: Ui,
-  version: Vi
-}, ji = "slides-ui.config", ft = {};
-var Ai = Object.getOwnPropertyDescriptor, Li = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ai(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ve = (i, e) => (t, n) => e(t, n, i);
-const et = Et("univer.slide-editor-bridge.service");
-let He = class extends Ne {
-  constructor(e, t, n) {
-    super();
-    S(this, "_editorUnitId", he);
-    S(this, "_isForceKeepVisible", !1);
-    S(this, "_editorIsDirty", !1);
-    S(this, "_currentEditRectState", null);
-    S(this, "_currentEditRectState$", new q(null));
-    S(this, "currentEditRectState$", this._currentEditRectState$.asObservable());
-    S(this, "_visibleParam", {
-      visible: !1,
-      eventType: Y.Dblclick,
-      unitId: ""
-    });
-    S(this, "_visible$", new q(this._visibleParam));
-    S(this, "visible$", this._visible$.asObservable());
-    S(this, "_afterVisible$", new q(this._visibleParam));
-    S(this, "afterVisible$", this._afterVisible$.asObservable());
-    S(this, "endEditing$", new Vt());
-    S(this, "_currentEditRectInfo");
-    this._editorService = e, this._contextService = t, this._renderManagerService = n;
-  }
-  dispose() {
-    super.dispose();
-  }
-  getEditorRect() {
-    return this._currentEditRectInfo;
-  }
-  /**
-   * 1st part of startEditing.
-   * @editorInfo editorInfo
-   */
-  setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(he), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(xt, !1), this._contextService.setContextValue(Ot, !1));
-    const t = this.getEditRectState();
-    this._currentEditRectState = t, this._currentEditRectState$.next(t);
-  }
-  changeVisible(e) {
-    this._visibleParam = e, e.visible && (this._editorIsDirty = !1), this._visible$.next(this._visibleParam), this._afterVisible$.next(this._visibleParam);
-  }
-  /**
-   * get info from _currentEditRectInfo
-   *
-   * invoked by slide-editing.render-controller.ts@_handleEditorVisible
-   * && this@setEditorRect
-   */
-  getEditRectState() {
-    const e = he, t = this._currentEditRectInfo, n = t.unitId, r = t.richTextObj.documentData;
-    r.id = e, r.documentStyle = {
-      ...r.documentStyle,
-      pageSize: { width: t.richTextObj.width, height: 1 / 0 }
-    };
-    const o = {
-      documentModel: new pn(r),
-      fontString: "document",
-      textRotation: { a: 0, v: 0 },
-      wrapStrategy: 0,
-      verticalAlign: xe.TOP,
-      horizontalAlign: wt.LEFT,
-      paddingData: { t: 0, b: 1, l: 2, r: 2 }
-    }, c = t.richTextObj.width, a = t.richTextObj.height, u = t.richTextObj.left, l = t.richTextObj.top, d = {
-      left: 0,
-      top: 0
-    }, v = this._renderManagerService.getRenderById(n), _ = v == null ? void 0 : v.scene, f = _ == null ? void 0 : _.getViewport(re.VIEW), p = _ == null ? void 0 : _.getObject(re.COMPONENT), h = {
-      x: (p == null ? void 0 : p.left) || 0,
-      y: (p == null ? void 0 : p.top) || 0
-    }, m = (f == null ? void 0 : f.viewportScrollX) || 0, I = (f == null ? void 0 : f.viewportScrollY) || 0;
-    return d.left = h.x - m, d.top = h.y - I, {
-      position: {
-        startX: u,
-        startY: l,
-        endX: u + c,
-        endY: l + a
-      },
-      scaleX: 1,
-      scaleY: 1,
-      slideCardOffset: d,
-      unitId: n,
-      editorUnitId: e,
-      documentLayoutObject: o
-    };
-  }
-  changeEditorDirty(e) {
-    this._editorIsDirty = e;
-  }
-  isVisible() {
-    return this._visibleParam.visible;
-  }
-  getEditorDirty() {
-    return this._editorIsDirty;
-  }
-  getCurrentEditorId() {
-    return this._editorUnitId;
-  }
-  /**
-   * @deprecated
-   */
-  genDocData(e) {
-    const t = this.getCurrentEditorId(), n = e.text, r = e.fs;
-    return {
-      id: t,
-      body: {
-        dataStream: `${n}\r
-`,
-        textRuns: [{ st: 0, ed: n.length }],
-        paragraphs: [{
-          paragraphStyle: {
-            // no use
-            // textStyle: { fs: 30 },
-            // horizontalAlign: HorizontalAlign.CENTER,
-            // verticalAlign: VerticalAlign.MIDDLE,
-          },
-          startIndex: n.length + 1
-        }],
-        sectionBreaks: [{ startIndex: n.length + 2 }]
-      },
-      documentStyle: {
-        marginBottom: 0,
-        marginLeft: 0,
-        marginRight: 0,
-        marginTop: 0,
-        pageSize: { width: 1 / 0, height: 1 / 0 },
-        textStyle: { fs: r },
-        renderConfig: {
-          // horizontalAlign: HorizontalAlign.CENTER,
-          verticalAlign: xe.MIDDLE,
-          centerAngle: 0,
-          vertexAngle: 0,
-          wrapStrategy: 0
-        }
-      },
-      drawings: {},
-      drawingsOrder: [],
-      settings: { zoomRatio: 1 }
-    };
-  }
-};
-He = Li([
-  Ve(0, Ze),
-  Ve(1, _e),
-  Ve(2, K)
-], He);
-var G = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(G || {}), $i = Object.getOwnPropertyDescriptor, Bi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? $i(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, j = (i, e) => (t, n) => e(t, n, i);
-const _t = -1e3, mt = 5, Hi = 2;
-let Fe = class extends Ne {
-  constructor(e, t, n, r, s, o, c, a, u, l, d, v) {
-    super();
-    /**
-     * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
-     */
-    S(this, "_cursorChange", G.InitialState);
-    /** If the corresponding unit is active and prepared for editing. */
-    S(this, "_isUnitEditing", !1);
-    S(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = n, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = c, this._cellEditorManagerService = a, this._textSelectionManagerService = u, this._commandService = l, this._localService = d, this._editorService = v, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((_) => {
-      _ && _.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
-        visible: !1,
-        eventType: Y.Keyboard,
-        keycode: y.ESC,
-        unitId: this._renderContext.unitId
-      }), this._isUnitEditing = !1));
-    })), this._initEditorVisibilityListener();
-  }
-  dispose() {
-    super.dispose(), this._disposeCurrent();
-  }
-  _disposeCurrent() {
-    var e;
-    (e = this._d) == null || e.dispose(), this._d = null;
-  }
-  _init() {
-    const e = new Ke();
-    return this._subscribeToCurrentCell(e), this._initialKeyboardListener(e), this._initialCursorSync(e), this._listenEditorFocus(e), this._commandExecutedListener(e), setTimeout(() => {
-      this._cursorStateListener(e);
-    }, 1e3), e;
-  }
-  _initEditorVisibilityListener() {
-    this.disposeWithMe(this._editorBridgeService.visible$.subscribe((e) => {
-      e.visible ? (this._isUnitEditing = !0, this._handleEditorVisible(e)) : this._isUnitEditing && (this._handleEditorInvisible(e), this._isUnitEditing = !1);
-    }));
-  }
-  _listenEditorFocus(e) {
-    const t = this._getEditorObject();
-    t && e.add(t.document.onPointerDown$.subscribeEvent(() => {
-    }));
-  }
-  _getEditorSkeleton(e) {
-    var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getSkeleton();
-  }
-  _getEditorViewModel(e) {
-    var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
-  }
-  _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Gn((t) => !!t)).subscribe(() => {
-      var t;
-      (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(dt).sync();
-    }));
-  }
-  /**
-   * Set editorUnitId to curr doc.
-   * @param d DisposableCollection
-   */
-  _subscribeToCurrentCell(e) {
-    e.add(this._editorBridgeService.currentEditRectState$.subscribe((t) => {
-      var d;
-      if (t == null || this._contextService.getContextValue(xt) || this._contextService.getContextValue(Ot))
-        return;
-      const {
-        position: { startX: n, endX: r },
-        documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: c },
-        scaleX: a,
-        editorUnitId: u
-      } = t, { vertexAngle: l } = rt(s);
-      c.updateDocumentId(u), o === tt.WRAP && l === 0 && c.updateDocumentDataPageSize((r - n) / a), this._instanceSrv.changeDoc(u, c), this._contextService.setContextValue(_n, !0), this._textSelectionManagerService.replaceTextRanges([{
-        startOffset: 0,
-        endOffset: 0
-      }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(dt).activate(_t, _t);
-    }));
-  }
-  /**
-   * Set size and pos of editing area.
-   * @param positionFromEditRectState
-   * @param canvasOffset
-   * @param documentSkeleton
-   * @param documentLayoutObject
-   * @param scaleX
-   * @param scaleY
-   */
-  _fitTextSize(e, t, n, r, s = 1, o = 1) {
-    const { startX: c, startY: a, endX: u, endY: l } = e, d = r.documentModel;
-    if (d == null)
-      return;
-    const { actualWidth: v, actualHeight: _ } = this._predictingSize(
-      e,
-      t,
-      n,
-      r,
-      s,
-      o
-    ), { verticalAlign: f, paddingData: p, fill: h } = r;
-    let m = u - c, I = l - a;
-    if (m < v && (m = v), I < _)
-      I = _, d.updateDocumentDataMargin(p);
-    else {
-      let b = 0;
-      f === xe.MIDDLE ? b = (I - _) / 2 / o : f === xe.TOP ? b = p.t || 0 : b = (I - _) / o - (p.b || 0), b = b < (p.t || 0) ? p.t || 0 : b, d.updateDocumentDataMargin({
-        t: b
-      });
-    }
-    n.calculate(), this._editAreaProcessing(m, I, e, t, h, s, o);
-  }
-  /**
-   * Mainly used to pre-calculate the width of the editor,
-   * to determine whether it needs to be automatically widened.
-   */
-  _predictingSize(e, t, n, r, s = 1, o = 1) {
-    const { startX: c, endX: a } = e, { textRotation: u, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = rt(u), _ = document.body.clientWidth;
-    if (l === tt.WRAP && v === 0) {
-      const { actualWidth: h, actualHeight: m } = n.getActualSize();
-      return {
-        actualWidth: h * s,
-        actualHeight: m * o
-      };
-    }
-    d == null || d.updateDocumentDataPageSize((_ - c - t.left) / s), n.calculate();
-    const f = n.getActualSize();
-    let p = a - c;
-    return p < f.actualWidth * s + mt * s && (p = f.actualWidth * s + mt * s), d == null || d.updateDocumentDataPageSize(p / s), d == null || d.updateDocumentRenderConfig({
-      horizontalAlign: wt.UNSPECIFIED,
-      cellValueType: void 0
-    }), {
-      actualWidth: p,
-      actualHeight: f.actualHeight * o
-    };
-  }
-  /**
-   * control the size of editing area
-   */
-  // eslint-disable-next-line max-lines-per-function
-  _editAreaProcessing(e, t, n, r, s, o = 1, c = 1) {
-    var C;
-    const a = this._getEditorObject();
-    if (a == null)
-      return;
-    function u(ae) {
-      return Number.parseInt(ae.replace("px", ""));
-    }
-    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), _ = u(d.style.width), { top: f, left: p, width: h } = v, m = h / _;
-    let { startX: I, startY: b } = n;
-    I += r.left, b += r.top;
-    const { document: T, scene: M, engine: U } = a, x = M.getViewport(ut.VIEW_MAIN), W = document.body.clientHeight - b - r.top - Hi * 2, ce = document.body.clientWidth - I - r.left;
-    let A = t, L = x == null ? void 0 : x.getScrollBar();
-    A > W ? (A = W, L == null ? x && new Pt(x, { enableHorizontal: !1, barSize: 8 }) : x == null || x.resetCanvasSizeAndUpdateScroll()) : (L = null, (C = x == null ? void 0 : x.getScrollBar()) == null || C.dispose()), e += (L == null ? void 0 : L.barSize) || 0, e = Math.min(e, ce), I -= ie, b -= ie, this._addBackground(M, e / o, t / c, s);
-    const { scaleX: Q, scaleY: ee } = M.getPrecisionScale();
-    M.transformByState({
-      width: e * m / o,
-      height: t * m / c,
-      scaleX: o * m,
-      scaleY: c * m
-    }), T.resize(e / o, t / c), setTimeout(() => {
-      U.resizeBySize(
-        st(e, Q),
-        st(A, ee)
-      );
-    }, 0);
-    const me = this._layoutService.getContentElement().getBoundingClientRect(), Ce = d.getBoundingClientRect();
-    I = I * m + (Ce.left - me.left), b = b * m + (Ce.top - me.top), this._cellEditorManagerService.setState({
-      startX: I,
-      startY: b,
-      endX: e * m + I,
-      endY: A * m + b,
-      show: !0
-    });
-  }
-  /**
-   * Since the document does not support cell background color, an additional rect needs to be added.
-   */
-  _addBackground(e, t, n, r) {
-    const s = "_backgroundRectHelperColor_", o = e.getObject(s);
-    o == null && r == null || (o == null ? e.addObjects(
-      [
-        new Tt(s, {
-          width: t,
-          height: n,
-          fill: r,
-          evented: !1
-        })
-      ],
-      kn
-    ) : r == null ? o.dispose() : (o.setProps({
-      fill: r
-    }), o.transformByState({
-      width: t,
-      height: n
-    })));
-  }
-  /**
-   * Show input area, resize input area and then place input to right place.
-   * @TODO why do resize in show input area?
-   * @param param
-   */
-  // handleVisible is the 2nd part of editing.
-  // first part: startEditing --> _updateEditor
-  // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
-  _handleEditorVisible(e) {
-    var h, m;
-    const { eventType: t } = e;
-    this._cursorChange = [Y.PointerDown, Y.Dblclick].includes(t) ? G.CursorChange : G.StartEditor;
-    const n = this._editorBridgeService.getEditRectState();
-    if (n == null)
-      return;
-    const {
-      position: r,
-      documentLayoutObject: s,
-      slideCardOffset: o,
-      scaleX: c,
-      scaleY: a,
-      editorUnitId: u,
-      unitId: l
-    } = n, d = this._getEditorObject();
-    if (d == null)
-      return;
-    const { scene: v } = d;
-    this._contextService.setContextValue(Re, !0);
-    const { documentModel: _ } = s, f = this._getEditorSkeleton(u);
-    if (!f || !_)
-      return;
-    this._fitTextSize(r, o, f, s, c, a);
-    const p = _.getBody().dataStream.length - 2 || 0;
-    (h = v.getViewport(ut.VIEW_MAIN)) == null || h.scrollToViewportPos({
-      viewportScrollX: Number.POSITIVE_INFINITY
-    }), this._textSelectionManagerService.replaceTextRanges([
-      {
-        startOffset: p,
-        endOffset: p
-      }
-    ]), (m = this._renderManagerService.getRenderById(l)) == null || m.scene.resetCursor();
-  }
-  _resetBodyStyle(e, t = !1) {
-    e.dataStream = mn, 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
-      }
-    ]), e.sectionBreaks != null && (e.sectionBreaks = void 0), e.tables != null && (e.tables = void 0), e.customRanges != null && (e.customRanges = void 0), e.customBlocks != null && (e.customBlocks = void 0);
-  }
-  /**
-   * Should activate the editor when the user inputs text.
-   * @param d DisposableCollection
-   */
-  _initialKeyboardListener(e) {
-  }
-  _showEditorByKeyboard(e) {
-  }
-  _commandExecutedListener(e) {
-    const t = [Oe.id], n = [Yn.id];
-    e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === he && (t.includes(r.id) && this._moveCursorCmdHandler(r), n.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
-    }));
-  }
-  _moveCursorCmdHandler(e) {
-    const t = e.params, { keycode: n, isShift: r } = t;
-    n != null && this._cursorChange === G.CursorChange ? this._moveInEditor(n, r) : this._editorBridgeService.changeVisible(t);
-  }
-  _editingChangedHandler() {
-    const e = this._editorBridgeService.getEditorRect();
-    if (!e)
-      return;
-    const t = e.richTextObj;
-    t.refreshDocumentByDocData(), t.resizeToContentSize();
-    const { unitId: n } = this._renderContext;
-    this._handleEditorVisible({ visible: !0, eventType: 3, unitId: n });
-  }
-  _getEditorObject() {
-    return Fi(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 (V.LEFT, e) {
-        case y.ENTER:
-          V.DOWN;
-          break;
-        case y.TAB:
-          V.RIGHT;
-          break;
-        case y.ARROW_DOWN:
-          V.DOWN;
-          break;
-        case y.ARROW_UP:
-          V.UP;
-          break;
-        case y.ARROW_LEFT:
-          V.LEFT;
-          break;
-        case y.ARROW_RIGHT:
-          V.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: n } = t;
-    e.add(yt(n.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 n = V.LEFT;
-    e === y.ARROW_DOWN ? n = V.DOWN : e === y.ARROW_UP ? n = V.UP : e === y.ARROW_RIGHT && (n = V.RIGHT), t ? this._commandService.executeCommand(zn.id, {
-      direction: n
-    }) : this._commandService.executeCommand(Kn.id, {
-      direction: n
-    });
-  }
-};
-Fe = Bi([
-  j(1, An),
-  j(2, fn),
-  j(3, _e),
-  j(4, w),
-  j(5, K),
-  j(6, et),
-  j(7, Qe),
-  j(8, z(Xn)),
-  j(9, N),
-  j(10, z(J)),
-  j(11, Ze)
-], Fe);
-function Fi(i, e) {
-  if (i == null)
-    return;
-  const t = e.getRenderById(i);
-  if (t == null)
-    return;
-  const { mainComponent: n, scene: r, engine: s, components: o } = t, c = n, a = o.get(Zn.BACKGROUND);
-  return {
-    document: c,
-    docBackground: a,
-    scene: r,
-    engine: s
-  };
-}
-var Wi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, je = (i, e) => (t, n) => e(t, n, i);
-let We = class extends fe {
-  constructor(e, t, n, 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 Vt());
-    S(this, "_curRichText", null);
-    S(this, "_d");
-    this._renderContext = e, this._instanceSrv = t, this._commandService = n, 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: n, engine: r } = this._renderContext, s = this._renderContext.unitId, o = {
-      scene: n,
-      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 u = c.getSelectedObjectMap().values().next().value;
-        u && (u.objectType !== ue.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, u));
-      })), e.add(this._instanceSrv.focused$.subscribe((a) => {
-        this.endEditing();
-      })));
-    }, { mainComponent: n } = this._renderContext;
-    n.subSceneChanged$.subscribeEvent((o) => {
-      t(o);
-    });
-    const s = Array.from(n.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 n = {
-      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;
-      n.cl = c == null ? void 0 : c.cl;
-    }
-    this._commandService.executeCommand(B.id, {
-      unitId: this._renderContext.unitId,
-      oKey: e == null ? void 0 : e.oKey,
-      props: {
-        richText: n
-      }
-    }), 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 n, r;
-    e ? (n = this._curRichText) == null || n.hide() : (r = this._curRichText) == null || r.show();
-    const { unitId: t } = this._renderContext;
-    this._editorBridgeService.changeVisible({ visible: e, eventType: Y.PointerDown, unitId: t });
-  }
-};
-We = ki([
-  je(1, w),
-  je(2, N),
-  je(3, et)
-], We);
-var zi = Object.getOwnPropertyDescriptor, Ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ie = (i, e) => (t, n) => e(t, n, i);
-function Zi(i, e) {
-  const t = Ct(i.left, i.top, e), n = Ct(i.right, i.bottom, e);
-  return {
-    left: t.x,
-    top: t.y,
-    right: n.x,
-    bottom: n.y
-  };
-}
-function Ct(i, e, t) {
-  const { scaleX: n, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
-  if (!s)
-    return {
-      x: i,
-      y: e
-    };
-  const { viewportScrollX: o, viewportScrollY: c } = s, a = (i - o) * n, u = (e - c) * r;
-  return {
-    x: a,
-    y: u
-  };
-}
-let Pe = class extends Ne {
-  constructor(i, e, t, n) {
-    super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
-  }
-  _createObjectPositionObserver(i, e) {
-    const n = (() => {
-      var A, L, Q, ee;
-      const { scene: o, engine: c } = e, { left: a, top: u, width: l, height: d } = i, v = (o.width - ((L = (A = e.mainComponent) == null ? void 0 : A.width) != null ? L : 0)) / 2, _ = (o.height - ((ee = (Q = e.mainComponent) == null ? void 0 : Q.height) != null ? ee : 0)) / 2, f = {
-        left: a,
-        right: a + l,
-        top: u,
-        bottom: u + d
-      }, p = c.getCanvasElement(), h = p.getBoundingClientRect(), m = Rn(p.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), T = Zi(f, o), { top: M, left: U, width: x } = h, W = x / m;
-      return {
-        left: T.left * W * I + U + v,
-        right: T.right * W * I + U + v,
-        top: T.top * W * b + M + _,
-        bottom: T.bottom * W * b + M + _
-      };
-    })(), r = new q(n), s = new Ke();
-    return {
-      position: n,
-      position$: r,
-      disposable: s
-    };
-  }
-  attachPopupToObject(i, e) {
-    const n = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(n);
-    if (!r)
-      return {
-        dispose: () => {
-        }
-      };
-    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(i, r), a = this._globalPopupManagerService.addPopup({
-      ...e,
-      unitId: n,
-      subUnitId: "default",
-      anchorRect: s,
-      anchorRect$: o,
-      canvasElement: r.engine.getCanvasElement()
-    });
-    return {
-      dispose: () => {
-        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
-      }
-    };
-  }
-};
-Pe = Ki([
-  Ie(0, z(Ln)),
-  Ie(1, K),
-  Ie(2, w),
-  Ie(3, N)
-], Pe);
-var Gi = Object.getOwnPropertyDescriptor, Xi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Gi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, X = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends fe {
-  constructor(e, t, n, r, s, o, c) {
-    super();
-    S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = n, 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), n = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
-    Object.keys(n).forEach((s) => {
-      var u;
-      const c = (u = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : u.getTransformer();
-      if (!c) return;
-      let a;
-      this.disposeWithMe(
-        yt(
-          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 v = d.oKey;
-            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: Jt,
-              direction: "horizontal",
-              offset: [2, 0],
-              extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
-              }
-            })), this._sidebarService.visible && this._commandService.executeCommand($e.id, {
-              visible: !0,
-              objectType: d.objectType
-            });
-          })
-        )
-      ), this.disposeWithMe(
-        c.clearControl$.subscribe(() => {
-          a == null || a.dispose(), this._contextService.setContextValue(Cn, !1);
-        })
-      ), this.disposeWithMe(
-        c.changing$.subscribe(() => {
-          a == null || a.dispose();
-          const l = c.getSelectedObjectMap();
-          if (l.size > 1) {
-            a == null || a.dispose();
-            return;
-          }
-          const d = l.values().next().value;
-          d && this._commandService.executeCommand(B.id, {
-            unitId: e,
-            oKey: d.oKey,
-            props: {
-              width: d.width,
-              height: d.height,
-              left: d.left,
-              top: d.top
-            }
-          });
-        })
-      );
-    });
-  }
-  _getMenuItemsByObjectType(e, t, n) {
-    return [{
-      label: "slide.popup.edit",
-      index: 0,
-      commandId: $e.id,
-      commandParams: {
-        visible: !0,
-        objectType: e
-      },
-      disable: !1
-    }, {
-      label: "slide.popup.delete",
-      index: 5,
-      commandId: Lt.id,
-      commandParams: {
-        id: t,
-        unitId: n
-      },
-      disable: !1
-    }];
-  }
-};
-Te = Xi([
-  X(0, z(Pe)),
-  X(1, K),
-  X(2, w),
-  X(3, _e),
-  X(4, z(P)),
-  X(5, Mt),
-  X(6, N)
-], Te);
-var Yi = Object.getOwnPropertyDescriptor, qi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ae = (i, e) => (t, n) => e(t, n, i);
-let Me = class extends fe {
-  // private _skeletonChangeMutations = new Set<string>();
-  constructor(i, e, t) {
-    super(), this._contextService = i, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
-  }
-  _init() {
-    this._initSlideDataListener(), this._initContextListener();
-  }
-  _initSlideDataListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(ht(this.dispose$)).subscribe((i) => {
-      this._createRenderer(i == null ? void 0 : i.getUnitId());
-    }), this._instanceSrv.getAllUnitsForType(E.UNIVER_SLIDE).forEach((i) => {
-      this._createRenderer(i.getUnitId());
-    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(ht(this.dispose$)).subscribe((i) => this._disposeRenderer(i));
-  }
-  _createRenderer(i) {
-    i == null || this._instanceSrv.getUnit(i, E.UNIVER_SLIDE) == null || this._renderManagerService.createRender(i);
-  }
-  _disposeRenderer(i) {
-    const e = i.getUnitId();
-    this._renderManagerService.removeRender(e);
-  }
-  _initContextListener() {
-  }
-};
-Me = qi([
-  Ae(0, _e),
-  Ae(1, w),
-  Ae(2, K)
-], Me);
-var Ji = Object.getOwnPropertyDescriptor, Qi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ji(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, be = (i, e) => (t, n) => e(t, n, i), ne;
-let St = (ne = class extends Sn {
-  constructor(i = ft, e, t, n, r) {
-    super(), this._config = i, this._injector = e, this._renderManagerService = t, this._univerInstanceService = n, this._configService = r;
-    const { menu: s, ...o } = It(
-      {},
-      ft,
-      this._config
-    );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(ji, o);
-  }
-  onStarting() {
-    nt([
-      [Me],
-      [et, { useClass: He }],
-      // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: wi }],
-      [Pe]
-    ], this._config.override).forEach((i) => this._injector.add(i));
-  }
-  onReady() {
-    [
-      // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
-      [pe]
-    ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
-    }), nt([
-      [P],
-      // cannot register in _renderManagerService now.
-      // [ISlideEditorBridgeService, { useClass: SlideEditorBridgeService }],
-      // // used by SlideUIController --> EditorContainer
-      // [ISlideEditorManagerService, { useClass: SlideEditorManagerService }],
-      // SlidesUIController controller should be registered in Ready stage.
-      // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
-      [ye],
-      // editor service was create in renderManagerService
-      [pe],
-      [Te]
-    ], this._config.override).forEach((i) => {
-      this._injector.add(i);
-    }), this._injector.get(P), this._injector.get(Me);
-  }
-  onRendered() {
-    [
-      // need slideEditorBridgeService
-      // need TextSelectionRenderService which init by EditorContainer
-      [We],
-      [Fe]
-    ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
-    }), this._markSlideAsFocused(), this._injector.get(ye);
-  }
-  onSteady() {
-    this._injector.get(Te);
-  }
-  _markSlideAsFocused() {
-    const i = this._univerInstanceService;
-    try {
-      const e = i.getCurrentUnitForType(E.UNIVER_SLIDE);
-      i.focusUnit(e.getUnitId());
-    } catch {
-    }
-  }
-}, S(ne, "pluginName", "UNIVER_SLIDES_UI_PLUGIN"), S(ne, "packageName", pt.name), S(ne, "version", pt.version), S(ne, "type", E.UNIVER_SLIDE), ne);
-St = Qi([
-  be(1, z(ke)),
-  be(2, K),
-  be(3, w),
-  be(4, In)
-], St);
-export {
-  jt as ActivateSlidePageOperation,
-  At as AppendSlideOperation,
-  P as CanvasView,
-  Lt as DeleteSlideElementOperation,
-  et as ISlideEditorBridgeService,
-  Ge as InsertSlideFloatImageCommand,
-  qe as InsertSlideShapeEllipseCommand,
-  Xt as InsertSlideShapeEllipseOperation,
-  Ye as InsertSlideShapeRectangleCommand,
-  Gt as InsertSlideShapeRectangleOperation,
-  en as SHAPE_MENU_ID,
-  Qt as SLIDES_IMAGE_MENU_ID,
-  he as SLIDE_EDITOR_ID,
-  qt as SetSlidePageThumbOperation,
-  Je as SlideAddTextCommand,
-  Yt as SlideAddTextOperation,
-  Pe as SlideCanvasPopMangerService,
-  yi as SlideEditorContainer,
-  mi as SlideSideBar,
-  ye as SlidesUIController,
-  Oi as SlidesUIMenuSchema,
-  St as UniverSlidesUIPlugin,
-  B as UpdateSlideElementOperation
-};
+import{BasicShapes as e,CommandType as t,DEFAULT_EMPTY_DOCUMENT_VALUE as n,Direction as r,Disposable as i,DisposableCollection as a,DocumentDataModel as o,DocumentFlavor as s,EDITOR_ACTIVATED as c,FOCUSING_COMMON_DRAWINGS as l,FOCUSING_EDITOR_BUT_HIDDEN as u,FOCUSING_EDITOR_STANDALONE as d,FOCUSING_UNIVER_EDITOR as f,FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as p,FORMULA_EDITOR_ACTIVATED as m,HorizontalAlign as h,ICommandService as g,IConfigService as _,IContextService as v,IUndoRedoService as y,IUniverInstanceService as b,Inject as x,Injector as S,LocaleService as C,PageElementType as w,Plugin as T,RxDisposable as E,UniverInstanceType as D,VerticalAlign as O,WrapStrategy as k,createIdentifier as ee,createInternalEditorID as te,debounce as ne,generateRandomId as re,getColorStyle as ie,merge as ae,mergeOverrideWithDependencies as oe,toDisposable as se}from"@univerjs/core";import{DeviceInputEventType as A,FIX_ONE_PIXEL_BLUR_OFFSET as j,IRenderManagerService as M,ObjectType as ce,Rect as le,Scene as ue,ScrollBar as de,Slide as fe,Viewport as pe,convertTextRotation as me,fixLineWidthByScale as he,getCurrentTypeOfRenderer as ge,pxToNum as _e}from"@univerjs/engine-render";import{ObjectProvider as ve,SLIDE_KEY as N}from"@univerjs/slides";import{DRAWING_IMAGE_ALLOW_IMAGE_LIST as ye,IImageIoService as be,getImageSize as xe}from"@univerjs/drawing";import{BuiltInUIPart as Se,ComponentManager as Ce,DISABLE_AUTO_FOCUS_KEY as we,ICanvasPopupService as Te,ILayoutService as Ee,ILocalFileService as De,IMenuManagerService as Oe,IShortcutService as ke,ISidebarService as Ae,IUIPartsService as je,KeyCode as P,MenuItemType as F,MetaKeys as Me,RibbonStartGroup as Ne,connectInjector as Pe,getMenuHiddenObservable as I,useDependency as L,useObservable as Fe}from"@univerjs/ui";import{Button as Ie,ColorPicker as Le,Dropdown as Re,InputNumber as ze,borderClassName as Be,borderTopClassName as Ve,clsx as R,scrollbarClassName as He}from"@univerjs/design";import{AutofillDoubleIcon as Ue,BottomIcon as We,GraphIcon as Ge,MoreDownIcon as Ke,MoveDownIcon as qe,MoveUpIcon as Je,PaintBucketDoubleIcon as Ye,TextIcon as Xe,TopmostIcon as Ze}from"@univerjs/icons";import{jsx as z,jsxs as B}from"react/jsx-runtime";import{createRef as Qe,useCallback as $e,useEffect as V,useMemo as et,useRef as tt,useState as H}from"react";import{DOCS_COMPONENT_MAIN_LAYER_INDEX as nt,DOCS_VIEW_KEY as rt,DeleteLeftCommand as it,DocSelectionRenderService as at,IEditorService as ot,MoveCursorOperation as st,MoveSelectionOperation as ct,VIEWPORT_KEY as lt}from"@univerjs/docs-ui";import{BehaviorSubject as U,Subject as ut,filter as dt,takeUntil as ft}from"rxjs";import{DocSelectionManagerService as pt,DocSkeletonManagerService as mt,RichTextEditingMutation as ht}from"@univerjs/docs";function W(e){"@babel/helpers - typeof";return W=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},W(e)}function gt(e,t){if(W(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(W(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function _t(e){var t=gt(e,`string`);return W(t)==`symbol`?t:t+``}function G(e,t,n){return(t=_t(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){return function(n,r){t(n,r,e)}}function q(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let vt=class extends E{constructor(e,t,n,r){super(),this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=r,G(this,`_objectProvider`,null),G(this,`_refreshThumb`,ne(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(ve),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:n}=this._renderContext,r=this._getCurrUnitModel();if(!r)return;let i=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),i==null||i.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let a=new pe(N.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((e,t)=>{let r=e;if(r.ctrlKey){let e=Math.abs(r.deltaX),t=e<40?.2:e<80?.4:.2;t*=r.deltaY>0?-1:1,n.scaleX<1&&(t/=2),n.scaleX+t>4?n.scale(4,4):n.scaleX+t<.1?n.scale(.1,.1):(r.deltaY,r.preventDefault())}else a.onMouseWheel(r,t)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),de.attachTo(a);let o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(r,o),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(N.VIEW),r=this._getCenterPositionViewPort(t);if(!n||!r)return;let{left:i,top:a}=r,{x:o,y:s}=n.transViewportScroll2ScrollValue(i,a);n.scrollToBarPos({x:o,y:s})}_currentRender(){return ge(D.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let t=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE),{width:n,height:r}=e,{width:i=100,height:a=100}=t.getPageSize(),o=new fe(N.COMPONENT,{left:(n-i)/2,top:(r-a)/2,width:i,height:a,zIndex:10});return o.enableSelectedClipElement(),e.addObject(o),o}_addBackgroundRect(e,t){let{width:n=0,height:r=0}=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE).getPageSize(),i=new le(`canvas`,{left:0,top:0,width:n,height:r,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:ie(t)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.addObject(i,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,t){let n=this._renderContext;if(!n||!this._objectProvider)return;let{scene:r,mainComponent:i}=n,a=i,{width:o,height:s}=a,c=new ue(e,a,{width:o,height:s});new pe(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=t,d=this._objectProvider.convertToRenderObjects(l,r);if(!d||!a)return;this._addBackgroundRect(c,u),c.addObjects(d),c.initTransformer(),d.forEach(e=>{c.attachTransformerTo(e)});let f=c.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,a)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(e,a)}),a.addPageScene(c),c}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};vt=q([K(1,x(S)),K(2,b),K(3,M)],vt);let J=class extends E{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(vt)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};J=q([K(0,M)],J);const yt={id:`slide.operation.activate-slide`,type:t.OPERATION,handler:(e,t)=>{var n,r;let i=t.unitId,a=e.get(J),o=e.get(b).getUnit(i),s=o==null||(n=o.getActivePage())==null?void 0:n.id;if(!s)return!1;let c=a.getRenderUnitByPageId(s,i);if(!c)return!1;let l=(r=c.scene)==null?void 0:r.getTransformer();return l&&l.clearControls(),a.activePage(t.id,i),!0}},bt={id:`slide.operation.append-slide`,type:t.OPERATION,handler:(e,t)=>{let n=t.unitId;return e.get(b).getUnit(n)?(e.get(J).appendPage(n),!0):!1}},xt={id:`slide.operation.delete-element`,type:t.OPERATION,handler:(e,t)=>{if(!(t!=null&&t.id))return!1;let n=t.unitId,r=e.get(b).getUnit(n);if(!r)return!1;let i=r.getActivePage();return delete i.pageElements[t.id],r.updatePage(i.id,i),e.get(J).removeObjectById(t.id,i.id,n),!0}},St={id:`slide.command.insert-float-image`,type:t.COMMAND,handler:async(e,t)=>{var n;let r=e.get(b),i=(n=r.getCurrentUnitForType(D.UNIVER_SLIDE))==null?void 0:n.getUnitId();if(!i)return!1;let a=await e.get(De).openFile({multiple:!0,accept:ye.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(a.length!==1)return!1;let o=await e.get(be).saveImage(a[0]);if(!o)return!1;let{imageId:s,imageSourceType:c,source:l,base64Cache:u}=o,{width:d,height:f,image:p}=await xe(u||``),m=r.getUnit(i);if(!m)return!1;let h=m.getActivePage(),g=Object.values(h.pageElements),_={id:s,zIndex:(g!=null&&g.length?Math.max(...g.map(e=>e.zIndex)):20)+1,left:0,top:0,width:d,height:f,title:``,description:``,type:w.IMAGE,image:{imageProperties:{contentUrl:u,imageSourceType:c,source:l,base64Cache:u,image:p}}};h.pageElements[s]=_,m.updatePage(h.id,h);let v=e.get(J),y=v.createObjectToPage(_,h.id,i);return y&&v.setObjectActiveByPage(y,h.id,i),!0}},Y={id:`slide.operation.update-element`,type:t.OPERATION,handler:(e,t)=>{let{oKey:n,props:r}=t,i=e.get(b),a=t==null?void 0:t.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage();return s.pageElements[n]=ae(s.pageElements[n],r),o.updatePage(s.id,s),!0}};var X=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(X||{});function Ct(e){let{pageId:t,unitId:n}=e,r=L(C),i=L(J),a=L(g),o=i.getRenderUnitByPageId(t,n),s=o==null?void 0:o.scene;if(!s)return null;let c=s.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;if(!l)return null;let u=e=>{let[t,r]=s.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=l.zIndex;e===X.back?i=t-1:e===X.front?i=r+1:e===X.forward?i=l.zIndex+1:e===X.backward&&(i=l.zIndex-1),l.setProps({zIndex:i}),a.executeCommand(Y.id,{unitId:n,oKey:l==null?void 0:l.oKey,props:{zIndex:i}})};return B(`div`,{className:`univer-relative univer-w-full`,children:[z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`
+                      univer-w-full univer-text-left univer-text-gray-600
+                      dark:!univer-text-gray-200
+                    `,children:z(`div`,{children:r.t(`image-panel.arrange.title`)})})}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.forward)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(Je,{}),r.t(`image-panel.arrange.forward`)]})})}),z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.backward)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(qe,{}),r.t(`image-panel.arrange.backward`)]})})})]}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.front)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(Ze,{}),r.t(`image-panel.arrange.front`)]})})}),z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.back)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(We,{}),r.t(`image-panel.arrange.back`)]})})})]})]})}function wt(e){var t,n;let{pageId:r,unitId:i}=e,a=L(C),o=L(J),s=L(g),c=o.getRenderUnitByPageId(r,i),l=c==null?void 0:c.scene;if(!l)return null;let u=l.getTransformer();if(!u)return null;let d=u.getSelectedObjectMap().values().next().value;if(!d)return null;let[f,p]=H((t=(n=d.fill)==null?void 0:n.toString())==null?``:t);function m(e){d==null||d.setProps({fill:e}),s.executeCommand(Y.id,{unitId:i,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),p(e)}return z(`div`,{className:R(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,Ve),children:B(`div`,{className:`univer-relative univer-w-full`,children:[z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`
+                          univer-w-full univer-text-left univer-text-gray-600
+                          dark:!univer-text-gray-200
+                        `,children:z(`div`,{children:a.t(`slide.panel.fill.title`)})})}),z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`univer-w-1/2`,children:z(Re,{overlay:z(`div`,{className:`univer-rounded-lg univer-p-4`,children:z(Le,{value:`#fff`,onChange:m})}),children:B(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[z(Ye,{className:`univer-fill-primary-600`}),z(Ke,{})]})})})})]})})}function Tt(e){let{pageId:t,unitId:n}=e,r=L(C),i=L(J),a=L(g),o=i.getRenderUnitByPageId(t,n),s=o==null?void 0:o.scene;if(!s)return null;let c=s.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;if(!l)return null;let{width:u=0,height:d=0,left:f=0,top:p=0,angle:m=0}=l,[h,_]=H(u),[v,y]=H(d),[b,x]=H(f),[S,w]=H(p),[T,E]=H(m),D=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;_(n),y(r),x(i),w(a),E(o)};V(()=>{let e=c.changeStart$.subscribe(e=>{D(e)}),t=c.changing$.subscribe(e=>{D(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function O(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{width:e}}),l==null||l.resize(e,l.height),_(e),c==null||c.refreshControls())}function k(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{height:e}}),l==null||l.resize(l.width,e),y(e),c==null||c.refreshControls())}function ee(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{left:e}}),l==null||l.translate(e,l.top),x(e),c==null||c.refreshControls())}function te(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{right:e}}),l==null||l.translate(l.left,e),w(e),c==null||c.refreshControls())}function ne(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{angle:e}}),l==null||l.transformByState({angle:e}),E(e),c==null||c.refreshControls())}return B(`div`,{className:R(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,Ve),children:[z(`header`,{className:`
+                  univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:z(`div`,{children:r.t(`image-panel.transform.title`)})}),B(`div`,{className:`
+                  univer-grid univer-grid-cols-3 univer-gap-2
+                  [&>div]:univer-grid [&>div]:univer-gap-2
+                `,children:[B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.width`)}),z(ze,{min:1,value:h,onChange:e=>{O(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.height`)}),z(ze,{min:1,value:v,onChange:e=>{k(e)}})]})]}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.x`)}),z(ze,{min:0,precision:1,value:b,onChange:e=>{ee(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.y`)}),z(ze,{min:0,precision:1,value:S,onChange:e=>{te(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.rotate`)}),z(ze,{precision:1,value:T,onChange:ne})]})]})]})}const Et=`COMPONENT_SLIDE_SIDEBAR`;function Dt(){var e,t,n;let r=L(b),i=L(J),a=r.getCurrentUnitForType(D.UNIVER_SLIDE),o=a==null||(e=a.getActivePage())==null?void 0:e.id,s=((t=r.getFocusedUnit())==null?void 0:t.getUnitId())||``;if(!o||!s)return null;let c=(n=i.getRenderUnitByPageId(o,s).scene)==null?void 0:n.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;return l?B(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[z(Ct,{pageId:o,unitId:s}),z(Tt,{pageId:o,unitId:s}),l.objectType===ce.RECT&&z(wt,{pageId:o,unitId:s})]}):null}const Ot={id:`slide.command.insert-float-shape.rectangle`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return n.executeCommand(kt.id,{unitId:r})}},kt={id:`slide.operation.insert-float-shape.rectangle`,type:t.OPERATION,handler:async(t,n)=>{let r=re(6),i=t.get(b),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:w.SHAPE,shape:{shapeType:e.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(J),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},At={id:`sidebar.operation.slide-shape`,type:t.COMMAND,handler:async(e,t)=>{let{visible:n,objectType:r}=t,i=e.get(Ae),a=e.get(C),o=``,s=``;return r===ce.RECT?(o=`slide.sidebar.shape`,s=Et):r===ce.IMAGE?(o=`slide.sidebar.image`,s=Et):r===ce.RICH_TEXT&&(o=`slide.sidebar.text`,s=Et),n?i.open({header:{title:a.t(o)},children:{label:s},onClose:()=>{},width:360}):i.close(),!0}},jt={id:`slide.command.insert-float-shape.ellipse`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return n.executeCommand(Mt.id,{unitId:r})}},Mt={id:`slide.operation.insert-float-shape.ellipse`,type:t.OPERATION,handler:async(t,n)=>{let r=re(6),i=t.get(b),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:w.SHAPE,shape:{shapeType:e.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(J),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},Nt={id:`slide.command.add-text`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return await n.executeCommand(Pt.id,{unitId:r})}},Pt={id:`slide.operation.add-text`,type:t.OPERATION,handler:async(e,t)=>{let n=t.unitId,r=re(6),i=(t==null?void 0:t.text)||`A New Text`,a=e.get(b).getUnit(n);if(!a)return!1;let o=a.getActivePage(),s=Object.values(o.pageElements),c={id:r,zIndex:(s!=null&&s.length?Math.max(...s.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:w.TEXT,richText:{text:i,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};o.pageElements[r]=c,a.updatePage(o.id,o);let l=e.get(J),u=l.createObjectToPage(c,o.id,n);return u&&l.setObjectActiveByPage(u,o.id,n),!0}},Ft={id:`slide.operation.set-slide-page-thumb`,type:t.OPERATION,handler:(e,t)=>(e.get(J).createThumbs(t.unitId),!0)};function It(){var e,t;let n=L(b),r=L(g),i=L(M),a=L(C),o=tt(null),s=n.getCurrentUnitForType(D.UNIVER_SLIDE),c=s==null?void 0:s.getPages(),l=s==null?void 0:s.getPageOrder();if(!c||!l)return null;let u=l.map(e=>c[e]),[d,f]=H((e=s==null||(t=s.getActivePage())==null?void 0:t.id)==null?null:e),p=et(()=>u.map(()=>Qe()),[u]);V(()=>{let e=s==null?void 0:s.activePage$.subscribe(e=>{var t;let n=(t=e==null?void 0:e.id)==null?null:t;n&&f(n)});return()=>{e==null||e.unsubscribe()}},[]),V(()=>{p.forEach((e,t)=>{if(e.current){var n;let r=u[t];(n=i.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),p.length>0&&r.syncExecuteCommand(Ft.id,{unitId:s==null?void 0:s.getUnitId()})},[p,u,i,r,s]);let m=$e(e=>{r.syncExecuteCommand(yt.id,{id:e,unitId:s==null?void 0:s.getUnitId()})},[r,s]),h=$e(()=>{r.syncExecuteCommand(bt.id,{unitId:s==null?void 0:s.getUnitId()})},[r,s]);return z(`aside`,{ref:o,className:R(`
+              univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden
+            `,He),children:B(`div`,{className:`univer-px-4`,children:[z(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:z(`a`,{className:R(`
+                          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
+                        `,Be),onClick:h,children:a.t(`slide.append`)})}),u.map((e,t)=>B(`div`,{className:R(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===d}),onClick:()=>m(e.id),children:[z(`span`,{children:t+1}),z(`div`,{ref:p[t],className:R(`
+                              univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white
+                              hover:univer-border-primary-600
+                            `,Be)})]},e.id))]})})}const Z=te(`SLIDE_EDITOR`),Lt={id:`slide.operation.edit-arrow`,type:t.OPERATION,handler:()=>!0},Rt=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function zt(e){var t;let n=(t=e.popup)==null||(t=t.extraProps)==null?void 0:t.menuItems;if(!n)return null;let r=L(g),i=L(C),[a,o]=H(!1),[s,c]=H(!1),l=()=>{c(!0)},u=()=>{c(!1)},d=e=>{o(e)},f=e=>{r.executeCommand(e.commandId,e.commandParams),o(!1)},p=a||s,m=n.filter(e=>!e.disable);return z(`div`,{onMouseEnter:l,onMouseLeave:u,children:z(Re,{align:`start`,overlay:z(`ul`,{className:R(`
+                          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
+                        `,Be),children:m.map(e=>z(`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:()=>f(e),children:z(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:i.t(e.label)})},e.index))}),open:a,onOpenChange:d,children:B(`div`,{className:R(`
+                      univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
+                      hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-800
+                    `,Be,{"univer-bg-gray-100 dark:!univer-bg-gray-800":a,"univer-bg-white dark:!univer-bg-gray-900":!a}),children:[z(Ue,{className:`
+                          univer-fill-primary-600 univer-text-gray-900
+                          dark:!univer-text-white
+                        `}),p&&z(Ke,{className:`dark:!univer-text-white`})]})})})}const Bt=`slide.menu.image`;function Vt(e){return{id:Bt,type:F.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}function Ht(e){return{id:St.id,title:`slide.image.insert.float`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}const Ut=`slide.menu.shape`;function Wt(e){return{id:Ut,type:F.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}function Gt(e){return{id:Ot.id,title:`slide.shape.insert.rectangle`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}function Kt(e){return{id:jt.id,title:`slide.shape.insert.ellipse`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}function qt(e){return{id:Nt.id,type:F.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}const Jt={[Ne.FORMAT]:{[Nt.id]:{order:0,menuItemFactory:qt},[Bt]:{order:0,menuItemFactory:Vt,[St.id]:{order:0,menuItemFactory:Ht}},[Ut]:{order:0,menuItemFactory:Wt,[Ot.id]:{order:0,menuItemFactory:Gt},[jt.id]:{order:0,menuItemFactory:Kt}}}};var Yt=class{constructor(){G(this,`_state`,null),G(this,`_rect`,null),G(this,`_state$`,new U(null)),G(this,`state$`,this._state$.asObservable()),G(this,`_rect$`,new U(null)),G(this,`rect$`,this._rect$.asObservable()),G(this,`_focus`,!1),G(this,`_focus$`,new U(this._focus)),G(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 Xt=ee(`univer.slide-editor-manager.service`),Zt=-1e3,Qt={width:0,height:0,top:Zt,left:Zt};function $t(){let[e,t]=H({...Qt}),r=L(Xt),i=L(ot),a=L(v),o=Fe(()=>a.subscribeContextValue$(we),!1,void 0,[a,we]);return`${n}`,s.UNSPECIFIED,V(()=>{r.state$.subscribe(e=>{if(e==null)return;let{startX:n=Zt,startY:a=Zt,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)t({...Qt});else{t({width:o-n-j+2,height:s-a-j+2,left:n+j,top:a+j});let e=i.getEditor(Z);if(e==null)return;let{left:c,top:l,width:u,height:d}=e.getBoundingClientRect();r.setRect({left:c,top:l,width:u,height:d})}})},[]),V(()=>{o||r.setFocus(!0)},[o,e]),z(`div`,{className:R(`univer-absolute univer-z-10 univer-box-border univer-flex`,Be),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function en(e){return e.getContextValue(f)&&e.getContextValue(c)}function tn(e){return e.getContextValue(m)&&e.getContextValue(f)}const nn=[P.ARROW_DOWN,P.ARROW_UP,P.ARROW_LEFT,P.ARROW_RIGHT];[P.ENTER,P.TAB,...nn];function rn(){let e=[];for(let t of nn)e.push({id:Lt.id,binding:t,preconditions:e=>en(e),staticParameters:{visible:!1,eventType:A.Keyboard,keycode:t,isShift:!1}}),e.push({id:Lt.id,binding:t|Me.SHIFT,preconditions:e=>en(e),staticParameters:{visible:!1,eventType:A.Keyboard,keycode:t,isShift:!0}});return e}const an={id:it.id,preconditions:e=>en(e)||tn(e),binding:P.BACKSPACE};let on=class extends i{constructor(e,t,n,r,i,a){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=r,this._commandService=i,this._shortcutService=a,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Jt)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,Xe)),this.disposeWithMe(e.register(`GraphIcon`,Ge)),this.disposeWithMe(e.register(Rt,zt)),this.disposeWithMe(e.register(Et,Dt))}_initCommands(){[bt,yt,Ft,St,Pt,Nt,jt,Mt,kt,Ot,At,xt,Y,Lt].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(Se.LEFT_SIDEBAR,()=>Pe(It,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(Se.CONTENT,()=>Pe($t,this._injector)))}_initShortcuts(){[an,...rn()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};on=q([K(0,x(S)),K(1,Oe),K(2,x(Ce)),K(3,je),K(4,g),K(5,ke)],on);var sn=`@univerjs/slides-ui`,cn=`0.18.0`;const ln=`slides-ui.config`;Symbol(ln);const un={},dn=ee(`univer.slide-editor-bridge.service`);let fn=class extends i{constructor(e,t,n){super(),this._editorService=e,this._contextService=t,this._renderManagerService=n,G(this,`_editorUnitId`,Z),G(this,`_isForceKeepVisible`,!1),G(this,`_editorIsDirty`,!1),G(this,`_currentEditRectState`,null),G(this,`_currentEditRectState$`,new U(null)),G(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),G(this,`_visibleParam`,{visible:!1,eventType:A.Dblclick,unitId:``}),G(this,`_visible$`,new U(this._visibleParam)),G(this,`visible$`,this._visible$.asObservable()),G(this,`_afterVisible$`,new U(this._visibleParam)),G(this,`afterVisible$`,this._afterVisible$.asObservable()),G(this,`endEditing$`,new ut),G(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(Z),this._contextService.setContextValue(c,!1),this._contextService.setContextValue(d,!1),this._contextService.setContextValue(p,!1));let t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let e=Z,t=this._currentEditRectInfo,n=t.unitId,r=t.richTextObj.documentData;r.id=e,r.documentStyle={...r.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};let i={documentModel:new o(r),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:O.TOP,horizontalAlign:h.LEFT,paddingData:{t:0,b:1,l:2,r:2}},a=t.richTextObj.width,s=t.richTextObj.height,c=t.richTextObj.left,l=t.richTextObj.top,u={left:0,top:0},d=this._renderManagerService.getRenderById(n),f=d==null?void 0:d.scene,p=f==null?void 0:f.getViewport(N.VIEW),m=f==null?void 0:f.getObject(N.COMPONENT),g={x:(m==null?void 0:m.left)||0,y:(m==null?void 0:m.top)||0},_=(p==null?void 0:p.viewportScrollX)||0,v=(p==null?void 0:p.viewportScrollY)||0;return u.left=g.x-_,u.top=g.y-v,{position:{startX:c,startY:l,endX:c+a,endY:l+s},scaleX:1,scaleY:1,slideCardOffset:u,unitId:n,editorUnitId:e,documentLayoutObject:i}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let t=this.getCurrentEditorId(),n=e.text,r=e.fs;return{id:t,body:{dataStream:`${n}\r\n`,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:r},renderConfig:{verticalAlign:O.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};fn=q([K(0,ot),K(1,v),K(2,M)],fn);let Q=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({});const pn=-1e3;let mn=class extends i{constructor(e,t,n,r,i,a,o,s,c,l,u,d){super(),this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=r,this._instanceSrv=i,this._renderManagerService=a,this._editorBridgeService=o,this._cellEditorManagerService=s,this._textSelectionManagerService=c,this._commandService=l,this._localService=u,this._editorService=d,G(this,`_cursorChange`,Q.InitialState),G(this,`_isUnitEditing`,!1),G(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(D.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:A.Keyboard,keycode:P.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let e=new a;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(mt).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(mt).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(dt(e=>!!e)).subscribe(()=>{var e;(e=ge(D.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(at).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var t;if(e==null||this._contextService.getContextValue(d)||this._contextService.getContextValue(p))return;let{position:{startX:n,endX:r},documentLayoutObject:{textRotation:i,wrapStrategy:a,documentModel:o},scaleX:s,editorUnitId:c}=e,{vertexAngle:l}=me(i);o.updateDocumentId(c),a===k.WRAP&&l===0&&o.updateDocumentDataPageSize((r-n)/s),this._instanceSrv.changeDoc(c,o),this._contextService.setContextValue(u,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(t=ge(D.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(at).activate(pn,pn)}))}_fitTextSize(e,t,n,r,i=1,a=1){let{startX:o,startY:s,endX:c,endY:l}=e,u=r.documentModel;if(u==null)return;let{actualWidth:d,actualHeight:f}=this._predictingSize(e,t,n,r,i,a),{verticalAlign:p,paddingData:m,fill:h}=r,g=c-o,_=l-s;if(g<d&&(g=d),_<f)_=f,u.updateDocumentDataMargin(m);else{let e=0;e=p===O.MIDDLE?(_-f)/2/a:p===O.TOP?m.t||0:(_-f)/a-(m.b||0),e=e<(m.t||0)?m.t||0:e,u.updateDocumentDataMargin({t:e})}n.calculate(),this._editAreaProcessing(g,_,e,t,h,i,a)}_predictingSize(e,t,n,r,i=1,a=1){let{startX:o,endX:s}=e,{textRotation:c,wrapStrategy:l}=r,u=r.documentModel,{vertexAngle:d}=me(c),f=document.body.clientWidth;if(l===k.WRAP&&d===0){let{actualWidth:e,actualHeight:t}=n.getActualSize();return{actualWidth:e*i,actualHeight:t*a}}u==null||u.updateDocumentDataPageSize((f-o-t.left)/i),n.calculate();let p=n.getActualSize(),m=s-o;return m<p.actualWidth*i+5*i&&(m=p.actualWidth*i+5*i),u==null||u.updateDocumentDataPageSize(m/i),u==null||u.updateDocumentRenderConfig({horizontalAlign:h.UNSPECIFIED,cellValueType:void 0}),{actualWidth:m,actualHeight:p.actualHeight*a}}_editAreaProcessing(e,t,n,r,i,a=1,o=1){let s=this._getEditorObject();if(s==null)return;function c(e){return Number.parseInt(e.replace(`px`,``))}let l=this._renderContext.engine.getCanvasElement(),u=l.getBoundingClientRect(),d=c(l.style.width),{top:f,left:p,width:m}=u,h=m/d,{startX:g,startY:_}=n;g+=r.left,_+=r.top;let{document:v,scene:y,engine:b}=s,x=y.getViewport(lt.VIEW_MAIN),S=document.body.clientHeight-_-r.top-4,C=document.body.clientWidth-g-r.left,w=t,T=x==null?void 0:x.getScrollBar();if(w>S)w=S,T==null?x&&new de(x,{enableHorizontal:!1,barSize:8}):x==null||x.resetCanvasSizeAndUpdateScroll();else{var E;T=null,x==null||(E=x.getScrollBar())==null||E.dispose()}e+=(T==null?void 0:T.barSize)||0,e=Math.min(e,C),g-=j,_-=j,this._addBackground(y,e/a,t/o,i);let{scaleX:D,scaleY:O}=y.getPrecisionScale();y.transformByState({width:e*h/a,height:t*h/o,scaleX:a*h,scaleY:o*h}),v.resize(e/a,t/o),setTimeout(()=>{b.resizeBySize(he(e,D),he(w,O))},0);let k=this._layoutService.getContentElement().getBoundingClientRect(),ee=l.getBoundingClientRect();g=g*h+(ee.left-k.left),_=_*h+(ee.top-k.top),this._cellEditorManagerService.setState({startX:g,startY:_,endX:e*h+g,endY:w*h+_,show:!0})}_addBackground(e,t,n,r){let i=`_backgroundRectHelperColor_`,a=e.getObject(i);a==null&&r==null||(a==null?e.addObjects([new le(i,{width:t,height:n,fill:r,evented:!1})],nt):r==null?a.dispose():(a.setProps({fill:r}),a.transformByState({width:t,height:n})))}_handleEditorVisible(e){var t,n;let{eventType:r}=e;this._cursorChange=[A.PointerDown,A.Dblclick].includes(r)?Q.CursorChange:Q.StartEditor;let i=this._editorBridgeService.getEditRectState();if(i==null)return;let{position:a,documentLayoutObject:o,slideCardOffset:s,scaleX:l,scaleY:u,editorUnitId:d,unitId:f}=i,p=this._getEditorObject();if(p==null)return;let{scene:m}=p;this._contextService.setContextValue(c,!0);let{documentModel:h}=o,g=this._getEditorSkeleton(d);if(!g||!h)return;this._fitTextSize(a,s,g,o,l,u);let _=h.getBody().dataStream.length-2||0;(t=m.getViewport(lt.VIEW_MAIN))==null||t.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:_,endOffset:_}]),(n=this._renderManagerService.getRenderById(f))==null||n.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=n,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}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[Lt.id],n=[ht.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===Z&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===Q.CursorChange?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return hn(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=Q.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(e){this._contextService.setContextValue(c,!1),this._cellEditorManagerService.setState({show:e.visible});let t=this._editorBridgeService.getCurrentEditorId();t!=null&&this._undoRedoService.clearUndoRedo(t)}_moveCursor(e){if(e!=null)switch(r.LEFT,e){case P.ENTER:r.DOWN;break;case P.TAB:r.RIGHT;break;case P.ARROW_DOWN:r.DOWN;break;case P.ARROW_UP:r.UP;break;case P.ARROW_LEFT:r.LEFT;break;case P.ARROW_RIGHT:r.RIGHT;break}}_cursorStateListener(e){let t=this._getEditorObject();if(!t)return;let{document:n}=t;e.add(se(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===Q.StartEditor&&(this._cursorChange=Q.CursorChange)})))}_moveInEditor(e,t){let n=r.LEFT;e===P.ARROW_DOWN?n=r.DOWN:e===P.ARROW_UP?n=r.UP:e===P.ARROW_RIGHT&&(n=r.RIGHT),t?this._commandService.executeCommand(ct.id,{direction:n}):this._commandService.executeCommand(st.id,{direction:n})}};mn=q([K(1,Ee),K(2,y),K(3,v),K(4,b),K(5,M),K(6,dn),K(7,Xt),K(8,x(pt)),K(9,g),K(10,x(C)),K(11,ot)],mn);function hn(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(rt.BACKGROUND),scene:i,engine:a}}let gn=class extends E{constructor(e,t,n,r){super(),this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=r,G(this,`setSlideTextEditor$`,new ut),G(this,`_curRichText`,null),G(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(D.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new a;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let t=t=>{let n=t.getTransformer();n&&(e.add(n.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(n.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{n.clearControls();let e=n.getSelectedObjectMap().values().next().value;e&&(e.objectType===ce.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(e=>{t(e)});let r=Array.from(n.getSubScenes().values());for(let e=0;e<r.length;e++){let n=r[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let t=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(D.UNIVER_SLIDE))return!1;t.refreshDocumentByDocData(),t.resizeToContentSize(),this._editorBridgeService.endEditing$.next(t);let n={bl:1,fs:t.fs,text:t.text},r=(e=t.documentData.body)==null?void 0:e.textRuns;if(r&&r.length){let e=r[0].ts;n.cl=e==null?void 0:e.cl}this._commandService.executeCommand(Y.id,{unitId:this._renderContext.unitId,oKey:t==null?void 0:t.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var t;(t=this._curRichText)==null||t.hide()}else{var n;(n=this._curRichText)==null||n.show()}let{unitId:r}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:A.PointerDown,unitId:r})}};gn=q([K(1,b),K(2,g),K(3,dn)],gn);function _n(e,t){let n=vn(e.left,e.top,t),r=vn(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function vn(e,t,n){let{scaleX:r,scaleY:i}=n.getAncestorScale(),a=n.getViewport(N.VIEW);if(!a)return{x:e,y:t};let{viewportScrollX:o,viewportScrollY:s}=a;return{x:(e-o)*r,y:(t-s)*i}}let yn=class extends i{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,t){let n=(()=>{var n,r,i,a;let{scene:o,engine:s}=t,{left:c,top:l,width:u,height:d}=e,f=(o.width-((n=(r=t.mainComponent)==null?void 0:r.width)==null?0:n))/2,p=(o.height-((i=(a=t.mainComponent)==null?void 0:a.height)==null?0:i))/2,m={left:c,right:c+u,top:l,bottom:l+d},h=s.getCanvasElement(),g=h.getBoundingClientRect(),_=_e(h.style.width),{scaleX:v,scaleY:y}=o.getAncestorScale(),b=_n(m,o),{top:x,left:S,width:C}=g,w=C/_;return{left:b.left*w*v+S+f,right:b.right*w*v+S+f,top:b.top*w*y+x+p,bottom:b.bottom*w*y+x+p}})();return{position:n,position$:new U(n),disposable:new a}}attachPopupToObject(e,t){let n=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE).getUnitId(),r=this._renderManagerService.getRenderById(n);if(!r)return{dispose:()=>{}};let{position:i,position$:a,disposable:o}=this._createObjectPositionObserver(e,r),s=this._globalPopupManagerService.addPopup({...t,unitId:n,subUnitId:`default`,anchorRect:i,anchorRect$:a,canvasElement:r.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(s),a.complete(),o.dispose()}}}};yn=q([K(0,x(Te)),K(1,M),K(2,b),K(3,g)],yn);let bn=class extends E{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,G(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(D.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var t;let n=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE),r=(t=n==null?void 0:n.getPages())==null?{}:t;Object.keys(r).forEach(t=>{var n;let r=(n=this._canvasView.getRenderUnitByPageId(t,e).scene)==null?void 0:n.getTransformer();if(!r)return;let i;this.disposeWithMe(se(r.createControl$.subscribe(()=>{let t=r.getSelectedObjectMap();if(t.size>1){i==null||i.dispose();return}let n=t.values().next().value;if(!n)return;let a=n.oKey;i==null||i.dispose(),i=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:Rt,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,a,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(At.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(r.clearControl$.subscribe(()=>{i==null||i.dispose(),this._contextService.setContextValue(l,!1)})),this.disposeWithMe(r.changing$.subscribe(()=>{i==null||i.dispose();let t=r.getSelectedObjectMap();if(t.size>1){i==null||i.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(Y.id,{unitId:e,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slide.popup.edit`,index:0,commandId:At.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slide.popup.delete`,index:5,commandId:xt.id,commandParams:{id:t,unitId:n},disable:!1}]}};bn=q([K(0,x(yn)),K(1,M),K(2,b),K(3,v),K(4,x(J)),K(5,Ae),K(6,g)],bn);let xn=class extends E{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(D.UNIVER_SLIDE).pipe(ft(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(D.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(D.UNIVER_SLIDE).pipe(ft(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,D.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};xn=q([K(0,v),K(1,b),K(2,M)],xn);let $=class extends T{constructor(e=un,t,n,r,i){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=r,this._configService=i;let{menu:a,...o}=ae({},un,this._config);a&&this._configService.setConfig(`menu`,a,{merge:!0}),this._configService.setConfig(ln,o)}onStarting(){oe([[xn],[dn,{useClass:fn}],[Xt,{useClass:Yt}],[yn]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[vt]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(D.UNIVER_SLIDE,e))}),oe([[J],[on],[vt],[bn]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(J),this._injector.get(xn)}onRendered(){[[gn],[mn]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(D.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(on)}onSteady(){this._injector.get(bn)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let t=e.getCurrentUnitForType(D.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}};G($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),G($,`packageName`,sn),G($,`version`,cn),G($,`type`,D.UNIVER_SLIDE),$=q([K(1,x(S)),K(2,M),K(3,b),K(4,_)],$);export{yt as ActivateSlidePageOperation,bt as AppendSlideOperation,J as CanvasView,xt as DeleteSlideElementOperation,dn as ISlideEditorBridgeService,St as InsertSlideFloatImageCommand,jt as InsertSlideShapeEllipseCommand,Mt as InsertSlideShapeEllipseOperation,Ot as InsertSlideShapeRectangleCommand,kt as InsertSlideShapeRectangleOperation,Ut as SHAPE_MENU_ID,Bt as SLIDES_IMAGE_MENU_ID,Z as SLIDE_EDITOR_ID,Ft as SetSlidePageThumbOperation,Nt as SlideAddTextCommand,Pt as SlideAddTextOperation,yn as SlideCanvasPopMangerService,$t as SlideEditorContainer,It as SlideSideBar,on as SlidesUIController,Jt as SlidesUIMenuSchema,$ as UniverSlidesUIPlugin,Y as UpdateSlideElementOperation};