@univerjs/ui 0.13.0 → 0.14.0

package/lib/es/index.js

@@ -3,23 +3,23 @@ var u2 = (e) => {
   throw TypeError(e);
 };
 var d2 = (e, t, n) => t in e ? c2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var P = (e, t, n) => d2(e, typeof t != "symbol" ? t + "" : t, n);
+var F = (e, t, n) => d2(e, typeof t != "symbol" ? t + "" : t, n);
 var m3 = (e, t, n) => t.has(e) ? u2("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
-import { Disposable as p1, createIdentifier as C1, CommandType as t3, toDisposable as f1, IUniverInstanceService as T1, DocumentFlavor as Ot, LocaleService as L1, ColorKit as V3, NAMED_STYLE_MAP as f2, IConfigService as G1, ICommandService as X1, NamedStyleType as P1, Workbook as h2, UniverInstanceType as b3, DocumentDataModel as d9, SlideDataModel as C2, remove as $t, FOCUSING_UNIVER_EDITOR as Ne, IContextService as pe, Inject as m1, Injector as V1, merge as De, convertObservableToBehaviorSubject as v2, isRealNum as g2, ErrorService as p2, RedoCommand as U3, UndoCommand as z3, IUndoRedoService as m2, EDITOR_ACTIVATED as f9, FOCUSING_FX_BAR_EDITOR as h9, Optional as C9, dedupeBy as b2, generateRandomId as Ce, throttle as L2, ThemeService as W3, LifecycleStages as L3, LifecycleUnreachableError as w2, isInternalEditorID as y2, LifecycleService as v9, ILogService as _2, DependentOn as g9, Plugin as p9, registerDependencies as m9, mergeOverrideWithDependencies as b9, ILocalStorageService as L9, touchDependencies as ne, BaselineOffset as w3, getBorderStyleType as D1, BorderStyleTypes as M2, Tools as w9 } from "@univerjs/core";
-import { BehaviorSubject as k1, distinctUntilChanged as y9, Observable as ve, switchMap as I2, isObservable as Te, fromEvent as x2, Subject as E1, of as me, combineLatest as le, merge as H2, first as S2, throttleTime as y3, animationFrameScheduler as _3, map as _9, filter as Et, debounceTime as R2, startWith as V2, ReplaySubject as O2 } from "rxjs";
+import { Disposable as g1, createIdentifier as p1, CommandType as t3, toDisposable as f1, IUniverInstanceService as T1, DocumentFlavor as Ot, LocaleService as L1, ColorKit as V3, NAMED_STYLE_MAP as f2, IConfigService as G1, ICommandService as X1, NamedStyleType as P1, Workbook as h2, UniverInstanceType as b3, DocumentDataModel as d9, SlideDataModel as C2, remove as $t, FOCUSING_UNIVER_EDITOR as Ne, IContextService as pe, Inject as m1, Injector as V1, merge as De, convertObservableToBehaviorSubject as v2, isRealNum as g2, ErrorService as p2, RedoCommand as U3, UndoCommand as z3, IUndoRedoService as m2, EDITOR_ACTIVATED as f9, FOCUSING_FX_BAR_EDITOR as h9, Optional as C9, dedupeBy as b2, generateRandomId as Ce, throttle as L2, ThemeService as W3, LifecycleStages as L3, LifecycleUnreachableError as w2, isInternalEditorID as y2, LifecycleService as v9, ILogService as _2, IConfirmService as Y3, DependentOn as g9, Plugin as p9, registerDependencies as m9, mergeOverrideWithDependencies as b9, ILocalStorageService as L9, touchDependencies as ne, BaselineOffset as w3, getBorderStyleType as N1, BorderStyleTypes as M2, Tools as w9 } from "@univerjs/core";
+import { BehaviorSubject as k1, distinctUntilChanged as y9, Observable as ve, switchMap as I2, isObservable as Te, fromEvent as x2, Subject as D1, of as me, combineLatest as le, merge as H2, first as S2, throttleTime as y3, animationFrameScheduler as _3, map as _9, filter as Et, debounceTime as R2, startWith as V2, ReplaySubject as O2 } from "rxjs";
 import { useRef as t1, createElement as M, forwardRef as I, useEffect as q, useMemo as Q, useState as Y, useCallback as n3, memo as M9, createContext as I9, useContext as r3, useImperativeHandle as $2, Fragment as Nt, useLayoutEffect as O3, cloneElement as E2 } from "react";
 import { jsx as h, Fragment as o3, jsxs as K } from "react/jsx-runtime";
 import { useDependency as k, useObservable as d1, useInjector as N2, connectInjector as $1 } from "@wendellhu/redi/react-bindings";
 export * from "@wendellhu/redi/react-bindings";
-import { clsx as n1, isBrowser as D2, resizeObserverCtor as T2, Button as M3, DropdownMenu as $3, Tooltip as Y3, InputNumber as Z2, TinyMenuGroup as A2, Menu as B2, MenuItem as E3, MenuItemGroup as N3, SubMenu as Dt, MessageType as P2, KBD as F2, divideYClassName as k2, HoverCard as j2, borderClassName as U2, Dropdown as x9, divideXClassName as Tt, borderBottomClassName as Ze, Popup as H9, borderLeftBottomClassName as z2, scrollbarClassName as W2, ConfigProvider as S9, ConfigContext as Y2, ColorPicker as G2, render as Oe, unmount as R9, Confirm as X2, Dialog as q2, Gallery as J2, Messager as Q2, removeMessage as _e, message as K2, toast as e4, Toaster as t4 } from "@univerjs/design";
+import { clsx as n1, isBrowser as D2, resizeObserverCtor as T2, Button as M3, DropdownMenu as $3, Tooltip as G3, InputNumber as Z2, TinyMenuGroup as A2, Menu as B2, MenuItem as E3, MenuItemGroup as N3, SubMenu as Dt, MessageType as P2, KBD as F2, divideYClassName as k2, HoverCard as j2, borderClassName as U2, Dropdown as x9, divideXClassName as Tt, borderBottomClassName as Ze, Popup as H9, borderLeftBottomClassName as z2, scrollbarClassName as W2, ConfigProvider as S9, ConfigContext as Y2, ColorPicker as G2, render as Oe, unmount as R9, Confirm as X2, Dialog as q2, Gallery as J2, Messager as Q2, removeMessage as _e, message as K2, toast as e4, Toaster as t4 } from "@univerjs/design";
 import { map as Zt } from "rxjs/operators";
 import { IRenderManagerService as V9, UniverRenderEnginePlugin as O9, ptToPx as n4 } from "@univerjs/engine-render";
 import { createPortal as $9 } from "react-dom";
-class G3 extends p1 {
+class X3 extends g1 {
   constructor() {
     super(...arguments);
-    P(this, "_open$", new k1(!1));
-    P(this, "open$", this._open$.pipe(y9()));
+    F(this, "_open$", new k1(!1));
+    F(this, "open$", this._open$.pipe(y9()));
   }
   get isOpen() {
     return this._open$.getValue();
@@ -34,11 +34,11 @@ class G3 extends p1 {
     this._open$.next(!1);
   }
 }
-const Qi = C1("ui.left-sidebar.service"), be = C1("ui.sidebar.service"), E9 = "ShortcutPanel", i3 = {
+const Qi = p1("ui.left-sidebar.service"), be = p1("ui.sidebar.service"), E9 = "ShortcutPanel", i3 = {
   id: "base-ui.operation.toggle-shortcut-panel",
   type: t3.OPERATION,
   handler: (e) => {
-    const t = e.get(G3), n = e.get(be);
+    const t = e.get(X3), n = e.get(be);
     return t.isOpen ? (t.close(), n.close()) : (t.open(), n.open({
       header: { title: "shortcut-panel.title" },
       children: { label: E9 }
@@ -664,14 +664,14 @@ const L4 = {
       clipRule: "evenodd"
     }
   }]
-}, X3 = I(function(t, n) {
+}, q3 = I(function(t, n) {
   return M(x, Object.assign({}, t, {
     id: "check-mark-icon",
     ref: n,
     icon: L4
   }));
 });
-X3.displayName = "CheckMarkIcon";
+q3.displayName = "CheckMarkIcon";
 const w4 = {
   tag: "svg",
   attrs: {
@@ -688,14 +688,14 @@ const w4 = {
       d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"
     }
   }]
-}, q3 = I(function(t, n) {
+}, J3 = I(function(t, n) {
   return M(x, Object.assign({}, t, {
     id: "close-icon",
     ref: n,
     icon: w4
   }));
 });
-q3.displayName = "CloseIcon";
+J3.displayName = "CloseIcon";
 const y4 = {
   tag: "svg",
   attrs: {
@@ -1252,14 +1252,14 @@ const B4 = {
       clipRule: "evenodd"
     }
   }]
-}, J3 = I(function(t, n) {
+}, Q3 = I(function(t, n) {
   return M(x, Object.assign({}, t, {
     id: "function-icon",
     ref: n,
     icon: B4
   }));
 });
-J3.displayName = "FunctionIcon";
+Q3.displayName = "FunctionIcon";
 const P4 = {
   tag: "svg",
   attrs: {
@@ -1970,14 +1970,14 @@ const o0 = {
       }
     }
   ]
-}, Q3 = I(function(t, n) {
+}, K3 = I(function(t, n) {
   return M(x, Object.assign({}, t, {
     id: "more-function-icon",
     ref: n,
     icon: o0
   }));
 });
-Q3.displayName = "MoreFunctionIcon";
+K3.displayName = "MoreFunctionIcon";
 const i0 = {
   tag: "svg",
   attrs: {
@@ -2373,14 +2373,14 @@ const C0 = {
       clipRule: "evenodd"
     }
   }]
-}, K3 = I(function(t, n) {
+}, et = I(function(t, n) {
   return M(x, Object.assign({}, t, {
     id: "reduce-icon",
     ref: n,
     icon: C0
   }));
 });
-K3.displayName = "ReduceIcon";
+et.displayName = "ReduceIcon";
 const v0 = {
   tag: "svg",
   attrs: {
@@ -4783,7 +4783,7 @@ const Me = {
   FreezeColumnIcon: c6,
   FreezeRowIcon: u6,
   FreezeToSelectedIcon: d6,
-  FunctionIcon: J3,
+  FunctionIcon: Q3,
   GridIcon: f6,
   HeaderFooterIcon: h6,
   HideDoubleIcon: pn,
@@ -4823,7 +4823,7 @@ const Me = {
   RedoIcon: D6,
   ReduceDigitsIcon: T6,
   ReduceDoubleIcon: En,
-  ReduceIcon: K3,
+  ReduceIcon: et,
   RightBorderDoubleIcon: Nn,
   RightDoubleDiagonalDoubleIcon: Dn,
   RightInsertColumnDoubleIcon: Tn,
@@ -4848,17 +4848,17 @@ const Me = {
   VerticalIntegrationIcon: Q6,
   VerticalTextIcon: K6
 };
-class S1 extends p1 {
+class S1 extends g1 {
   constructor() {
     super();
-    P(this, "_components", /* @__PURE__ */ new Map());
-    P(this, "_componentsReverse", /* @__PURE__ */ new Map());
-    P(this, "reactUtils", {
+    F(this, "_components", /* @__PURE__ */ new Map());
+    F(this, "_componentsReverse", /* @__PURE__ */ new Map());
+    F(this, "reactUtils", {
       createElement: M,
       useEffect: q,
       useRef: t1
     });
-    P(this, "_handler", {
+    F(this, "_handler", {
       react: (n) => n
     });
     for (const n in Me)
@@ -4901,7 +4901,7 @@ class S1 extends p1 {
 var k3, j3;
 class Ae {
   constructor() {
-    P(this, "_list", /* @__PURE__ */ new Map());
+    F(this, "_list", /* @__PURE__ */ new Map());
   }
   setIndex(t, n) {
     this._list.set(t, n);
@@ -5179,7 +5179,7 @@ function t7(e) {
             variant: "text",
             disabled: t <= n || o,
             onClick: () => m(-10),
-            children: /* @__PURE__ */ h(K3, {})
+            children: /* @__PURE__ */ h(et, {})
           }
         ),
         /* @__PURE__ */ h(
@@ -5272,7 +5272,7 @@ var R5 = Object.getOwnPropertyDescriptor, V5 = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, O5 = (e, t) => (n, r) => t(n, r, e);
-const Pn = C1("univer.font-service"), At = [{
+const Pn = p1("univer.font-service"), At = [{
   value: "Arial",
   label: "fontFamily.arial",
   category: "sans-serif"
@@ -5327,7 +5327,7 @@ const Pn = C1("univer.font-service"), At = [{
 }];
 let T3 = class {
   constructor(e) {
-    P(this, "fonts$", new k1([...At]));
+    F(this, "fonts$", new k1([...At]));
     this._configService = e;
     const t = this._configService.getConfig(ae), { customFontFamily: n = [] } = t != null ? t : {};
     n.length && n.forEach((r) => this.addFont({
@@ -5415,7 +5415,7 @@ const $5 = ({ id: e, value: t }) => {
           onClick: () => a(d.value),
           children: [
             s.t(d.label),
-            !r.isFontSupported(d.value) && /* @__PURE__ */ h(Y3, { title: s.t("fontFamily.not-supported"), children: /* @__PURE__ */ h(
+            !r.isFontSupported(d.value) && /* @__PURE__ */ h(G3, { title: s.t("fontFamily.not-supported"), children: /* @__PURE__ */ h(
               m6,
               {
                 className: "univer-text-gray-300 dark:univer-text-gray-700"
@@ -5664,16 +5664,16 @@ const P5 = "FOCUSING_UNIVER", F5 = [
   "sheet-bar-append-button",
   "render-canvas",
   "workbench-layout"
-], j1 = C1("ui.layout-service");
-let Pe = class extends p1 {
+], j1 = p1("ui.layout-service");
+let Pe = class extends g1 {
   constructor(t, n) {
     super();
-    P(this, "_rootContainerElement", null);
-    P(this, "_isFocused", !1);
-    P(this, "_focusHandlers", /* @__PURE__ */ new Map());
+    F(this, "_rootContainerElement", null);
+    F(this, "_isFocused", !1);
+    F(this, "_focusHandlers", /* @__PURE__ */ new Map());
     // FIXME: this don't need to be plural
-    P(this, "_contentElements", []);
-    P(this, "_allContainers", []);
+    F(this, "_contentElements", []);
+    F(this, "_allContainers", []);
     this._contextService = t, this._univerInstanceService = n, this._initUniverFocusListener(), this._initEditorStatus();
   }
   get isFocused() {
@@ -5752,12 +5752,12 @@ var H1 = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.SELECTOR = 1]
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, kt = (e, t) => (n, r) => t(n, r, e);
-const Z1 = C1("univer.menu-manager-service");
-let ke = class extends p1 {
+const Z1 = p1("univer.menu-manager-service");
+let ke = class extends g1 {
   constructor(t, n) {
     super();
-    P(this, "menuChanged$", new E1());
-    P(this, "_menu", {
+    F(this, "menuChanged$", new D1());
+    F(this, "_menu", {
       [Fe.RIBBON]: {
         [_1.START]: {
           order: 0,
@@ -6115,7 +6115,7 @@ function jn(e) {
           "univer-relative univer-pl-5": !(typeof s.label != "string" && !((y = s.label) != null && y.hoverable))
         }),
         children: [
-          typeof n < "u" && String(n) === String(s.value) && /* @__PURE__ */ h("span", { className: "univer-absolute univer-left-0 univer-inline-flex univer-items-center", children: /* @__PURE__ */ h(X3, { className: "univer-text-primary-600" }) }),
+          typeof n < "u" && String(n) === String(s.value) && /* @__PURE__ */ h("span", { className: "univer-absolute univer-left-0 univer-inline-flex univer-items-center", children: /* @__PURE__ */ h(q3, { className: "univer-text-primary-600" }) }),
           /* @__PURE__ */ h(
             M1,
             {
@@ -6283,7 +6283,7 @@ function c7(e) {
         "univer-hidden univer-w-0": !v
       }),
       children: [
-        /* @__PURE__ */ h(Y3, { showIfEllipsis: !0, title: a, children: /* @__PURE__ */ h("span", { className: "univer-w-24 univer-truncate univer-text-right univer-text-xs", children: a }) }),
+        /* @__PURE__ */ h(G3, { showIfEllipsis: !0, title: a, children: /* @__PURE__ */ h("span", { className: "univer-w-24 univer-truncate univer-text-right univer-text-xs", children: a }) }),
         /* @__PURE__ */ h("div", { className: "univer-h-1 univer-w-40 univer-overflow-hidden univer-rounded-lg univer-bg-gray-200", children: /* @__PURE__ */ h(
           "div",
           {
@@ -6301,7 +6301,7 @@ function c7(e) {
             type: "button",
             onClick: r,
             children: /* @__PURE__ */ h(
-              q3,
+              J3,
               {
                 className: "univer-size-3.5 dark:!univer-text-white"
               }
@@ -6312,13 +6312,13 @@ function c7(e) {
     }
   );
 }
-const u7 = "UNI_DISABLE_CHANGING_FOCUS", et = C1("ui.message.service");
+const u7 = "UNI_DISABLE_CHANGING_FOCUS", tt = p1("ui.message.service");
 var W5 = Object.getOwnPropertyDescriptor, Y5 = (e, t, n, r) => {
   for (var o = r > 1 ? void 0 : r ? W5(t, n) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, zt = (e, t) => (n, r) => t(n, r, e);
-let oe = class extends p1 {
+let oe = class extends g1 {
   constructor(e, t) {
     super(), this._errorService = e, this._messageService = t, this.disposeWithMe(this._errorService.error$.subscribe((n) => {
       this._messageService.show({
@@ -6330,7 +6330,7 @@ let oe = class extends p1 {
 };
 oe = Y5([
   zt(0, m1(p2)),
-  zt(1, et)
+  zt(1, tt)
 ], oe);
 function G5() {
   return {
@@ -6480,7 +6480,7 @@ var y1 = /* @__PURE__ */ ((e) => (e[e.SHIFT = 1024] = "SHIFT", e[e.ALT = 2048] =
 function K5(e, t, n) {
   return window.addEventListener(e, t, n), f1(() => window.removeEventListener(e, t, n));
 }
-const tt = C1("ui.platform.service");
+const nt = p1("ui.platform.service");
 class Gn {
   get isMac() {
     return /Mac/.test(navigator.appVersion);
@@ -6497,16 +6497,16 @@ var eo = Object.getOwnPropertyDescriptor, to = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, xe = (e, t) => (n, r) => t(n, r, e);
-const Le = C1("ui.shortcut.service");
-let je = class extends p1 {
+const Le = p1("ui.shortcut.service");
+let je = class extends g1 {
   constructor(t, n, r, o) {
     super();
-    P(this, "_shortCutMapping", /* @__PURE__ */ new Map());
-    P(this, "_commandIDMapping", /* @__PURE__ */ new Map());
-    P(this, "_shortcutChanged$", new E1());
-    P(this, "shortcutChanged$", this._shortcutChanged$.asObservable());
-    P(this, "_forceEscaped", !1);
-    P(this, "_forceDisabled", !1);
+    F(this, "_shortCutMapping", /* @__PURE__ */ new Map());
+    F(this, "_commandIDMapping", /* @__PURE__ */ new Map());
+    F(this, "_shortcutChanged$", new D1());
+    F(this, "shortcutChanged$", this._shortcutChanged$.asObservable());
+    F(this, "_forceEscaped", !1);
+    F(this, "_forceDisabled", !1);
     this._commandService = t, this._platformService = n, this._contextService = r, this._layoutService = o, this.disposeWithMe(
       K5("keydown", (i) => {
         this._resolveKeyboardEvent(i);
@@ -6585,7 +6585,7 @@ let je = class extends p1 {
 };
 je = to([
   xe(0, X1),
-  xe(1, tt),
+  xe(1, nt),
   xe(2, pe),
   xe(3, C9(j1))
 ], je);
@@ -6631,7 +6631,7 @@ const oo = {
   binding: q1.Y | y1.CTRL_COMMAND,
   preconditions: qn
 };
-let ie = class extends p1 {
+let ie = class extends g1 {
   constructor(e, t) {
     super(), this._shortcutService = e, this._commandService = t, this.initialize();
   }
@@ -6717,7 +6717,7 @@ const ho = {
   description: "shortcut.shortcut-panel",
   group: "10_global-shortcut"
 };
-let se = class extends p1 {
+let se = class extends g1 {
   constructor(e, t, n, r, o) {
     super(), this._menuManagerService = r, this.disposeWithMe(t.register(E9, co)), this.disposeWithMe(o.registerCommand(i3)), this.disposeWithMe(n.registerShortcut(ho));
   }
@@ -6730,16 +6730,16 @@ se = fo([
   de(4, X1)
 ], se);
 var u1 = /* @__PURE__ */ ((e) => (e.GLOBAL = "global", e.HEADER = "header", e.HEADER_MENU = "header-menu", e.CONTENT = "content", e.FOOTER = "footer", e.LEFT_SIDEBAR = "left-sidebar", e.FLOATING = "floating", e.UNIT = "unit", e.CUSTOM_HEADER = "custom-header", e.CUSTOM_LEFT = "custom-left", e.CUSTOM_RIGHT = "custom-right", e.CUSTOM_FOOTER = "custom-footer", e.TOOLBAR = "toolbar", e))(u1 || {});
-const N1 = C1("ui.parts.service");
-class Jn extends p1 {
+const E1 = p1("ui.parts.service");
+class Jn extends g1 {
   constructor() {
     super(...arguments);
-    P(this, "_componentsByPart", /* @__PURE__ */ new Map());
-    P(this, "_componentRegistered$", new E1());
-    P(this, "componentRegistered$", this._componentRegistered$.asObservable());
-    P(this, "_uiVisible", /* @__PURE__ */ new Map());
-    P(this, "_uiVisibleChange$", new E1());
-    P(this, "uiVisibleChange$", this._uiVisibleChange$.asObservable());
+    F(this, "_componentsByPart", /* @__PURE__ */ new Map());
+    F(this, "_componentRegistered$", new D1());
+    F(this, "componentRegistered$", this._componentRegistered$.asObservable());
+    F(this, "_uiVisible", /* @__PURE__ */ new Map());
+    F(this, "_uiVisibleChange$", new D1());
+    F(this, "uiVisibleChange$", this._uiVisibleChange$.asObservable());
   }
   dispose() {
     super.dispose(), this._componentsByPart.clear(), this._uiVisible.clear(), this._componentRegistered$.complete(), this._uiVisibleChange$.complete();
@@ -6761,11 +6761,11 @@ class Jn extends p1 {
     return /* @__PURE__ */ new Set([...this._componentsByPart.get(n) || /* @__PURE__ */ new Set()]);
   }
 }
-class nt {
+class rt {
   constructor() {
-    P(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    P(this, "_domLayers$", new k1([]));
-    P(this, "domLayers$", this._domLayers$.asObservable());
+    F(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    F(this, "_domLayers$", new k1([]));
+    F(this, "domLayers$", this._domLayers$.asObservable());
   }
   get domLayers() {
     return Array.from(this._domLayerMap.entries());
@@ -6875,7 +6875,7 @@ const Co = M9((e) => {
   ) : null;
 }), Qn = ({ unitId: e }) => {
   var s;
-  const t = k(T1), n = k(nt), r = d1(n.domLayers$), o = d1(t.focused$), i = e || o;
+  const t = k(T1), n = k(rt), r = d1(n.domLayers$), o = d1(t.focused$), i = e || o;
   return (s = r == null ? void 0 : r.filter((a) => a[1].unitId === i)) == null ? void 0 : s.map((a) => {
     var d;
     return /* @__PURE__ */ h(
@@ -6887,14 +6887,14 @@ const Co = M9((e) => {
       a[0]
     );
   });
-}, rt = C1("ui.popup.service");
-class Kn extends p1 {
+}, ot = p1("ui.popup.service");
+class Kn extends g1 {
   constructor() {
     super(...arguments);
-    P(this, "_popupMap", /* @__PURE__ */ new Map());
-    P(this, "_popups$", new k1([]));
-    P(this, "popups$", this._popups$.asObservable());
-    P(this, "_activePopupId", null);
+    F(this, "_popupMap", /* @__PURE__ */ new Map());
+    F(this, "_popups$", new k1([]));
+    F(this, "popups$", this._popups$.asObservable());
+    F(this, "_activePopupId", null);
   }
   get popups() {
     return Array.from(this._popupMap.entries());
@@ -6948,7 +6948,7 @@ function tr(e) {
   } : _ = L + r > o ? Math.max($ - r, d) < ee ? { top: Math.min(L, v) } : { top: Math.max($ - r, d) } : { top: Math.min(L, v) };
   return { ..._, ...R };
 }
-function ot(e) {
+function it(e) {
   var X;
   const {
     mask: t,
@@ -7058,8 +7058,8 @@ function ot(e) {
   ] });
   return n ? document.getElementById(G) ? $9(o1, document.getElementById(G)) : null : o1;
 }
-ot.calcPopupPosition = tr;
-ot.useContext = () => r3(er);
+it.calcPopupPosition = tr;
+it.useContext = () => r3(er);
 const vo = ({ popup: e, children: t }) => {
   const [n, r] = Y(!1), o = Q(() => e.anchorRect$.pipe(
     y3(0, _3),
@@ -7089,7 +7089,7 @@ const vo = ({ popup: e, children: t }) => {
     });
     return () => u.unsubscribe();
   }, [d, v, o, i]), n && g === "destroy" ? null : /* @__PURE__ */ h(
-    ot,
+    it,
     {
       ...e,
       hidden: n,
@@ -7115,7 +7115,7 @@ const vo = ({ popup: e, children: t }) => {
   );
 };
 function nr() {
-  const e = k(rt), t = k(S1);
+  const e = k(ot), t = k(S1);
   return d1(e.popups$, void 0, !0).map((r) => {
     const [o, i] = r, s = t.get(i.componentKey);
     return /* @__PURE__ */ h(
@@ -7137,7 +7137,7 @@ function x1(e) {
 }
 function I1(e, t) {
   var a;
-  const n = (a = t == null ? void 0 : t.get(N1)) != null ? a : k(N1), r = Q(() => n.uiVisibleChange$.pipe(Et((d) => d.ui === e)), [e, n]), o = d1(r), i = t1(0), s = d1(
+  const n = (a = t == null ? void 0 : t.get(E1)) != null ? a : k(E1), r = Q(() => n.uiVisibleChange$.pipe(Et((d) => d.ui === e)), [e, n]), o = d1(r), i = t1(0), s = d1(
     () => n.componentRegistered$.pipe(
       Et((d) => d === e),
       R2(200),
@@ -7193,10 +7193,10 @@ function go({
 const po = {
   [_1.START]: C6,
   [_1.INSERT]: b6,
-  [_1.FORMULAS]: J3,
+  [_1.FORMULAS]: Q3,
   [_1.DATA]: Q9,
   [_1.VIEW]: o6,
-  [_1.OTHERS]: Q3
+  [_1.OTHERS]: K3
 };
 function mo({
   ribbon: e,
@@ -7326,7 +7326,7 @@ function Lo(e) {
     return t && L.push(t.subscribe((y) => d(y))), n && L.push(n.subscribe((y) => m(y))), r && L.push(r.subscribe((y) => g(y))), o && L.push(o.subscribe((y) => s(y))), () => L.forEach((y) => y.unsubscribe());
   }, [r, t, n, o]), { disabled: a, value: i, activated: v, hidden: u };
 }
-const it = I9({
+const st = I9({
   dropdownVisible: !1,
   setDropdownVisible: (e) => {
   }
@@ -7345,17 +7345,17 @@ const it = I9({
   return $2(t, () => ({
     el: o.current
   })), r.title ? /* @__PURE__ */ h(
-    Y3,
+    G3,
     {
       visible: i,
       onVisibleChange: v,
       ...r,
-      children: /* @__PURE__ */ h("span", { ref: o, children: /* @__PURE__ */ h(it.Provider, { value: u, children: n }) })
+      children: /* @__PURE__ */ h("span", { ref: o, children: /* @__PURE__ */ h(st.Provider, { value: u, children: n }) })
     }
   ) : /* @__PURE__ */ h("span", { ref: o, children: n });
 });
 function yo(e) {
-  const { children: t, overlay: n, disabled: r, align: o = "start" } = e, { dropdownVisible: i, setDropdownVisible: s } = r3(it);
+  const { children: t, overlay: n, disabled: r, align: o = "start" } = e, { dropdownVisible: i, setDropdownVisible: s } = r3(st);
   function a(d) {
     s(d);
   }
@@ -7384,7 +7384,7 @@ function He({ icon: e, value: t, option: n, onOptionSelect: r }) {
       }),
       children: [
         i && String(t) === String(n.value) && /* @__PURE__ */ h(
-          X3,
+          q3,
           {
             className: "univer-absolute univer-left-1 univer-top-0.5 univer-text-primary-600"
           }
@@ -7414,7 +7414,7 @@ function qt({
   onOptionSelect: s
 }) {
   var $;
-  const { dropdownVisible: a, setDropdownVisible: d } = r3(it), v = k(Z1), [g, u] = Y({}), m = Q(() => e ? v.getMenuByPositionKey(e) : [], [e]), L = Q(() => m.filter((R) => {
+  const { dropdownVisible: a, setDropdownVisible: d } = r3(st), v = k(Z1), [g, u] = Y({}), m = Q(() => e ? v.getMenuByPositionKey(e) : [], [e]), L = Q(() => m.filter((R) => {
     var D;
     if (!R.children)
       return !g[R.key];
@@ -7589,13 +7589,13 @@ const Se = I((e, t) => {
   function G(X) {
     var e1;
     const W = e.selectionsCommandId, i1 = _ != null ? _ : R, a1 = (e1 = W != null ? W : _) != null ? e1 : R;
-    function b1(v1) {
+    function b1(C1) {
       if (d) return;
       let R1 = a1;
-      v1.id && (R1 = v1.id), g(R1, { value: v1.value });
+      C1.id && (R1 = C1.id), g(R1, { value: C1.value });
     }
-    function w1(v1) {
-      d || g(a1, { value: v1 });
+    function w1(C1) {
+      d || g(a1, { value: C1 });
     }
     function l1() {
       d || X === H1.BUTTON_SELECTOR && g(i1, { value: s });
@@ -7770,12 +7770,12 @@ function _o(e) {
       for (const l1 of S) {
         const e1 = { ...l1, children: [] };
         if ((X = l1.children) != null && X.length)
-          for (const v1 of l1.children) {
-            const R1 = { ...v1, children: [] };
+          for (const C1 of l1.children) {
+            const R1 = { ...C1, children: [] };
             let U1 = !0;
-            if ((W = v1.children) != null && W.length) {
-              for (const J1 of v1.children) {
-                const Q1 = `${l1.key}/${v1.key}/${J1.key}`;
+            if ((W = C1.children) != null && W.length) {
+              for (const J1 of C1.children) {
+                const Q1 = `${l1.key}/${C1.key}/${J1.key}`;
                 o1.includes(Q1) || (i1 = R1.children) == null || i1.push(J1);
               }
               (a1 = R1.children) != null && a1.every((J1) => {
@@ -7785,16 +7785,16 @@ function _o(e) {
             }
             U1 && ((b1 = e1.children) == null || b1.push(R1));
           }
-        (w1 = e1.children) != null && w1.length && e1.children.every((v1) => {
+        (w1 = e1.children) != null && w1.length && e1.children.every((C1) => {
           var R1;
-          return (R1 = v1.children) == null ? void 0 : R1.length;
+          return (R1 = C1.children) == null ? void 0 : R1.length;
         }) && U.push(e1);
       }
       if (t === "simple") {
         const l1 = [{ key: _1.START, children: [], order: 0 }];
         U.forEach((e1) => {
-          var v1;
-          (v1 = e1.children) == null || v1.forEach((R1) => {
+          var C1;
+          (C1 = e1.children) == null || C1.forEach((R1) => {
             var U1;
             (U1 = l1[0].children) == null || U1.push(R1);
           });
@@ -7834,8 +7834,8 @@ function _o(e) {
           const a1 = (((w1 = (b1 = m.find((l1) => l1.key === y)) == null ? void 0 : b1.children) != null ? w1 : []).length - 1) * 8;
           W += a1;
           for (const { el: l1, key: e1 } of o1) {
-            const { width: v1 } = l1.getBoundingClientRect();
-            W += v1 + 8, W > G && X.push(e1);
+            const { width: C1 } = l1.getBoundingClientRect();
+            W += C1 + 8, W > G && X.push(e1);
           }
           _(X), V(!1);
         });
@@ -7964,7 +7964,7 @@ function _o(e) {
                             className: rr,
                             "aria-label": s.t("ribbon.more"),
                             "aria-haspopup": "true",
-                            children: /* @__PURE__ */ h(Q3, {})
+                            children: /* @__PURE__ */ h(K3, {})
                           }
                         )
                       }
@@ -7980,10 +7980,10 @@ function _o(e) {
     E
   ] });
 }
-class s3 extends p1 {
+class s3 extends g1 {
   constructor() {
     super(...arguments);
-    P(this, "_styleSheetId", "univer-theme-css-variables");
+    F(this, "_styleSheetId", "univer-theme-css-variables");
   }
   injectThemeToHead(n) {
     function r(a, d = "--univer") {
@@ -8008,12 +8008,12 @@ ${o}
     super.dispose();
   }
 }
-const l3 = C1("ui.contextmenu.service");
-class or extends p1 {
+const l3 = p1("ui.contextmenu.service");
+class or extends g1 {
   constructor() {
     super(...arguments);
-    P(this, "_currentHandler", null);
-    P(this, "disabled", !1);
+    F(this, "_currentHandler", null);
+    F(this, "disabled", !1);
   }
   get visible() {
     var n, r;
@@ -8077,9 +8077,9 @@ function Mo() {
     }
   ) }) });
 }
-const st = C1("univer.global-zone-service");
+const lt = p1("univer.global-zone-service");
 function ir() {
-  const e = k(st), [t, n] = Y(!1), r = d1(e.componentKey$, e.componentKey), o = k(S1), i = Q(() => {
+  const e = k(lt), [t, n] = Y(!1), r = d1(e.componentKey$, e.componentKey), o = k(S1), i = Q(() => {
     const s = o.get(r != null ? r : "");
     if (s)
       return s;
@@ -8164,7 +8164,7 @@ function sr() {
                     {
                       className: "univer-cursor-pointer univer-text-gray-500 dark:!univer-text-gray-300",
                       onClick: i,
-                      children: /* @__PURE__ */ h(q3, {})
+                      children: /* @__PURE__ */ h(J3, {})
                     }
                   )
                 ]
@@ -8184,9 +8184,9 @@ function sr() {
     }
   );
 }
-const lt = C1("univer.zen-zone-service");
+const at = p1("univer.zen-zone-service");
 function lr() {
-  const e = k(lt), [t, n] = Y(!1), [r, o] = Y(), i = d1(e.temporaryHidden$), s = k(S1);
+  const e = k(at), [t, n] = Y(!1), [r, o] = Y(), i = d1(e.temporaryHidden$), s = k(S1);
   q(() => {
     const d = [
       e.visible$.subscribe((v) => {
@@ -8350,12 +8350,12 @@ function Ho() {
   return $9(/* @__PURE__ */ h(x1, { components: t }, "floating"), e);
 }
 const So = 3e3;
-class ar extends p1 {
+class ar extends g1 {
   constructor(n, r, o, i, s) {
     super();
-    P(this, "_steadyTimeout");
-    P(this, "_renderTimeout");
-    P(this, "_currentRenderId", null);
+    F(this, "_steadyTimeout");
+    F(this, "_renderTimeout");
+    F(this, "_currentRenderId", null);
     this._injector = n, this._instanceService = r, this._layoutService = o, this._lifecycleService = i, this._renderManagerService = s;
   }
   dispose() {
@@ -8435,7 +8435,7 @@ A3 = Vo([
   F1(4, j1),
   F1(5, T1),
   F1(6, Z1),
-  F1(7, N1),
+  F1(7, E1),
   F1(8, m1(S1))
 ], A3);
 function Oo(e, t, n) {
@@ -8467,7 +8467,7 @@ function Jt(e) {
   const t = document.createElement("div");
   return t.id = e, t;
 }
-const Ue = C1("univer.ui.ui-controller");
+const Ue = p1("univer.ui.ui-controller");
 function $o(e) {
   const { menuType: t, onOptionSelect: n } = e, r = k(Z1);
   if (!t)
@@ -8659,7 +8659,7 @@ B3 = Zo([
   te(3, V9),
   te(4, j1),
   te(5, T1),
-  te(6, N1)
+  te(6, E1)
 ], B3);
 function Ao(e, t, n) {
   let r;
@@ -8690,17 +8690,17 @@ function Qt(e) {
   const t = document.createElement("div");
   return t.id = e, t;
 }
-const a3 = C1("ui.notification.service");
+const a3 = p1("ui.notification.service");
 var Bo = Object.getOwnPropertyDescriptor, Po = (e, t, n, r) => {
   for (var o = r > 1 ? void 0 : r ? Bo(t, n) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, Fo = (e, t) => (n, r) => t(n, r, e);
-const cr = C1("univer.ui.before-close-service");
+const cr = p1("univer.ui.before-close-service");
 let ze = class {
   constructor(e) {
-    P(this, "_beforeUnloadCallbacks", []);
-    P(this, "_onCloseCallbacks", []);
+    F(this, "_beforeUnloadCallbacks", []);
+    F(this, "_onCloseCallbacks", []);
     this._notificationService = e, this._init();
   }
   registerBeforeClose(e) {
@@ -8749,10 +8749,10 @@ const Kt = "text/plain", e9 = "text/html", zo = "image/png", Wo = "image/jpeg",
   Wo,
   Go,
   zo
-]), ur = C1(
+]), ur = p1(
   "univer.clipboard-interface-service"
 );
-let We = class extends p1 {
+let We = class extends g1 {
   constructor(e, t, n) {
     super(), this._localeService = e, this._logService = t, this._notificationService = n;
   }
@@ -8853,24 +8853,6 @@ function t9(e) {
     throw new Error();
   return n.removeAllRanges(), n.addRange(t), n.toString();
 }
-const at = C1("univer.confirm-service");
-class C7 {
-  constructor() {
-    P(this, "confirmOptions$", new E1());
-  }
-  dispose() {
-    this.confirmOptions$.complete();
-  }
-  open(t) {
-    throw new Error("This is not implemented in the test service!");
-  }
-  confirm(t) {
-    return Promise.resolve(!0);
-  }
-  close(t) {
-    throw new Error("This is not implemented in the test service!");
-  }
-}
 const Jo = (e) => {
   const { children: t, onClose: n, onConfirm: r } = e, [o] = Y({}), i = t ? E2(t, { hooks: o }) : null;
   return /* @__PURE__ */ h(
@@ -8904,7 +8886,7 @@ const Jo = (e) => {
   );
 };
 function Qo() {
-  const e = k(at), [t, n] = Y([]);
+  const e = k(Y3), [t, n] = Y([]);
   q(() => {
     const o = e.confirmOptions$.subscribe((i) => {
       n(i);
@@ -8928,11 +8910,11 @@ var Ko = Object.getOwnPropertyDescriptor, ei = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, n9 = (e, t) => (n, r) => t(n, r, e);
-let Ye = class extends p1 {
+let Ye = class extends g1 {
   constructor(t, n) {
     super();
-    P(this, "_confirmOptions", []);
-    P(this, "confirmOptions$", new k1([]));
+    F(this, "_confirmOptions", []);
+    F(this, "confirmOptions$", new k1([]));
     this._injector = t, this._uiPartsService = n, this._initUIPart();
   }
   open(t) {
@@ -8973,9 +8955,9 @@ let Ye = class extends p1 {
 };
 Ye = ei([
   n9(0, m1(V1)),
-  n9(1, N1)
+  n9(1, E1)
 ], Ye);
-const ct = C1("univer.ui.dialog-service");
+const ct = p1("univer.ui.dialog-service");
 function ti() {
   const e = k(ct), [t, n] = Y([]);
   q(() => {
@@ -8999,11 +8981,11 @@ var ni = Object.getOwnPropertyDescriptor, ri = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, r9 = (e, t) => (n, r) => t(n, r, e);
-let Ge = class extends p1 {
+let Ge = class extends g1 {
   constructor(t, n) {
     super();
-    P(this, "_dialogOptions", []);
-    P(this, "_dialogOptions$", new E1());
+    F(this, "_dialogOptions", []);
+    F(this, "_dialogOptions$", new D1());
     this._injector = t, this._uiPartsService = n, this._initUIPart();
   }
   dispose() {
@@ -9044,9 +9026,9 @@ let Ge = class extends p1 {
 };
 Ge = ri([
   r9(0, m1(V1)),
-  r9(1, N1)
+  r9(1, E1)
 ], Ge);
-const ut = C1("univer.ui.gallery-service");
+const ut = p1("univer.ui.gallery-service");
 function oi() {
   const e = k(ut), t = d1(e.gallery$);
   return t ? /* @__PURE__ */ h(J2, { ...t }) : null;
@@ -9056,10 +9038,10 @@ var ii = Object.getOwnPropertyDescriptor, si = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, o9 = (e, t) => (n, r) => t(n, r, e);
-let Xe = class extends p1 {
+let Xe = class extends g1 {
   constructor(t, n) {
     super();
-    P(this, "gallery$", new E1());
+    F(this, "gallery$", new D1());
     this._injector = t, this._uiPartsService = n, this._initUIPart();
   }
   dispose() {
@@ -9087,7 +9069,7 @@ let Xe = class extends p1 {
 };
 Xe = si([
   o9(0, m1(V1)),
-  o9(1, N1)
+  o9(1, E1)
 ], Xe);
 var li = Object.getOwnPropertyDescriptor, ai = (e, t, n, r) => {
   for (var o = r > 1 ? void 0 : r ? li(t, n) : t, i = e.length - 1, s; i >= 0; i--)
@@ -9096,9 +9078,9 @@ var li = Object.getOwnPropertyDescriptor, ai = (e, t, n, r) => {
 }, ci = (e, t) => (n, r) => t(n, r, e);
 let qe = class {
   constructor(e) {
-    P(this, "visible$", new E1());
-    P(this, "componentKey$", new E1());
-    P(this, "_componentKey", "");
+    F(this, "visible$", new D1());
+    F(this, "componentKey$", new D1());
+    F(this, "_componentKey", "");
     this._componentManager = e;
   }
   get componentKey() {
@@ -9119,7 +9101,7 @@ let qe = class {
 qe = ai([
   ci(0, m1(S1))
 ], qe);
-class dr extends p1 {
+class dr extends g1 {
   openFile(t) {
     return new Promise((n) => {
       var o, i;
@@ -9135,7 +9117,7 @@ class dr extends p1 {
     r.download = n, r.href = window.URL.createObjectURL(t), r.click();
   }
 }
-const fr = C1("univer-ui.local-file.service");
+const fr = p1("univer-ui.local-file.service");
 var Re = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ui(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -9472,7 +9454,7 @@ function di() {
         }
         function U(l, f) {
           return new u(function(c, p) {
-            if (D[l.name] = D[l.name] || v1(), l.db)
+            if (D[l.name] = D[l.name] || C1(), l.db)
               if (f)
                 j(l), l.db.close();
               else
@@ -9581,7 +9563,7 @@ function di() {
             c(C);
           }
         }
-        function v1() {
+        function C1() {
           return {
             // Running localForages sharing a database.
             forages: [],
@@ -9601,7 +9583,7 @@ function di() {
             for (var p in l)
               c[p] = l[p];
           var b = D[c.name];
-          b || (b = v1(), D[c.name] = b), b.forages.push(f), f._initReady || (f._initReady = f.ready, f.ready = w1);
+          b || (b = C1(), D[c.name] = b), b.forages.push(f), f._initReady || (f._initReady = f.ready, f.ready = w1);
           var C = [];
           function H() {
             return u.resolve();
@@ -9617,8 +9599,8 @@ function di() {
             return c.db = Z, W(c, f._defaultConfig.version) ? X(c) : Z;
           }).then(function(Z) {
             c.db = b.db = Z, f._dbInfo = c;
-            for (var F = 0; F < T.length; F++) {
-              var J = T[F];
+            for (var P = 0; P < T.length; P++) {
+              var J = T[P];
               J !== f && (J._dbInfo.db = c.db, J._dbInfo.version = c.version);
             }
           });
@@ -9656,19 +9638,19 @@ function di() {
                 try {
                   var N = O.objectStore(c._dbInfo.storeName), T = N.openCursor(), Z = 1;
                   T.onsuccess = function() {
-                    var F = T.result;
-                    if (F) {
-                      var J = F.value;
+                    var P = T.result;
+                    if (P) {
+                      var J = P.value;
                       b1(J) && (J = a1(J));
-                      var r1 = l(J, F.key, Z++);
-                      r1 !== void 0 ? b(r1) : F.continue();
+                      var r1 = l(J, P.key, Z++);
+                      r1 !== void 0 ? b(r1) : P.continue();
                     } else
                       b();
                   }, T.onerror = function() {
                     C(T.error);
                   };
-                } catch (F) {
-                  C(F);
+                } catch (P) {
+                  C(P);
                 }
               });
             }).catch(C);
@@ -9689,9 +9671,9 @@ function di() {
                 if (T)
                   return H(T);
                 try {
-                  var F = Z.objectStore(p._dbInfo.storeName);
+                  var P = Z.objectStore(p._dbInfo.storeName);
                   N === null && (N = void 0);
-                  var J = F.put(N, l);
+                  var J = P.put(N, l);
                   Z.oncomplete = function() {
                     N === void 0 && (N = null), C(N);
                   }, Z.onabort = Z.onerror = function() {
@@ -9788,17 +9770,17 @@ function di() {
                 try {
                   var N = O.objectStore(c._dbInfo.storeName), T = !1, Z = N.openKeyCursor();
                   Z.onsuccess = function() {
-                    var F = Z.result;
-                    if (!F) {
+                    var P = Z.result;
+                    if (!P) {
                       b(null);
                       return;
                     }
-                    l === 0 || T ? b(F.key) : (T = !0, F.advance(l));
+                    l === 0 || T ? b(P.key) : (T = !0, P.advance(l));
                   }, Z.onerror = function() {
                     C(Z.error);
                   };
-                } catch (F) {
-                  C(F);
+                } catch (P) {
+                  C(P);
                 }
               });
             }).catch(C);
@@ -9852,15 +9834,15 @@ function di() {
                 j(l);
                 var T = D[l.name], Z = T.forages;
                 O.close();
-                for (var F = 0; F < Z.length; F++) {
-                  var J = Z[F];
+                for (var P = 0; P < Z.length; P++) {
+                  var J = Z[P];
                   J._dbInfo.db = null, J._dbInfo.version = N;
                 }
-                var r1 = new u(function(s1, g1) {
+                var r1 = new u(function(s1, v1) {
                   var h1 = d.open(l.name, N);
                   h1.onerror = function(O1) {
                     var ue = h1.result;
-                    ue.close(), g1(O1);
+                    ue.close(), v1(O1);
                   }, h1.onupgradeneeded = function() {
                     var O1 = h1.result;
                     O1.deleteObjectStore(l.storeName);
@@ -9871,8 +9853,8 @@ function di() {
                 });
                 return r1.then(function(s1) {
                   T.db = s1;
-                  for (var g1 = 0; g1 < Z.length; g1++) {
-                    var h1 = Z[g1];
+                  for (var v1 = 0; v1 < Z.length; v1++) {
+                    var h1 = Z[v1];
                     h1._dbInfo.db = s1, z(h1._dbInfo);
                   }
                 }).catch(function(s1) {
@@ -9885,26 +9867,26 @@ function di() {
               var N = D[l.name], T = N.forages;
               O.close();
               for (var Z = 0; Z < T.length; Z++) {
-                var F = T[Z];
-                F._dbInfo.db = null;
+                var P = T[Z];
+                P._dbInfo.db = null;
               }
               var J = new u(function(r1, s1) {
-                var g1 = d.deleteDatabase(l.name);
-                g1.onerror = function() {
-                  var h1 = g1.result;
-                  h1 && h1.close(), s1(g1.error);
-                }, g1.onblocked = function() {
+                var v1 = d.deleteDatabase(l.name);
+                v1.onerror = function() {
+                  var h1 = v1.result;
+                  h1 && h1.close(), s1(v1.error);
+                }, v1.onblocked = function() {
                   console.warn('dropInstance blocked for database "' + l.name + '" until all open connections are closed');
-                }, g1.onsuccess = function() {
-                  var h1 = g1.result;
+                }, v1.onsuccess = function() {
+                  var h1 = v1.result;
                   h1 && h1.close(), r1(h1);
                 };
               });
               return J.then(function(r1) {
                 N.db = r1;
                 for (var s1 = 0; s1 < T.length; s1++) {
-                  var g1 = T[s1];
-                  z(g1._dbInfo);
+                  var v1 = T[s1];
+                  z(v1._dbInfo);
                 }
               }).catch(function(r1) {
                 throw (G(l, r1) || u.resolve()).catch(function() {
@@ -10065,7 +10047,7 @@ function di() {
               var H = c._dbInfo;
               H.db.transaction(function(O) {
                 B1(O, H, "SELECT * FROM " + H.storeName, [], function(N, T) {
-                  for (var Z = T.rows, F = Z.length, J = 0; J < F; J++) {
+                  for (var Z = T.rows, P = Z.length, J = 0; J < P; J++) {
                     var r1 = Z.item(J), s1 = r1.value;
                     if (s1 && (s1 = H.serializer.deserialize(s1)), s1 = l(s1, r1.key, J + 1), s1 !== void 0) {
                       b(s1);
@@ -10088,8 +10070,8 @@ function di() {
             b.ready().then(function() {
               f === void 0 && (f = null);
               var N = f, T = b._dbInfo;
-              T.serializer.serialize(f, function(Z, F) {
-                F ? O(F) : T.db.transaction(function(J) {
+              T.serializer.serialize(f, function(Z, P) {
+                P ? O(P) : T.db.transaction(function(J) {
                   B1(J, T, "INSERT OR REPLACE INTO " + T.storeName + " (key, value) VALUES (?, ?)", [l, Z], function() {
                     H(N);
                   }, function(r1, s1) {
@@ -10226,16 +10208,16 @@ function di() {
             return new u(function(H, O) {
               C.db.transaction(function(N) {
                 function T(r1) {
-                  return new u(function(s1, g1) {
+                  return new u(function(s1, v1) {
                     N.executeSql("DROP TABLE IF EXISTS " + r1, [], function() {
                       s1();
                     }, function(h1, O1) {
-                      g1(O1);
+                      v1(O1);
                     });
                   });
                 }
-                for (var Z = [], F = 0, J = C.storeNames.length; F < J; F++)
-                  Z.push(T(C.storeNames[F]));
+                for (var Z = [], P = 0, J = C.storeNames.length; P < J; P++)
+                  Z.push(T(C.storeNames[P]));
                 u.all(Z).then(function() {
                   H();
                 }).catch(function(r1) {
@@ -10314,9 +10296,9 @@ function di() {
             for (var b = c._dbInfo, C = b.keyPrefix, H = C.length, O = localStorage.length, N = 1, T = 0; T < O; T++) {
               var Z = localStorage.key(T);
               if (Z.indexOf(C) === 0) {
-                var F = localStorage.getItem(Z);
-                if (F && (F = b.serializer.deserialize(F)), F = l(F, Z.substring(H), N++), F !== void 0)
-                  return F;
+                var P = localStorage.getItem(Z);
+                if (P && (P = b.serializer.deserialize(P)), P = l(P, Z.substring(H), N++), P !== void 0)
+                  return P;
               }
             }
           });
@@ -10373,8 +10355,8 @@ function di() {
                 else
                   try {
                     localStorage.setItem(N.keyPrefix + l, T), H(C);
-                  } catch (F) {
-                    (F.name === "QuotaExceededError" || F.name === "NS_ERROR_DOM_QUOTA_REACHED") && O(F), O(F);
+                  } catch (P) {
+                    (P.name === "QuotaExceededError" || P.name === "NS_ERROR_DOM_QUOTA_REACHED") && O(P), O(P);
                   }
               });
             });
@@ -10481,14 +10463,14 @@ function di() {
                   O(T);
                   return;
                 }
-                for (var Z = C3.concat("_initStorage"), F = 0, J = Z.length; F < J; F++) {
-                  var r1 = Z[F], s1 = !e2(ye, r1);
+                for (var Z = C3.concat("_initStorage"), P = 0, J = Z.length; P < J; P++) {
+                  var r1 = Z[P], s1 = !e2(ye, r1);
                   if ((s1 || c[r1]) && typeof c[r1] != "function") {
                     O(T);
                     return;
                   }
                 }
-                var g1 = function() {
+                var v1 = function() {
                   for (var ue = function(l2) {
                     return function() {
                       var a2 = new Error("Method " + l2 + " is not implemented by the current driver"), Vt = u.reject(a2);
@@ -10499,7 +10481,7 @@ function di() {
                     c[p3] || (c[p3] = ue(p3));
                   }
                 };
-                g1();
+                v1();
                 var h1 = function(ue) {
                   ce[N] && console.info("Redefining LocalForage driver: " + N), ce[N] = c, Rt[N] = ue, H();
                 };
@@ -10529,20 +10511,20 @@ function di() {
             function O() {
               C._config.driver = C.driver();
             }
-            function N(F) {
-              return C._extend(F), O(), C._ready = C._initStorage(C._config), C._ready;
+            function N(P) {
+              return C._extend(P), O(), C._ready = C._initStorage(C._config), C._ready;
             }
-            function T(F) {
+            function T(P) {
               return function() {
                 var J = 0;
                 function r1() {
-                  for (; J < F.length; ) {
-                    var s1 = F[J];
+                  for (; J < P.length; ) {
+                    var s1 = P[J];
                     return J++, C._dbInfo = null, C._ready = null, C.getDriver(s1).then(N).catch(r1);
                   }
                   O();
-                  var g1 = new Error("No available storage method found.");
-                  return C._driverSet = u.reject(g1), C._driverSet;
+                  var v1 = new Error("No available storage method found.");
+                  return C._driverSet = u.reject(v1), C._driverSet;
                 }
                 return r1();
               };
@@ -10551,14 +10533,14 @@ function di() {
               return u.resolve();
             }) : u.resolve();
             return this._driverSet = Z.then(function() {
-              var F = H[0];
-              return C._dbInfo = null, C._ready = null, C.getDriver(F).then(function(J) {
+              var P = H[0];
+              return C._dbInfo = null, C._ready = null, C.getDriver(P).then(function(J) {
                 C._driver = J._driver, O(), C._wrapLibraryMethodsWithReady(), C._initDriver = T(H);
               });
             }).catch(function() {
               O();
-              var F = new Error("No available storage method found.");
-              return C._driverSet = u.reject(F), C._driverSet;
+              var P = new Error("No available storage method found.");
+              return C._driverSet = u.reject(P), C._driverSet;
             }), L(this._driverSet, p, b), this._driverSet;
           }, l.prototype.supports = function(c) {
             return !!Rt[c];
@@ -10612,7 +10594,7 @@ var hi = Object.getOwnPropertyDescriptor, Ci = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, s9 = (e, t) => (n, r) => t(n, r, e);
-let Je = class extends p1 {
+let Je = class extends g1 {
   constructor(e, t) {
     super(), this._injector = e, this._uiPartsService = t, this._initUIPart();
   }
@@ -10637,7 +10619,7 @@ let Je = class extends p1 {
 };
 Je = Ci([
   s9(0, m1(V1)),
-  s9(1, N1)
+  s9(1, E1)
 ], Je);
 function vi() {
   const e = k(W3), t = d1(e.darkMode$);
@@ -10666,7 +10648,7 @@ var pi = Object.getOwnPropertyDescriptor, mi = (e, t, n, r) => {
     (s = e[i]) && (o = s(o) || o);
   return o;
 }, l9 = (e, t) => (n, r) => t(n, r, e);
-let Qe = class extends p1 {
+let Qe = class extends g1 {
   constructor(e, t) {
     super(), this._injector = e, this._uiPartsService = t, this._initUIPart();
   }
@@ -10682,14 +10664,14 @@ let Qe = class extends p1 {
 };
 Qe = mi([
   l9(0, m1(V1)),
-  l9(1, N1)
+  l9(1, E1)
 ], Qe);
 class Cr {
   constructor() {
-    P(this, "_sidebarOptions", {});
-    P(this, "sidebarOptions$", new E1());
-    P(this, "scrollEvent$", new E1());
-    P(this, "_container");
+    F(this, "_sidebarOptions", {});
+    F(this, "sidebarOptions$", new D1());
+    F(this, "scrollEvent$", new D1());
+    F(this, "_container");
   }
   get visible() {
     return this._sidebarOptions.visible || !1;
@@ -10726,11 +10708,11 @@ var bi = Object.getOwnPropertyDescriptor, Li = (e, t, n, r) => {
 }, wi = (e, t) => (n, r) => t(n, r, e);
 let Ke = class {
   constructor(e) {
-    P(this, "visible$", new k1(!1));
-    P(this, "componentKey$", new O2());
-    P(this, "_temporaryHidden$", new k1(!1));
-    P(this, "temporaryHidden$", this._temporaryHidden$.asObservable());
-    P(this, "_visible", !1);
+    F(this, "visible$", new k1(!1));
+    F(this, "componentKey$", new O2());
+    F(this, "_temporaryHidden$", new k1(!1));
+    F(this, "temporaryHidden$", this._temporaryHidden$.asObservable());
+    F(this, "_visible", !1);
     this._componentManager = e;
   }
   get visible() {
@@ -10786,27 +10768,27 @@ let P3 = class extends p9 {
       [S1],
       [s3],
       [Ae],
-      [G3],
-      [N1, { useClass: Jn }],
+      [X3],
+      [E1, { useClass: Jn }],
       [j1, { useClass: Pe }],
       [Le, { useClass: je }],
-      [tt, { useClass: Gn }],
+      [nt, { useClass: Gn }],
       [Z1, { useClass: ke }],
       [l3, { useClass: or }],
       [ur, { useClass: We, lazy: !0 }],
       [a3, { useClass: Qe, lazy: !0 }],
       [ut, { useClass: Xe, lazy: !0 }],
       [ct, { useClass: Ge, lazy: !0 }],
-      [at, { useClass: Ye, lazy: !0 }],
+      [Y3, { useClass: Ye, lazy: !0 }],
       [be, { useClass: Cr, lazy: !0 }],
-      [lt, { useClass: Ke, lazy: !0 }],
-      [st, { useClass: qe, lazy: !0 }],
-      [et, { useClass: Je, lazy: !0 }],
+      [at, { useClass: Ke, lazy: !0 }],
+      [lt, { useClass: qe, lazy: !0 }],
+      [tt, { useClass: Je, lazy: !0 }],
       [L9, { useClass: hr, lazy: !0 }],
       [cr, { useClass: ze }],
       [fr, { useClass: dr }],
-      [rt, { useClass: Kn }],
-      [nt],
+      [ot, { useClass: Kn }],
+      [rt],
       [
         Ue,
         {
@@ -10863,28 +10845,28 @@ let F3 = class extends p9 {
       [S1],
       [s3],
       [Ae],
-      [G3],
-      [N1, { useClass: Jn }],
+      [X3],
+      [E1, { useClass: Jn }],
       [j1, { useClass: Pe }],
       [Le, { useClass: je }],
-      [tt, { useClass: Gn }],
+      [nt, { useClass: Gn }],
       [Z1, { useClass: ke }],
       [l3, { useClass: or }],
       [ur, { useClass: We, lazy: !0 }],
       [a3, { useClass: Qe, lazy: !0 }],
       [ut, { useClass: Xe, lazy: !0 }],
       [ct, { useClass: Ge, lazy: !0 }],
-      [at, { useClass: Ye, lazy: !0 }],
+      [Y3, { useClass: Ye, lazy: !0 }],
       [be, { useClass: Cr, lazy: !0 }],
-      [lt, { useClass: Ke, lazy: !0 }],
-      [st, { useClass: qe, lazy: !0 }],
-      [et, { useClass: Je, lazy: !0 }],
+      [at, { useClass: Ke, lazy: !0 }],
+      [lt, { useClass: qe, lazy: !0 }],
+      [tt, { useClass: Je, lazy: !0 }],
       [L9, { useClass: hr, lazy: !0 }],
       [cr, { useClass: ze }],
       [fr, { useClass: dr }],
-      [rt, { useClass: Kn }],
+      [ot, { useClass: Kn }],
       [Pn, { useClass: T3 }],
-      [nt],
+      [rt],
       [Ue, {
         useFactory: (e) => e.createInstance(A3, this._config),
         deps: [V1]
@@ -10915,7 +10897,7 @@ F3 = $i([
   S3(2, m1(V1)),
   S3(3, G1)
 ], F3);
-class v7 {
+class C7 {
   show(t) {
     return f1(() => {
     });
@@ -10929,7 +10911,7 @@ class v7 {
   getContainer() {
   }
 }
-const g7 = (e) => {
+const v7 = (e) => {
   const n = k(be).getContainer();
   q(() => {
     if (n)
@@ -11081,30 +11063,30 @@ function dt(e, t = "") {
       const L = u9(u, " ");
       for (const y in L)
         i[y] += ` ${L[y]}`;
-      o.bd ? (o.bd.b.s = D1(i.b), o.bd.t.s = D1(i.t), o.bd.l.s = D1(i.l), o.bd.r.s = D1(i.r)) : o.bd = {
+      o.bd ? (o.bd.b.s = N1(i.b), o.bd.t.s = N1(i.t), o.bd.l.s = N1(i.l), o.bd.r.s = N1(i.r)) : o.bd = {
         b: {
           cl: {
             rgb: "#000"
           },
-          s: D1(i.b)
+          s: N1(i.b)
         },
         t: {
           cl: {
             rgb: "#000"
           },
-          s: D1(i.t)
+          s: N1(i.t)
         },
         l: {
           cl: {
             rgb: "#000"
           },
-          s: D1(i.l)
+          s: N1(i.l)
         },
         r: {
           cl: {
             rgb: "#000"
           },
-          s: D1(i.r)
+          s: N1(i.r)
         }
       };
     }
@@ -11113,12 +11095,12 @@ function dt(e, t = "") {
       const L = u.split(" "), y = `${L[0]} ${L[1]}`;
       L.splice(0, 2);
       const $ = L.join("");
-      if (D1(y) !== M2.NONE && $) {
+      if (N1(y) !== M2.NONE && $) {
         const _ = {
           cl: {
             rgb: $
           },
-          s: D1(y)
+          s: N1(y)
         };
         g === "border-bottom" ? o.bd.b = u === "none" ? null : _ : g === "border-top" ? o.bd.t = u === "none" ? null : _ : g === "border-left" ? o.bd.l = u === "none" ? null : _ : g === "border-right" ? o.bd.r = u === "none" ? null : _ : g === "border" && (o.bd = {
           r: u === "none" ? null : _,
@@ -11167,7 +11149,7 @@ function Zi(e) {
   return e.match(t).map((o) => o.replace(/\n/g, `\r
 `));
 }
-function p7(e) {
+function g7(e) {
   const t = document.createElement("DIV"), n = [];
   t.innerHTML = e;
   const r = t.querySelectorAll("table col");
@@ -11191,7 +11173,7 @@ function e3(e, t) {
   let n;
   return e.includes("pt") ? n = n4(Number.parseFloat(e)) : e.includes("px") ? n = Number.parseFloat(e) : n = Number.parseFloat(e) * 72 / 96, n;
 }
-function m7(e) {
+function p7(e) {
   const t = document.createElement("DIV"), n = [];
   t.innerHTML = e;
   const r = t.querySelectorAll("table tr");
@@ -11210,7 +11192,7 @@ function m7(e) {
   }
   return n;
 }
-function b7(e) {
+function m7(e) {
   let t = [];
   const n = document.createElement("DIV");
   if (n.innerHTML = e, t = new Array(n.querySelectorAll("table tr").length), !t.length) return [];
@@ -11255,7 +11237,7 @@ function b7(e) {
     }), s++;
   }), t;
 }
-function L7(e) {
+function b7(e) {
   const t = [], n = document.createElement("DIV");
   n.innerHTML = e;
   const o = e.replace(/\r/g, "").split(`
@@ -11270,7 +11252,7 @@ function L7(e) {
       } : t[s][a] = null;
   return t;
 }
-function w7(e, t) {
+function L7(e, t) {
   e.length, e[0].length;
   let n = 0, r = 0;
   t && (n = t.startRow, r = t.startColumn);
@@ -11288,7 +11270,7 @@ function w7(e, t) {
     mergeData: o
   };
 }
-function y7(e) {
+function w7(e) {
   var v;
   let t = [];
   const n = document.createElement("html");
@@ -11361,7 +11343,7 @@ function Pi(e) {
   const t = /font-family:\s*(?:"([^"]+)"|'([^']+)'|([^;]+))/i, n = e.match(t);
   return n ? (n[1] || n[2] || n[3]).trim() : null;
 }
-const _7 = M9((e) => {
+const y7 = M9((e) => {
   var $, R;
   const { layer: t, id: n, position: r } = e, o = k(T1), i = t1(null), s = t1(null), a = t1(`transform: rotate(${r == null ? void 0 : r.rotate}deg) translate(${r == null ? void 0 : r.startX}px, ${r == null ? void 0 : r.startY}px)`), d = t1(($ = r == null ? void 0 : r.startY) != null ? $ : 0), v = t1((R = r == null ? void 0 : r.startX) != null ? R : 0), g = typeof t.componentKey == "string" ? k(S1).get(t.componentKey) : t.componentKey, u = Q(() => ({
     data: t.data,
@@ -11429,7 +11411,7 @@ export {
   u1 as BuiltInUIPart,
   H5 as COLOR_PICKER_COMPONENT,
   y5 as COMMON_LABEL_COMPONENT,
-  nt as CanvasFloatDomService,
+  rt as CanvasFloatDomService,
   nr as CanvasPopup,
   Kn as CanvasPopupService,
   w5 as CommonLabel,
@@ -11480,39 +11462,38 @@ export {
   e9 as HTML_CLIPBOARD_MIME_TYPE,
   _5 as HeadingItem,
   cr as IBeforeCloseService,
-  rt as ICanvasPopupService,
+  ot as ICanvasPopupService,
   ur as IClipboardInterfaceService,
-  at as IConfirmService,
   l3 as IContextMenuService,
   ct as IDialogService,
   Pn as IFontService,
   ut as IGalleryService,
-  st as IGlobalZoneService,
+  lt as IGlobalZoneService,
   j1 as ILayoutService,
   Qi as ILeftSidebarService,
   fr as ILocalFileService,
   Z1 as IMenuManagerService,
-  et as IMessageService,
+  tt as IMessageService,
   a3 as INotificationService,
-  tt as IPlatformService,
+  nt as IPlatformService,
   Le as IShortcutService,
   be as ISidebarService,
   Ue as IUIController,
-  N1 as IUIPartsService,
-  lt as IZenZoneService,
+  E1 as IUIPartsService,
+  at as IZenZoneService,
   q1 as KeyCode,
   H1 as MenuItemType,
   Fe as MenuManagerPosition,
   ke as MenuManagerService,
   y1 as MetaKeys,
   No as MobileContextMenu,
-  v7 as MockMessageService,
+  C7 as MockMessageService,
   Kt as PLAIN_TEXT_CLIPBOARD_MIME_TYPE,
   Yn as PasteCommand,
   Gn as PlatformService,
-  _7 as PrintFloatDomSingle,
+  y7 as PrintFloatDomSingle,
   c7 as ProgressBar,
-  ot as RectPopup,
+  it as RectPopup,
   ao as RedoShortcutItem,
   _o as Ribbon,
   fe as RibbonDataGroup,
@@ -11525,13 +11506,12 @@ export {
   ie as SharedController,
   d7 as SheetPasteShortKeyCommandName,
   se as ShortcutPanelController,
-  G3 as ShortcutPanelService,
+  X3 as ShortcutPanelService,
   je as ShortcutService,
   sr as Sidebar,
   vo as SingleCanvasPopup,
   ar as SingleUnitUIController,
   t7 as Slider,
-  C7 as TestConfirmService,
   s3 as ThemeSwitcherService,
   i3 as ToggleShortcutPanelOperation,
   bo as ToolbarButton,
@@ -11549,14 +11529,14 @@ export {
   lr as ZenZone,
   e7 as getHeaderFooterMenuHiddenObservable,
   Ki as getMenuHiddenObservable,
-  y7 as handelExcelToJson,
-  b7 as handelTableToJson,
+  w7 as handelExcelToJson,
+  m7 as handelTableToJson,
   vr as handleDomToJson,
-  L7 as handlePlainToJson,
+  b7 as handlePlainToJson,
   dt as handleStringToStyle,
-  p7 as handleTableColgroup,
-  w7 as handleTableMergeData,
-  m7 as handleTableRowGroup,
+  g7 as handleTableColgroup,
+  L7 as handleTableMergeData,
+  p7 as handleTableRowGroup,
   h7 as imageMimeTypeSet,
   p5 as mergeMenuConfigs,
   Zi as splitSpanText,
@@ -11570,7 +11550,7 @@ export {
   re as useEvent,
   L5 as useObservableRef,
   I5 as useScrollYOverContainer,
-  g7 as useSidebarClick,
+  v7 as useSidebarClick,
   Lo as useToolbarItemStatus,
   o7 as useUpdateEffect,
   l7 as useVirtualList