@univerjs/ui 0.6.6 → 0.6.7-experimental.20250328-3aaa828

package/lib/es/locale/en-US.js

@@ -1,4 +1,18 @@
 const e = {
+  toolbar: {
+    heading: {
+      normal: "Normal",
+      title: "Title",
+      subTitle: "Sub Title",
+      1: "Heading 1",
+      2: "Heading 2",
+      3: "Heading 3",
+      4: "Heading 4",
+      5: "Heading 5",
+      6: "Heading 6",
+      tooltip: "Set Heading"
+    }
+  },
   ribbon: {
     start: "Start",
     insert: "Insert",

package/lib/es/locale/fa-IR.js

@@ -1,4 +1,18 @@
 const i = {
+  toolbar: {
+    heading: {
+      normal: "متن عادی",
+      title: "عنوان",
+      subTitle: "زیر عنوان",
+      1: "عنوان 1",
+      2: "عنوان 2",
+      3: "عنوان 3",
+      4: "عنوان 4",
+      5: "عنوان 5",
+      6: "عنوان 6",
+      tooltip: "تنظیم عنوان"
+    }
+  },
   ribbon: {
     start: "شروع",
     insert: "درج",

package/lib/es/locale/fr-FR.js

@@ -1,4 +1,18 @@
 const e = {
+  toolbar: {
+    heading: {
+      normal: "Normal",
+      title: "Titre",
+      subTitle: "Sous-titre",
+      1: "Titre 1",
+      2: "Titre 2",
+      3: "Titre 3",
+      4: "Titre 4",
+      5: "Titre 5",
+      6: "Titre 6",
+      tooltip: "Définir un titre"
+    }
+  },
   ribbon: {
     start: "Démarrer",
     insert: "Insérer",

package/lib/es/locale/ru-RU.js

@@ -1,4 +1,18 @@
 const i = {
+  toolbar: {
+    heading: {
+      normal: "Обычный текст",
+      title: "Заголовок",
+      subTitle: "Подзаголовок",
+      1: "Заголовок 1",
+      2: "Заголовок 2",
+      3: "Заголовок 3",
+      4: "Заголовок 4",
+      5: "Заголовок 5",
+      6: "Заголовок 6",
+      tooltip: "Установить заголовок"
+    }
+  },
   ribbon: {
     start: "Начало",
     insert: "Вставка",

package/lib/es/locale/vi-VN.js

@@ -1,4 +1,18 @@
-const n = {
+const i = {
+  toolbar: {
+    heading: {
+      normal: "Văn bản",
+      title: "Tiêu đề",
+      subTitle: "Tiêu đề phụ",
+      1: "Tiêu đề 1",
+      2: "Tiêu đề 2",
+      3: "Tiêu đề 3",
+      4: "Tiêu đề 4",
+      5: "Tiêu đề 5",
+      6: "Tiêu đề 6",
+      tooltip: "Đặt tiêu đề"
+    }
+  },
   ribbon: {
     start: "Bắt đầu",
     insert: "Chèn",
@@ -63,5 +77,5 @@ const n = {
   }
 };
 export {
-  n as default
+  i as default
 };

package/lib/es/locale/zh-CN.js

@@ -1,4 +1,18 @@
-const o = {
+const t = {
+  toolbar: {
+    heading: {
+      normal: "正文",
+      title: "标题",
+      subTitle: "副标题",
+      1: "标题1",
+      2: "标题2",
+      3: "标题3",
+      4: "标题4",
+      5: "标题5",
+      6: "标题6",
+      tooltip: "设置标题"
+    }
+  },
   ribbon: {
     start: "开始",
     insert: "插入",
@@ -63,5 +77,5 @@ const o = {
   }
 };
 export {
-  o as default
+  t as default
 };

package/lib/es/locale/zh-TW.js

@@ -1,4 +1,18 @@
-const o = {
+const t = {
+  toolbar: {
+    heading: {
+      normal: "正文",
+      title: "標題",
+      subTitle: "副標題",
+      1: "標題 1",
+      2: "標題 2",
+      3: "標題 3",
+      4: "標題 4",
+      5: "標題 5",
+      6: "標題 6",
+      tooltip: "設定標題"
+    }
+  },
   ribbon: {
     start: "開始",
     insert: "插入",
@@ -63,5 +77,5 @@ const o = {
   }
 };
 export {
-  o as default
+  t as default
 };

package/lib/facade.js

@@ -0,0 +1,385 @@
+var F = Object.defineProperty;
+var R = (n, e, t) => e in n ? F(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var o = (n, e, t) => R(n, typeof e != "symbol" ? e + "" : e, t);
+import { FBase as C, FUniver as M, FHooks as j, FEnum as y } from "@univerjs/core/facade";
+import { IRenderManagerService as U } from "@univerjs/engine-render";
+import { IMenuManagerService as P, MenuItemType as x, RibbonStartGroup as T, RibbonPosition as w, MenuManagerPosition as O, IShortcutService as G, CopyCommand as v, PasteCommand as l, ISidebarService as V, IDialogService as $, ComponentManager as I, IMessageService as N, IUIPartsService as g, connectInjector as H, SheetPasteShortKeyCommandName as K, BuiltInUIPart as k, KeyCode as L } from "@univerjs/ui";
+import { Inject as m, Injector as f, ICommandService as u, Tools as A, CommandType as W, IUniverInstanceService as q, UniverInstanceType as z } from "@univerjs/core";
+var J = Object.getOwnPropertyDescriptor, D = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? J(e, t) : e, s = n.length - 1, c; s >= 0; s--)
+    (c = n[s]) && (i = c(i) || i);
+  return i;
+}, d = (n, e) => (t, r) => e(t, r, n);
+class E extends C {
+  /**
+   * Append the menu to any menu position on Univer UI.
+   * @param {string | string[]} path - Some predefined path to append the menu. The paths can be an array,
+   * or an array joined by `|` separator. Since lots of submenus reuse the same name,
+   * you may need to specify their parent menus as well.
+   *
+   * @example
+   * ```typescript
+   * // This menu item will appear on every `contextMenu.others` section.
+   * univerAPI.createMenu({
+   *   id: 'custom-menu-id-1',
+   *   title: 'Custom Menu 1',
+   *   action: () => {
+   *     console.log('Custom Menu 1 clicked');
+   *   },
+   * }).appendTo('contextMenu.others');
+   *
+   * // This menu item will only appear on the `contextMenu.others` section on the main area.
+   * univerAPI.createMenu({
+   *   id: 'custom-menu-id-2',
+   *   title: 'Custom Menu 2',
+   *   action: () => {
+   *     console.log('Custom Menu 2 clicked');
+   *   },
+   * }).appendTo(['contextMenu.mainArea', 'contextMenu.others']);
+   * ```
+   */
+  appendTo(e) {
+    const t = typeof e == "string" ? e.split("|") : e, r = t.length, i = {};
+    let s = i;
+    const c = this.__getSchema();
+    t.forEach((S, B) => {
+      B === r - 1 ? s[S] = c : s[S] = {}, s = s[S];
+    }), this._menuManagerService.mergeMenu(i);
+  }
+}
+var a;
+let p = (a = class extends E {
+  constructor(e, t, r, i) {
+    super();
+    o(this, "_commandToRegister", /* @__PURE__ */ new Map());
+    o(this, "_buildingSchema");
+    this._item = e, this._injector = t, this._commandService = r, this._menuManagerService = i;
+    const s = typeof e.action == "string" ? e.action : A.generateRandomId(12);
+    s !== e.action && this._commandToRegister.set(s, e.action), this._buildingSchema = {
+      // eslint-disable-next-line ts/explicit-function-return-type
+      menuItemFactory: () => ({
+        id: e.id,
+        type: x.BUTTON,
+        // we only support button for now
+        icon: e.icon,
+        title: e.title,
+        tooltip: e.tooltip,
+        commandId: s
+      })
+    }, typeof e.order < "u" && (this._buildingSchema.order = e.order);
+  }
+  /**
+   * @ignore
+   */
+  __getSchema() {
+    return this._commandToRegister.forEach((e, t) => {
+      this._commandService.hasCommand(t) || this._commandService.registerCommand({
+        id: t,
+        type: W.COMMAND,
+        handler: e
+      });
+    }), { [this._item.id]: this._buildingSchema };
+  }
+}, o(a, "RibbonStartGroup", T), o(a, "RibbonPosition", w), o(a, "MenuManagerPosition", O), a);
+p = D([
+  d(1, m(f)),
+  d(2, u),
+  d(3, P)
+], p);
+let _ = class extends E {
+  constructor(e, t, r) {
+    super();
+    o(this, "_menuByGroups", []);
+    o(this, "_submenus", []);
+    o(this, "_buildingSchema");
+    this._item = e, this._injector = t, this._menuManagerService = r, this._buildingSchema = {
+      // eslint-disable-next-line ts/explicit-function-return-type
+      menuItemFactory: () => ({
+        id: e.id,
+        type: x.SUBITEMS,
+        icon: e.icon,
+        title: e.title,
+        tooltip: e.tooltip
+      })
+    }, typeof e.order < "u" && (this._buildingSchema.order = e.order);
+  }
+  /**
+   * Add a menu to the submenu. It can be a {@link FMenu} or a {@link FSubmenu}.
+   * @param {FMenu | FSubmenu} submenu - Menu to add to the submenu.
+   * @returns {FSubmenu} The FSubmenu itself for chaining calls.
+   * @example
+   * ```typescript
+   * // Create two leaf menus.
+   * const menu1 = univerAPI.createMenu({
+   *   id: 'submenu-nested-1',
+   *   title: 'Item 1',
+   *   action: () => {
+   *     console.log('Item 1 clicked');
+   *   }
+   * });
+   * const menu2 = univerAPI.createMenu({
+   *   id: 'submenu-nested-2',
+   *   title: 'Item 2',
+   *   action: () => {
+   *     console.log('Item 2 clicked');
+   *   }
+   * });
+   *
+   * // Add the leaf menus to a submenu.
+   * const submenu = univerAPI.createSubmenu({ id: 'submenu-nested', title: 'Nested Submenu' })
+   *   .addSubmenu(menu1)
+   *   .addSeparator()
+   *   .addSubmenu(menu2);
+   *
+   * // Create a root submenu append to the `contextMenu.others` section.
+   * univerAPI.createSubmenu({ id: 'custom-submenu', title: 'Custom Submenu' })
+   *   .addSubmenu(submenu)
+   *   .appendTo('contextMenu.others');
+   * ```
+   */
+  addSubmenu(e) {
+    return this._submenus.push(e), this;
+  }
+  /**
+   * Add a separator to the submenu.
+   * @returns {FSubmenu} The FSubmenu itself for chaining calls.
+   * @example
+   * ```typescript
+   * // Create two leaf menus.
+   * const menu1 = univerAPI.createMenu({
+   *   id: 'submenu-nested-1',
+   *   title: 'Item 1',
+   *   action: () => {
+   *     console.log('Item 1 clicked');
+   *   }
+   * });
+   * const menu2 = univerAPI.createMenu({
+   *   id: 'submenu-nested-2',
+   *   title: 'Item 2',
+   *   action: () => {
+   *     console.log('Item 2 clicked');
+   *   }
+   * });
+   *
+   * // Add the leaf menus to a submenu and add a separator between them.
+   * // Append the submenu to the `contextMenu.others` section.
+   * univerAPI.createSubmenu({ id: 'submenu-nested', title: 'Nested Submenu' })
+   *   .addSubmenu(menu1)
+   *   .addSeparator()
+   *   .addSubmenu(menu2)
+   *   .appendTo('contextMenu.others');
+   * ```
+   */
+  addSeparator() {
+    return this._menuByGroups.push(this._submenus), this._submenus = [], this;
+  }
+  /**
+   * @ignore
+   */
+  __getSchema() {
+    const e = {};
+    return this.addSeparator(), this._menuByGroups.forEach((t, r) => {
+      const i = {};
+      t.forEach((s) => {
+        Object.assign(i, s.__getSchema());
+      }), e[`${this._item.id}-group-${r}`] = i;
+    }), { [this._item.id]: Object.assign(this._buildingSchema, e) };
+  }
+};
+_ = D([
+  d(1, m(f)),
+  d(2, P)
+], _);
+var Q = Object.getOwnPropertyDescriptor, X = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Q(e, t) : e, s = n.length - 1, c; s >= 0; s--)
+    (c = n[s]) && (i = c(i) || i);
+  return i;
+}, h = (n, e) => (t, r) => e(t, r, n);
+let b = class extends C {
+  constructor(e, t, r, i) {
+    super();
+    o(this, "_forceDisableDisposable", null);
+    this._injector = e, this._renderManagerService = t, this._univerInstanceService = r, this._shortcutService = i;
+  }
+  /**
+   * Enable shortcuts of Univer.
+   * @returns {FShortcut} The Facade API instance itself for chaining.
+   *
+   * @example
+   * ```typescript
+   * fShortcut.enableShortcut(); // Use the FShortcut instance used by disableShortcut before, do not create a new instance
+   * ```
+   */
+  enableShortcut() {
+    var e;
+    return (e = this._forceDisableDisposable) == null || e.dispose(), this._forceDisableDisposable = null, this;
+  }
+  /**
+   * Disable shortcuts of Univer.
+   * @returns {FShortcut} The Facade API instance itself for chaining.
+   *
+   * @example
+   * ```typescript
+   * const fShortcut = univerAPI.getShortcut();
+   * fShortcut.disableShortcut();
+   * ```
+   */
+  disableShortcut() {
+    return this._forceDisableDisposable || (this._forceDisableDisposable = this._shortcutService.forceDisable()), this;
+  }
+  /**
+   * Trigger shortcut of Univer by a KeyboardEvent and return the matched shortcut item.
+   * @param {KeyboardEvent} e - The KeyboardEvent to trigger.
+   * @returns {IShortcutItem<object> | undefined} The matched shortcut item.
+   *
+   * @example
+   * ```typescript
+   * // Assum the current sheet is empty sheet.
+   * const fWorkbook = univerAPI.getActiveWorkbook();
+   * const fWorksheet = fWorkbook.getActiveSheet();
+   * const fRange = fWorksheet.getRange('A1');
+   *
+   * // Set A1 cell active and set value to 'Hello Univer'.
+   * fRange.activate();
+   * fRange.setValue('Hello Univer');
+   * console.log(fRange.getCellStyle().bold); // false
+   *
+   * // Set A1 cell bold by shortcut.
+   * const fShortcut = univerAPI.getShortcut();
+   * const pseudoEvent = new KeyboardEvent('keydown', {
+   *   key: 'b',
+   *   ctrlKey: true,
+   *   keyCode: univerAPI.Enum.KeyCode.B
+   * });
+   * const ifShortcutItem = fShortcut.triggerShortcut(pseudoEvent);
+   * if (ifShortcutItem) {
+   *   const commandId = ifShortcutItem.id;
+   *   console.log(fRange.getCellStyle().bold); // true
+   * }
+   * ```
+   */
+  triggerShortcut(e) {
+    const t = this._univerInstanceService.getCurrentUnitForType(z.UNIVER_SHEET);
+    if (!t)
+      return;
+    const r = this._renderManagerService.getRenderById(t.getUnitId());
+    return r ? (r.engine.getCanvasElement().dispatchEvent(e), this._shortcutService.dispatch(e)) : void 0;
+  }
+  /**
+   * Dispatch a KeyboardEvent to the shortcut service and return the matched shortcut item.
+   * @param {KeyboardEvent} e - The KeyboardEvent to dispatch.
+   * @returns {IShortcutItem<object> | undefined} The matched shortcut item.
+   *
+   * @example
+   * ```typescript
+   * const fShortcut = univerAPI.getShortcut();
+   * const pseudoEvent = new KeyboardEvent('keydown', { key: 's', ctrlKey: true });
+   * const ifShortcutItem = fShortcut.dispatchShortcutEvent(pseudoEvent);
+   * if (ifShortcutItem) {
+   *   const commandId = ifShortcutItem.id;
+   *   // Do something with the commandId.
+   * }
+   * ```
+   */
+  dispatchShortcutEvent(e) {
+    return this._shortcutService.dispatch(e);
+  }
+};
+b = X([
+  h(0, m(f)),
+  h(1, m(U)),
+  h(2, q),
+  h(3, G)
+], b);
+class Y extends M {
+  getURL() {
+    return new URL(window.location.href);
+  }
+  getShortcut() {
+    return this._injector.createInstance(b);
+  }
+  copy() {
+    return this._commandService.executeCommand(v.id);
+  }
+  paste() {
+    return this._commandService.executeCommand(l.id);
+  }
+  createMenu(e) {
+    return this._injector.createInstance(p, e);
+  }
+  createSubmenu(e) {
+    return this._injector.createInstance(_, e);
+  }
+  openSiderbar(e) {
+    return this._injector.get(V).open(e);
+  }
+  openSidebar(e) {
+    return this.openSiderbar(e);
+  }
+  openDialog(e) {
+    const r = this._injector.get($).open({
+      ...e,
+      onClose: () => {
+        r.dispose();
+      }
+    });
+    return r;
+  }
+  getComponentManager() {
+    return this._injector.get(I);
+  }
+  showMessage(e) {
+    return this._injector.get(N).show(e), this;
+  }
+  setUIVisible(e, t) {
+    return this._injector.get(g).setUIVisible(e, t), this;
+  }
+  isUIVisible(e) {
+    return this._injector.get(g).isUIVisible(e);
+  }
+  registerUIPart(e, t) {
+    return this._injector.get(g).registerComponent(e, () => H(t, this._injector));
+  }
+  registerComponent(e, t, r) {
+    const i = this._injector.get(I);
+    return this.disposeWithMe(i.register(e, t, r));
+  }
+  setCurrent(e) {
+    if (!this._injector.get(U).getRenderById(e))
+      throw new Error("Unit not found");
+    this._univerInstanceService.setCurrentUnitForType(e);
+  }
+}
+M.extend(Y);
+class Z extends j {
+  onBeforeCopy(e) {
+    return this._injector.get(u).beforeCommandExecuted((r) => {
+      r.id === v.id && e();
+    });
+  }
+  onCopy(e) {
+    return this._injector.get(u).onCommandExecuted((r) => {
+      r.id === v.id && e();
+    });
+  }
+  onBeforePaste(e) {
+    return this._injector.get(u).beforeCommandExecuted((r) => {
+      r.id === l.id && e();
+    });
+  }
+  onPaste(e) {
+    return this._injector.get(u).onCommandExecuted((r) => {
+      (r.id === l.id || r.id === K) && e();
+    });
+  }
+}
+j.extend(Z);
+class ee extends y {
+  get BuiltInUIPart() {
+    return k;
+  }
+  get KeyCode() {
+    return L;
+  }
+}
+y.extend(ee);

package/lib/index.css

@@ -1 +1 @@
-.univer-pointer-events-none{pointer-events:none}.univer-invisible{visibility:hidden}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-sticky{position:sticky}.univer-inset-0{top:0;right:0;bottom:0;left:0}.univer-bottom-0{bottom:0}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-1\/2{left:50%}.univer-right-0{right:0}.univer-right-2{right:.5rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-top-1\/2{top:50%}.univer-top-\[-99999px\]{top:-99999px}.univer-z-10{z-index:10}.univer-z-\[-1\]{z-index:-1}.univer-z-\[100\]{z-index:100}.univer-z-\[1\]{z-index:1}.univer-m-0{margin:0}.univer-mx-auto{margin-left:auto;margin-right:auto}.univer-box-border{box-sizing:border-box}.univer-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.univer-block{display:block}.univer-flex{display:flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-full{width:100%;height:100%}.\!univer-h-5{height:1.25rem!important}.univer-h-0{height:0px}.univer-h-0\.5{height:.125rem}.univer-h-10{height:2.5rem}.univer-h-6{height:1.5rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-full{height:100%}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:.125rem}.univer-w-5{width:1.25rem}.univer-w-96{width:24rem}.univer-w-\[55px\]{width:55px}.univer-min-w-6{min-width:1.5rem}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-flex-1{flex:1 1 0%}.-univer-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-univer-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-0{--tw-translate-x: 0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-full{--tw-translate-x: 100%;transform:translate(100%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-wrap{flex-wrap:wrap}.univer-flex-nowrap{flex-wrap:nowrap}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:.25rem}.univer-gap-2{gap:.5rem}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-rounded{border-radius:.25rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.univer-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.univer-border-0{border-width:0px}.univer-border-b{border-bottom-width:1px}.univer-border-l{border-left-width:1px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-border-b-gray-200{--tw-border-opacity: 1;border-bottom-color:#e3e5ea;border-bottom-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.\!univer-bg-gray-200{--tw-bg-opacity: 1 !important;background-color:#e3e5ea!important;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))!important}.\!univer-bg-primary-500{--tw-bg-opacity: 1 !important;background-color:#466af7!important;background-color:rgba(70,106,247,var(--tw-bg-opacity, 1))!important}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-gray-200{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}.univer-bg-gray-50{--tw-bg-opacity: 1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--tw-bg-opacity, 1))}.univer-bg-primary-500{--tw-bg-opacity: 1;background-color:#466af7;background-color:rgba(70,106,247,var(--tw-bg-opacity, 1))}.univer-bg-transparent{background-color:transparent}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-0{padding:0}.univer-p-2{padding:.5rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-4{padding-left:1rem;padding-right:1rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-pb-2{padding-bottom:.5rem}.univer-pl-6{padding-left:1.5rem}.univer-pr-5{padding-right:1.25rem}.univer-text-\[13px\]{font-size:13px}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-text-gray-100{--tw-text-opacity: 1;color:#eeeff1;color:rgba(238,239,241,var(--tw-text-opacity, 1))}.univer-text-gray-200{--tw-text-opacity: 1;color:#e3e5ea;color:rgba(227,229,234,var(--tw-text-opacity, 1))}.univer-text-gray-500{--tw-text-opacity: 1;color:#5f6574;color:rgba(95,101,116,var(--tw-text-opacity, 1))}.univer-text-gray-700{--tw-text-opacity: 1;color:#2c3040;color:rgba(44,48,64,var(--tw-text-opacity, 1))}.univer-text-gray-800{--tw-text-opacity: 1;color:#181c2a;color:rgba(24,28,42,var(--tw-text-opacity, 1))}.univer-text-gray-900{--tw-text-opacity: 1;color:#0e111e;color:rgba(14,17,30,var(--tw-text-opacity, 1))}.univer-text-primary-600{--tw-text-opacity: 1;color:#2c53f1;color:rgba(44,83,241,var(--tw-text-opacity, 1))}.univer-text-white{--tw-text-opacity: 1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity, 1))}.univer-underline{text-decoration-line:underline}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.univer-scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.univer-scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.univer-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.univer-scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.univer-scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.univer-scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.univer-scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.univer-scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.univer-scrollbar-thin{scrollbar-width:thin;scrollbar-color:initial initial;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.univer-scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.univer-scrollbar-track-gray-50{--scrollbar-track: #F9FAFB !important}.univer-scrollbar-thumb-gray-300{--scrollbar-thumb: #CDD0D8 !important}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial }.univer-fade-in{--tw-enter-opacity: 0 }.univer-slide-in-from-top-full{--tw-enter-translate-y: -100% }.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:\!univer-bg-primary-500:hover{--tw-bg-opacity: 1 !important;background-color:#466af7!important;background-color:rgba(70,106,247,var(--tw-bg-opacity, 1))!important}.hover\:univer-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.hover\:univer-bg-gray-200:hover{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}.hover\:univer-bg-gray-300:hover{--tw-bg-opacity: 1;background-color:#cdd0d8;background-color:rgba(205,208,216,var(--tw-bg-opacity, 1))}.focus\:univer-bg-white:focus{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1;background-color:#0e111e;background-color:rgba(14,17,30,var(--tw-bg-opacity, 1))}.\[\&\:disabled\]\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.\[\&\:disabled\]\:univer-text-gray-200:disabled{--tw-text-opacity: 1;color:#e3e5ea;color:rgba(227,229,234,var(--tw-text-opacity, 1))}.\[\&\:disabled\]\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:1.5rem}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:.25rem}.\[\&\>\*\]\:univer-px-1>*{padding-left:.25rem;padding-right:.25rem}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-300>*:hover{--tw-bg-opacity: 1;background-color:#cdd0d8;background-color:rgba(205,208,216,var(--tw-bg-opacity, 1))}.\[\&\>li\]\:univer-border-0>li{border-width:0px}.\[\&\>li\]\:univer-border-b>li{border-bottom-width:1px}.\[\&\>li\]\:univer-border-solid>li{border-style:solid}.\[\&\>li\]\:univer-border-b-gray-200>li{--tw-border-opacity: 1;border-bottom-color:#e3e5ea;border-bottom-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-ui-plugin-sheets-font-family{overflow:hidden;width:120px;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.univer-ui-plugin-sheets-font-family-item{font-size:var(--font-size-xs)}.univer-ui-plugin-sheets-font-size{width:28px;height:24px;font-size:var(--font-size-xs)}.univer-ui-plugin-sheets-font-size-input{height:24px;line-height:24px;background-color:transparent;border:none;display:block}.univer-ui-plugin-sheets-font-size-input input{font-size:var(--font-size-xs);background-color:transparent}.univer-slider{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:var(--margin-xxs);align-items:center}.univer-slider-disabled{cursor:not-allowed}.univer-slider-disabled .univer-slider-rail{background-color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-handle{background-color:rgb(var(--grey-300));box-shadow:none}.univer-slider-disabled .univer-slider-handle:hover{cursor:not-allowed;background-color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-reset-point{cursor:not-allowed}.univer-slider-disabled .univer-slider-value:hover{cursor:not-allowed;background-color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-value{pointer-events:none;color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-value:hover{background-color:transparent}.univer-slider-rail{position:relative;width:116px;height:2px;padding:0 6px;background-color:rgb(var(--text-color-secondary));border-radius:15px}.univer-slider-inner-rail{position:relative;height:2px}.univer-slider-handle{cursor:pointer;position:absolute;top:calc(50% - 6px);transform:translate(-50%);width:12px;height:12px;background-color:rgb(var(--color-white));border-radius:50%;box-shadow:0 0 6px #0000001a;transition:background .2s}.univer-slider-handle:hover{background-color:rgb(var(--border-color));box-shadow:none}.univer-slider-reset-point{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:4px;height:2px;background-color:rgb(var(--color-white));border-radius:50%}.univer-slider-value{cursor:pointer;width:55px;height:28px;font-size:var(--font-size-xs);line-height:2;color:rgb(var(--text-color-secondary-darker));text-align:center;border-radius:var(--border-radius-base);transition:all .2s;-webkit-text-decoration:none;text-decoration:none}.univer-slider-value:hover{background-color:rgb(var(--border-color));text-decoration:inherit;color:inherit}.univer-slider-value.univer-dropdown-open{background-color:rgb(var(--border-color))}.univer-popup-fixed{position:fixed;z-index:1020;top:-9999px;left:-9999px}.univer-menu-item-no-hover,.univer-menu-item-no-hover.univer-menu-item-active{background:none}.univer-menu-item-activated{background-color:rgb(var(--bg-color-hover))}.univer-menu-item-content{display:inline-flex;gap:var(--margin-xs);align-items:center}.univer-menu-item-selectable{position:relative;padding-left:var(--padding-xl)}.univer-menu-item-selectable-icon{position:absolute;left:0;display:inline-flex;align-items:center;font-size:var(--font-size-lg)}.univer-menu-item-more-icon{font-size:var(--font-size-sm);color:rgb(var(--text-color))}.univer-progress-bar{width:160px;height:4px;background-color:rgb(var(--border-color));border-radius:var(--border-radius-lg);margin-right:var(--margin-xs)}.univer-progress-bar-container{display:flex;align-items:center;margin:0 var(--margin-xs) 0 var(--margin-xs)}.univer-progress-bar-label{font-size:var(--font-size-xxs);color:rgb(var(--text-color-secondary));width:98px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--margin-xs);line-height:17px}.univer-progress-bar-inner{height:4px;border-radius:var(--border-radius-lg);transition:width .5s}.univer-progress-bar-close-button{background:none;border:none;font-size:var(--font-size-xxs);color:rgb(var(--text-color));cursor:pointer;padding:0;margin:0;line-height:1;display:flex;align-items:center}.univer-progress-bar-close-button:hover{color:rgb(var(--text-color-secondary))}.univer-workbench-layout{display:flex;flex-direction:column;height:100%;background-color:rgb(var(--bg-color));min-height:0;position:relative}.univer-workbench-custom-header{position:relative;display:flex;flex-direction:column;min-height:0;background-color:rgb(var(--color-white))}.univer-workbench-container{position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.univer-workbench-container-header{position:relative;z-index:10;width:100%}.univer-workbench-container-wrapper{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:100%;height:100%;overflow:hidden}.univer-workbench-container-content{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;flex:1;background-color:rgb(var(--bg-color-secondary));border-bottom:1px solid rgb(var(--border-color))}.univer-workbench-container-doc-content{background:rgb(var(--bg-color-secondary))}.univer-workbench-container-canvas{position:relative;overflow:hidden}.univer-workbench-container-left-sidebar,.univer-workbench-container-sidebar{height:100%}.univer-mobile-menu-container{min-width:32px;max-width:200px;display:grid;grid-gap:4px;background-color:#000;border-radius:4px;padding:4px 8px}.univer-mobile-menu-item{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;background:none;color:#fff;width:48px}.univer-mobile-menu-item>svg{font-size:18px;height:18px;width:18px}.univer-mobile-menu-item>span{width:100%;margin-top:2px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-app-layout{display:flex;flex-direction:column;height:100%;background-color:rgb(var(--bg-color));min-height:0;position:relative}.univer-app-custom-header{position:relative;display:flex;flex-direction:column;min-height:0;background-color:rgb(var(--color-white))}.univer-app-header{width:100vw}.univer-app-container{position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.univer-app-container-header{position:relative;z-index:10;width:100%}.univer-app-container-wrapper{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:100%;height:100%;overflow:hidden}.univer-app-container-content{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;flex:1;background-color:rgb(var(--bg-color-secondary));border-bottom:1px solid rgb(var(--border-color))}.univer-app-container-canvas{position:relative;overflow:hidden}.univer-app-container-left-sidebar,.univer-app-container-sidebar{height:100%}.univer-notification{position:fixed;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;box-sizing:border-box;margin:var(--margin-xs) 0}.univer-notification-notice{display:flex;gap:var(--margin-xs);justify-content:space-between;width:280px;padding:var(--padding-lg);font-size:var(--font-size-lg);background-color:rgb(var(--color-white));border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-lg)}.univer-notification-notice-wrapper{margin:var(--margin-xs) var(--margin-base)}.univer-notification-notice-content{display:inline-flex;gap:var(--margin-xs);align-items:center;align-items:flex-start}.univer-notification-notice-close{cursor:pointer;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:var(--padding-xs);color:rgb(var(--text-color-secondary));border-radius:var(--border-radius-base);outline:none;transition:background-color .2s}.univer-notification-notice-close:hover{background-color:rgb(var(--bg-color-hover))}.univer-notification-icon{padding:var(--padding-xs)}.univer-notification-icon-success{color:rgb(var(--success-color))}.univer-notification-icon-info{color:rgb(var(--info-color))}.univer-notification-icon-warning{color:rgb(var(--warning-color))}.univer-notification-icon-error{color:rgb(var(--error-color))}.univer-notification-content-container{display:inline-flex;flex-direction:column;gap:var(--margin-xs);align-items:flex-start;padding-top:var(--padding-xs)}.univer-notification-title{color:rgb(var(--text-color))}.univer-notification-content{color:rgb(var(--text-color-secondary))}.univer-notification-content-ellipsis{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}.univer-notification-top,.univer-notification-topLeft,.univer-notification-topRight{top:0}.univer-notification-bottom,.univer-notification-bottomRight,.univer-notification-bottomLeft{bottom:0}.univer-notification-bottomRight,.univer-notification-topRight{right:0}.univer-notification-fade{overflow:hidden;transition:all .3s}.univer-notification-fade-appear-prepare{opacity:0}.univer-notification-fade-appear-start{transform:translate(100%);opacity:0}.univer-notification-fade-appear-active{transform:translate(0);opacity:1}.univer-notification-fade-appear,.univer-notification-fade-enter{opacity:0;animation-play-state:paused;animation-duration:.3s;animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-fill-mode:both}.univer-notification-fade-leave{animation-duration:.3s;animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-fill-mode:both;animation-play-state:paused}.univer-notification-fade-appear.univer-notification-fade-appear-active,.univer-notification-fade-enter.univer-notification-fade-enter-active{animation-name:univer-notification-fade-in;animation-play-state:running}.univer-notification-fade-leave.univer-notification-fade-leave-active{animation-name:univer-notification-fade-out;animation-play-state:running}@keyframes univer-notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes univer-notification-fade-out{0%{opacity:1}to{opacity:0}}
+.univer-pointer-events-none{pointer-events:none}.univer-pointer-events-auto{pointer-events:auto}.univer-invisible{visibility:hidden}.univer-fixed{position:fixed}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-sticky{position:sticky}.univer-inset-0{top:0;right:0;bottom:0;left:0}.univer-bottom-0{bottom:0}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-1\/2{left:50%}.univer-left-\[-9999px\]{left:-9999px}.univer-right-0{right:0}.univer-right-2{right:.5rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-top-1\/2{top:50%}.univer-top-\[-99999px\]{top:-99999px}.univer-top-\[-9999px\]{top:-9999px}.univer-z-10{z-index:10}.univer-z-\[-1\]{z-index:-1}.univer-z-\[100\]{z-index:100}.univer-z-\[1020\]{z-index:1020}.univer-z-\[1\]{z-index:1}.univer-m-0{margin:0}.univer-mx-auto{margin-left:auto;margin-right:auto}.univer-box-border{box-sizing:border-box}.univer-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.univer-block{display:block}.univer-flex{display:flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-full{width:100%;height:100%}.\!univer-h-5{height:1.25rem!important}.univer-h-0{height:0px}.univer-h-0\.5{height:.125rem}.univer-h-10{height:2.5rem}.univer-h-6{height:1.5rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-full{height:100%}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:.125rem}.univer-w-32{width:8rem}.univer-w-5{width:1.25rem}.univer-w-7{width:1.75rem}.univer-w-96{width:24rem}.univer-w-\[55px\]{width:55px}.univer-min-w-6{min-width:1.5rem}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-flex-1{flex:1 1 0%}.-univer-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-univer-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-0{--tw-translate-x: 0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-full{--tw-translate-x: 100%;transform:translate(100%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-wrap{flex-wrap:wrap}.univer-flex-nowrap{flex-wrap:nowrap}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:.25rem}.univer-gap-2{gap:.5rem}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-whitespace-nowrap{white-space:nowrap}.univer-rounded{border-radius:.25rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.univer-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.univer-border-0{border-width:0px}.univer-border-b{border-bottom-width:1px}.univer-border-l{border-left-width:1px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-border-b-gray-200{--tw-border-opacity: 1;border-bottom-color:#e3e5ea;border-bottom-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.\!univer-bg-gray-200{--tw-bg-opacity: 1 !important;background-color:#e3e5ea!important;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))!important}.\!univer-bg-primary-500{--tw-bg-opacity: 1 !important;background-color:#466af7!important;background-color:rgba(70,106,247,var(--tw-bg-opacity, 1))!important}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-gray-200{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}.univer-bg-gray-50{--tw-bg-opacity: 1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--tw-bg-opacity, 1))}.univer-bg-primary-500{--tw-bg-opacity: 1;background-color:#466af7;background-color:rgba(70,106,247,var(--tw-bg-opacity, 1))}.univer-bg-transparent{background-color:transparent}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-0{padding:0}.univer-p-2{padding:.5rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-4{padding-left:1rem;padding-right:1rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-pb-2{padding-bottom:.5rem}.univer-pl-6{padding-left:1.5rem}.univer-pr-5{padding-right:1.25rem}.univer-text-\[13px\]{font-size:13px}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-6{line-height:1.5rem}.univer-text-gray-100{--tw-text-opacity: 1;color:#eeeff1;color:rgba(238,239,241,var(--tw-text-opacity, 1))}.univer-text-gray-200{--tw-text-opacity: 1;color:#e3e5ea;color:rgba(227,229,234,var(--tw-text-opacity, 1))}.univer-text-gray-500{--tw-text-opacity: 1;color:#5f6574;color:rgba(95,101,116,var(--tw-text-opacity, 1))}.univer-text-gray-700{--tw-text-opacity: 1;color:#2c3040;color:rgba(44,48,64,var(--tw-text-opacity, 1))}.univer-text-gray-800{--tw-text-opacity: 1;color:#181c2a;color:rgba(24,28,42,var(--tw-text-opacity, 1))}.univer-text-gray-900{--tw-text-opacity: 1;color:#0e111e;color:rgba(14,17,30,var(--tw-text-opacity, 1))}.univer-text-primary-600{--tw-text-opacity: 1;color:#2c53f1;color:rgba(44,83,241,var(--tw-text-opacity, 1))}.univer-text-white{--tw-text-opacity: 1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity, 1))}.univer-underline{text-decoration-line:underline}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-300{transition-duration:.3s}.univer-scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.univer-scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.univer-scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.univer-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.univer-scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.univer-scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.univer-scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.univer-scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.univer-scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.univer-scrollbar-thin{scrollbar-width:thin;scrollbar-color:initial initial;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.univer-scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.univer-scrollbar-track-gray-50{--scrollbar-track: #F9FAFB !important}.univer-scrollbar-thumb-gray-300{--scrollbar-thumb: #CDD0D8 !important}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial }.univer-fade-in{--tw-enter-opacity: 0 }.univer-slide-in-from-top-full{--tw-enter-translate-y: -100% }.univer-duration-300{animation-duration:.3s}.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:\!univer-bg-primary-500:hover{--tw-bg-opacity: 1 !important;background-color:#466af7!important;background-color:rgba(70,106,247,var(--tw-bg-opacity, 1))!important}.hover\:univer-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.hover\:univer-bg-gray-200:hover{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}.hover\:univer-bg-gray-300:hover{--tw-bg-opacity: 1;background-color:#cdd0d8;background-color:rgba(205,208,216,var(--tw-bg-opacity, 1))}.focus\:univer-bg-white:focus{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1;background-color:#0e111e;background-color:rgba(14,17,30,var(--tw-bg-opacity, 1))}.\[\&\:disabled\]\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.\[\&\:disabled\]\:univer-text-gray-200:disabled{--tw-text-opacity: 1;color:#e3e5ea;color:rgba(227,229,234,var(--tw-text-opacity, 1))}.\[\&\:disabled\]\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:1.5rem}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:.25rem}.\[\&\>\*\]\:univer-px-1>*{padding-left:.25rem;padding-right:.25rem}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-300>*:hover{--tw-bg-opacity: 1;background-color:#cdd0d8;background-color:rgba(205,208,216,var(--tw-bg-opacity, 1))}.\[\&\>li\]\:univer-border-0>li{border-width:0px}.\[\&\>li\]\:univer-border-b>li{border-bottom-width:1px}.\[\&\>li\]\:univer-border-solid>li{border-style:solid}.\[\&\>li\]\:univer-border-b-gray-200>li{--tw-border-opacity: 1;border-bottom-color:#e3e5ea;border-bottom-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.\[\&_input\]\:univer-bg-transparent input{background-color:transparent}.\[\&_input\]\:univer-text-\[13px\] input{font-size:13px}.univer-slider{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:var(--margin-xxs);align-items:center}.univer-slider-disabled{cursor:not-allowed}.univer-slider-disabled .univer-slider-rail{background-color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-handle{background-color:rgb(var(--grey-300));box-shadow:none}.univer-slider-disabled .univer-slider-handle:hover{cursor:not-allowed;background-color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-reset-point{cursor:not-allowed}.univer-slider-disabled .univer-slider-value:hover{cursor:not-allowed;background-color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-value{pointer-events:none;color:rgb(var(--grey-300))}.univer-slider-disabled .univer-slider-value:hover{background-color:transparent}.univer-slider-rail{position:relative;width:116px;height:2px;padding:0 6px;background-color:rgb(var(--text-color-secondary));border-radius:15px}.univer-slider-inner-rail{position:relative;height:2px}.univer-slider-handle{cursor:pointer;position:absolute;top:calc(50% - 6px);transform:translate(-50%);width:12px;height:12px;background-color:rgb(var(--color-white));border-radius:50%;box-shadow:0 0 6px #0000001a;transition:background .2s}.univer-slider-handle:hover{background-color:rgb(var(--border-color));box-shadow:none}.univer-menu-item-no-hover,.univer-menu-item-no-hover.univer-menu-item-active{background:none}.univer-menu-item-activated{background-color:rgb(var(--bg-color-hover))}.univer-menu-item-content{display:inline-flex;gap:var(--margin-xs);align-items:center}.univer-menu-item-selectable{position:relative;padding-left:var(--padding-xl)}.univer-menu-item-selectable-icon{position:absolute;left:0;display:inline-flex;align-items:center;font-size:var(--font-size-lg)}.univer-menu-item-more-icon{font-size:var(--font-size-sm);color:rgb(var(--text-color))}.univer-progress-bar{width:160px;height:4px;background-color:rgb(var(--border-color));border-radius:var(--border-radius-lg);margin-right:var(--margin-xs)}.univer-progress-bar-container{display:flex;align-items:center;margin:0 var(--margin-xs) 0 var(--margin-xs)}.univer-progress-bar-label{font-size:var(--font-size-xxs);color:rgb(var(--text-color-secondary));width:98px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--margin-xs);line-height:17px}.univer-progress-bar-inner{height:4px;border-radius:var(--border-radius-lg);transition:width .5s}.univer-progress-bar-close-button{background:none;border:none;font-size:var(--font-size-xxs);color:rgb(var(--text-color));cursor:pointer;padding:0;margin:0;line-height:1;display:flex;align-items:center}.univer-progress-bar-close-button:hover{color:rgb(var(--text-color-secondary))}.univer-workbench-layout{display:flex;flex-direction:column;height:100%;background-color:rgb(var(--bg-color));min-height:0;position:relative}.univer-workbench-custom-header{position:relative;display:flex;flex-direction:column;min-height:0;background-color:rgb(var(--color-white))}.univer-workbench-container{position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.univer-workbench-container-header{position:relative;z-index:10;width:100%}.univer-workbench-container-wrapper{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:100%;height:100%;overflow:hidden}.univer-workbench-container-content{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;flex:1;background-color:rgb(var(--bg-color-secondary));border-bottom:1px solid rgb(var(--border-color))}.univer-workbench-container-doc-content{background:rgb(var(--bg-color-secondary))}.univer-workbench-container-canvas{position:relative;overflow:hidden}.univer-workbench-container-left-sidebar,.univer-workbench-container-sidebar{height:100%}.univer-mobile-menu-container{min-width:32px;max-width:200px;display:grid;grid-gap:4px;background-color:#000;border-radius:4px;padding:4px 8px}.univer-mobile-menu-item{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;background:none;color:#fff;width:48px}.univer-mobile-menu-item>svg{font-size:18px;height:18px;width:18px}.univer-mobile-menu-item>span{width:100%;margin-top:2px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-app-layout{display:flex;flex-direction:column;height:100%;background-color:rgb(var(--bg-color));min-height:0;position:relative}.univer-app-custom-header{position:relative;display:flex;flex-direction:column;min-height:0;background-color:rgb(var(--color-white))}.univer-app-header{width:100vw}.univer-app-container{position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.univer-app-container-header{position:relative;z-index:10;width:100%}.univer-app-container-wrapper{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:100%;height:100%;overflow:hidden}.univer-app-container-content{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;flex:1;background-color:rgb(var(--bg-color-secondary));border-bottom:1px solid rgb(var(--border-color))}.univer-app-container-canvas{position:relative;overflow:hidden}.univer-app-container-left-sidebar,.univer-app-container-sidebar{height:100%}.univer-notification{position:fixed;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;box-sizing:border-box;margin:var(--margin-xs) 0}.univer-notification-notice{display:flex;gap:var(--margin-xs);justify-content:space-between;width:280px;padding:var(--padding-lg);font-size:var(--font-size-lg);background-color:rgb(var(--color-white));border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-lg)}.univer-notification-notice-wrapper{margin:var(--margin-xs) var(--margin-base)}.univer-notification-notice-content{display:inline-flex;gap:var(--margin-xs);align-items:center;align-items:flex-start}.univer-notification-notice-close{cursor:pointer;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:var(--padding-xs);color:rgb(var(--text-color-secondary));border-radius:var(--border-radius-base);outline:none;transition:background-color .2s}.univer-notification-notice-close:hover{background-color:rgb(var(--bg-color-hover))}.univer-notification-icon{padding:var(--padding-xs)}.univer-notification-icon-success{color:rgb(var(--success-color))}.univer-notification-icon-info{color:rgb(var(--info-color))}.univer-notification-icon-warning{color:rgb(var(--warning-color))}.univer-notification-icon-error{color:rgb(var(--error-color))}.univer-notification-content-container{display:inline-flex;flex-direction:column;gap:var(--margin-xs);align-items:flex-start;padding-top:var(--padding-xs)}.univer-notification-title{color:rgb(var(--text-color))}.univer-notification-content{color:rgb(var(--text-color-secondary))}.univer-notification-content-ellipsis{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}.univer-notification-top,.univer-notification-topLeft,.univer-notification-topRight{top:0}.univer-notification-bottom,.univer-notification-bottomRight,.univer-notification-bottomLeft{bottom:0}.univer-notification-bottomRight,.univer-notification-topRight{right:0}.univer-notification-fade{overflow:hidden;transition:all .3s}.univer-notification-fade-appear-prepare{opacity:0}.univer-notification-fade-appear-start{transform:translate(100%);opacity:0}.univer-notification-fade-appear-active{transform:translate(0);opacity:1}.univer-notification-fade-appear,.univer-notification-fade-enter{opacity:0;animation-play-state:paused;animation-duration:.3s;animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-fill-mode:both}.univer-notification-fade-leave{animation-duration:.3s;animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-fill-mode:both;animation-play-state:paused}.univer-notification-fade-appear.univer-notification-fade-appear-active,.univer-notification-fade-enter.univer-notification-fade-enter-active{animation-name:univer-notification-fade-in;animation-play-state:running}.univer-notification-fade-leave.univer-notification-fade-leave-active{animation-name:univer-notification-fade-out;animation-play-state:running}@keyframes univer-notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes univer-notification-fade-out{0%{opacity:1}to{opacity:0}}