@univerjs/docs-drawing-ui 0.21.1 → 0.22.0-insiders.20260513-09bbeca

package/README.md

@@ -1,27 +1,42 @@
 # @univerjs/docs-drawing-ui
 
+[![npm version](https://img.shields.io/npm/v/@univerjs/docs-drawing-ui?style=flat-square)](https://npmjs.com/package/@univerjs/docs-drawing-ui)
+[![license](https://img.shields.io/npm/l/@univerjs/docs-drawing-ui?style=flat-square)](https://npmjs.com/package/@univerjs/docs-drawing-ui)
+[![downloads](https://img.shields.io/npm/dm/@univerjs/docs-drawing-ui?style=flat-square)](https://npmjs.com/package/@univerjs/docs-drawing-ui)
+
+`@univerjs/docs-drawing-ui` adds the user interface for creating, selecting, editing, and rendering drawing objects in Univer Docs.
+
 ## Package Overview
 
-| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
-| --- | --- | --- | --- | --- | :---: | :---: |
-| `@univerjs/docs-drawing-ui` | `UniverDocsDrawingUi` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ⭕️ | ⭕️ |
+| Package | UMD global | CSS | Locales | Facade entry |
+| --- | --- | :---: | :---: | :---: |
+| `@univerjs/docs-drawing-ui` | `UniverDocsDrawingUi` | Yes | Yes | No |
+
+## Installation
 
-## Introduction
+```sh
+pnpm add @univerjs/docs-drawing-ui
+# or
+npm install @univerjs/docs-drawing-ui
+```
+
+Keep all `@univerjs/*` packages on the same version.
 
 ## Usage
 
-### Installation
+```ts
+import '@univerjs/docs-drawing-ui/lib/index.css';
+import EnUS from '@univerjs/docs-drawing-ui/locale/en-US';
+import { UniverDocsDrawingUIPlugin } from '@univerjs/docs-drawing-ui';
 
-```shell
-# Using npm
-npm install @univerjs/docs-drawing-ui
+univer.registerPlugin(UniverDocsDrawingUIPlugin);
 
-# Using pnpm
-pnpm add @univerjs/docs-drawing-ui
+// Merge EnUS into your Univer locale map when this package contributes UI text.
 ```
 
-<!-- Links -->
-[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/docs-drawing-ui?style=flat-square
-[npm-version-link]: https://npmjs.com/package/@univerjs/docs-drawing-ui
-[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/docs-drawing-ui?style=flat-square
-[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/docs-drawing-ui?style=flat-square
+## Resources
+
+- [Documentation](https://docs.univer.ai)
+- [NPM package](https://npmjs.com/package/@univerjs/docs-drawing-ui)
+- [GitHub repository](https://github.com/dream-num/univer)
+

package/lib/cjs/index.js

@@ -284,7 +284,7 @@ const UngroupDocDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -295,7 +295,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -308,14 +308,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -338,7 +338,7 @@ var DocRefreshDrawingsService = class {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -346,7 +346,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -407,7 +407,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			let content = "";
 			switch (type) {
 				case _univerjs_drawing.ImageUploadStatusType.ERROR_EXCEED_SIZE:
-					content = this._localeService.t("update-status.exceedMaxSize", String(_univerjs_drawing.DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)));
+					content = this._localeService.t("update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)));
 					break;
 				case _univerjs_drawing.ImageUploadStatusType.ERROR_IMAGE_TYPE:
 					content = this._localeService.t("update-status.invalidImageType");
@@ -672,20 +672,12 @@ const InsertDocImageCommand = {
 
 //#endregion
 //#region src/commands/commands/update-doc-drawing.command.ts
-let TextWrappingStyle = /* @__PURE__ */ function(TextWrappingStyle) {
-	TextWrappingStyle["INLINE"] = "inline";
-	TextWrappingStyle["BEHIND_TEXT"] = "behindText";
-	TextWrappingStyle["IN_FRONT_OF_TEXT"] = "inFrontOfText";
-	TextWrappingStyle["WRAP_SQUARE"] = "wrapSquare";
-	TextWrappingStyle["WRAP_TOP_AND_BOTTOM"] = "wrapTopAndBottom";
-	return TextWrappingStyle;
-}({});
 const WRAPPING_STYLE_TO_LAYOUT_TYPE = {
-	[TextWrappingStyle.INLINE]: _univerjs_core.PositionedObjectLayoutType.INLINE,
-	[TextWrappingStyle.WRAP_SQUARE]: _univerjs_core.PositionedObjectLayoutType.WRAP_SQUARE,
-	[TextWrappingStyle.WRAP_TOP_AND_BOTTOM]: _univerjs_core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
-	[TextWrappingStyle.IN_FRONT_OF_TEXT]: _univerjs_core.PositionedObjectLayoutType.WRAP_NONE,
-	[TextWrappingStyle.BEHIND_TEXT]: _univerjs_core.PositionedObjectLayoutType.WRAP_NONE
+	["inline"]: _univerjs_core.PositionedObjectLayoutType.INLINE,
+	["wrapSquare"]: _univerjs_core.PositionedObjectLayoutType.WRAP_SQUARE,
+	["wrapTopAndBottom"]: _univerjs_core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
+	["inFrontOfText"]: _univerjs_core.PositionedObjectLayoutType.WRAP_NONE,
+	["behindText"]: _univerjs_core.PositionedObjectLayoutType.WRAP_NONE
 };
 function getDeleteAndInsertCustomBlockActions(segmentId, oldSegmentId, segmentPage, offset, drawingId, documentDataModel, docSelectionRenderManager) {
 	var _oldBody$customBlocks;
@@ -824,9 +816,9 @@ const UpdateDocDrawingWrappingStyleCommand = {
 				], oldLayoutType, newLayoutType);
 				rawActions.push(updateLayoutTypeAction);
 			}
-			if (wrappingStyle === TextWrappingStyle.BEHIND_TEXT || wrappingStyle === TextWrappingStyle.IN_FRONT_OF_TEXT) {
+			if (wrappingStyle === "behindText" || wrappingStyle === "inFrontOfText") {
 				const oldBehindDoc = oldDrawings[drawingId].behindDoc;
-				const newBehindDoc = wrappingStyle === TextWrappingStyle.BEHIND_TEXT ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE;
+				const newBehindDoc = wrappingStyle === "behindText" ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE;
 				if (oldBehindDoc !== newBehindDoc) {
 					const updateBehindDocAction = jsonX.replaceOp([
 						"drawings",
@@ -836,7 +828,7 @@ const UpdateDocDrawingWrappingStyleCommand = {
 					rawActions.push(updateBehindDocAction);
 				}
 			}
-			if (wrappingStyle === TextWrappingStyle.INLINE) continue;
+			if (wrappingStyle === "inline") continue;
 			let skeDrawing = null;
 			let pageMarginTop = 0;
 			let pageMarginLeft = 0;
@@ -1612,7 +1604,7 @@ function UploadFloatImageMenuFactory(_accessor) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing-ui";
-var version = "0.21.1";
+var version = "0.22.0-insiders.20260513-09bbeca";
 
 //#endregion
 //#region src/config/config.ts
@@ -1692,10 +1684,13 @@ let DocDrawingAddRemoveController = class DocDrawingAddRemoveController extends
 	_commandExecutedListener() {
 		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
 			if (command.id !== _univerjs_docs.RichTextEditingMutation.id) return;
-			const { unitId, actions } = command.params;
+			const { unitId, actions, isSync, syncer } = command.params;
 			const addOrRemoveDrawings = getAddOrRemoveDrawings(actions);
-			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) if (type === "add") this._addDrawings(unitId, [drawing]);
-			else this._removeDrawings(unitId, [drawingId]);
+			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) {
+				if (isSync && (drawing === null || drawing === void 0 ? void 0 : drawing.unitId) === syncer) continue;
+				if (type === "add") this._addDrawings(unitId, [drawing]);
+				else this._removeDrawings(unitId, [drawingId]);
+			}
 		}));
 		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
 			if (command.id !== _univerjs_docs.RichTextEditingMutation.id) return;
@@ -2725,7 +2720,7 @@ const DocDrawingTextWrap = (props) => {
 	const [disableWrapText, setDisableWrapText] = (0, react.useState)(true);
 	const [disableDistTB, setDisableDistTB] = (0, react.useState)(true);
 	const [disableDistLR, setDisableDistLR] = (0, react.useState)(true);
-	const [wrappingStyle, setWrappingStyle] = (0, react.useState)(TextWrappingStyle.INLINE);
+	const [wrappingStyle, setWrappingStyle] = (0, react.useState)("inline");
 	const [wrapText, setWrapText] = (0, react.useState)("");
 	const [distToText, setDistToText] = (0, react.useState)({
 		distT: 0,
@@ -2813,17 +2808,17 @@ const DocDrawingTextWrap = (props) => {
 		else setDisableDistTB(false);
 		if (layoutType === _univerjs_core.PositionedObjectLayoutType.WRAP_NONE || layoutType === _univerjs_core.PositionedObjectLayoutType.INLINE || layoutType === _univerjs_core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM) setDisableDistLR(true);
 		else setDisableDistLR(false);
-		if (layoutType === _univerjs_core.PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === _univerjs_core.BooleanNumber.TRUE) setWrappingStyle(TextWrappingStyle.BEHIND_TEXT);
-		else setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);
+		if (layoutType === _univerjs_core.PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === _univerjs_core.BooleanNumber.TRUE) setWrappingStyle("behindText");
+		else setWrappingStyle("inFrontOfText");
 		else switch (layoutType) {
 			case _univerjs_core.PositionedObjectLayoutType.INLINE:
-				setWrappingStyle(TextWrappingStyle.INLINE);
+				setWrappingStyle("inline");
 				break;
 			case _univerjs_core.PositionedObjectLayoutType.WRAP_SQUARE:
-				setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);
+				setWrappingStyle("wrapSquare");
 				break;
 			case _univerjs_core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:
-				setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);
+				setWrappingStyle("wrapTopAndBottom");
 				break;
 			default: throw new Error(`Unsupported layout type: ${layoutType}`);
 		}
@@ -2863,23 +2858,23 @@ const DocDrawingTextWrap = (props) => {
 				direction: "vertical",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
-						value: TextWrappingStyle.INLINE,
+						value: "inline",
 						children: localeService.t("image-text-wrap.inline")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
-						value: TextWrappingStyle.WRAP_SQUARE,
+						value: "wrapSquare",
 						children: localeService.t("image-text-wrap.square")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
-						value: TextWrappingStyle.WRAP_TOP_AND_BOTTOM,
+						value: "wrapTopAndBottom",
 						children: localeService.t("image-text-wrap.topAndBottom")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
-						value: TextWrappingStyle.BEHIND_TEXT,
+						value: "behindText",
 						children: localeService.t("image-text-wrap.behindText")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
-						value: TextWrappingStyle.IN_FRONT_OF_TEXT,
+						value: "inFrontOfText",
 						children: localeService.t("image-text-wrap.inFrontText")
 					})
 				]

package/lib/es/index.js

@@ -4,7 +4,7 @@ import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingM
 import { DocCanvasPopManagerService, DocPrintInterceptorService, DocSelectionRenderService, IEditorService, NodePositionConvertToCursor, SetDocZoomRatioOperation, TEXT_RANGE_LAYER_INDEX, VIEWPORT_KEY, docDrawingPositionToTransform, getAnchorBounding, getCustomBlockIdsInSelections, getDocObject, getOneTextSelectionRange, getRichTextEditPath } from "@univerjs/docs-ui";
 import { CURSOR_TYPE, DocumentEditArea, DocumentSkeletonPageType, IRenderManagerService, Liquid, PageLayoutType, Rect, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Vector2, getColor, getCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { Checkbox, InputNumber, MessageType, Radio, RadioGroup, Select, clsx, render, unmount } from "@univerjs/design";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_ALLOW_SIZE, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService, ImageUploadStatusType, UniverDrawingPlugin, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService, ImageUploadStatusType, UniverDrawingPlugin, getDrawingImageAllowSize, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
 import { CanvasFloatDomService, ComponentManager, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, UniverUIPlugin, connectInjector, getMenuHiddenObservable, useDependency } from "@univerjs/ui";
 import { BehaviorSubject, Observable, debounceTime, filter, map, of, switchMap, takeUntil } from "rxjs";
 import { COMPONENT_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
@@ -283,7 +283,7 @@ const UngroupDocDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -294,7 +294,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -307,14 +307,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -337,7 +337,7 @@ var DocRefreshDrawingsService = class {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -345,7 +345,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -406,7 +406,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			let content = "";
 			switch (type) {
 				case ImageUploadStatusType.ERROR_EXCEED_SIZE:
-					content = this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)));
+					content = this._localeService.t("update-status.exceedMaxSize", String(getDrawingImageAllowSize() / (1024 * 1024)));
 					break;
 				case ImageUploadStatusType.ERROR_IMAGE_TYPE:
 					content = this._localeService.t("update-status.invalidImageType");
@@ -671,20 +671,12 @@ const InsertDocImageCommand = {
 
 //#endregion
 //#region src/commands/commands/update-doc-drawing.command.ts
-let TextWrappingStyle = /* @__PURE__ */ function(TextWrappingStyle) {
-	TextWrappingStyle["INLINE"] = "inline";
-	TextWrappingStyle["BEHIND_TEXT"] = "behindText";
-	TextWrappingStyle["IN_FRONT_OF_TEXT"] = "inFrontOfText";
-	TextWrappingStyle["WRAP_SQUARE"] = "wrapSquare";
-	TextWrappingStyle["WRAP_TOP_AND_BOTTOM"] = "wrapTopAndBottom";
-	return TextWrappingStyle;
-}({});
 const WRAPPING_STYLE_TO_LAYOUT_TYPE = {
-	[TextWrappingStyle.INLINE]: PositionedObjectLayoutType.INLINE,
-	[TextWrappingStyle.WRAP_SQUARE]: PositionedObjectLayoutType.WRAP_SQUARE,
-	[TextWrappingStyle.WRAP_TOP_AND_BOTTOM]: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
-	[TextWrappingStyle.IN_FRONT_OF_TEXT]: PositionedObjectLayoutType.WRAP_NONE,
-	[TextWrappingStyle.BEHIND_TEXT]: PositionedObjectLayoutType.WRAP_NONE
+	["inline"]: PositionedObjectLayoutType.INLINE,
+	["wrapSquare"]: PositionedObjectLayoutType.WRAP_SQUARE,
+	["wrapTopAndBottom"]: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
+	["inFrontOfText"]: PositionedObjectLayoutType.WRAP_NONE,
+	["behindText"]: PositionedObjectLayoutType.WRAP_NONE
 };
 function getDeleteAndInsertCustomBlockActions(segmentId, oldSegmentId, segmentPage, offset, drawingId, documentDataModel, docSelectionRenderManager) {
 	var _oldBody$customBlocks;
@@ -823,9 +815,9 @@ const UpdateDocDrawingWrappingStyleCommand = {
 				], oldLayoutType, newLayoutType);
 				rawActions.push(updateLayoutTypeAction);
 			}
-			if (wrappingStyle === TextWrappingStyle.BEHIND_TEXT || wrappingStyle === TextWrappingStyle.IN_FRONT_OF_TEXT) {
+			if (wrappingStyle === "behindText" || wrappingStyle === "inFrontOfText") {
 				const oldBehindDoc = oldDrawings[drawingId].behindDoc;
-				const newBehindDoc = wrappingStyle === TextWrappingStyle.BEHIND_TEXT ? BooleanNumber.TRUE : BooleanNumber.FALSE;
+				const newBehindDoc = wrappingStyle === "behindText" ? BooleanNumber.TRUE : BooleanNumber.FALSE;
 				if (oldBehindDoc !== newBehindDoc) {
 					const updateBehindDocAction = jsonX.replaceOp([
 						"drawings",
@@ -835,7 +827,7 @@ const UpdateDocDrawingWrappingStyleCommand = {
 					rawActions.push(updateBehindDocAction);
 				}
 			}
-			if (wrappingStyle === TextWrappingStyle.INLINE) continue;
+			if (wrappingStyle === "inline") continue;
 			let skeDrawing = null;
 			let pageMarginTop = 0;
 			let pageMarginLeft = 0;
@@ -1611,7 +1603,7 @@ function UploadFloatImageMenuFactory(_accessor) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing-ui";
-var version = "0.21.1";
+var version = "0.22.0-insiders.20260513-09bbeca";
 
 //#endregion
 //#region src/config/config.ts
@@ -1691,10 +1683,13 @@ let DocDrawingAddRemoveController = class DocDrawingAddRemoveController extends
 	_commandExecutedListener() {
 		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
 			if (command.id !== RichTextEditingMutation.id) return;
-			const { unitId, actions } = command.params;
+			const { unitId, actions, isSync, syncer } = command.params;
 			const addOrRemoveDrawings = getAddOrRemoveDrawings(actions);
-			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) if (type === "add") this._addDrawings(unitId, [drawing]);
-			else this._removeDrawings(unitId, [drawingId]);
+			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) {
+				if (isSync && (drawing === null || drawing === void 0 ? void 0 : drawing.unitId) === syncer) continue;
+				if (type === "add") this._addDrawings(unitId, [drawing]);
+				else this._removeDrawings(unitId, [drawingId]);
+			}
 		}));
 		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
 			if (command.id !== RichTextEditingMutation.id) return;
@@ -2724,7 +2719,7 @@ const DocDrawingTextWrap = (props) => {
 	const [disableWrapText, setDisableWrapText] = useState(true);
 	const [disableDistTB, setDisableDistTB] = useState(true);
 	const [disableDistLR, setDisableDistLR] = useState(true);
-	const [wrappingStyle, setWrappingStyle] = useState(TextWrappingStyle.INLINE);
+	const [wrappingStyle, setWrappingStyle] = useState("inline");
 	const [wrapText, setWrapText] = useState("");
 	const [distToText, setDistToText] = useState({
 		distT: 0,
@@ -2812,17 +2807,17 @@ const DocDrawingTextWrap = (props) => {
 		else setDisableDistTB(false);
 		if (layoutType === PositionedObjectLayoutType.WRAP_NONE || layoutType === PositionedObjectLayoutType.INLINE || layoutType === PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM) setDisableDistLR(true);
 		else setDisableDistLR(false);
-		if (layoutType === PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === BooleanNumber.TRUE) setWrappingStyle(TextWrappingStyle.BEHIND_TEXT);
-		else setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);
+		if (layoutType === PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === BooleanNumber.TRUE) setWrappingStyle("behindText");
+		else setWrappingStyle("inFrontOfText");
 		else switch (layoutType) {
 			case PositionedObjectLayoutType.INLINE:
-				setWrappingStyle(TextWrappingStyle.INLINE);
+				setWrappingStyle("inline");
 				break;
 			case PositionedObjectLayoutType.WRAP_SQUARE:
-				setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);
+				setWrappingStyle("wrapSquare");
 				break;
 			case PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:
-				setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);
+				setWrappingStyle("wrapTopAndBottom");
 				break;
 			default: throw new Error(`Unsupported layout type: ${layoutType}`);
 		}
@@ -2862,23 +2857,23 @@ const DocDrawingTextWrap = (props) => {
 				direction: "vertical",
 				children: [
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.INLINE,
+						value: "inline",
 						children: localeService.t("image-text-wrap.inline")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.WRAP_SQUARE,
+						value: "wrapSquare",
 						children: localeService.t("image-text-wrap.square")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.WRAP_TOP_AND_BOTTOM,
+						value: "wrapTopAndBottom",
 						children: localeService.t("image-text-wrap.topAndBottom")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.BEHIND_TEXT,
+						value: "behindText",
 						children: localeService.t("image-text-wrap.behindText")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.IN_FRONT_OF_TEXT,
+						value: "inFrontOfText",
 						children: localeService.t("image-text-wrap.inFrontText")
 					})
 				]

package/lib/index.js

@@ -4,7 +4,7 @@ import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingM
 import { DocCanvasPopManagerService, DocPrintInterceptorService, DocSelectionRenderService, IEditorService, NodePositionConvertToCursor, SetDocZoomRatioOperation, TEXT_RANGE_LAYER_INDEX, VIEWPORT_KEY, docDrawingPositionToTransform, getAnchorBounding, getCustomBlockIdsInSelections, getDocObject, getOneTextSelectionRange, getRichTextEditPath } from "@univerjs/docs-ui";
 import { CURSOR_TYPE, DocumentEditArea, DocumentSkeletonPageType, IRenderManagerService, Liquid, PageLayoutType, Rect, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Vector2, getColor, getCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { Checkbox, InputNumber, MessageType, Radio, RadioGroup, Select, clsx, render, unmount } from "@univerjs/design";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_ALLOW_SIZE, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService, ImageUploadStatusType, UniverDrawingPlugin, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService, ImageUploadStatusType, UniverDrawingPlugin, getDrawingImageAllowSize, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
 import { CanvasFloatDomService, ComponentManager, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, UniverUIPlugin, connectInjector, getMenuHiddenObservable, useDependency } from "@univerjs/ui";
 import { BehaviorSubject, Observable, debounceTime, filter, map, of, switchMap, takeUntil } from "rxjs";
 import { COMPONENT_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
@@ -283,7 +283,7 @@ const UngroupDocDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -294,7 +294,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -307,14 +307,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -337,7 +337,7 @@ var DocRefreshDrawingsService = class {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -345,7 +345,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -406,7 +406,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			let content = "";
 			switch (type) {
 				case ImageUploadStatusType.ERROR_EXCEED_SIZE:
-					content = this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)));
+					content = this._localeService.t("update-status.exceedMaxSize", String(getDrawingImageAllowSize() / (1024 * 1024)));
 					break;
 				case ImageUploadStatusType.ERROR_IMAGE_TYPE:
 					content = this._localeService.t("update-status.invalidImageType");
@@ -671,20 +671,12 @@ const InsertDocImageCommand = {
 
 //#endregion
 //#region src/commands/commands/update-doc-drawing.command.ts
-let TextWrappingStyle = /* @__PURE__ */ function(TextWrappingStyle) {
-	TextWrappingStyle["INLINE"] = "inline";
-	TextWrappingStyle["BEHIND_TEXT"] = "behindText";
-	TextWrappingStyle["IN_FRONT_OF_TEXT"] = "inFrontOfText";
-	TextWrappingStyle["WRAP_SQUARE"] = "wrapSquare";
-	TextWrappingStyle["WRAP_TOP_AND_BOTTOM"] = "wrapTopAndBottom";
-	return TextWrappingStyle;
-}({});
 const WRAPPING_STYLE_TO_LAYOUT_TYPE = {
-	[TextWrappingStyle.INLINE]: PositionedObjectLayoutType.INLINE,
-	[TextWrappingStyle.WRAP_SQUARE]: PositionedObjectLayoutType.WRAP_SQUARE,
-	[TextWrappingStyle.WRAP_TOP_AND_BOTTOM]: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
-	[TextWrappingStyle.IN_FRONT_OF_TEXT]: PositionedObjectLayoutType.WRAP_NONE,
-	[TextWrappingStyle.BEHIND_TEXT]: PositionedObjectLayoutType.WRAP_NONE
+	["inline"]: PositionedObjectLayoutType.INLINE,
+	["wrapSquare"]: PositionedObjectLayoutType.WRAP_SQUARE,
+	["wrapTopAndBottom"]: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
+	["inFrontOfText"]: PositionedObjectLayoutType.WRAP_NONE,
+	["behindText"]: PositionedObjectLayoutType.WRAP_NONE
 };
 function getDeleteAndInsertCustomBlockActions(segmentId, oldSegmentId, segmentPage, offset, drawingId, documentDataModel, docSelectionRenderManager) {
 	var _oldBody$customBlocks;
@@ -823,9 +815,9 @@ const UpdateDocDrawingWrappingStyleCommand = {
 				], oldLayoutType, newLayoutType);
 				rawActions.push(updateLayoutTypeAction);
 			}
-			if (wrappingStyle === TextWrappingStyle.BEHIND_TEXT || wrappingStyle === TextWrappingStyle.IN_FRONT_OF_TEXT) {
+			if (wrappingStyle === "behindText" || wrappingStyle === "inFrontOfText") {
 				const oldBehindDoc = oldDrawings[drawingId].behindDoc;
-				const newBehindDoc = wrappingStyle === TextWrappingStyle.BEHIND_TEXT ? BooleanNumber.TRUE : BooleanNumber.FALSE;
+				const newBehindDoc = wrappingStyle === "behindText" ? BooleanNumber.TRUE : BooleanNumber.FALSE;
 				if (oldBehindDoc !== newBehindDoc) {
 					const updateBehindDocAction = jsonX.replaceOp([
 						"drawings",
@@ -835,7 +827,7 @@ const UpdateDocDrawingWrappingStyleCommand = {
 					rawActions.push(updateBehindDocAction);
 				}
 			}
-			if (wrappingStyle === TextWrappingStyle.INLINE) continue;
+			if (wrappingStyle === "inline") continue;
 			let skeDrawing = null;
 			let pageMarginTop = 0;
 			let pageMarginLeft = 0;
@@ -1611,7 +1603,7 @@ function UploadFloatImageMenuFactory(_accessor) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing-ui";
-var version = "0.21.1";
+var version = "0.22.0-insiders.20260513-09bbeca";
 
 //#endregion
 //#region src/config/config.ts
@@ -1691,10 +1683,13 @@ let DocDrawingAddRemoveController = class DocDrawingAddRemoveController extends
 	_commandExecutedListener() {
 		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
 			if (command.id !== RichTextEditingMutation.id) return;
-			const { unitId, actions } = command.params;
+			const { unitId, actions, isSync, syncer } = command.params;
 			const addOrRemoveDrawings = getAddOrRemoveDrawings(actions);
-			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) if (type === "add") this._addDrawings(unitId, [drawing]);
-			else this._removeDrawings(unitId, [drawingId]);
+			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) {
+				if (isSync && (drawing === null || drawing === void 0 ? void 0 : drawing.unitId) === syncer) continue;
+				if (type === "add") this._addDrawings(unitId, [drawing]);
+				else this._removeDrawings(unitId, [drawingId]);
+			}
 		}));
 		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
 			if (command.id !== RichTextEditingMutation.id) return;
@@ -2724,7 +2719,7 @@ const DocDrawingTextWrap = (props) => {
 	const [disableWrapText, setDisableWrapText] = useState(true);
 	const [disableDistTB, setDisableDistTB] = useState(true);
 	const [disableDistLR, setDisableDistLR] = useState(true);
-	const [wrappingStyle, setWrappingStyle] = useState(TextWrappingStyle.INLINE);
+	const [wrappingStyle, setWrappingStyle] = useState("inline");
 	const [wrapText, setWrapText] = useState("");
 	const [distToText, setDistToText] = useState({
 		distT: 0,
@@ -2812,17 +2807,17 @@ const DocDrawingTextWrap = (props) => {
 		else setDisableDistTB(false);
 		if (layoutType === PositionedObjectLayoutType.WRAP_NONE || layoutType === PositionedObjectLayoutType.INLINE || layoutType === PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM) setDisableDistLR(true);
 		else setDisableDistLR(false);
-		if (layoutType === PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === BooleanNumber.TRUE) setWrappingStyle(TextWrappingStyle.BEHIND_TEXT);
-		else setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);
+		if (layoutType === PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === BooleanNumber.TRUE) setWrappingStyle("behindText");
+		else setWrappingStyle("inFrontOfText");
 		else switch (layoutType) {
 			case PositionedObjectLayoutType.INLINE:
-				setWrappingStyle(TextWrappingStyle.INLINE);
+				setWrappingStyle("inline");
 				break;
 			case PositionedObjectLayoutType.WRAP_SQUARE:
-				setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);
+				setWrappingStyle("wrapSquare");
 				break;
 			case PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:
-				setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);
+				setWrappingStyle("wrapTopAndBottom");
 				break;
 			default: throw new Error(`Unsupported layout type: ${layoutType}`);
 		}
@@ -2862,23 +2857,23 @@ const DocDrawingTextWrap = (props) => {
 				direction: "vertical",
 				children: [
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.INLINE,
+						value: "inline",
 						children: localeService.t("image-text-wrap.inline")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.WRAP_SQUARE,
+						value: "wrapSquare",
 						children: localeService.t("image-text-wrap.square")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.WRAP_TOP_AND_BOTTOM,
+						value: "wrapTopAndBottom",
 						children: localeService.t("image-text-wrap.topAndBottom")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.BEHIND_TEXT,
+						value: "behindText",
 						children: localeService.t("image-text-wrap.behindText")
 					}),
 					/* @__PURE__ */ jsx(Radio, {
-						value: TextWrappingStyle.IN_FRONT_OF_TEXT,
+						value: "inFrontOfText",
 						children: localeService.t("image-text-wrap.inFrontText")
 					})
 				]

package/lib/umd/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/docs-drawing`),require(`@univerjs/docs`),require(`@univerjs/docs-ui`),require(`@univerjs/engine-render`),require(`@univerjs/design`),require(`@univerjs/drawing`),require(`@univerjs/ui`),require(`rxjs`),require(`@univerjs/drawing-ui`),require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/docs-drawing`,`@univerjs/docs`,`@univerjs/docs-ui`,`@univerjs/engine-render`,`@univerjs/design`,`@univerjs/drawing`,`@univerjs/ui`,`rxjs`,`@univerjs/drawing-ui`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDocsDrawingUi={},e.UniverCore,e.UniverDocsDrawing,e.UniverDocs,e.UniverDocsUi,e.UniverEngineRender,e.UniverDesign,e.UniverDrawing,e.UniverUi,e.rxjs,e.UniverDrawingUi,e.React,e.React))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let p={id:`doc.command.remove-doc-image`,type:t.CommandType.COMMAND,handler:(e,n)=>{var o,s,c;let l=e.get(t.ICommandService),u=e.get(t.IUniverInstanceService),d=e.get(a.IRenderManagerService),f=u.getCurrentUniverDocInstance();if(n==null||f==null)return!1;let p=d.getRenderById(n.unitId).with(i.DocSelectionRenderService),{drawings:m}=n,h=(o=p.getSegment())==null?``:o,g=new t.TextX,_=t.JSONX.getInstance(),v=(s=(c=f.getSelfOrHeaderFooterModel(h).getBody())==null?void 0:c.customBlocks)==null?[]:s,y=m.map(e=>v.find(t=>t.blockId===e.drawingId)).filter(e=>!!e).sort((e,t)=>e.startIndex>t.startIndex?1:-1),b=m[0].unitId,x=new t.MemoryCursor;x.reset();let S=y[0].startIndex,C=[{startOffset:S,endOffset:S}],w={id:r.RichTextEditingMutation.id,params:{unitId:b,actions:[],textRanges:C}},T=[];for(let e of y){let{startIndex:n}=e;n>x.cursor&&g.push({t:t.TextXActionType.RETAIN,len:n-x.cursor}),g.push({t:t.TextXActionType.DELETE,len:1}),x.moveCursorTo(n+1)}let E=(0,i.getRichTextEditPath)(f,h);T.push(_.editOp(g.serialize(),E));for(let e of y){var D;let{blockId:t}=e,n=((D=f.getDrawings())==null?{}:D)[t],r=f.getDrawingsOrder().indexOf(t),i=_.removeOp([`drawings`,t],n),a=_.removeOp([`drawingsOrder`,r],t);T.push(i),T.push(a)}return w.params.actions=T.reduce((e,n)=>t.JSONX.compose(e,n),null),!!l.syncExecuteCommand(w.id,w.params)}},m={id:`doc.command.delete-drawing`,type:t.CommandType.COMMAND,handler:e=>{let r=e.get(t.ICommandService),i=e.get(n.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;let{unitId:a}=i[0],o=i.map(e=>{let{unitId:t,subUnitId:n,drawingId:r,drawingType:i}=e;return{unitId:t,subUnitId:n,drawingId:r,drawingType:i}});return r.executeCommand(p.id,{unitId:a,drawings:o})}},h={id:`doc.command.group-doc-image`,type:t.CommandType.COMMAND,handler:(e,t)=>!1},g={id:`doc.command.insert-doc-image`,type:t.CommandType.COMMAND,handler:(e,n)=>{var a,o;if(n==null)return!1;let s=e.get(t.ICommandService),c=e.get(r.DocSelectionManagerService),l=e.get(t.IUniverInstanceService),u=c.getActiveTextRange(),d=l.getCurrentUniverDocInstance();if(u==null||d==null)return!1;let f=d.getUnitId(),{drawings:p}=n,{collapsed:m,startOffset:h,segmentId:g}=u,_=d.getSelfOrHeaderFooterModel(g).getBody();if(_==null)return!1;let v=new t.TextX,y=t.JSONX.getInstance(),b=[],x=(a=(o=d.getSnapshot().drawingsOrder)==null?void 0:o.length)==null?0:a,S=0;if(m)h>0&&v.push({t:t.TextXActionType.RETAIN,len:h});else{var C,w;let e=t.BuildTextUtils.selection.delete([u],_,0,null,!1);v.push(...e);let n=(0,i.getCustomBlockIdsInSelections)(_,[u]),r=(C=d.getDrawings())==null?{}:C,a=(w=d.getDrawingsOrder())==null?[]:w,o=n.sort((e,t)=>a.indexOf(e)>a.indexOf(t)?-1:+(a.indexOf(e)<a.indexOf(t)));if(o.length>0)for(let e of o){let t=r[e],n=a.indexOf(e);if(t==null||n<0)continue;let i=y.removeOp([`drawings`,e],t),o=y.removeOp([`drawingsOrder`,n],e);b.push(i),b.push(o),S++}}v.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`.repeat(p.length),customBlocks:p.map((e,t)=>({startIndex:t,blockId:e.drawingId}))},len:p.length});let T=(0,i.getRichTextEditPath)(d,g),E=y.editOp(v.serialize(),T);b.push(E);for(let e of p){let{drawingId:t}=e,n=y.insertOp([`drawings`,t],e),r=y.insertOp([`drawingsOrder`,x-S],t);b.push(n),b.push(r)}let D={id:r.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:[]}};return D.params.actions=b.reduce((e,n)=>t.JSONX.compose(e,n),null),!!s.syncExecuteCommand(D.id,D.params)}},_={id:`doc.command.set-drawing-arrange`,type:t.CommandType.COMMAND,handler:(e,i)=>{let a=e.get(t.ICommandService),o=e.get(n.IDocDrawingService);if(i==null)return!1;let{unitId:s,subUnitId:c,drawingIds:l,arrangeType:u}=i,d={unitId:s,subUnitId:c,drawingIds:l},f;if(u===t.ArrangeTypeEnum.forward?f=o.getForwardDrawingsOp(d):u===t.ArrangeTypeEnum.backward?f=o.getBackwardDrawingOp(d):u===t.ArrangeTypeEnum.front?f=o.getFrontDrawingsOp(d):u===t.ArrangeTypeEnum.back&&(f=o.getBackDrawingsOp(d)),f==null)return!1;let{redo:p}=f;if(p==null)return!1;let m=[],h=t.Tools.deepClone(p);h=h.slice(3),h.unshift(`drawingsOrder`),m.push(h);let g={id:r.RichTextEditingMutation.id,params:{unitId:s,actions:[],textRanges:null}};return g.params.actions=m.reduce((e,n)=>t.JSONX.compose(e,n),null),!!a.syncExecuteCommand(g.id,g.params)}},v={id:`doc.command.ungroup-doc-image`,type:t.CommandType.COMMAND,handler:(e,t)=>{let r=e.get(n.IDocDrawingService);if(!t)return!1;let i=[];t.forEach(({parent:e,children:t})=>{i.push(e.unitId),t.forEach(e=>{i.push(e.unitId)})});let{unitId:a,subUnitId:o,undo:s,redo:c,objects:l}=r.getUngroupDrawingOp(t);return!1}};function y(e){"@babel/helpers - typeof";return y=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},y(e)}function b(e,t){if(y(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(y(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function x(e){var t=b(e,`string`);return y(t)==`symbol`?t:t+``}function S(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var C=class{constructor(){S(this,`_refreshDrawings$`,new l.BehaviorSubject(null)),S(this,`refreshDrawings$`,this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}};function w(e,t){return function(n,r){t(n,r,e)}}function T(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let E=class extends t.Disposable{constructor(e,t,n,r,i,a,o,s,c,l,u,d,f){super(),this._context=e,this._commandService=t,this._docSelectionManagerService=n,this._renderManagerSrv=r,this._imageIoService=i,this._docDrawingService=a,this._drawingManagerService=o,this._contextService=s,this._messageService=c,this._localeService=l,this._docSelectionRenderService=u,this._docRefreshDrawingsService=d,this._fileOpenerService=f,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}dispose(){super.dispose(),delete this._context}async insertDocImage(){let e=await this._fileOpenerService.openFile({multiple:!0,accept:s.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)}),t=e.length;return t>s.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:o.MessageType.Error,content:this._localeService.t(`update-status.exceedMaxCount`,String(s.DRAWING_IMAGE_COUNT_LIMIT))}),!1):t===0?!1:(await this._insertFloatImages(e),!0)}async _insertFloatImages(e){let n=[];try{n=await Promise.all(e.map(e=>this._imageIoService.saveImage(e)))}catch(e){let t=e.message,n=``;switch(t){case s.ImageUploadStatusType.ERROR_EXCEED_SIZE:n=this._localeService.t(`update-status.exceedMaxSize`,String(s.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case s.ImageUploadStatusType.ERROR_IMAGE_TYPE:n=this._localeService.t(`update-status.invalidImageType`);break;case s.ImageUploadStatusType.ERROR_IMAGE:n=this._localeService.t(`update-status.invalidImage`);break;default:break}this._messageService.show({type:o.MessageType.Error,content:n})}if(n.length===0)return;let{unitId:r}=this._context,a=[];for(let e of n){if(e==null)continue;let{imageId:n,imageSourceType:o,source:c,base64Cache:l}=e,{width:u,height:d,image:f}=await(0,s.getImageSize)(l||``);this._imageIoService.addImageSourceCache(n,o,f);let p=1;if(u>s.DRAWING_IMAGE_WIDTH_LIMIT||d>s.DRAWING_IMAGE_HEIGHT_LIMIT){let e=s.DRAWING_IMAGE_WIDTH_LIMIT/u,t=s.DRAWING_IMAGE_HEIGHT_LIMIT/d;p=Math.min(e,t)}let m=this._getImagePosition(u*p,d*p);if(m==null)return;let h={unitId:r,subUnitId:r,drawingId:n,drawingType:t.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:o,source:c,transform:(0,i.docDrawingPositionToTransform)(m),docTransform:m,behindDoc:t.BooleanNumber.FALSE,title:``,description:``,layoutType:t.PositionedObjectLayoutType.INLINE,wrapText:t.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=t.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),a.push(h)}this._commandService.executeCommand(g.id,{unitId:r,drawings:a})}_isInsertInHeaderFooter(){var e;let{unitId:t}=this._context,n=(e=this._renderManagerSrv.getRenderById(t))==null?void 0:e.with(r.DocSkeletonManagerService).getViewModel(),i=n==null?void 0:n.getEditArea();return i===a.DocumentEditArea.HEADER||i===a.DocumentEditArea.FOOTER}_getImagePosition(e,n){let r=this._docSelectionRenderService.getActiveTextRange(),i=(r==null?void 0:r.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:n},positionH:{relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:i.left},positionV:{relativeFrom:t.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{let{unitId:t,subUnitId:n,drawingIds:r,arrangeType:i}=e;this._commandService.executeCommand(_.id,{unitId:t,subUnitId:n,drawingIds:r,arrangeType:i})}))}_groupDrawingListener(){this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(h.id,e)})),this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(v.id,e)}))}_getCurrentSceneAndTransformer(){let{scene:e,mainComponent:t}=this._context;if(e==null||t==null)return;let n=e.getTransformerByCreate(),{docsLeft:r,docsTop:i}=t.getOffsetConfig();return{scene:e,transformer:n,docsLeft:r,docsTop:i}}_transformDrawingListener(){let e=this._getCurrentSceneAndTransformer();if(e&&e.transformer)this.disposeWithMe(e.transformer.changeEnd$.pipe((0,l.debounceTime)(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw Error(`transformer is not init`)}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{var n;let{transformer:r,docsLeft:i,docsTop:a}=(n=this._getCurrentSceneAndTransformer())==null?{}:n;if(e==null||e.length===0)this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),r&&r.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(e),this._setDrawingSelections(e);let n=this._docSelectionRenderService.getSegment(),o=this._findSegmentIdByDrawingId(e[0].drawingId);n!==o&&this._docSelectionRenderService.setSegment(o),r&&r.resetProps({zeroTop:a,zeroLeft:i})}}))}_findSegmentIdByDrawingId(e){var t;let{unit:n}=this._context,{body:r,headers:i={},footers:a={}}=n.getSnapshot();if(((t=r==null?void 0:r.customBlocks)==null?[]:t).some(t=>t.blockId===e))return``;for(let t of Object.keys(i)){var o;if((o=i[t].body.customBlocks)!=null&&o.some(t=>t.blockId===e))return t}for(let t of Object.keys(a)){var s;if((s=a[t].body.customBlocks)!=null&&s.some(t=>t.blockId===e))return t}return``}_updateDrawingsEditStatus(){var e;if(!this._context)return;let{unit:n,scene:i,unitId:o}=this._context,c=(e=this._renderManagerSrv.getRenderById(o))==null?void 0:e.with(r.DocSkeletonManagerService).getViewModel();if(c==null||n==null)return;let{drawings:l={}}=n.getSnapshot(),u=c.getEditArea()===a.DocumentEditArea.BODY;for(let e of Object.keys(l)){let n=l[e],r=(0,s.getDrawingShapeKeyByDrawingSearch)({unitId:o,drawingId:n.drawingId,subUnitId:o}),a=i.fuzzyMathObjects(r,!0);if(a.length)for(let e of a){i.detachTransformerFrom(e);try{e.setOpacity(.5)}catch{}if(u&&n.isMultiTransform!==t.BooleanNumber.TRUE||!u&&n.isMultiTransform===t.BooleanNumber.TRUE){n.allowTransform!==!1&&i.attachTransformerTo(e);try{e.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var e;let{unitId:t}=this._context,n=(e=this._renderManagerSrv.getRenderById(t))==null?void 0:e.with(r.DocSkeletonManagerService).getViewModel();n!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(n.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})),this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{e.id===r.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(e){var t,n;let{unit:r}=this._context,i=(t=(n=r.getSnapshot().body)==null?void 0:n.customBlocks)==null?[]:t,a=e.map(e=>{let t=e.drawingId,n=i.find(e=>e.blockId===t);return n?n.startIndex:null}).filter(e=>e!==null).map(e=>({startOffset:e,endOffset:e+1}));this._docSelectionManagerService.replaceDocRanges(a)}};E=T([w(1,t.ICommandService),w(2,(0,t.Inject)(r.DocSelectionManagerService)),w(3,a.IRenderManagerService),w(4,s.IImageIoService),w(5,n.IDocDrawingService),w(6,s.IDrawingManagerService),w(7,t.IContextService),w(8,c.IMessageService),w(9,(0,t.Inject)(t.LocaleService)),w(10,(0,t.Inject)(i.DocSelectionRenderService)),w(11,(0,t.Inject)(C)),w(12,c.ILocalFileService)],E);let D={id:`doc.command.insert-float-image`,type:t.CommandType.COMMAND,handler:e=>{var n,r;let i=e.get(t.IUniverInstanceService),o=e.get(a.IRenderManagerService);return(n=(r=(0,a.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,i,o))==null?void 0:r.with(E).insertDocImage())==null?!1:n}},O=function(e){return e.INLINE=`inline`,e.BEHIND_TEXT=`behindText`,e.IN_FRONT_OF_TEXT=`inFrontOfText`,e.WRAP_SQUARE=`wrapSquare`,e.WRAP_TOP_AND_BOTTOM=`wrapTopAndBottom`,e}({}),k={[O.INLINE]:t.PositionedObjectLayoutType.INLINE,[O.WRAP_SQUARE]:t.PositionedObjectLayoutType.WRAP_SQUARE,[O.WRAP_TOP_AND_BOTTOM]:t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,[O.IN_FRONT_OF_TEXT]:t.PositionedObjectLayoutType.WRAP_NONE,[O.BEHIND_TEXT]:t.PositionedObjectLayoutType.WRAP_NONE};function A(e,n,r,a,o,s,c){var l;let u=new t.TextX,d=t.JSONX.getInstance(),f=[],p=s.getSelfOrHeaderFooterModel(n).getBody(),m=s.getSelfOrHeaderFooterModel(e).getBody();if(p==null||m==null)return;let h=(l=p.customBlocks)==null||(l=l.find(e=>e.blockId===o))==null?void 0:l.startIndex;if(h!=null){if(a=Math.min(m.dataStream.length-2,a),e===n){if(a<h?(a>0&&u.push({t:t.TextXActionType.RETAIN,len:a}),u.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:o}]},len:1}),u.push({t:t.TextXActionType.RETAIN,len:h-a}),u.push({t:t.TextXActionType.DELETE,len:1})):(h>0&&u.push({t:t.TextXActionType.RETAIN,len:h}),u.push({t:t.TextXActionType.DELETE,len:1}),a-h-1>0&&u.push({t:t.TextXActionType.RETAIN,len:a-h-1}),u.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:o}]},len:1})),a!==h){let e=(0,i.getRichTextEditPath)(s,n),t=d.editOp(u.serialize(),e);f.push(t)}}else{h>0&&u.push({t:t.TextXActionType.RETAIN,len:h}),u.push({t:t.TextXActionType.DELETE,len:1});let l=(0,i.getRichTextEditPath)(s,n),p=d.editOp(u.serialize(),l);f.push(p),u.empty(),a>0&&u.push({t:t.TextXActionType.RETAIN,len:a}),u.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:o}]},len:1}),l=(0,i.getRichTextEditPath)(s,e),p=d.editOp(u.serialize(),l),f.push(p),c.setSegment(e),c.setSegmentPage(r)}return f}}let j={id:`doc.command.update-doc-drawing-wrapping-style`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let{drawings:i,wrappingStyle:o,unitId:s}=n,c=e.get(t.ICommandService),l=e.get(t.IUniverInstanceService),u=e.get(a.IRenderManagerService).getRenderById(s),d=u==null?void 0:u.with(r.DocSkeletonManagerService).getSkeleton().getSkeletonData(),f=u==null?void 0:u.with(r.DocSkeletonManagerService).getViewModel(),p=u==null?void 0:u.scene,m=l.getCurrentUniverDocInstance();if(m==null||d==null||p==null||f==null)return!1;let h=f.getEditArea(),g=p.getTransformerByCreate(),{pages:_,skeHeaders:v,skeFooters:y}=d,b=t.JSONX.getInstance(),x=[],{drawings:S={}}=m.getSnapshot();for(let e of i){let{drawingId:n}=e,r=S[n].layoutType,i=k[o];if(r!==i){let e=b.replaceOp([`drawings`,n,`layoutType`],r,i);x.push(e)}if(o===O.BEHIND_TEXT||o===O.IN_FRONT_OF_TEXT){let e=S[n].behindDoc,r=o===O.BEHIND_TEXT?t.BooleanNumber.TRUE:t.BooleanNumber.FALSE;if(e!==r){let t=b.replaceOp([`drawings`,n,`behindDoc`],e,r);x.push(t)}}if(o===O.INLINE)continue;let s=null,c=0,l=0;for(let e of _){let{headerId:t,footerId:r,marginTop:i,marginLeft:o,marginBottom:u,pageWidth:d,pageHeight:f}=e;switch(h){case a.DocumentEditArea.HEADER:{var C;let e=(C=v.get(t))==null?void 0:C.get(d);e!=null&&e.skeDrawings.has(n)&&(s=e.skeDrawings.get(n),c=e.marginTop,l=o);break}case a.DocumentEditArea.FOOTER:{var w;let e=(w=y.get(r))==null?void 0:w.get(d);e!=null&&e.skeDrawings.has(n)&&(s=e.skeDrawings.get(n),c=f-u+e.marginTop,l=o);break}case a.DocumentEditArea.BODY:e.skeDrawings.has(n)&&(s=e.skeDrawings.get(n),c=i,l=o);break}if(s!=null)break}if(s!=null){let{aTop:e,aLeft:r}=s,i=S[n].docTransform.positionH,a=r;i.relativeFrom===t.ObjectRelativeFromH.MARGIN?a-=l:i.relativeFrom===t.ObjectRelativeFromH.COLUMN&&(a-=s.columnLeft);let o={relativeFrom:i.relativeFrom,posOffset:a};if(i.posOffset!==o.posOffset){let e=b.replaceOp([`drawings`,n,`docTransform`,`positionH`],i,o);x.push(e)}let u=S[n].docTransform.positionV,d=e;u.relativeFrom===t.ObjectRelativeFromV.PAGE?d+=c:u.relativeFrom===t.ObjectRelativeFromV.LINE?d-=s.lineTop:u.relativeFrom===t.ObjectRelativeFromV.PARAGRAPH&&(d-=s.blockAnchorTop);let f={relativeFrom:u.relativeFrom,posOffset:d};if(u.posOffset!==f.posOffset){let e=b.replaceOp([`drawings`,n,`docTransform`,`positionV`],u,f);x.push(e)}}}let T={id:r.RichTextEditingMutation.id,params:{unitId:s,actions:[],textRanges:null}};T.params.actions=x.reduce((e,n)=>t.JSONX.compose(e,n),null);let E=c.syncExecuteCommand(T.id,T.params);return g.refreshControls(),!!E}},M={id:`doc.command.update-doc-drawing-distance`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let i=e.get(t.ICommandService),a=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;let{drawings:o,dist:s,unitId:c}=n,l=t.JSONX.getInstance(),u=[],{drawings:d={}}=a.getSnapshot();for(let e of o){let{drawingId:t}=e;for(let[e,n]of Object.entries(s)){let r=d[t][e];if(r!==n){let i=l.replaceOp([`drawings`,t,e],r,n);u.push(i)}}}let f={id:r.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=u.reduce((e,n)=>t.JSONX.compose(e,n),null),!!i.syncExecuteCommand(f.id,f.params)}},N={id:`doc.command.update-doc-drawing-wrap-text`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let i=e.get(t.ICommandService),a=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;let{drawings:o,wrapText:s,unitId:c}=n,l=t.JSONX.getInstance(),u=[],{drawings:d={}}=a.getSnapshot();for(let e of o){let{drawingId:t}=e,n=d[t].wrapText;if(n!==s){let e=l.replaceOp([`drawings`,t,`wrapText`],n,s);u.push(e)}}let f={id:r.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=u.reduce((e,n)=>t.JSONX.compose(e,n),null),!!i.syncExecuteCommand(f.id,f.params)}},P={id:`doc.command.update-drawing-doc-transform`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let i=e.get(t.ICommandService),o=e.get(t.IUniverInstanceService),s=e.get(a.IRenderManagerService).getRenderById(n.unitId),c=s==null?void 0:s.scene;if(c==null)return!1;let l=c.getTransformerByCreate(),u=o.getCurrentUniverDocInstance();if(u==null)return!1;let{drawings:d,unitId:f}=n,p=t.JSONX.getInstance(),m=[],{drawings:h={}}=u.getSnapshot();for(let e of d){let{drawingId:n,key:r,value:i}=e,a=h[n].docTransform[r];if(!t.Tools.diffValue(a,i)){let e=p.replaceOp([`drawings`,n,`docTransform`,r],a,i);m.push(e)}}let g={id:r.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};g.params.actions=m.reduce((e,n)=>t.JSONX.compose(e,n),null);let _=i.syncExecuteCommand(g.id,g.params);return l.refreshControls(),!!_}},F={id:`doc.command.move-inline-drawing`,type:t.CommandType.COMMAND,handler:(e,n)=>{var o,s;if(n==null)return!1;let c=e.get(a.IRenderManagerService),l=(o=c.getRenderById(n.unitId))==null?void 0:o.with(i.DocSelectionRenderService),u=e.get(C),d=c.getRenderById(n.unitId),f=d==null?void 0:d.scene,p=d==null?void 0:d.with(r.DocSkeletonManagerService).getSkeleton();if(f==null||l==null)return!1;let m=f.getTransformerByCreate(),h=e.get(t.ICommandService),g=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(g==null)return!1;let{drawing:_,unitId:v,offset:y,segmentId:b,segmentPage:x,needRefreshDrawings:S}=n;if(S)return u.refreshDrawings(p),m.refreshControls(),!0;let w=[],{drawingId:T}=_,E=A(b,(s=l.getSegment())==null?``:s,x,y,T,g,l);if(E==null||E.length===0)return u.refreshDrawings(p),m.refreshControls(),!1;w.push(...E);let D={id:r.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};D.params.actions=w.reduce((e,n)=>t.JSONX.compose(e,n),null);let O=h.syncExecuteCommand(D.id,D.params);return m.refreshControls(),!!O}},I={id:`doc.command.transform-non-inline-drawing`,type:t.CommandType.COMMAND,handler:(e,n)=>{var o,s;if(n==null)return!1;let c=e.get(a.IRenderManagerService),l=(o=c.getRenderById(n.unitId))==null?void 0:o.with(i.DocSelectionRenderService),u=c.getRenderById(n.unitId),d=u==null?void 0:u.scene;if(d==null||l==null)return!1;let f=d.getTransformerByCreate(),p=e.get(t.ICommandService),m=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(m==null)return!1;let{drawing:h,unitId:g,offset:_,docTransform:v,segmentId:y,segmentPage:b}=n,x=[],{drawingId:S}=h,C=A(y,(s=l.getSegment())==null?``:s,b,_,S,m,l);if(C==null)return!1;C.length>0&&x.push(...C);let w=t.JSONX.getInstance(),{drawings:T={}}=m.getSnapshot(),{positionH:E,positionV:D,size:O,angle:k}=T[S].docTransform;if(!t.Tools.diffValue(E,v.positionH)){let e=w.replaceOp([`drawings`,S,`docTransform`,`positionH`],E,v.positionH);x.push(e)}if(!t.Tools.diffValue(D,v.positionV)){let e=w.replaceOp([`drawings`,S,`docTransform`,`positionV`],D,v.positionV);x.push(e)}if(!t.Tools.diffValue(O,v.size)){let e=w.replaceOp([`drawings`,S,`docTransform`,`size`],O,v.size);x.push(e)}if(!t.Tools.diffValue(k,v.angle)){let e=w.replaceOp([`drawings`,S,`docTransform`,`angle`],k,v.angle);x.push(e)}let j={id:r.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};j.params.actions=x.reduce((e,n)=>t.JSONX.compose(e,n),null);let M=p.syncExecuteCommand(j.id,j.params);return f.refreshControls(),!!M}},L={id:`doc.command.move-drawing`,type:t.CommandType.COMMAND,handler:(e,r)=>{let i=e.get(t.ICommandService),o=e.get(n.IDocDrawingService),s=e.get(t.IUniverInstanceService),c=e.get(a.IRenderManagerService),{direction:l}=r,u=o.getFocusDrawings();if(u.length===0)return!1;let d=u[0].unitId,f=c.getRenderById(d),p=f==null?void 0:f.scene;if(p==null)return!1;let m=p.getTransformerByCreate(),h=s.getUniverDocInstance(d),g=u.map(e=>{var n;let{drawingId:r}=e,i=h==null||(n=h.getSnapshot().drawings)==null?void 0:n[r];if(i==null||i.layoutType===t.PositionedObjectLayoutType.INLINE)return null;let{positionH:a,positionV:o}=i.docTransform,s={...a},c={...o};if(l===t.Direction.UP){var u;c.posOffset=((u=c.posOffset)==null?0:u)-2}else if(l===t.Direction.DOWN){var d;c.posOffset=((d=c.posOffset)==null?0:d)+2}else if(l===t.Direction.LEFT){var f;s.posOffset=((f=s.posOffset)==null?0:f)-2}else if(l===t.Direction.RIGHT){var p;s.posOffset=((p=s.posOffset)==null?0:p)+2}return{drawingId:r,key:l===t.Direction.UP||l===t.Direction.DOWN?`positionV`:`positionH`,value:l===t.Direction.UP||l===t.Direction.DOWN?c:s}}).filter(e=>e!=null);if(g.length===0)return!1;let _=i.syncExecuteCommand(P.id,{unitId:d,subUnitId:d,drawings:g});return m.refreshControls(),!!_}},R={id:`doc.operation.clear-drawing-transformer`,type:t.CommandType.MUTATION,handler:(e,t)=>{let n=e.get(a.IRenderManagerService);return t.forEach(e=>{var t;(t=n.getRenderById(e))==null||(t=t.scene.getTransformer())==null||t.debounceRefreshControls()}),!0}},z=`COMPONENT_DOC_DRAWING_PANEL`,B={id:`sidebar.operation.doc-image`,type:t.CommandType.COMMAND,handler:async(e,n)=>{let r=e.get(c.ISidebarService),i=e.get(t.LocaleService),a=e.get(s.IDrawingManagerService);switch(n.value){case`open`:r.open({header:{title:i.t(`docImage.panel.title`)},children:{label:z},onClose:()=>{a.focusDrawing(null)},width:360});break;default:r.close();break}return!0}},V={id:`doc.operation.edit-doc-image`,type:t.CommandType.OPERATION,handler:(e,n)=>{let r=e.get(s.IDrawingManagerService),i=e.get(t.ICommandService);return n==null?!1:(r.focusDrawing([n]),i.executeCommand(B.id,{value:`open`}),!0)}};function H(e,t,n=1,r=0){let{top:a,left:o,bottom:s,right:c}=e,l=c-o,u=s-a,{viewportScrollX:d,viewportScrollY:f}=t.getViewport(i.VIEWPORT_KEY.VIEW_MAIN),{scaleX:p,scaleY:m}=t.getAncestorScale();return{startX:(o-d)*p,startY:(a-f)*m,endX:(o+l-d)*p,endY:(a+u-f)*m,width:l*p,height:u*m,rotate:r,absolute:{left:!1,top:!1},opacity:n==null?1:n}}function U(e,t){let{top:n,left:r,width:i,height:a,angle:o,opacity:s}=e;return H({top:n,left:r,bottom:n+a,right:r+i},t.scene,s,o)}let W=class extends t.Disposable{constructor(e,t,n,r,i,a){super(),this._renderManagerService=e,this._drawingManagerService=t,this._drawingRenderService=n,this._canvasFloatDomService=r,this._univerInstanceService=i,this._commandService=a,S(this,`_domLayerInfoMap`,new Map),this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e);if(t==null)return null;let n=t.scene;return{scene:n,transformer:n.getTransformerByCreate(),renderUnit:t,canvas:t.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{this._insertRects(e)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(e=>{e.forEach(e=>{this._removeDom(e.drawingId)})}))}_insertRects(e){e.forEach(async e=>{let{unitId:n}=e;if(!this._univerInstanceService.getUnit(n,t.UniverInstanceType.UNIVER_DOC))return;let r=this._getSceneAndTransformerByDrawingSearch(n);if(r==null)return;let i=this._drawingManagerService.getDrawingByParam(e);if(i==null)return;let a=await this._drawingRenderService.renderFloatDom(i,r.scene);if(!(a==null||a.length===0))for(let e of a){this._addHoverForRect(e);let a=new t.DisposableCollection,o=new l.BehaviorSubject(U(e,r.renderUnit)),s=r.canvas,c=i.data,u={dispose:a,rect:e,position$:o,unitId:n};this._canvasFloatDomService.addFloatDom({position$:o,id:i.drawingId,componentKey:i.componentKey,onPointerDown:e=>{s.dispatchEvent(new PointerEvent(e.type,e))},onPointerMove:e=>{s.dispatchEvent(new PointerEvent(e.type,e))},onPointerUp:e=>{s.dispatchEvent(new PointerEvent(e.type,e))},onWheel:e=>{s.dispatchEvent(new WheelEvent(e.type,e))},data:c,unitId:n});let d=e.onTransformChange$.subscribeEvent(()=>{let t=U(e,r.renderUnit);o.next(t)});a.add(()=>{this._canvasFloatDomService.removeFloatDom(i.drawingId)}),d&&a.add(d),this._domLayerInfoMap.set(i.drawingId,u)}})}_addHoverForRect(e){this.disposeWithMe((0,t.toDisposable)(e.onPointerEnter$.subscribeEvent(()=>{e.cursor=a.CURSOR_TYPE.GRAB}))),this.disposeWithMe((0,t.toDisposable)(e.onPointerLeave$.subscribeEvent(()=>{e.cursor=a.CURSOR_TYPE.DEFAULT})))}_removeDom(e){let t=this._domLayerInfoMap.get(e);if(!t)return;let{unitId:n}=t;this._domLayerInfoMap.delete(e),t.dispose.dispose();let r=this._getSceneAndTransformerByDrawingSearch(n);r&&r.scene.removeObject(t.rect)}_initScrollAndZoomEvent(){let e=e=>{let t=this._getSceneAndTransformerByDrawingSearch(e);t&&this._domLayerInfoMap.forEach(n=>{if(n.unitId!==e)return;let r=U(n.rect,t.renderUnit);n.position$.next(r)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_DOC).pipe((0,l.map)(e=>{if(!e)return null;let t=e.getUnitId(),n=this._renderManagerService.getRenderById(t);return n?{render:n,unitId:t}:null}),(0,l.switchMap)(e=>e?(0,t.fromEventSubject)(e.render.scene.getViewport(i.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe((0,l.map)(()=>({unitId:e.unitId}))):(0,l.of)(null))).subscribe(t=>{if(!t)return;let{unitId:n}=t;e(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===i.SetDocZoomRatioOperation.id){let{unitId:n}=t.params;e(n)}}))}insertFloatDom(e,n){var a,o,s;let c=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_DOC);if(!c)return!1;let l=this._getSceneAndTransformerByDrawingSearch(c.getUnitId());if(!l)return!1;let u=(a=l.renderUnit.with(r.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:a.pages[0];if(!u)return!1;let{pageWidth:d,marginLeft:f,marginRight:p}=u,m=d-f-p,h={size:{width:(o=n.width)==null?m:o,height:n.height},positionH:{relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:t.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},_=(s=n.drawingId)==null?(0,t.generateRandomId)():s,v={unitId:c.getUnitId(),drawings:[{drawingId:_,drawingType:t.DrawingTypeEnum.DRAWING_DOM,subUnitId:c.getUnitId(),unitId:c.getUnitId(),...e,title:``,description:``,docTransform:h,layoutType:t.PositionedObjectLayoutType.INLINE,transform:(0,i.docDrawingPositionToTransform)(h)}]};return this._commandService.syncExecuteCommand(g.id,v),_}};W=T([w(0,a.IRenderManagerService),w(1,s.IDrawingManagerService),w(2,(0,t.Inject)(u.DrawingRenderService)),w(3,(0,t.Inject)(c.CanvasFloatDomService)),w(4,t.IUniverInstanceService),w(5,t.ICommandService)],W);let G=`doc.menu.image`,K=D.id,q=e=>{let n=e.get(r.DocSelectionManagerService),i=e.get(t.IUniverInstanceService);return new l.Observable(e=>{let t=n.textSelection$.subscribe(()=>{let t=n.getActiveTextRange();if(t){var r;let{segmentId:n,startOffset:a,endOffset:o}=t,s=i.getCurrentUniverDocInstance(),c=s==null||(r=s.getSelfOrHeaderFooterModel(n).getBody())==null?void 0:r.tables;if(c&&c.length&&c.some(e=>{let{startIndex:t,endIndex:n}=e;return a>=t&&a<n||o>=t&&o<n})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>t.unsubscribe()})};function ee(e){return{id:G,type:c.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`docImage.title`,disabled$:q(e),hidden$:(0,c.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_DOC,void 0,t.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function te(e){return{id:K,title:`docImage.upload.float`,type:c.MenuItemType.BUTTON,hidden$:(0,c.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_DOC,void 0,t.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}var ne=`@univerjs/docs-drawing-ui`,re=`0.21.1`;let J=`docs-drawing-ui.config`;Symbol(J);let Y={};function ie(e){if(t.JSONX.isNoop(e)||!Array.isArray(e))return null;let n=e.find(e=>Array.isArray(e)&&(e==null?void 0:e[0])===`drawings`);if(n==null||!Array.isArray(n)||n.length<3||typeof n[1]==`string`&&typeof n[2]!=`object`||Array.isArray(n[1])&&typeof n[1][1]!=`object`)return null;let r=[];if(Array.isArray(n==null?void 0:n[1])){for(let e of n)if(Array.isArray(e)){var i,a;r.push({type:!(e==null||(i=e[1])==null)&&i.i?`add`:`remove`,drawingId:e==null?void 0:e[0],drawing:e==null||(a=e[1])==null?void 0:a.i})}}else{var o,s;r.push({type:(o=n[2])!=null&&o.i?`add`:`remove`,drawingId:n[1],drawing:(s=n[2])==null?void 0:s.i})}return r}function ae(e){if(!Array.isArray(e)||e.length<3||e[0]!==`drawingsOrder`)return[];let t=[];for(let n=1;n<e.length;n++){let r=e[n];if(Array.isArray(r)&&typeof r[0]==`number`&&typeof r[1]==`object`)t.push(r[0]);else{t.length=0;break}}return t}let X=class extends t.Disposable{constructor(e,t,n,r,i){super(),this._univerInstanceService=e,this._commandService=t,this._drawingManagerService=n,this._docDrawingService=r,this._renderManagerService=i,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{if(e.id!==r.RichTextEditingMutation.id)return;let{unitId:t,actions:n}=e.params,i=ie(n);if(i!=null)for(let{type:e,drawingId:n,drawing:r}of i)e===`add`?this._addDrawings(t,[r]):this._removeDrawings(t,[n])})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==r.RichTextEditingMutation.id)return;let{unitId:t,actions:n}=e.params;ae(n).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{var n;if(e.id!==t.UndoCommand.id&&e.id!==t.RedoCommand.id)return;let r=(n=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:n.getUnitId(),i=this._drawingManagerService.getFocusDrawings();if(r==null||i.length===0)return;let a=this._renderManagerService.getRenderById(r),o=a==null?void 0:a.scene;if(o==null)return!1;o.getTransformerByCreate().refreshControls()}))}_addDrawings(e,t){let n=this._drawingManagerService,r=this._docDrawingService,{subUnitId:i,redo:a,objects:o}=this._docDrawingService.getBatchAddOp(t);n.applyJson1(e,i,a),r.applyJson1(e,i,a),n.addNotification(o),r.addNotification(o)}_removeDrawings(e,t){let n=this._drawingManagerService,r=this._docDrawingService,{subUnitId:i,redo:a,objects:o}=this._docDrawingService.getBatchRemoveOp(t.map(t=>({unitId:e,subUnitId:e,drawingId:t})));n.applyJson1(e,i,a),r.applyJson1(e,i,a),n.removeNotification(o),r.removeNotification(o)}_updateDrawingsOrder(e){let t=this._univerInstanceService.getUniverDocInstance(e);if(t==null)return;let n=t.getSnapshot().drawingsOrder;if(n==null)return;let r=this._drawingManagerService,i=this._docDrawingService;r.setDrawingOrder(e,e,n),i.setDrawingOrder(e,e,n);let a={unitId:e,subUnitId:e,drawingIds:n};r.orderNotification(a),i.orderNotification(a)}};X=T([w(0,t.IUniverInstanceService),w(1,t.ICommandService),w(2,s.IDrawingManagerService),w(3,n.IDocDrawingService),w(4,a.IRenderManagerService)],X);let oe=e=>{let{floatDomInfos:t,scene:n,offset:r,bound:i}=e,a=i.right-i.left,o=i.bottom-i.top;return(0,f.jsx)(`div`,{className:`univer-absolute univer-left-0 univer-top-0`,children:(0,d.useMemo)(()=>t.map(e=>{let{width:t=0,height:r=0,left:i=0,top:a=0}=e.transform,o=H({left:i,right:i+t,top:a,bottom:a+r},n),s={position$:new l.BehaviorSubject(o),position:o,id:e.drawingId,componentKey:e.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:e.unitId,data:e.data};return[e.drawingId,s]}).filter(([e,t])=>!(t.position.endX<0||t.position.endY<0||t.position.startX>a||t.position.startY>o)),[t,n,r,a,o]).map(([e,t])=>(0,f.jsx)(c.PrintFloatDomSingle,{layer:t,id:e,position:t.position},e))})},Z=class extends t.Disposable{constructor(e,t,n,r,i){super(),this._docPrintInterceptorService=e,this._drawingRenderService=t,this._drawingManagerService=n,this._componetManager=r,this._injector=i,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(e,n,r)=>{let{unitId:i,scene:a}=n,o=this._drawingManagerService.getDrawingDataForUnit(i),s=o==null?void 0:o[i];return s&&s.order.forEach(e=>{let n=s.data[e];n.drawingType!==t.DrawingTypeEnum.DRAWING_CHART&&n.drawingType!==t.DrawingTypeEnum.DRAWING_DOM&&this._drawingRenderService.renderDrawing(n,a)}),r()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(e,n,r)=>{let{unitId:i}=n,a=this._drawingManagerService.getDrawingDataForUnit(i),s=a==null?void 0:a[i];if(s){let a=s.order.map(e=>{let n=s.data[e];if(n.drawingType===t.DrawingTypeEnum.DRAWING_CHART)return{...n,componentKey:this._componetManager.get(t.DOC_DRAWING_PRINTING_COMPONENT_KEY)};if(n.drawingType===t.DrawingTypeEnum.DRAWING_DOM){let e=this._docPrintInterceptorService.getPrintComponent(n.componentKey);return{...n,componentKey:this._componetManager.get(e||n.componentKey)}}return null}).filter(Boolean);return(0,o.render)((0,f.jsx)((0,c.connectInjector)(oe,this._injector),{unitId:i,floatDomInfos:a,scene:n.scene,skeleton:n.skeleton,offset:n.offset,bound:n.bound}),n.root),e==null||e.add(()=>{(0,o.unmount)(n.root)}),r(e)}}}))}};Z=T([w(0,(0,t.Inject)(i.DocPrintInterceptorService)),w(1,(0,t.Inject)(u.DrawingRenderService)),w(2,s.IDrawingManagerService),w(3,(0,t.Inject)(c.ComponentManager)),w(4,(0,t.Inject)(t.Injector))],Z);function se(e){let{path:t}=e;return t.some(e=>e===`cells`)}let ce=class extends t.Disposable{constructor(e,t,n,r){super(),this._commandService=e,this._univerInstanceService=t,this._drawingManagerService=n,this._renderManagerService=r,S(this,`_liquid`,new a.Liquid),S(this,`_listenerOnImageMap`,new Set),S(this,`_transformerCache`,new Map),S(this,`_anchorShape`,void 0),this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(let t of e){let{unitId:e}=t;this._listenerOnImageMap.has(e)||(this._listenTransformerChange(e),this._listenerOnImageMap.add(e))}}))}_listenTransformerChange(e){var n;let r=(n=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:n.transformer;if(r==null)return;this.disposeWithMe((0,t.toDisposable)(r.changeStart$.subscribe(e=>{this._transformerCache.clear();let{objects:n}=e;for(let e of n.values()){var r;let{oKey:n,width:i,height:a,left:o,top:s,angle:c}=e,l=this._drawingManagerService.getDrawingOKey(n);if(l==null)continue;let u=this._univerInstanceService.getUniverDocInstance(l.unitId),d=u==null||(r=u.getSnapshot().drawings)==null?void 0:r[l.drawingId];if((d==null?void 0:d.layoutType)===t.PositionedObjectLayoutType.INLINE)try{e.setOpacity(.2)}catch{}d!=null&&this._transformerCache.set(l.drawingId,{drawing:d,top:s,left:o,width:i,height:a,angle:c})}})));let i=(0,t.throttle)(this._updateMultipleDrawingDocTransform.bind(this),50);(0,t.throttle)(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe((0,t.toDisposable)(r.changing$.subscribe(e=>{let{objects:n,offsetX:r,offsetY:a}=e;if(n.size>1)i(n);else if(n.size===1){let e=this._transformerCache.values().next().value,{width:i,height:o,top:s,left:c,angle:l}=n.values().next().value;if(e&&i===e.width&&o===e.height&&s===e.top&&c===e.left&&l===e.angle)return;e&&(e.drawing.layoutType,t.PositionedObjectLayoutType.INLINE),e&&e.drawing.layoutType===t.PositionedObjectLayoutType.INLINE&&r!=null&&a!=null&&this._updateInlineDrawingAnchor(e.drawing,r,a)}}))),this.disposeWithMe((0,t.toDisposable)(r.changeEnd$.subscribe(e=>{let{objects:n,offsetX:r,offsetY:i}=e;for(let e of n.values()){let n=this._drawingManagerService.getDrawingOKey(e.oKey);if(n==null)continue;let r=this._transformerCache.get(n==null?void 0:n.drawingId);if((r==null?void 0:r.drawing.layoutType)===t.PositionedObjectLayoutType.INLINE)try{e.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),n.size>1)this._updateMultipleDrawingDocTransform(n);else if(n.size===1){let e=this._transformerCache.values().next().value,a=n.values().next().value,{width:o,height:s,top:c,left:l,angle:u}=a;if(e&&o===e.width&&s===e.height&&c===e.top&&l===e.left&&u===e.angle)return;e&&e.drawing.layoutType===t.PositionedObjectLayoutType.INLINE?o!==e.width||s!==e.height||u!==e.angle?this._updateDrawingSize(e,a):r!=null&&i!=null&&this._moveInlineDrawing(e.drawing,r,i):e&&this._nonInlineDrawingTransform(e.drawing,a)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;let t=[],n,r;for(let i of e.values()){let{oKey:e,left:a,top:o,angle:s}=i,{width:c,height:l}=i,u=this._drawingManagerService.getDrawingOKey(e);if(u==null)continue;n==null&&(n=u.unitId),r==null&&(r=u.subUnitId);let d=this._transformerCache.get(u.drawingId);if(d==null)continue;let{drawing:f,top:p,left:m,width:h,height:g,angle:_}=d,{width:v,height:y}=this._getPageContentSize(f);if(c=Math.min(c,v),l=Math.min(l,y),(h!==c||g!==l)&&t.push({drawingId:u.drawingId,key:`size`,value:{width:c,height:l}}),_!==s&&t.push({drawingId:u.drawingId,key:`angle`,value:s}),p!==o||m!==a){let e=o-p,n=a-m;e!==0&&t.push({drawingId:u.drawingId,key:`positionV`,value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+e}}),n!==0&&t.push({drawingId:u.drawingId,key:`positionH`,value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.docTransform.positionH.posOffset+n}})}}t.length>0&&n&&r&&this._commandService.executeCommand(P.id,{unitId:n,subUnitId:r,drawings:t})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;let t=this._transformerCache.values().next().value,n=e.values().next().value;this._getDrawingAnchor(t.drawing,n)}_updateInlineDrawingAnchor(e,t,n){var r;if(this._transformerCache.size!==1)return;let{contentBoxPointGroup:i}=(r=this._getInlineDrawingAnchor(e,t,n))==null?{}:r;i!=null&&this._createOrUpdateInlineAnchor(e.unitId,i)}_getInlineDrawingAnchor(e,t,n){var o,s;let c=this._renderManagerService.getRenderById(e.unitId),l=c==null?void 0:c.with(r.DocSkeletonManagerService).getSkeleton();if(c==null)return;let{mainComponent:u,scene:d}=c,f=u,p=d.getViewports()[0],{pageLayoutType:m=a.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:g}=f.getOffsetConfig(),_=null,v=!1,y=-1,b=``,x=this._getTransformCoordForDocumentOffset(f,p,t,n);if(x==null)return;let S=(o=this._renderManagerService.getRenderById(e.unitId))==null?void 0:o.with(i.DocSelectionRenderService);if(S==null)return;let C=l==null?void 0:l.findNodeByCoord(x,m,h,g,{strict:!1,segmentId:S.getSegment(),segmentPage:S.getSegmentPage()});if(C){let{node:e,ratioX:t,segmentPage:n,segmentId:r}=C;v=t<.5,_=e,y=n,b=r}if(_==null)return;let w=l==null?void 0:l.findPositionByGlyph(_,y),T=this._getDocObject();if(w==null||l==null||T==null||se(w))return;let E={...w,isBack:v},{cursorList:D,contentBoxPointGroup:O}=new i.NodePositionConvertToCursor(T.document.getOffsetConfig(),l).getRangePointData(E,E),{startOffset:k}=(s=(0,i.getOneTextSelectionRange)(D))==null?{}:s;if(k!=null)return{offset:k,contentBoxPointGroup:O,segmentId:b,segmentPage:y}}_getDrawingAnchor(e,n){var o,s,c,l,u;let d=this._renderManagerService.getRenderById(e.unitId),f=d==null?void 0:d.with(r.DocSkeletonManagerService).getSkeleton(),p=f==null?void 0:f.getSkeletonData();if(p==null||d==null)return;let{pages:m,skeHeaders:h,skeFooters:g}=p,{mainComponent:_,scene:v}=d,y=_,b=v.getViewports()[0],{pageLayoutType:x=a.PageLayoutType.VERTICAL,pageMarginLeft:S,pageMarginTop:C,docsLeft:w,docsTop:T}=y.getOffsetConfig(),{left:E,top:D,angle:O}=n,{width:k,height:A}=n,{positionV:j,positionH:M}=e.docTransform,{width:N,height:P}=this._getPageContentSize(e);k=Math.min(k,N),A=Math.min(A,P);let F=null,I=``,L=-1,R={...e.docTransform,size:{width:k,height:A},angle:O},{x:z,y:B}=v.getViewportScrollXY(b),V=this._getTransformCoordForDocumentOffset(y,b,E-z,D-B);if(V==null)return;let H=(o=this._renderManagerService.getRenderById(e.unitId))==null?void 0:o.with(i.DocSelectionRenderService);if(H==null)return;let U=f==null?void 0:f.findNodeByCoord(V,x,S,C,{strict:!1,segmentId:H.getSegment(),segmentPage:H.getSegmentPage()});if(U){let{node:e,segmentPage:t,segmentId:n}=U;F=e,L=t,I=n}if(F==null)return;let W=(s=F.parent)==null?void 0:s.parent,G=W==null?void 0:W.parent,K=(c=G==null?void 0:G.lines.find(e=>e.paragraphIndex===(W==null?void 0:W.paragraphIndex)&&e.paragraphStart))==null?G==null?void 0:G.lines[0]:c,q=G==null||(l=G.parent)==null?void 0:l.parent;if(W==null||G==null||K==null||q==null)return;this._liquid.reset();let ee=q.type;for(let e of m){let{headerId:t,footerId:n,pageHeight:r,pageWidth:i,marginLeft:o,marginBottom:s}=e,c=m.indexOf(e);if(L>-1&&c===L){switch(ee){case a.DocumentSkeletonPageType.HEADER:{var te;let e=(te=h.get(t))==null?void 0:te.get(i);if(e)this._liquid.translatePagePadding({marginTop:e.marginTop,marginLeft:o});else throw Error(`header skeleton not found`);break}case a.DocumentSkeletonPageType.FOOTER:{var ne;let e=(ne=g.get(n))==null?void 0:ne.get(i);if(e)this._liquid.translatePagePadding({marginTop:r-s+e.marginTop,marginLeft:o});else throw Error(`footer skeleton not found`);break}}break}if(this._liquid.translatePagePadding(e),e===q)break;this._liquid.restorePagePadding(e),this._liquid.translatePage(e,x,S,C)}if(j.relativeFrom===t.ObjectRelativeFromV.LINE)F=W.divides[0].glyphGroup[0];else{var re,J;F=(re=(J=K.divides)==null||(J=J[0])==null||(J=J.glyphGroup)==null?void 0:J[0])==null?F:re}switch(R.positionH={relativeFrom:M.relativeFrom,posOffset:E-this._liquid.x-w},M.relativeFrom){case t.ObjectRelativeFromH.MARGIN:R.positionH.posOffset=E-this._liquid.x-w-q.marginLeft;break;case t.ObjectRelativeFromH.COLUMN:R.positionH.posOffset=E-this._liquid.x-w-G.left;break}switch(R.positionV={relativeFrom:j.relativeFrom,posOffset:D-this._liquid.y-T},j.relativeFrom){case t.ObjectRelativeFromV.PAGE:R.positionV.posOffset=D-this._liquid.y-T-q.marginTop;break;case t.ObjectRelativeFromV.LINE:R.positionV.posOffset=D-this._liquid.y-T-W.top;break;case t.ObjectRelativeFromV.PARAGRAPH:R.positionV.posOffset=D-this._liquid.y-T-K.top;break}if(F==null)return;let Y=f==null?void 0:f.findPositionByGlyph(F,L),ie=this._getDocObject();if(Y==null||f==null||ie==null||se(Y))return;let ae={...Y,isBack:!1},{cursorList:X}=new i.NodePositionConvertToCursor(ie.document.getOffsetConfig(),f).getRangePointData(ae,ae),{startOffset:oe}=(u=(0,i.getOneTextSelectionRange)(X))==null?{}:u;if(oe!=null)return{offset:oe,docTransform:R,segmentId:I,segmentPage:L}}_updateDrawingSize(e,t){let n=[],{drawing:r,width:i,height:a,angle:o}=e,{unitId:s,subUnitId:c}=r,{width:l,height:u,angle:d}=t,{width:f,height:p}=this._getPageContentSize(r);l=Math.min(f,l),u=Math.min(p,u),(l!==i||u!==a)&&n.push({drawingId:r.drawingId,key:`size`,value:{width:l,height:u}}),d!==o&&n.push({drawingId:r.drawingId,key:`angle`,value:d}),n.length>0&&s&&c&&this._commandService.executeCommand(P.id,{unitId:s,subUnitId:c,drawings:n})}_moveInlineDrawing(e,t,n){let r=this._getInlineDrawingAnchor(e,t,n),{offset:i,segmentId:a,segmentPage:o}=r==null?{}:r;return this._commandService.executeCommand(F.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:i,segmentId:a,segmentPage:o,needRefreshDrawings:i==null})}_limitDrawingInPage(e,n){let i=this._renderManagerService.getRenderById(e.unitId),{left:a,top:o,width:s,height:c,angle:l}=n,u=i==null?void 0:i.with(r.DocSkeletonManagerService).getSkeleton(),d=u==null?void 0:u.getSkeletonData(),{pages:f}=d==null?{}:d;if(d==null||i==null||f==null)return{left:a,top:o,width:s,height:c,angle:l};let{mainComponent:p}=i,{top:m,pageLayoutType:h,pageMarginLeft:g,pageMarginTop:_}=p,v=o;this._liquid.reset();for(let e of f){let{marginBottom:n,pageHeight:r}=e,i=f[f.indexOf(e)+1];i!=null&&(t.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+m+r-n,this._liquid.y+m+r+_+i.marginTop)&&(v=o+c/2<this._liquid.y+m+r+_/2?Math.min(o,this._liquid.y+m+r-n-c):Math.max(o,this._liquid.y+m+r+_+i.marginTop)),this._liquid.translatePage(e,h,g,_))}return{left:a,top:v,width:s,height:c,angle:l}}_nonInlineDrawingTransform(e,n,r=!1){let i=e.isMultiTransform===t.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(r&&i.top!==n.top)return;let a=this._getDrawingAnchor(e,i),{offset:o,docTransform:s,segmentId:c,segmentPage:l}=a==null?{}:a;return o==null||s==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(I.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,docTransform:s,segmentId:c,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;if(n!=null)return{scene:n,transformer:n.getTransformerByCreate()}}_getTransformCoordForDocumentOffset(e,t,n,r){let{documentTransform:i}=e.getOffsetConfig(),o=t.transformVector2SceneCoord(a.Vector2.FromArray([n,r]));if(o)return i.clone().invert().applyPoint(o)}_createOrUpdateInlineAnchor(e,n){let r=this._renderManagerService.getRenderById(e);if(r==null)return;let{mainComponent:o,scene:s}=r,{docsLeft:c,docsTop:l}=o.getOffsetConfig(),{left:u,top:d,height:f}=(0,i.getAnchorBounding)(n),p=u+c,m=d+l;if(this._anchorShape){this._anchorShape.transformByState({left:p,top:m,height:f}),this._anchorShape.show();return}let h=new a.Rect(`__InlineDrawingAnchor__`+(0,t.generateRandomId)(6),{left:p,top:m,height:f,strokeWidth:2,stroke:(0,a.getColor)(t.COLORS.darkgray,1),evented:!1});this._anchorShape=h,s.addObject(h,i.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return(0,i.getDocObject)(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){let t=this._renderManagerService.getRenderById(e.unitId),n=t==null?void 0:t.with(r.DocSkeletonManagerService).getSkeleton(),i=n==null?void 0:n.getSkeletonData();if(i==null||t==null)return{width:500,height:500};let{pages:a}=i,o=null;for(let t of a){let{skeDrawings:n}=t;if(n.has(e.drawingId)){o=t;break}}if(o){let{pageWidth:e,pageHeight:t,marginLeft:n,marginBottom:r,marginRight:i,marginTop:a}=o;return{width:Math.max(500,e-n-i),height:Math.max(500,t-a-r)}}else return{width:500,height:500}}};ce=T([w(0,t.ICommandService),w(1,t.IUniverInstanceService),w(2,s.IDrawingManagerService),w(3,a.IRenderManagerService)],ce);let le={[c.RibbonInsertGroup.MEDIA]:{[G]:{order:0,menuItemFactory:ee,[K]:{order:0,menuItemFactory:te}}}},ue=-1e3,de=1e3,fe=e=>{let n=(0,c.useDependency)(t.ICommandService),l=(0,c.useDependency)(t.LocaleService),u=(0,c.useDependency)(s.IDrawingManagerService),p=(0,c.useDependency)(a.IRenderManagerService),m=(0,c.useDependency)(t.IUniverInstanceService),{drawings:h}=e,g=h[0];if(g==null)return;let{unitId:_}=g,v=m.getUniverDocInstance(_),y=v==null?void 0:v.getSnapshot().documentStyle.documentFlavor,b=p.getRenderById(_),x=b==null?void 0:b.scene;if(x==null)return;let S=x.getTransformerByCreate(),C=[{label:l.t(`image-position.column`),value:String(t.ObjectRelativeFromH.COLUMN)},{label:l.t(`image-position.page`),value:String(t.ObjectRelativeFromH.PAGE)},{label:l.t(`image-position.margin`),value:String(t.ObjectRelativeFromH.MARGIN)}],w=[{label:l.t(`image-position.line`),value:String(t.ObjectRelativeFromV.LINE),disabled:y===t.DocumentFlavor.MODERN},{label:l.t(`image-position.page`),value:String(t.ObjectRelativeFromV.PAGE),disabled:y===t.DocumentFlavor.MODERN},{label:l.t(`image-position.margin`),value:String(t.ObjectRelativeFromV.MARGIN),disabled:y===t.DocumentFlavor.MODERN},{label:l.t(`image-position.paragraph`),value:String(t.ObjectRelativeFromV.PARAGRAPH)}],[T,E]=(0,d.useState)(!0),[D,O]=(0,d.useState)({relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:0}),[k,A]=(0,d.useState)({relativeFrom:t.ObjectRelativeFromV.PAGE,posOffset:0}),[j,M]=(0,d.useState)(!0),[N,F]=(0,d.useState)(!0);function I(e,t){var r;e===`positionH`?O(t):A(t);let a=u.getFocusDrawings();if(a.length===0)return;let o=a.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(P.id,{unitId:a[0].unitId,subUnitId:a[0].unitId,drawings:o.map(n=>({drawingId:n.drawingId,key:e,value:t}))});let s=(r=p.getRenderById(_))==null?void 0:r.with(i.DocSelectionRenderService);s&&s.blur(),S.refreshControls()}function L(e){var n;let i=D.relativeFrom,a=D.posOffset,o=Number(e);if(i===o)return;let s=u.getFocusDrawings();if(s.length===0)return;let c=s[0].drawingId,l=s[0].unitId,d=null,f=0,m=(n=p.getRenderById(l))==null?void 0:n.with(r.DocSkeletonManagerService).getSkeleton(),h=m==null?void 0:m.getSkeletonData();if(h==null)return;let{pages:g,skeHeaders:_,skeFooters:v}=h;for(let e of g){var y,b;let{marginLeft:t,skeDrawings:n,headerId:r,footerId:i,pageWidth:a}=e;if(n.has(c)){d=n.get(c),f=t;break}let o=(y=_.get(r))==null?void 0:y.get(a);if(o!=null&&o.skeDrawings.has(c)){d=o==null?void 0:o.skeDrawings.get(c),f=t;break}let s=(b=v.get(i))==null?void 0:b.get(a);if(s!=null&&s.skeDrawings.has(c)){d=s==null?void 0:s.skeDrawings.get(c),f=t;break}}if(d==null)return;let x=0;i===t.ObjectRelativeFromH.COLUMN?x-=d.columnLeft:i===t.ObjectRelativeFromH.MARGIN&&(x-=f),o===t.ObjectRelativeFromH.COLUMN?x+=d.columnLeft:o===t.ObjectRelativeFromH.MARGIN?x+=f:t.ObjectRelativeFromH.PAGE,I(`positionH`,{relativeFrom:o,posOffset:(a==null?0:a)-x})}function R(e){var n,a,o,s,c;let l=k.relativeFrom,d=k.posOffset,f=Number(e);if(l===f)return;let h=u.getFocusDrawings();if(h.length===0)return;let{drawingId:g,unitId:_}=h[0],v=m.getUniverDocInstance(_),y=(n=p.getRenderById(_))==null?void 0:n.with(r.DocSkeletonManagerService).getSkeleton(),b=(a=p.getRenderById(_))==null?void 0:a.with(i.DocSelectionRenderService),x=b==null?void 0:b.getSegment(),S=b==null?void 0:b.getSegmentPage(),C=v==null||(o=v.getSelfOrHeaderFooterModel(x).getBody())==null||(o=o.customBlocks)==null?void 0:o.find(e=>e.blockId===g);if(C==null||y==null||b==null)return;let{startIndex:w}=C,T=y.findNodeByCharIndex(w,x,S),E=T==null||(s=T.parent)==null?void 0:s.parent,D=E==null?void 0:E.parent,O=D==null?void 0:D.lines.find(e=>e.paragraphIndex===(E==null?void 0:E.paragraphIndex)&&e.paragraphStart),A=D==null||(c=D.parent)==null?void 0:c.parent;if(T==null||E==null||O==null||D==null||A==null)return;let j=0;l===t.ObjectRelativeFromV.PARAGRAPH?j-=O.top:l===t.ObjectRelativeFromV.LINE?j-=E.top:l===t.ObjectRelativeFromV.PAGE&&(j+=A.marginTop),f===t.ObjectRelativeFromV.PARAGRAPH?j+=O.top:f===t.ObjectRelativeFromV.LINE?j+=E.top:f===t.ObjectRelativeFromV.PAGE&&(j-=A.marginTop),I(`positionV`,{relativeFrom:f,posOffset:(d==null?0:d)-j})}function z(e){var n;let r=v==null?void 0:v.getSnapshot(),i=r==null||(n=r.drawings)==null?void 0:n[e.drawingId];if(i==null)return;let{layoutType:a}=i,{positionH:o,positionV:s}=i.docTransform;O(o),A(s),E(a===t.PositionedObjectLayoutType.INLINE),M(s.relativeFrom===t.ObjectRelativeFromV.PARAGRAPH||s.relativeFrom===t.ObjectRelativeFromV.LINE)}function B(){let e=u.getFocusDrawings();e.length!==0&&z(e[0])}function V(e){M(e),R(String(e?t.ObjectRelativeFromV.PARAGRAPH:t.ObjectRelativeFromV.PAGE))}return(0,d.useEffect)(()=>{B();let e=u.focus$.subscribe(e=>{if(e.length===0){F(!1);return}F(!0),z(e[0])}),t=n.onCommandExecuted(async e=>{e.id===r.RichTextEditingMutation.id&&B()});return()=>{e.unsubscribe(),t.dispose()}},[]),(0,f.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!N}),children:[(0,f.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.title`)})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.horizontal`)})}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.absolutePosition`)}),(0,f.jsx)(o.InputNumber,{min:ue,max:de,precision:1,disabled:T,value:D.posOffset,onChange:e=>{I(`positionH`,{relativeFrom:D.relativeFrom,posOffset:e})}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.toTheRightOf`)}),(0,f.jsx)(o.Select,{value:String(D.relativeFrom),disabled:T,options:C,onChange:L})]})]}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.vertical`)})}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.absolutePosition`)}),(0,f.jsx)(o.InputNumber,{min:ue,max:de,precision:1,disabled:T,value:k.posOffset,onChange:e=>{I(`positionV`,{relativeFrom:k.relativeFrom,posOffset:e})}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.bellow`)}),(0,f.jsx)(o.Select,{disabled:T,value:String(k.relativeFrom),options:w,onChange:R})]})]}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.options`)})}),(0,f.jsx)(`div`,{children:(0,f.jsx)(o.Checkbox,{disabled:T,checked:j,onChange:V,children:l.t(`image-position.moveObjectWithText`)})})]})},pe=e=>{let n=(0,c.useDependency)(t.ICommandService),i=(0,c.useDependency)(t.LocaleService),l=(0,c.useDependency)(s.IDrawingManagerService),u=(0,c.useDependency)(a.IRenderManagerService),p=(0,c.useDependency)(t.IUniverInstanceService),{drawings:m}=e,h=m[0];if(h==null)return null;let{unitId:g}=h,_=p.getUniverDocInstance(g),v=u.getRenderById(g);if((v==null?void 0:v.scene)==null)return null;let[y,b]=(0,d.useState)(!0),[x,S]=(0,d.useState)(!0),[C,w]=(0,d.useState)(!0),[T,E]=(0,d.useState)(O.INLINE),[D,k]=(0,d.useState)(``),[A,P]=(0,d.useState)({distT:0,distL:0,distB:0,distR:0}),[F,I]=(0,d.useState)(!0);function L(e){E(e);let t=l.getFocusDrawings();if(t.length===0)return;let{unitId:r,subUnitId:i}=t[0],a=t.map(({unitId:e,subUnitId:t,drawingId:n})=>({unitId:e,subUnitId:t,drawingId:n}));n.executeCommand(j.id,{unitId:r,subUnitId:i,drawings:a,wrappingStyle:e})}function R(e){k(e);let t=l.getFocusDrawings();if(t.length===0)return;let r=t.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(N.id,{unitId:t[0].unitId,subUnitId:t[0].unitId,drawings:r,wrapText:e})}function z(e,t){if(e==null)return;P({...A,[t]:e});let r=l.getFocusDrawings();if(r.length===0)return;let i=r.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(M.id,{unitId:r[0].unitId,subUnitId:r[0].unitId,drawings:i,dist:{[t]:e}})}function B(){let e=l.getFocusDrawings();e.length!==0&&V(e[0])}function V(e){var n;let r=_==null||(n=_.getSnapshot())==null||(n=n.drawings)==null?void 0:n[e.drawingId];if(r==null)return;let{distT:i=0,distL:a=0,distB:o=0,distR:s=0,layoutType:c=t.PositionedObjectLayoutType.INLINE,behindDoc:l=t.BooleanNumber.FALSE,wrapText:u=t.WrapTextType.BOTH_SIDES}=r;if(P({distT:i,distL:a,distB:o,distR:s}),k(u),b(c!==t.PositionedObjectLayoutType.WRAP_SQUARE),c===t.PositionedObjectLayoutType.WRAP_NONE||c===t.PositionedObjectLayoutType.INLINE?S(!0):S(!1),c===t.PositionedObjectLayoutType.WRAP_NONE||c===t.PositionedObjectLayoutType.INLINE||c===t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?w(!0):w(!1),c===t.PositionedObjectLayoutType.WRAP_NONE)l===t.BooleanNumber.TRUE?E(O.BEHIND_TEXT):E(O.IN_FRONT_OF_TEXT);else switch(c){case t.PositionedObjectLayoutType.INLINE:E(O.INLINE);break;case t.PositionedObjectLayoutType.WRAP_SQUARE:E(O.WRAP_SQUARE);break;case t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:E(O.WRAP_TOP_AND_BOTTOM);break;default:throw Error(`Unsupported layout type: ${c}`)}}return(0,d.useEffect)(()=>{B();let e=l.focus$.subscribe(e=>{if(e.length===0){I(!1);return}I(!0),V(e[0])}),t=n.onCommandExecuted(async e=>{e.id===r.RichTextEditingMutation.id&&B()});return()=>{e.unsubscribe(),t.dispose()}},[]),(0,f.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!F}),children:[(0,f.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.title`)})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.wrappingStyle`)})}),(0,f.jsx)(`div`,{children:(0,f.jsxs)(o.RadioGroup,{value:T,onChange:L,direction:`vertical`,children:[(0,f.jsx)(o.Radio,{value:O.INLINE,children:i.t(`image-text-wrap.inline`)}),(0,f.jsx)(o.Radio,{value:O.WRAP_SQUARE,children:i.t(`image-text-wrap.square`)}),(0,f.jsx)(o.Radio,{value:O.WRAP_TOP_AND_BOTTOM,children:i.t(`image-text-wrap.topAndBottom`)}),(0,f.jsx)(o.Radio,{value:O.BEHIND_TEXT,children:i.t(`image-text-wrap.behindText`)}),(0,f.jsx)(o.Radio,{value:O.IN_FRONT_OF_TEXT,children:i.t(`image-text-wrap.inFrontText`)})]})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.wrapText`)})}),(0,f.jsx)(`div`,{children:(0,f.jsxs)(o.RadioGroup,{disabled:y,value:D,onChange:R,direction:`horizontal`,children:[(0,f.jsx)(o.Radio,{value:t.WrapTextType.BOTH_SIDES,children:i.t(`image-text-wrap.bothSide`)}),(0,f.jsx)(o.Radio,{value:t.WrapTextType.LEFT,children:i.t(`image-text-wrap.leftOnly`)}),(0,f.jsx)(o.Radio,{value:t.WrapTextType.RIGHT,children:i.t(`image-text-wrap.rightOnly`)})]})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.distanceFromText`)})}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.top`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:x,precision:1,value:A.distT,onChange:e=>{z(e,`distT`)}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.left`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:C,precision:1,value:A.distL,onChange:e=>{z(e,`distL`)}})]})]}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.bottom`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:x,precision:1,value:A.distB,onChange:e=>{z(e,`distB`)}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.right`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:C,precision:1,value:A.distR,onChange:e=>{z(e,`distR`)}})]})]})]})},me=()=>{let e=(0,c.useDependency)(s.IDrawingManagerService),[t,n]=(0,d.useState)(e.getFocusDrawings());return(0,d.useEffect)(()=>{let t=e.focus$.subscribe(e=>{n(e)});return()=>{t.unsubscribe()}},[]),!!(t!=null&&t.length)&&(0,f.jsxs)(`div`,{className:`univer-text-sm`,children:[(0,f.jsx)(u.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),(0,f.jsx)(pe,{drawings:t}),(0,f.jsx)(fe,{drawings:t})]})};function Q(e){return e.getContextValue(t.FOCUSING_DOC)&&e.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(t.FOCUSING_COMMON_DRAWINGS)}let he={id:L.id,description:`shortcut.drawing-move-down`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_DOWN,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.DOWN}},ge={id:L.id,description:`shortcut.drawing-move-up`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_UP,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.UP}},_e={id:L.id,description:`shortcut.drawing-move-left`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_LEFT,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.LEFT}},ve={id:L.id,description:`shortcut.drawing-move-right`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_RIGHT,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.RIGHT}},ye={id:m.id,description:`shortcut.drawing-delete`,group:`4_drawing-view`,preconditions:Q,binding:c.KeyCode.DELETE,mac:c.KeyCode.BACKSPACE},be=class extends t.Disposable{constructor(e,t,n,r){super(),this._componentManager=e,this._menuManagerService=t,this._commandService=n,this._shortcutService=r,this._init()}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(z,me))}_initMenus(){this._menuManagerService.mergeMenu(le)}_initCommands(){[D,g,j,M,N,P,F,I,p,B,R,V,h,v,L,m,_].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[he,ge,_e,ve,ye].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};be=T([w(0,(0,t.Inject)(c.ComponentManager)),w(1,c.IMenuManagerService),w(2,t.ICommandService),w(3,c.IShortcutService)],be);let xe=class extends t.Disposable{constructor(e,t,n,r,i,o,s,c){super(),this._context=e,this._docSkeletonManagerService=t,this._commandService=n,this._editorService=r,this._drawingManagerService=i,this._docRefreshDrawingsService=o,this._univerInstanceService=s,this._lifecycleService=c,S(this,`_liquid`,new a.Liquid),this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})),this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}))}_commandExecutedListener(){let e=[r.RichTextEditingMutation.id,i.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){let{unitId:e}=n.params,{unitId:r,mainComponent:i}=this._context;if(e!==r)return;let a=this._docSkeletonManagerService.getSkeleton();if(a==null)return;if(this._editorService.isEditor(r)&&r!==t.DOCS_ZEN_EDITOR_UNIT_ID_KEY){i==null||i.makeDirty();return}this._refreshDrawing(a)}}))}_initResize(){this.disposeWithMe((0,t.fromEventSubject)(this._context.engine.onTransformChange$).pipe((0,l.filter)(e=>e.type===a.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),(0,l.debounceTime)(16)).subscribe(()=>{var e;let t=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(e=n.getTransformer())==null||e.refreshControls(),this._refreshDrawing(t)}))}_refreshDrawing(e){let t=e==null?void 0:e.getSkeletonData(),{mainComponent:n,unitId:r}=this._context,i=n;if(!t)return;let{left:a,top:o,pageLayoutType:s,pageMarginLeft:c,pageMarginTop:l}=i,{pages:u,skeHeaders:d,skeFooters:f}=t,p={};this._liquid.reset();for(let e=0,t=u.length;e<t;e++){let t=u[e],{headerId:n,footerId:i,pageWidth:g}=t;if(n){var m;let e=(m=d.get(n))==null?void 0:m.get(g);e&&this._calculateDrawingPosition(r,e,a,o,p,e.marginTop,t.marginLeft)}if(i){var h;let e=(h=f.get(i))==null?void 0:h.get(g);e&&this._calculateDrawingPosition(r,e,a,o,p,t.pageHeight-t.marginBottom+e.marginTop,t.marginLeft)}this._calculateDrawingPosition(r,t,a,o,p,t.marginTop,t.marginLeft),this._liquid.translatePage(t,s,c,l)}let g=Object.values(p),_=g.filter(e=>!e.isMultiTransform),v=g.filter(e=>e.isMultiTransform);_.length>0&&this._drawingManagerService.refreshTransform(_),this._handleMultiDrawingsTransform(v)}_handleMultiDrawingsTransform(e){let{scene:n,unitId:r}=this._context,i=n.getTransformerByCreate();e.forEach(e=>{let t=this._drawingManagerService.getDrawingByParam(e);t!=null&&(t.transform=e.transform,t.transforms=e.transforms,t.isMultiTransform=e.isMultiTransform)});let a=[...i.getSelectedObjectMap().keys()],o=Object.values(this._drawingManagerService.getDrawingData(r,r)).filter(e=>e.isMultiTransform===t.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(o),e.length>0&&this._drawingManagerService.addNotification(e);for(let e of a){let t=n.getObject(e);t&&i.setSelectedControl(t)}}_calculateDrawingPosition(e,n,r,i,a,o,s){let{skeDrawings:c}=n;this._liquid.translatePagePadding({marginTop:o,marginLeft:s}),c.forEach(n=>{let{aLeft:o,aTop:s,height:c,width:l,angle:u,drawingId:d,drawingOrigin:f}=n,p=f.layoutType===t.PositionedObjectLayoutType.WRAP_NONE&&f.behindDoc===t.BooleanNumber.TRUE,{isMultiTransform:m=t.BooleanNumber.FALSE}=f,h={left:o+r+this._liquid.x,top:s+i+this._liquid.y,width:l,height:c,angle:u};a[d]==null?a[d]={unitId:e,subUnitId:e,drawingId:d,behindText:p,transform:h,transforms:[h],isMultiTransform:m}:m===t.BooleanNumber.TRUE&&a[d].transforms.push(h)}),this._liquid.restorePagePadding({marginTop:o,marginLeft:s})}_drawingInitializeListener(){let e=()=>{let e=this._docSkeletonManagerService.getSkeleton();e!=null&&(this._refreshDrawing(e),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=t.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this.disposeWithMe(this._lifecycleService.lifecycle$.pipe((0,l.filter)(e=>e===t.LifecycleStages.Rendered)).subscribe(e))}};xe=T([w(1,(0,t.Inject)(r.DocSkeletonManagerService)),w(2,t.ICommandService),w(3,i.IEditorService),w(4,s.IDrawingManagerService),w(5,(0,t.Inject)(C)),w(6,t.IUniverInstanceService),w(7,(0,t.Inject)(t.LifecycleService))],xe);let Se=class extends t.RxDisposable{constructor(e,t,n,r,i){super(),this._drawingManagerService=e,this._canvasPopManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._contextService=i,S(this,`_initImagePopupMenu`,new Set),S(this,`_disposePopups`,[]),this._init()}_init(){this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_DOC).pipe((0,l.takeUntil)(this.dispose$)).subscribe(e=>this._create(e))),this.disposeWithMe(this._univerInstanceService.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_DOC).pipe((0,l.takeUntil)(this.dispose$)).subscribe(e=>this._dispose(e))),this._univerInstanceService.getAllUnitsForType(t.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){let t=e.getUnitId();this._disposePopups.length&&(this._disposePopups.forEach(e=>e.dispose()),this._disposePopups.length=0),this._renderManagerService.removeRender(t)}_create(e){if(!e)return;let n=e.getUnitId();(0,t.isInternalEditorID)(n)||this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){let t=e.getAllObjects();for(let e of t)if(e instanceof u.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var n;let r=(n=this._renderManagerService.getRenderById(e))==null?void 0:n.scene;if(!r)return;let i=r.getTransformerByCreate();if(!i)return;let a=this._disposePopups;this.disposeWithMe(i.createControl$.subscribe(()=>{if(this._hasCropObject(r))return;let e=i.getSelectedObjectMap();if(a.forEach(e=>e.dispose()),a.length=0,e.size>1)return;let n=e.values().next().value;if(!n)return;let o=n.oKey,s=this._drawingManagerService.getDrawingOKey(o);if(!s||s.drawingType===t.DrawingTypeEnum.DRAWING_DOM)return;let{unitId:c,subUnitId:l,drawingId:d,drawingType:f}=s,p=this._canvasPopManagerService.attachPopupToObject(n,{componentKey:u.COMPONENT_IMAGE_POPUP_MENU,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(c,l,d,f)}},c);a.push(this.disposeWithMe(p)),!this._drawingManagerService.getFocusDrawings().find(e=>e.unitId===c&&e.subUnitId===l&&e.drawingId===d)&&this._drawingManagerService.focusDrawing([{unitId:c,subUnitId:l,drawingId:d}])})),this.disposeWithMe(i.clearControl$.subscribe(()=>{a.forEach(e=>e.dispose()),a.length=0,this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(i.changing$.subscribe(()=>{a.forEach(e=>e.dispose()),a.length=0})),this.disposeWithMe(i.changeStart$.subscribe(()=>{a.forEach(e=>e.dispose()),a.length=0}))}_getImageMenuItems(e,t,n,r){return[{label:`image-popup.edit`,index:0,commandId:V.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:`image-popup.delete`,index:1,commandId:p.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:t,drawingId:n}]},disable:!1},{label:`image-popup.crop`,index:2,commandId:u.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:`image-popup.reset`,index:3,commandId:u.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:t,drawingId:n}],disable:!0}]}};Se=T([w(0,s.IDrawingManagerService),w(1,(0,t.Inject)(i.DocCanvasPopManagerService)),w(2,a.IRenderManagerService),w(3,t.IUniverInstanceService),w(4,t.IContextService)],Se);let $=class extends t.Plugin{constructor(e=Y,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerSrv=r,this._configService=i;let{...a}=(0,t.merge)({},Y,this._config);this._configService.setConfig(J,a)}onStarting(){[[be],[Se],[ce],[X],[C],[W],[Z]].forEach(e=>this._injector.add(e))}onReady(){[[E],[xe]].forEach(e=>this._renderManagerSrv.registerRenderModule(t.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(X),this._injector.get(be),this._injector.get(ce),this._injector.get(Z)}onRendered(){this._injector.get(Se),this._injector.get(W)}};S($,`type`,t.UniverInstanceType.UNIVER_DOC),S($,`pluginName`,`DOC_DRAWING_UI_PLUGIN`),S($,`packageName`,ne),S($,`version`,re),$=T([(0,t.DependentOn)(u.UniverDrawingUIPlugin,s.UniverDrawingPlugin,n.UniverDocsDrawingPlugin,c.UniverUIPlugin),w(1,(0,t.Inject)(t.Injector)),w(2,a.IRenderManagerService),w(3,t.IConfigService)],$),e.ClearDocDrawingTransformerOperation=R,e.DOCS_IMAGE_MENU_ID=G,e.DeleteDocDrawingsCommand=m,Object.defineProperty(e,`DocFloatDomController`,{enumerable:!0,get:function(){return W}}),e.EditDocDrawingOperation=V,e.GroupDocDrawingCommand=h,e.InsertDocDrawingCommand=g,e.InsertDocImageCommand=D,e.MoveDocDrawingsCommand=L,e.RemoveDocDrawingCommand=p,e.SetDocDrawingArrangeCommand=_,e.SidebarDocDrawingOperation=B,e.UngroupDocDrawingCommand=v,Object.defineProperty(e,`UniverDocsDrawingUIPlugin`,{enumerable:!0,get:function(){return $}})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/docs-drawing`),require(`@univerjs/docs`),require(`@univerjs/docs-ui`),require(`@univerjs/engine-render`),require(`@univerjs/design`),require(`@univerjs/drawing`),require(`@univerjs/ui`),require(`rxjs`),require(`@univerjs/drawing-ui`),require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/docs-drawing`,`@univerjs/docs`,`@univerjs/docs-ui`,`@univerjs/engine-render`,`@univerjs/design`,`@univerjs/drawing`,`@univerjs/ui`,`rxjs`,`@univerjs/drawing-ui`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDocsDrawingUi={},e.UniverCore,e.UniverDocsDrawing,e.UniverDocs,e.UniverDocsUi,e.UniverEngineRender,e.UniverDesign,e.UniverDrawing,e.UniverUi,e.rxjs,e.UniverDrawingUi,e.React,e.React))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let p={id:`doc.command.remove-doc-image`,type:t.CommandType.COMMAND,handler:(e,n)=>{var o,s,c;let l=e.get(t.ICommandService),u=e.get(t.IUniverInstanceService),d=e.get(a.IRenderManagerService),f=u.getCurrentUniverDocInstance();if(n==null||f==null)return!1;let p=d.getRenderById(n.unitId).with(i.DocSelectionRenderService),{drawings:m}=n,h=(o=p.getSegment())==null?``:o,g=new t.TextX,_=t.JSONX.getInstance(),v=(s=(c=f.getSelfOrHeaderFooterModel(h).getBody())==null?void 0:c.customBlocks)==null?[]:s,y=m.map(e=>v.find(t=>t.blockId===e.drawingId)).filter(e=>!!e).sort((e,t)=>e.startIndex>t.startIndex?1:-1),b=m[0].unitId,x=new t.MemoryCursor;x.reset();let S=y[0].startIndex,C=[{startOffset:S,endOffset:S}],w={id:r.RichTextEditingMutation.id,params:{unitId:b,actions:[],textRanges:C}},T=[];for(let e of y){let{startIndex:n}=e;n>x.cursor&&g.push({t:t.TextXActionType.RETAIN,len:n-x.cursor}),g.push({t:t.TextXActionType.DELETE,len:1}),x.moveCursorTo(n+1)}let E=(0,i.getRichTextEditPath)(f,h);T.push(_.editOp(g.serialize(),E));for(let e of y){var D;let{blockId:t}=e,n=((D=f.getDrawings())==null?{}:D)[t],r=f.getDrawingsOrder().indexOf(t),i=_.removeOp([`drawings`,t],n),a=_.removeOp([`drawingsOrder`,r],t);T.push(i),T.push(a)}return w.params.actions=T.reduce((e,n)=>t.JSONX.compose(e,n),null),!!l.syncExecuteCommand(w.id,w.params)}},m={id:`doc.command.delete-drawing`,type:t.CommandType.COMMAND,handler:e=>{let r=e.get(t.ICommandService),i=e.get(n.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;let{unitId:a}=i[0],o=i.map(e=>{let{unitId:t,subUnitId:n,drawingId:r,drawingType:i}=e;return{unitId:t,subUnitId:n,drawingId:r,drawingType:i}});return r.executeCommand(p.id,{unitId:a,drawings:o})}},h={id:`doc.command.group-doc-image`,type:t.CommandType.COMMAND,handler:(e,t)=>!1},g={id:`doc.command.insert-doc-image`,type:t.CommandType.COMMAND,handler:(e,n)=>{var a,o;if(n==null)return!1;let s=e.get(t.ICommandService),c=e.get(r.DocSelectionManagerService),l=e.get(t.IUniverInstanceService),u=c.getActiveTextRange(),d=l.getCurrentUniverDocInstance();if(u==null||d==null)return!1;let f=d.getUnitId(),{drawings:p}=n,{collapsed:m,startOffset:h,segmentId:g}=u,_=d.getSelfOrHeaderFooterModel(g).getBody();if(_==null)return!1;let v=new t.TextX,y=t.JSONX.getInstance(),b=[],x=(a=(o=d.getSnapshot().drawingsOrder)==null?void 0:o.length)==null?0:a,S=0;if(m)h>0&&v.push({t:t.TextXActionType.RETAIN,len:h});else{var C,w;let e=t.BuildTextUtils.selection.delete([u],_,0,null,!1);v.push(...e);let n=(0,i.getCustomBlockIdsInSelections)(_,[u]),r=(C=d.getDrawings())==null?{}:C,a=(w=d.getDrawingsOrder())==null?[]:w,o=n.sort((e,t)=>a.indexOf(e)>a.indexOf(t)?-1:+(a.indexOf(e)<a.indexOf(t)));if(o.length>0)for(let e of o){let t=r[e],n=a.indexOf(e);if(t==null||n<0)continue;let i=y.removeOp([`drawings`,e],t),o=y.removeOp([`drawingsOrder`,n],e);b.push(i),b.push(o),S++}}v.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`.repeat(p.length),customBlocks:p.map((e,t)=>({startIndex:t,blockId:e.drawingId}))},len:p.length});let T=(0,i.getRichTextEditPath)(d,g),E=y.editOp(v.serialize(),T);b.push(E);for(let e of p){let{drawingId:t}=e,n=y.insertOp([`drawings`,t],e),r=y.insertOp([`drawingsOrder`,x-S],t);b.push(n),b.push(r)}let D={id:r.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:[]}};return D.params.actions=b.reduce((e,n)=>t.JSONX.compose(e,n),null),!!s.syncExecuteCommand(D.id,D.params)}},_={id:`doc.command.set-drawing-arrange`,type:t.CommandType.COMMAND,handler:(e,i)=>{let a=e.get(t.ICommandService),o=e.get(n.IDocDrawingService);if(i==null)return!1;let{unitId:s,subUnitId:c,drawingIds:l,arrangeType:u}=i,d={unitId:s,subUnitId:c,drawingIds:l},f;if(u===t.ArrangeTypeEnum.forward?f=o.getForwardDrawingsOp(d):u===t.ArrangeTypeEnum.backward?f=o.getBackwardDrawingOp(d):u===t.ArrangeTypeEnum.front?f=o.getFrontDrawingsOp(d):u===t.ArrangeTypeEnum.back&&(f=o.getBackDrawingsOp(d)),f==null)return!1;let{redo:p}=f;if(p==null)return!1;let m=[],h=t.Tools.deepClone(p);h=h.slice(3),h.unshift(`drawingsOrder`),m.push(h);let g={id:r.RichTextEditingMutation.id,params:{unitId:s,actions:[],textRanges:null}};return g.params.actions=m.reduce((e,n)=>t.JSONX.compose(e,n),null),!!a.syncExecuteCommand(g.id,g.params)}},v={id:`doc.command.ungroup-doc-image`,type:t.CommandType.COMMAND,handler:(e,t)=>{let r=e.get(n.IDocDrawingService);if(!t)return!1;let i=[];t.forEach(({parent:e,children:t})=>{i.push(e.unitId),t.forEach(e=>{i.push(e.unitId)})});let{unitId:a,subUnitId:o,undo:s,redo:c,objects:l}=r.getUngroupDrawingOp(t);return!1}};function y(e){"@babel/helpers - typeof";return y=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},y(e)}function b(e,t){if(y(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(y(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function x(e){var t=b(e,`string`);return y(t)==`symbol`?t:t+``}function S(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var C=class{constructor(){S(this,`_refreshDrawings$`,new l.BehaviorSubject(null)),S(this,`refreshDrawings$`,this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}};function w(e,t){return function(n,r){t(n,r,e)}}function T(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let E=class extends t.Disposable{constructor(e,t,n,r,i,a,o,s,c,l,u,d,f){super(),this._context=e,this._commandService=t,this._docSelectionManagerService=n,this._renderManagerSrv=r,this._imageIoService=i,this._docDrawingService=a,this._drawingManagerService=o,this._contextService=s,this._messageService=c,this._localeService=l,this._docSelectionRenderService=u,this._docRefreshDrawingsService=d,this._fileOpenerService=f,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}dispose(){super.dispose(),delete this._context}async insertDocImage(){let e=await this._fileOpenerService.openFile({multiple:!0,accept:s.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)}),t=e.length;return t>s.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:o.MessageType.Error,content:this._localeService.t(`update-status.exceedMaxCount`,String(s.DRAWING_IMAGE_COUNT_LIMIT))}),!1):t===0?!1:(await this._insertFloatImages(e),!0)}async _insertFloatImages(e){let n=[];try{n=await Promise.all(e.map(e=>this._imageIoService.saveImage(e)))}catch(e){let t=e.message,n=``;switch(t){case s.ImageUploadStatusType.ERROR_EXCEED_SIZE:n=this._localeService.t(`update-status.exceedMaxSize`,String((0,s.getDrawingImageAllowSize)()/(1024*1024)));break;case s.ImageUploadStatusType.ERROR_IMAGE_TYPE:n=this._localeService.t(`update-status.invalidImageType`);break;case s.ImageUploadStatusType.ERROR_IMAGE:n=this._localeService.t(`update-status.invalidImage`);break;default:break}this._messageService.show({type:o.MessageType.Error,content:n})}if(n.length===0)return;let{unitId:r}=this._context,a=[];for(let e of n){if(e==null)continue;let{imageId:n,imageSourceType:o,source:c,base64Cache:l}=e,{width:u,height:d,image:f}=await(0,s.getImageSize)(l||``);this._imageIoService.addImageSourceCache(n,o,f);let p=1;if(u>s.DRAWING_IMAGE_WIDTH_LIMIT||d>s.DRAWING_IMAGE_HEIGHT_LIMIT){let e=s.DRAWING_IMAGE_WIDTH_LIMIT/u,t=s.DRAWING_IMAGE_HEIGHT_LIMIT/d;p=Math.min(e,t)}let m=this._getImagePosition(u*p,d*p);if(m==null)return;let h={unitId:r,subUnitId:r,drawingId:n,drawingType:t.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:o,source:c,transform:(0,i.docDrawingPositionToTransform)(m),docTransform:m,behindDoc:t.BooleanNumber.FALSE,title:``,description:``,layoutType:t.PositionedObjectLayoutType.INLINE,wrapText:t.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=t.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),a.push(h)}this._commandService.executeCommand(g.id,{unitId:r,drawings:a})}_isInsertInHeaderFooter(){var e;let{unitId:t}=this._context,n=(e=this._renderManagerSrv.getRenderById(t))==null?void 0:e.with(r.DocSkeletonManagerService).getViewModel(),i=n==null?void 0:n.getEditArea();return i===a.DocumentEditArea.HEADER||i===a.DocumentEditArea.FOOTER}_getImagePosition(e,n){let r=this._docSelectionRenderService.getActiveTextRange(),i=(r==null?void 0:r.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:n},positionH:{relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:i.left},positionV:{relativeFrom:t.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{let{unitId:t,subUnitId:n,drawingIds:r,arrangeType:i}=e;this._commandService.executeCommand(_.id,{unitId:t,subUnitId:n,drawingIds:r,arrangeType:i})}))}_groupDrawingListener(){this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(h.id,e)})),this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(v.id,e)}))}_getCurrentSceneAndTransformer(){let{scene:e,mainComponent:t}=this._context;if(e==null||t==null)return;let n=e.getTransformerByCreate(),{docsLeft:r,docsTop:i}=t.getOffsetConfig();return{scene:e,transformer:n,docsLeft:r,docsTop:i}}_transformDrawingListener(){let e=this._getCurrentSceneAndTransformer();if(e&&e.transformer)this.disposeWithMe(e.transformer.changeEnd$.pipe((0,l.debounceTime)(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw Error(`transformer is not init`)}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{var n;let{transformer:r,docsLeft:i,docsTop:a}=(n=this._getCurrentSceneAndTransformer())==null?{}:n;if(e==null||e.length===0)this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),r&&r.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(e),this._setDrawingSelections(e);let n=this._docSelectionRenderService.getSegment(),o=this._findSegmentIdByDrawingId(e[0].drawingId);n!==o&&this._docSelectionRenderService.setSegment(o),r&&r.resetProps({zeroTop:a,zeroLeft:i})}}))}_findSegmentIdByDrawingId(e){var t;let{unit:n}=this._context,{body:r,headers:i={},footers:a={}}=n.getSnapshot();if(((t=r==null?void 0:r.customBlocks)==null?[]:t).some(t=>t.blockId===e))return``;for(let t of Object.keys(i)){var o;if((o=i[t].body.customBlocks)!=null&&o.some(t=>t.blockId===e))return t}for(let t of Object.keys(a)){var s;if((s=a[t].body.customBlocks)!=null&&s.some(t=>t.blockId===e))return t}return``}_updateDrawingsEditStatus(){var e;if(!this._context)return;let{unit:n,scene:i,unitId:o}=this._context,c=(e=this._renderManagerSrv.getRenderById(o))==null?void 0:e.with(r.DocSkeletonManagerService).getViewModel();if(c==null||n==null)return;let{drawings:l={}}=n.getSnapshot(),u=c.getEditArea()===a.DocumentEditArea.BODY;for(let e of Object.keys(l)){let n=l[e],r=(0,s.getDrawingShapeKeyByDrawingSearch)({unitId:o,drawingId:n.drawingId,subUnitId:o}),a=i.fuzzyMathObjects(r,!0);if(a.length)for(let e of a){i.detachTransformerFrom(e);try{e.setOpacity(.5)}catch{}if(u&&n.isMultiTransform!==t.BooleanNumber.TRUE||!u&&n.isMultiTransform===t.BooleanNumber.TRUE){n.allowTransform!==!1&&i.attachTransformerTo(e);try{e.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var e;let{unitId:t}=this._context,n=(e=this._renderManagerSrv.getRenderById(t))==null?void 0:e.with(r.DocSkeletonManagerService).getViewModel();n!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(n.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})),this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{e.id===r.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(e){var t,n;let{unit:r}=this._context,i=(t=(n=r.getSnapshot().body)==null?void 0:n.customBlocks)==null?[]:t,a=e.map(e=>{let t=e.drawingId,n=i.find(e=>e.blockId===t);return n?n.startIndex:null}).filter(e=>e!==null).map(e=>({startOffset:e,endOffset:e+1}));this._docSelectionManagerService.replaceDocRanges(a)}};E=T([w(1,t.ICommandService),w(2,(0,t.Inject)(r.DocSelectionManagerService)),w(3,a.IRenderManagerService),w(4,s.IImageIoService),w(5,n.IDocDrawingService),w(6,s.IDrawingManagerService),w(7,t.IContextService),w(8,c.IMessageService),w(9,(0,t.Inject)(t.LocaleService)),w(10,(0,t.Inject)(i.DocSelectionRenderService)),w(11,(0,t.Inject)(C)),w(12,c.ILocalFileService)],E);let D={id:`doc.command.insert-float-image`,type:t.CommandType.COMMAND,handler:e=>{var n,r;let i=e.get(t.IUniverInstanceService),o=e.get(a.IRenderManagerService);return(n=(r=(0,a.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,i,o))==null?void 0:r.with(E).insertDocImage())==null?!1:n}},O={inline:t.PositionedObjectLayoutType.INLINE,wrapSquare:t.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:t.PositionedObjectLayoutType.WRAP_NONE,behindText:t.PositionedObjectLayoutType.WRAP_NONE};function k(e,n,r,a,o,s,c){var l;let u=new t.TextX,d=t.JSONX.getInstance(),f=[],p=s.getSelfOrHeaderFooterModel(n).getBody(),m=s.getSelfOrHeaderFooterModel(e).getBody();if(p==null||m==null)return;let h=(l=p.customBlocks)==null||(l=l.find(e=>e.blockId===o))==null?void 0:l.startIndex;if(h!=null){if(a=Math.min(m.dataStream.length-2,a),e===n){if(a<h?(a>0&&u.push({t:t.TextXActionType.RETAIN,len:a}),u.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:o}]},len:1}),u.push({t:t.TextXActionType.RETAIN,len:h-a}),u.push({t:t.TextXActionType.DELETE,len:1})):(h>0&&u.push({t:t.TextXActionType.RETAIN,len:h}),u.push({t:t.TextXActionType.DELETE,len:1}),a-h-1>0&&u.push({t:t.TextXActionType.RETAIN,len:a-h-1}),u.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:o}]},len:1})),a!==h){let e=(0,i.getRichTextEditPath)(s,n),t=d.editOp(u.serialize(),e);f.push(t)}}else{h>0&&u.push({t:t.TextXActionType.RETAIN,len:h}),u.push({t:t.TextXActionType.DELETE,len:1});let l=(0,i.getRichTextEditPath)(s,n),p=d.editOp(u.serialize(),l);f.push(p),u.empty(),a>0&&u.push({t:t.TextXActionType.RETAIN,len:a}),u.push({t:t.TextXActionType.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:o}]},len:1}),l=(0,i.getRichTextEditPath)(s,e),p=d.editOp(u.serialize(),l),f.push(p),c.setSegment(e),c.setSegmentPage(r)}return f}}let A={id:`doc.command.update-doc-drawing-wrapping-style`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let{drawings:i,wrappingStyle:o,unitId:s}=n,c=e.get(t.ICommandService),l=e.get(t.IUniverInstanceService),u=e.get(a.IRenderManagerService).getRenderById(s),d=u==null?void 0:u.with(r.DocSkeletonManagerService).getSkeleton().getSkeletonData(),f=u==null?void 0:u.with(r.DocSkeletonManagerService).getViewModel(),p=u==null?void 0:u.scene,m=l.getCurrentUniverDocInstance();if(m==null||d==null||p==null||f==null)return!1;let h=f.getEditArea(),g=p.getTransformerByCreate(),{pages:_,skeHeaders:v,skeFooters:y}=d,b=t.JSONX.getInstance(),x=[],{drawings:S={}}=m.getSnapshot();for(let e of i){let{drawingId:n}=e,r=S[n].layoutType,i=O[o];if(r!==i){let e=b.replaceOp([`drawings`,n,`layoutType`],r,i);x.push(e)}if(o===`behindText`||o===`inFrontOfText`){let e=S[n].behindDoc,r=o===`behindText`?t.BooleanNumber.TRUE:t.BooleanNumber.FALSE;if(e!==r){let t=b.replaceOp([`drawings`,n,`behindDoc`],e,r);x.push(t)}}if(o===`inline`)continue;let s=null,c=0,l=0;for(let e of _){let{headerId:t,footerId:r,marginTop:i,marginLeft:o,marginBottom:u,pageWidth:d,pageHeight:f}=e;switch(h){case a.DocumentEditArea.HEADER:{var C;let e=(C=v.get(t))==null?void 0:C.get(d);e!=null&&e.skeDrawings.has(n)&&(s=e.skeDrawings.get(n),c=e.marginTop,l=o);break}case a.DocumentEditArea.FOOTER:{var w;let e=(w=y.get(r))==null?void 0:w.get(d);e!=null&&e.skeDrawings.has(n)&&(s=e.skeDrawings.get(n),c=f-u+e.marginTop,l=o);break}case a.DocumentEditArea.BODY:e.skeDrawings.has(n)&&(s=e.skeDrawings.get(n),c=i,l=o);break}if(s!=null)break}if(s!=null){let{aTop:e,aLeft:r}=s,i=S[n].docTransform.positionH,a=r;i.relativeFrom===t.ObjectRelativeFromH.MARGIN?a-=l:i.relativeFrom===t.ObjectRelativeFromH.COLUMN&&(a-=s.columnLeft);let o={relativeFrom:i.relativeFrom,posOffset:a};if(i.posOffset!==o.posOffset){let e=b.replaceOp([`drawings`,n,`docTransform`,`positionH`],i,o);x.push(e)}let u=S[n].docTransform.positionV,d=e;u.relativeFrom===t.ObjectRelativeFromV.PAGE?d+=c:u.relativeFrom===t.ObjectRelativeFromV.LINE?d-=s.lineTop:u.relativeFrom===t.ObjectRelativeFromV.PARAGRAPH&&(d-=s.blockAnchorTop);let f={relativeFrom:u.relativeFrom,posOffset:d};if(u.posOffset!==f.posOffset){let e=b.replaceOp([`drawings`,n,`docTransform`,`positionV`],u,f);x.push(e)}}}let T={id:r.RichTextEditingMutation.id,params:{unitId:s,actions:[],textRanges:null}};T.params.actions=x.reduce((e,n)=>t.JSONX.compose(e,n),null);let E=c.syncExecuteCommand(T.id,T.params);return g.refreshControls(),!!E}},j={id:`doc.command.update-doc-drawing-distance`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let i=e.get(t.ICommandService),a=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;let{drawings:o,dist:s,unitId:c}=n,l=t.JSONX.getInstance(),u=[],{drawings:d={}}=a.getSnapshot();for(let e of o){let{drawingId:t}=e;for(let[e,n]of Object.entries(s)){let r=d[t][e];if(r!==n){let i=l.replaceOp([`drawings`,t,e],r,n);u.push(i)}}}let f={id:r.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=u.reduce((e,n)=>t.JSONX.compose(e,n),null),!!i.syncExecuteCommand(f.id,f.params)}},M={id:`doc.command.update-doc-drawing-wrap-text`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let i=e.get(t.ICommandService),a=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;let{drawings:o,wrapText:s,unitId:c}=n,l=t.JSONX.getInstance(),u=[],{drawings:d={}}=a.getSnapshot();for(let e of o){let{drawingId:t}=e,n=d[t].wrapText;if(n!==s){let e=l.replaceOp([`drawings`,t,`wrapText`],n,s);u.push(e)}}let f={id:r.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=u.reduce((e,n)=>t.JSONX.compose(e,n),null),!!i.syncExecuteCommand(f.id,f.params)}},N={id:`doc.command.update-drawing-doc-transform`,type:t.CommandType.COMMAND,handler:(e,n)=>{if(n==null)return!1;let i=e.get(t.ICommandService),o=e.get(t.IUniverInstanceService),s=e.get(a.IRenderManagerService).getRenderById(n.unitId),c=s==null?void 0:s.scene;if(c==null)return!1;let l=c.getTransformerByCreate(),u=o.getCurrentUniverDocInstance();if(u==null)return!1;let{drawings:d,unitId:f}=n,p=t.JSONX.getInstance(),m=[],{drawings:h={}}=u.getSnapshot();for(let e of d){let{drawingId:n,key:r,value:i}=e,a=h[n].docTransform[r];if(!t.Tools.diffValue(a,i)){let e=p.replaceOp([`drawings`,n,`docTransform`,r],a,i);m.push(e)}}let g={id:r.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};g.params.actions=m.reduce((e,n)=>t.JSONX.compose(e,n),null);let _=i.syncExecuteCommand(g.id,g.params);return l.refreshControls(),!!_}},P={id:`doc.command.move-inline-drawing`,type:t.CommandType.COMMAND,handler:(e,n)=>{var o,s;if(n==null)return!1;let c=e.get(a.IRenderManagerService),l=(o=c.getRenderById(n.unitId))==null?void 0:o.with(i.DocSelectionRenderService),u=e.get(C),d=c.getRenderById(n.unitId),f=d==null?void 0:d.scene,p=d==null?void 0:d.with(r.DocSkeletonManagerService).getSkeleton();if(f==null||l==null)return!1;let m=f.getTransformerByCreate(),h=e.get(t.ICommandService),g=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(g==null)return!1;let{drawing:_,unitId:v,offset:y,segmentId:b,segmentPage:x,needRefreshDrawings:S}=n;if(S)return u.refreshDrawings(p),m.refreshControls(),!0;let w=[],{drawingId:T}=_,E=k(b,(s=l.getSegment())==null?``:s,x,y,T,g,l);if(E==null||E.length===0)return u.refreshDrawings(p),m.refreshControls(),!1;w.push(...E);let D={id:r.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};D.params.actions=w.reduce((e,n)=>t.JSONX.compose(e,n),null);let O=h.syncExecuteCommand(D.id,D.params);return m.refreshControls(),!!O}},F={id:`doc.command.transform-non-inline-drawing`,type:t.CommandType.COMMAND,handler:(e,n)=>{var o,s;if(n==null)return!1;let c=e.get(a.IRenderManagerService),l=(o=c.getRenderById(n.unitId))==null?void 0:o.with(i.DocSelectionRenderService),u=c.getRenderById(n.unitId),d=u==null?void 0:u.scene;if(d==null||l==null)return!1;let f=d.getTransformerByCreate(),p=e.get(t.ICommandService),m=e.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(m==null)return!1;let{drawing:h,unitId:g,offset:_,docTransform:v,segmentId:y,segmentPage:b}=n,x=[],{drawingId:S}=h,C=k(y,(s=l.getSegment())==null?``:s,b,_,S,m,l);if(C==null)return!1;C.length>0&&x.push(...C);let w=t.JSONX.getInstance(),{drawings:T={}}=m.getSnapshot(),{positionH:E,positionV:D,size:O,angle:A}=T[S].docTransform;if(!t.Tools.diffValue(E,v.positionH)){let e=w.replaceOp([`drawings`,S,`docTransform`,`positionH`],E,v.positionH);x.push(e)}if(!t.Tools.diffValue(D,v.positionV)){let e=w.replaceOp([`drawings`,S,`docTransform`,`positionV`],D,v.positionV);x.push(e)}if(!t.Tools.diffValue(O,v.size)){let e=w.replaceOp([`drawings`,S,`docTransform`,`size`],O,v.size);x.push(e)}if(!t.Tools.diffValue(A,v.angle)){let e=w.replaceOp([`drawings`,S,`docTransform`,`angle`],A,v.angle);x.push(e)}let j={id:r.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};j.params.actions=x.reduce((e,n)=>t.JSONX.compose(e,n),null);let M=p.syncExecuteCommand(j.id,j.params);return f.refreshControls(),!!M}},I={id:`doc.command.move-drawing`,type:t.CommandType.COMMAND,handler:(e,r)=>{let i=e.get(t.ICommandService),o=e.get(n.IDocDrawingService),s=e.get(t.IUniverInstanceService),c=e.get(a.IRenderManagerService),{direction:l}=r,u=o.getFocusDrawings();if(u.length===0)return!1;let d=u[0].unitId,f=c.getRenderById(d),p=f==null?void 0:f.scene;if(p==null)return!1;let m=p.getTransformerByCreate(),h=s.getUniverDocInstance(d),g=u.map(e=>{var n;let{drawingId:r}=e,i=h==null||(n=h.getSnapshot().drawings)==null?void 0:n[r];if(i==null||i.layoutType===t.PositionedObjectLayoutType.INLINE)return null;let{positionH:a,positionV:o}=i.docTransform,s={...a},c={...o};if(l===t.Direction.UP){var u;c.posOffset=((u=c.posOffset)==null?0:u)-2}else if(l===t.Direction.DOWN){var d;c.posOffset=((d=c.posOffset)==null?0:d)+2}else if(l===t.Direction.LEFT){var f;s.posOffset=((f=s.posOffset)==null?0:f)-2}else if(l===t.Direction.RIGHT){var p;s.posOffset=((p=s.posOffset)==null?0:p)+2}return{drawingId:r,key:l===t.Direction.UP||l===t.Direction.DOWN?`positionV`:`positionH`,value:l===t.Direction.UP||l===t.Direction.DOWN?c:s}}).filter(e=>e!=null);if(g.length===0)return!1;let _=i.syncExecuteCommand(N.id,{unitId:d,subUnitId:d,drawings:g});return m.refreshControls(),!!_}},L={id:`doc.operation.clear-drawing-transformer`,type:t.CommandType.MUTATION,handler:(e,t)=>{let n=e.get(a.IRenderManagerService);return t.forEach(e=>{var t;(t=n.getRenderById(e))==null||(t=t.scene.getTransformer())==null||t.debounceRefreshControls()}),!0}},R=`COMPONENT_DOC_DRAWING_PANEL`,z={id:`sidebar.operation.doc-image`,type:t.CommandType.COMMAND,handler:async(e,n)=>{let r=e.get(c.ISidebarService),i=e.get(t.LocaleService),a=e.get(s.IDrawingManagerService);switch(n.value){case`open`:r.open({header:{title:i.t(`docImage.panel.title`)},children:{label:R},onClose:()=>{a.focusDrawing(null)},width:360});break;default:r.close();break}return!0}},B={id:`doc.operation.edit-doc-image`,type:t.CommandType.OPERATION,handler:(e,n)=>{let r=e.get(s.IDrawingManagerService),i=e.get(t.ICommandService);return n==null?!1:(r.focusDrawing([n]),i.executeCommand(z.id,{value:`open`}),!0)}};function V(e,t,n=1,r=0){let{top:a,left:o,bottom:s,right:c}=e,l=c-o,u=s-a,{viewportScrollX:d,viewportScrollY:f}=t.getViewport(i.VIEWPORT_KEY.VIEW_MAIN),{scaleX:p,scaleY:m}=t.getAncestorScale();return{startX:(o-d)*p,startY:(a-f)*m,endX:(o+l-d)*p,endY:(a+u-f)*m,width:l*p,height:u*m,rotate:r,absolute:{left:!1,top:!1},opacity:n==null?1:n}}function H(e,t){let{top:n,left:r,width:i,height:a,angle:o,opacity:s}=e;return V({top:n,left:r,bottom:n+a,right:r+i},t.scene,s,o)}let U=class extends t.Disposable{constructor(e,t,n,r,i,a){super(),this._renderManagerService=e,this._drawingManagerService=t,this._drawingRenderService=n,this._canvasFloatDomService=r,this._univerInstanceService=i,this._commandService=a,S(this,`_domLayerInfoMap`,new Map),this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e);if(t==null)return null;let n=t.scene;return{scene:n,transformer:n.getTransformerByCreate(),renderUnit:t,canvas:t.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{this._insertRects(e)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(e=>{e.forEach(e=>{this._removeDom(e.drawingId)})}))}_insertRects(e){e.forEach(async e=>{let{unitId:n}=e;if(!this._univerInstanceService.getUnit(n,t.UniverInstanceType.UNIVER_DOC))return;let r=this._getSceneAndTransformerByDrawingSearch(n);if(r==null)return;let i=this._drawingManagerService.getDrawingByParam(e);if(i==null)return;let a=await this._drawingRenderService.renderFloatDom(i,r.scene);if(!(a==null||a.length===0))for(let e of a){this._addHoverForRect(e);let a=new t.DisposableCollection,o=new l.BehaviorSubject(H(e,r.renderUnit)),s=r.canvas,c=i.data,u={dispose:a,rect:e,position$:o,unitId:n};this._canvasFloatDomService.addFloatDom({position$:o,id:i.drawingId,componentKey:i.componentKey,onPointerDown:e=>{s.dispatchEvent(new PointerEvent(e.type,e))},onPointerMove:e=>{s.dispatchEvent(new PointerEvent(e.type,e))},onPointerUp:e=>{s.dispatchEvent(new PointerEvent(e.type,e))},onWheel:e=>{s.dispatchEvent(new WheelEvent(e.type,e))},data:c,unitId:n});let d=e.onTransformChange$.subscribeEvent(()=>{let t=H(e,r.renderUnit);o.next(t)});a.add(()=>{this._canvasFloatDomService.removeFloatDom(i.drawingId)}),d&&a.add(d),this._domLayerInfoMap.set(i.drawingId,u)}})}_addHoverForRect(e){this.disposeWithMe((0,t.toDisposable)(e.onPointerEnter$.subscribeEvent(()=>{e.cursor=a.CURSOR_TYPE.GRAB}))),this.disposeWithMe((0,t.toDisposable)(e.onPointerLeave$.subscribeEvent(()=>{e.cursor=a.CURSOR_TYPE.DEFAULT})))}_removeDom(e){let t=this._domLayerInfoMap.get(e);if(!t)return;let{unitId:n}=t;this._domLayerInfoMap.delete(e),t.dispose.dispose();let r=this._getSceneAndTransformerByDrawingSearch(n);r&&r.scene.removeObject(t.rect)}_initScrollAndZoomEvent(){let e=e=>{let t=this._getSceneAndTransformerByDrawingSearch(e);t&&this._domLayerInfoMap.forEach(n=>{if(n.unitId!==e)return;let r=H(n.rect,t.renderUnit);n.position$.next(r)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_DOC).pipe((0,l.map)(e=>{if(!e)return null;let t=e.getUnitId(),n=this._renderManagerService.getRenderById(t);return n?{render:n,unitId:t}:null}),(0,l.switchMap)(e=>e?(0,t.fromEventSubject)(e.render.scene.getViewport(i.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe((0,l.map)(()=>({unitId:e.unitId}))):(0,l.of)(null))).subscribe(t=>{if(!t)return;let{unitId:n}=t;e(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===i.SetDocZoomRatioOperation.id){let{unitId:n}=t.params;e(n)}}))}insertFloatDom(e,n){var a,o,s;let c=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_DOC);if(!c)return!1;let l=this._getSceneAndTransformerByDrawingSearch(c.getUnitId());if(!l)return!1;let u=(a=l.renderUnit.with(r.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:a.pages[0];if(!u)return!1;let{pageWidth:d,marginLeft:f,marginRight:p}=u,m=d-f-p,h={size:{width:(o=n.width)==null?m:o,height:n.height},positionH:{relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:t.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},_=(s=n.drawingId)==null?(0,t.generateRandomId)():s,v={unitId:c.getUnitId(),drawings:[{drawingId:_,drawingType:t.DrawingTypeEnum.DRAWING_DOM,subUnitId:c.getUnitId(),unitId:c.getUnitId(),...e,title:``,description:``,docTransform:h,layoutType:t.PositionedObjectLayoutType.INLINE,transform:(0,i.docDrawingPositionToTransform)(h)}]};return this._commandService.syncExecuteCommand(g.id,v),_}};U=T([w(0,a.IRenderManagerService),w(1,s.IDrawingManagerService),w(2,(0,t.Inject)(u.DrawingRenderService)),w(3,(0,t.Inject)(c.CanvasFloatDomService)),w(4,t.IUniverInstanceService),w(5,t.ICommandService)],U);let W=`doc.menu.image`,G=D.id,K=e=>{let n=e.get(r.DocSelectionManagerService),i=e.get(t.IUniverInstanceService);return new l.Observable(e=>{let t=n.textSelection$.subscribe(()=>{let t=n.getActiveTextRange();if(t){var r;let{segmentId:n,startOffset:a,endOffset:o}=t,s=i.getCurrentUniverDocInstance(),c=s==null||(r=s.getSelfOrHeaderFooterModel(n).getBody())==null?void 0:r.tables;if(c&&c.length&&c.some(e=>{let{startIndex:t,endIndex:n}=e;return a>=t&&a<n||o>=t&&o<n})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>t.unsubscribe()})};function q(e){return{id:W,type:c.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`docImage.title`,disabled$:K(e),hidden$:(0,c.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_DOC,void 0,t.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function ee(e){return{id:G,title:`docImage.upload.float`,type:c.MenuItemType.BUTTON,hidden$:(0,c.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_DOC,void 0,t.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}var te=`@univerjs/docs-drawing-ui`,ne=`0.22.0-insiders.20260513-09bbeca`;let J=`docs-drawing-ui.config`;Symbol(J);let Y={};function re(e){if(t.JSONX.isNoop(e)||!Array.isArray(e))return null;let n=e.find(e=>Array.isArray(e)&&(e==null?void 0:e[0])===`drawings`);if(n==null||!Array.isArray(n)||n.length<3||typeof n[1]==`string`&&typeof n[2]!=`object`||Array.isArray(n[1])&&typeof n[1][1]!=`object`)return null;let r=[];if(Array.isArray(n==null?void 0:n[1])){for(let e of n)if(Array.isArray(e)){var i,a;r.push({type:!(e==null||(i=e[1])==null)&&i.i?`add`:`remove`,drawingId:e==null?void 0:e[0],drawing:e==null||(a=e[1])==null?void 0:a.i})}}else{var o,s;r.push({type:(o=n[2])!=null&&o.i?`add`:`remove`,drawingId:n[1],drawing:(s=n[2])==null?void 0:s.i})}return r}function ie(e){if(!Array.isArray(e)||e.length<3||e[0]!==`drawingsOrder`)return[];let t=[];for(let n=1;n<e.length;n++){let r=e[n];if(Array.isArray(r)&&typeof r[0]==`number`&&typeof r[1]==`object`)t.push(r[0]);else{t.length=0;break}}return t}let X=class extends t.Disposable{constructor(e,t,n,r,i){super(),this._univerInstanceService=e,this._commandService=t,this._drawingManagerService=n,this._docDrawingService=r,this._renderManagerService=i,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{if(e.id!==r.RichTextEditingMutation.id)return;let{unitId:t,actions:n,isSync:i,syncer:a}=e.params,o=re(n);if(o!=null)for(let{type:e,drawingId:n,drawing:r}of o)i&&(r==null?void 0:r.unitId)===a||(e===`add`?this._addDrawings(t,[r]):this._removeDrawings(t,[n]))})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==r.RichTextEditingMutation.id)return;let{unitId:t,actions:n}=e.params;ie(n).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{var n;if(e.id!==t.UndoCommand.id&&e.id!==t.RedoCommand.id)return;let r=(n=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:n.getUnitId(),i=this._drawingManagerService.getFocusDrawings();if(r==null||i.length===0)return;let a=this._renderManagerService.getRenderById(r),o=a==null?void 0:a.scene;if(o==null)return!1;o.getTransformerByCreate().refreshControls()}))}_addDrawings(e,t){let n=this._drawingManagerService,r=this._docDrawingService,{subUnitId:i,redo:a,objects:o}=this._docDrawingService.getBatchAddOp(t);n.applyJson1(e,i,a),r.applyJson1(e,i,a),n.addNotification(o),r.addNotification(o)}_removeDrawings(e,t){let n=this._drawingManagerService,r=this._docDrawingService,{subUnitId:i,redo:a,objects:o}=this._docDrawingService.getBatchRemoveOp(t.map(t=>({unitId:e,subUnitId:e,drawingId:t})));n.applyJson1(e,i,a),r.applyJson1(e,i,a),n.removeNotification(o),r.removeNotification(o)}_updateDrawingsOrder(e){let t=this._univerInstanceService.getUniverDocInstance(e);if(t==null)return;let n=t.getSnapshot().drawingsOrder;if(n==null)return;let r=this._drawingManagerService,i=this._docDrawingService;r.setDrawingOrder(e,e,n),i.setDrawingOrder(e,e,n);let a={unitId:e,subUnitId:e,drawingIds:n};r.orderNotification(a),i.orderNotification(a)}};X=T([w(0,t.IUniverInstanceService),w(1,t.ICommandService),w(2,s.IDrawingManagerService),w(3,n.IDocDrawingService),w(4,a.IRenderManagerService)],X);let ae=e=>{let{floatDomInfos:t,scene:n,offset:r,bound:i}=e,a=i.right-i.left,o=i.bottom-i.top;return(0,f.jsx)(`div`,{className:`univer-absolute univer-left-0 univer-top-0`,children:(0,d.useMemo)(()=>t.map(e=>{let{width:t=0,height:r=0,left:i=0,top:a=0}=e.transform,o=V({left:i,right:i+t,top:a,bottom:a+r},n),s={position$:new l.BehaviorSubject(o),position:o,id:e.drawingId,componentKey:e.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:e.unitId,data:e.data};return[e.drawingId,s]}).filter(([e,t])=>!(t.position.endX<0||t.position.endY<0||t.position.startX>a||t.position.startY>o)),[t,n,r,a,o]).map(([e,t])=>(0,f.jsx)(c.PrintFloatDomSingle,{layer:t,id:e,position:t.position},e))})},Z=class extends t.Disposable{constructor(e,t,n,r,i){super(),this._docPrintInterceptorService=e,this._drawingRenderService=t,this._drawingManagerService=n,this._componetManager=r,this._injector=i,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(e,n,r)=>{let{unitId:i,scene:a}=n,o=this._drawingManagerService.getDrawingDataForUnit(i),s=o==null?void 0:o[i];return s&&s.order.forEach(e=>{let n=s.data[e];n.drawingType!==t.DrawingTypeEnum.DRAWING_CHART&&n.drawingType!==t.DrawingTypeEnum.DRAWING_DOM&&this._drawingRenderService.renderDrawing(n,a)}),r()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(e,n,r)=>{let{unitId:i}=n,a=this._drawingManagerService.getDrawingDataForUnit(i),s=a==null?void 0:a[i];if(s){let a=s.order.map(e=>{let n=s.data[e];if(n.drawingType===t.DrawingTypeEnum.DRAWING_CHART)return{...n,componentKey:this._componetManager.get(t.DOC_DRAWING_PRINTING_COMPONENT_KEY)};if(n.drawingType===t.DrawingTypeEnum.DRAWING_DOM){let e=this._docPrintInterceptorService.getPrintComponent(n.componentKey);return{...n,componentKey:this._componetManager.get(e||n.componentKey)}}return null}).filter(Boolean);return(0,o.render)((0,f.jsx)((0,c.connectInjector)(ae,this._injector),{unitId:i,floatDomInfos:a,scene:n.scene,skeleton:n.skeleton,offset:n.offset,bound:n.bound}),n.root),e==null||e.add(()=>{(0,o.unmount)(n.root)}),r(e)}}}))}};Z=T([w(0,(0,t.Inject)(i.DocPrintInterceptorService)),w(1,(0,t.Inject)(u.DrawingRenderService)),w(2,s.IDrawingManagerService),w(3,(0,t.Inject)(c.ComponentManager)),w(4,(0,t.Inject)(t.Injector))],Z);function oe(e){let{path:t}=e;return t.some(e=>e===`cells`)}let se=class extends t.Disposable{constructor(e,t,n,r){super(),this._commandService=e,this._univerInstanceService=t,this._drawingManagerService=n,this._renderManagerService=r,S(this,`_liquid`,new a.Liquid),S(this,`_listenerOnImageMap`,new Set),S(this,`_transformerCache`,new Map),S(this,`_anchorShape`,void 0),this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(let t of e){let{unitId:e}=t;this._listenerOnImageMap.has(e)||(this._listenTransformerChange(e),this._listenerOnImageMap.add(e))}}))}_listenTransformerChange(e){var n;let r=(n=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:n.transformer;if(r==null)return;this.disposeWithMe((0,t.toDisposable)(r.changeStart$.subscribe(e=>{this._transformerCache.clear();let{objects:n}=e;for(let e of n.values()){var r;let{oKey:n,width:i,height:a,left:o,top:s,angle:c}=e,l=this._drawingManagerService.getDrawingOKey(n);if(l==null)continue;let u=this._univerInstanceService.getUniverDocInstance(l.unitId),d=u==null||(r=u.getSnapshot().drawings)==null?void 0:r[l.drawingId];if((d==null?void 0:d.layoutType)===t.PositionedObjectLayoutType.INLINE)try{e.setOpacity(.2)}catch{}d!=null&&this._transformerCache.set(l.drawingId,{drawing:d,top:s,left:o,width:i,height:a,angle:c})}})));let i=(0,t.throttle)(this._updateMultipleDrawingDocTransform.bind(this),50);(0,t.throttle)(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe((0,t.toDisposable)(r.changing$.subscribe(e=>{let{objects:n,offsetX:r,offsetY:a}=e;if(n.size>1)i(n);else if(n.size===1){let e=this._transformerCache.values().next().value,{width:i,height:o,top:s,left:c,angle:l}=n.values().next().value;if(e&&i===e.width&&o===e.height&&s===e.top&&c===e.left&&l===e.angle)return;e&&(e.drawing.layoutType,t.PositionedObjectLayoutType.INLINE),e&&e.drawing.layoutType===t.PositionedObjectLayoutType.INLINE&&r!=null&&a!=null&&this._updateInlineDrawingAnchor(e.drawing,r,a)}}))),this.disposeWithMe((0,t.toDisposable)(r.changeEnd$.subscribe(e=>{let{objects:n,offsetX:r,offsetY:i}=e;for(let e of n.values()){let n=this._drawingManagerService.getDrawingOKey(e.oKey);if(n==null)continue;let r=this._transformerCache.get(n==null?void 0:n.drawingId);if((r==null?void 0:r.drawing.layoutType)===t.PositionedObjectLayoutType.INLINE)try{e.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),n.size>1)this._updateMultipleDrawingDocTransform(n);else if(n.size===1){let e=this._transformerCache.values().next().value,a=n.values().next().value,{width:o,height:s,top:c,left:l,angle:u}=a;if(e&&o===e.width&&s===e.height&&c===e.top&&l===e.left&&u===e.angle)return;e&&e.drawing.layoutType===t.PositionedObjectLayoutType.INLINE?o!==e.width||s!==e.height||u!==e.angle?this._updateDrawingSize(e,a):r!=null&&i!=null&&this._moveInlineDrawing(e.drawing,r,i):e&&this._nonInlineDrawingTransform(e.drawing,a)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;let t=[],n,r;for(let i of e.values()){let{oKey:e,left:a,top:o,angle:s}=i,{width:c,height:l}=i,u=this._drawingManagerService.getDrawingOKey(e);if(u==null)continue;n==null&&(n=u.unitId),r==null&&(r=u.subUnitId);let d=this._transformerCache.get(u.drawingId);if(d==null)continue;let{drawing:f,top:p,left:m,width:h,height:g,angle:_}=d,{width:v,height:y}=this._getPageContentSize(f);if(c=Math.min(c,v),l=Math.min(l,y),(h!==c||g!==l)&&t.push({drawingId:u.drawingId,key:`size`,value:{width:c,height:l}}),_!==s&&t.push({drawingId:u.drawingId,key:`angle`,value:s}),p!==o||m!==a){let e=o-p,n=a-m;e!==0&&t.push({drawingId:u.drawingId,key:`positionV`,value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+e}}),n!==0&&t.push({drawingId:u.drawingId,key:`positionH`,value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.docTransform.positionH.posOffset+n}})}}t.length>0&&n&&r&&this._commandService.executeCommand(N.id,{unitId:n,subUnitId:r,drawings:t})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;let t=this._transformerCache.values().next().value,n=e.values().next().value;this._getDrawingAnchor(t.drawing,n)}_updateInlineDrawingAnchor(e,t,n){var r;if(this._transformerCache.size!==1)return;let{contentBoxPointGroup:i}=(r=this._getInlineDrawingAnchor(e,t,n))==null?{}:r;i!=null&&this._createOrUpdateInlineAnchor(e.unitId,i)}_getInlineDrawingAnchor(e,t,n){var o,s;let c=this._renderManagerService.getRenderById(e.unitId),l=c==null?void 0:c.with(r.DocSkeletonManagerService).getSkeleton();if(c==null)return;let{mainComponent:u,scene:d}=c,f=u,p=d.getViewports()[0],{pageLayoutType:m=a.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:g}=f.getOffsetConfig(),_=null,v=!1,y=-1,b=``,x=this._getTransformCoordForDocumentOffset(f,p,t,n);if(x==null)return;let S=(o=this._renderManagerService.getRenderById(e.unitId))==null?void 0:o.with(i.DocSelectionRenderService);if(S==null)return;let C=l==null?void 0:l.findNodeByCoord(x,m,h,g,{strict:!1,segmentId:S.getSegment(),segmentPage:S.getSegmentPage()});if(C){let{node:e,ratioX:t,segmentPage:n,segmentId:r}=C;v=t<.5,_=e,y=n,b=r}if(_==null)return;let w=l==null?void 0:l.findPositionByGlyph(_,y),T=this._getDocObject();if(w==null||l==null||T==null||oe(w))return;let E={...w,isBack:v},{cursorList:D,contentBoxPointGroup:O}=new i.NodePositionConvertToCursor(T.document.getOffsetConfig(),l).getRangePointData(E,E),{startOffset:k}=(s=(0,i.getOneTextSelectionRange)(D))==null?{}:s;if(k!=null)return{offset:k,contentBoxPointGroup:O,segmentId:b,segmentPage:y}}_getDrawingAnchor(e,n){var o,s,c,l,u;let d=this._renderManagerService.getRenderById(e.unitId),f=d==null?void 0:d.with(r.DocSkeletonManagerService).getSkeleton(),p=f==null?void 0:f.getSkeletonData();if(p==null||d==null)return;let{pages:m,skeHeaders:h,skeFooters:g}=p,{mainComponent:_,scene:v}=d,y=_,b=v.getViewports()[0],{pageLayoutType:x=a.PageLayoutType.VERTICAL,pageMarginLeft:S,pageMarginTop:C,docsLeft:w,docsTop:T}=y.getOffsetConfig(),{left:E,top:D,angle:O}=n,{width:k,height:A}=n,{positionV:j,positionH:M}=e.docTransform,{width:N,height:P}=this._getPageContentSize(e);k=Math.min(k,N),A=Math.min(A,P);let F=null,I=``,L=-1,R={...e.docTransform,size:{width:k,height:A},angle:O},{x:z,y:B}=v.getViewportScrollXY(b),V=this._getTransformCoordForDocumentOffset(y,b,E-z,D-B);if(V==null)return;let H=(o=this._renderManagerService.getRenderById(e.unitId))==null?void 0:o.with(i.DocSelectionRenderService);if(H==null)return;let U=f==null?void 0:f.findNodeByCoord(V,x,S,C,{strict:!1,segmentId:H.getSegment(),segmentPage:H.getSegmentPage()});if(U){let{node:e,segmentPage:t,segmentId:n}=U;F=e,L=t,I=n}if(F==null)return;let W=(s=F.parent)==null?void 0:s.parent,G=W==null?void 0:W.parent,K=(c=G==null?void 0:G.lines.find(e=>e.paragraphIndex===(W==null?void 0:W.paragraphIndex)&&e.paragraphStart))==null?G==null?void 0:G.lines[0]:c,q=G==null||(l=G.parent)==null?void 0:l.parent;if(W==null||G==null||K==null||q==null)return;this._liquid.reset();let ee=q.type;for(let e of m){let{headerId:t,footerId:n,pageHeight:r,pageWidth:i,marginLeft:o,marginBottom:s}=e,c=m.indexOf(e);if(L>-1&&c===L){switch(ee){case a.DocumentSkeletonPageType.HEADER:{var te;let e=(te=h.get(t))==null?void 0:te.get(i);if(e)this._liquid.translatePagePadding({marginTop:e.marginTop,marginLeft:o});else throw Error(`header skeleton not found`);break}case a.DocumentSkeletonPageType.FOOTER:{var ne;let e=(ne=g.get(n))==null?void 0:ne.get(i);if(e)this._liquid.translatePagePadding({marginTop:r-s+e.marginTop,marginLeft:o});else throw Error(`footer skeleton not found`);break}}break}if(this._liquid.translatePagePadding(e),e===q)break;this._liquid.restorePagePadding(e),this._liquid.translatePage(e,x,S,C)}if(j.relativeFrom===t.ObjectRelativeFromV.LINE)F=W.divides[0].glyphGroup[0];else{var J,Y;F=(J=(Y=K.divides)==null||(Y=Y[0])==null||(Y=Y.glyphGroup)==null?void 0:Y[0])==null?F:J}switch(R.positionH={relativeFrom:M.relativeFrom,posOffset:E-this._liquid.x-w},M.relativeFrom){case t.ObjectRelativeFromH.MARGIN:R.positionH.posOffset=E-this._liquid.x-w-q.marginLeft;break;case t.ObjectRelativeFromH.COLUMN:R.positionH.posOffset=E-this._liquid.x-w-G.left;break}switch(R.positionV={relativeFrom:j.relativeFrom,posOffset:D-this._liquid.y-T},j.relativeFrom){case t.ObjectRelativeFromV.PAGE:R.positionV.posOffset=D-this._liquid.y-T-q.marginTop;break;case t.ObjectRelativeFromV.LINE:R.positionV.posOffset=D-this._liquid.y-T-W.top;break;case t.ObjectRelativeFromV.PARAGRAPH:R.positionV.posOffset=D-this._liquid.y-T-K.top;break}if(F==null)return;let re=f==null?void 0:f.findPositionByGlyph(F,L),ie=this._getDocObject();if(re==null||f==null||ie==null||oe(re))return;let X={...re,isBack:!1},{cursorList:ae}=new i.NodePositionConvertToCursor(ie.document.getOffsetConfig(),f).getRangePointData(X,X),{startOffset:Z}=(u=(0,i.getOneTextSelectionRange)(ae))==null?{}:u;if(Z!=null)return{offset:Z,docTransform:R,segmentId:I,segmentPage:L}}_updateDrawingSize(e,t){let n=[],{drawing:r,width:i,height:a,angle:o}=e,{unitId:s,subUnitId:c}=r,{width:l,height:u,angle:d}=t,{width:f,height:p}=this._getPageContentSize(r);l=Math.min(f,l),u=Math.min(p,u),(l!==i||u!==a)&&n.push({drawingId:r.drawingId,key:`size`,value:{width:l,height:u}}),d!==o&&n.push({drawingId:r.drawingId,key:`angle`,value:d}),n.length>0&&s&&c&&this._commandService.executeCommand(N.id,{unitId:s,subUnitId:c,drawings:n})}_moveInlineDrawing(e,t,n){let r=this._getInlineDrawingAnchor(e,t,n),{offset:i,segmentId:a,segmentPage:o}=r==null?{}:r;return this._commandService.executeCommand(P.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:i,segmentId:a,segmentPage:o,needRefreshDrawings:i==null})}_limitDrawingInPage(e,n){let i=this._renderManagerService.getRenderById(e.unitId),{left:a,top:o,width:s,height:c,angle:l}=n,u=i==null?void 0:i.with(r.DocSkeletonManagerService).getSkeleton(),d=u==null?void 0:u.getSkeletonData(),{pages:f}=d==null?{}:d;if(d==null||i==null||f==null)return{left:a,top:o,width:s,height:c,angle:l};let{mainComponent:p}=i,{top:m,pageLayoutType:h,pageMarginLeft:g,pageMarginTop:_}=p,v=o;this._liquid.reset();for(let e of f){let{marginBottom:n,pageHeight:r}=e,i=f[f.indexOf(e)+1];i!=null&&(t.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+m+r-n,this._liquid.y+m+r+_+i.marginTop)&&(v=o+c/2<this._liquid.y+m+r+_/2?Math.min(o,this._liquid.y+m+r-n-c):Math.max(o,this._liquid.y+m+r+_+i.marginTop)),this._liquid.translatePage(e,h,g,_))}return{left:a,top:v,width:s,height:c,angle:l}}_nonInlineDrawingTransform(e,n,r=!1){let i=e.isMultiTransform===t.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(r&&i.top!==n.top)return;let a=this._getDrawingAnchor(e,i),{offset:o,docTransform:s,segmentId:c,segmentPage:l}=a==null?{}:a;return o==null||s==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(F.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,docTransform:s,segmentId:c,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;if(n!=null)return{scene:n,transformer:n.getTransformerByCreate()}}_getTransformCoordForDocumentOffset(e,t,n,r){let{documentTransform:i}=e.getOffsetConfig(),o=t.transformVector2SceneCoord(a.Vector2.FromArray([n,r]));if(o)return i.clone().invert().applyPoint(o)}_createOrUpdateInlineAnchor(e,n){let r=this._renderManagerService.getRenderById(e);if(r==null)return;let{mainComponent:o,scene:s}=r,{docsLeft:c,docsTop:l}=o.getOffsetConfig(),{left:u,top:d,height:f}=(0,i.getAnchorBounding)(n),p=u+c,m=d+l;if(this._anchorShape){this._anchorShape.transformByState({left:p,top:m,height:f}),this._anchorShape.show();return}let h=new a.Rect(`__InlineDrawingAnchor__`+(0,t.generateRandomId)(6),{left:p,top:m,height:f,strokeWidth:2,stroke:(0,a.getColor)(t.COLORS.darkgray,1),evented:!1});this._anchorShape=h,s.addObject(h,i.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return(0,i.getDocObject)(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){let t=this._renderManagerService.getRenderById(e.unitId),n=t==null?void 0:t.with(r.DocSkeletonManagerService).getSkeleton(),i=n==null?void 0:n.getSkeletonData();if(i==null||t==null)return{width:500,height:500};let{pages:a}=i,o=null;for(let t of a){let{skeDrawings:n}=t;if(n.has(e.drawingId)){o=t;break}}if(o){let{pageWidth:e,pageHeight:t,marginLeft:n,marginBottom:r,marginRight:i,marginTop:a}=o;return{width:Math.max(500,e-n-i),height:Math.max(500,t-a-r)}}else return{width:500,height:500}}};se=T([w(0,t.ICommandService),w(1,t.IUniverInstanceService),w(2,s.IDrawingManagerService),w(3,a.IRenderManagerService)],se);let ce={[c.RibbonInsertGroup.MEDIA]:{[W]:{order:0,menuItemFactory:q,[G]:{order:0,menuItemFactory:ee}}}},le=-1e3,ue=1e3,de=e=>{let n=(0,c.useDependency)(t.ICommandService),l=(0,c.useDependency)(t.LocaleService),u=(0,c.useDependency)(s.IDrawingManagerService),p=(0,c.useDependency)(a.IRenderManagerService),m=(0,c.useDependency)(t.IUniverInstanceService),{drawings:h}=e,g=h[0];if(g==null)return;let{unitId:_}=g,v=m.getUniverDocInstance(_),y=v==null?void 0:v.getSnapshot().documentStyle.documentFlavor,b=p.getRenderById(_),x=b==null?void 0:b.scene;if(x==null)return;let S=x.getTransformerByCreate(),C=[{label:l.t(`image-position.column`),value:String(t.ObjectRelativeFromH.COLUMN)},{label:l.t(`image-position.page`),value:String(t.ObjectRelativeFromH.PAGE)},{label:l.t(`image-position.margin`),value:String(t.ObjectRelativeFromH.MARGIN)}],w=[{label:l.t(`image-position.line`),value:String(t.ObjectRelativeFromV.LINE),disabled:y===t.DocumentFlavor.MODERN},{label:l.t(`image-position.page`),value:String(t.ObjectRelativeFromV.PAGE),disabled:y===t.DocumentFlavor.MODERN},{label:l.t(`image-position.margin`),value:String(t.ObjectRelativeFromV.MARGIN),disabled:y===t.DocumentFlavor.MODERN},{label:l.t(`image-position.paragraph`),value:String(t.ObjectRelativeFromV.PARAGRAPH)}],[T,E]=(0,d.useState)(!0),[D,O]=(0,d.useState)({relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:0}),[k,A]=(0,d.useState)({relativeFrom:t.ObjectRelativeFromV.PAGE,posOffset:0}),[j,M]=(0,d.useState)(!0),[P,F]=(0,d.useState)(!0);function I(e,t){var r;e===`positionH`?O(t):A(t);let a=u.getFocusDrawings();if(a.length===0)return;let o=a.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(N.id,{unitId:a[0].unitId,subUnitId:a[0].unitId,drawings:o.map(n=>({drawingId:n.drawingId,key:e,value:t}))});let s=(r=p.getRenderById(_))==null?void 0:r.with(i.DocSelectionRenderService);s&&s.blur(),S.refreshControls()}function L(e){var n;let i=D.relativeFrom,a=D.posOffset,o=Number(e);if(i===o)return;let s=u.getFocusDrawings();if(s.length===0)return;let c=s[0].drawingId,l=s[0].unitId,d=null,f=0,m=(n=p.getRenderById(l))==null?void 0:n.with(r.DocSkeletonManagerService).getSkeleton(),h=m==null?void 0:m.getSkeletonData();if(h==null)return;let{pages:g,skeHeaders:_,skeFooters:v}=h;for(let e of g){var y,b;let{marginLeft:t,skeDrawings:n,headerId:r,footerId:i,pageWidth:a}=e;if(n.has(c)){d=n.get(c),f=t;break}let o=(y=_.get(r))==null?void 0:y.get(a);if(o!=null&&o.skeDrawings.has(c)){d=o==null?void 0:o.skeDrawings.get(c),f=t;break}let s=(b=v.get(i))==null?void 0:b.get(a);if(s!=null&&s.skeDrawings.has(c)){d=s==null?void 0:s.skeDrawings.get(c),f=t;break}}if(d==null)return;let x=0;i===t.ObjectRelativeFromH.COLUMN?x-=d.columnLeft:i===t.ObjectRelativeFromH.MARGIN&&(x-=f),o===t.ObjectRelativeFromH.COLUMN?x+=d.columnLeft:o===t.ObjectRelativeFromH.MARGIN?x+=f:t.ObjectRelativeFromH.PAGE,I(`positionH`,{relativeFrom:o,posOffset:(a==null?0:a)-x})}function R(e){var n,a,o,s,c;let l=k.relativeFrom,d=k.posOffset,f=Number(e);if(l===f)return;let h=u.getFocusDrawings();if(h.length===0)return;let{drawingId:g,unitId:_}=h[0],v=m.getUniverDocInstance(_),y=(n=p.getRenderById(_))==null?void 0:n.with(r.DocSkeletonManagerService).getSkeleton(),b=(a=p.getRenderById(_))==null?void 0:a.with(i.DocSelectionRenderService),x=b==null?void 0:b.getSegment(),S=b==null?void 0:b.getSegmentPage(),C=v==null||(o=v.getSelfOrHeaderFooterModel(x).getBody())==null||(o=o.customBlocks)==null?void 0:o.find(e=>e.blockId===g);if(C==null||y==null||b==null)return;let{startIndex:w}=C,T=y.findNodeByCharIndex(w,x,S),E=T==null||(s=T.parent)==null?void 0:s.parent,D=E==null?void 0:E.parent,O=D==null?void 0:D.lines.find(e=>e.paragraphIndex===(E==null?void 0:E.paragraphIndex)&&e.paragraphStart),A=D==null||(c=D.parent)==null?void 0:c.parent;if(T==null||E==null||O==null||D==null||A==null)return;let j=0;l===t.ObjectRelativeFromV.PARAGRAPH?j-=O.top:l===t.ObjectRelativeFromV.LINE?j-=E.top:l===t.ObjectRelativeFromV.PAGE&&(j+=A.marginTop),f===t.ObjectRelativeFromV.PARAGRAPH?j+=O.top:f===t.ObjectRelativeFromV.LINE?j+=E.top:f===t.ObjectRelativeFromV.PAGE&&(j-=A.marginTop),I(`positionV`,{relativeFrom:f,posOffset:(d==null?0:d)-j})}function z(e){var n;let r=v==null?void 0:v.getSnapshot(),i=r==null||(n=r.drawings)==null?void 0:n[e.drawingId];if(i==null)return;let{layoutType:a}=i,{positionH:o,positionV:s}=i.docTransform;O(o),A(s),E(a===t.PositionedObjectLayoutType.INLINE),M(s.relativeFrom===t.ObjectRelativeFromV.PARAGRAPH||s.relativeFrom===t.ObjectRelativeFromV.LINE)}function B(){let e=u.getFocusDrawings();e.length!==0&&z(e[0])}function V(e){M(e),R(String(e?t.ObjectRelativeFromV.PARAGRAPH:t.ObjectRelativeFromV.PAGE))}return(0,d.useEffect)(()=>{B();let e=u.focus$.subscribe(e=>{if(e.length===0){F(!1);return}F(!0),z(e[0])}),t=n.onCommandExecuted(async e=>{e.id===r.RichTextEditingMutation.id&&B()});return()=>{e.unsubscribe(),t.dispose()}},[]),(0,f.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!P}),children:[(0,f.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.title`)})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.horizontal`)})}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.absolutePosition`)}),(0,f.jsx)(o.InputNumber,{min:le,max:ue,precision:1,disabled:T,value:D.posOffset,onChange:e=>{I(`positionH`,{relativeFrom:D.relativeFrom,posOffset:e})}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.toTheRightOf`)}),(0,f.jsx)(o.Select,{value:String(D.relativeFrom),disabled:T,options:C,onChange:L})]})]}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.vertical`)})}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.absolutePosition`)}),(0,f.jsx)(o.InputNumber,{min:le,max:ue,precision:1,disabled:T,value:k.posOffset,onChange:e=>{I(`positionV`,{relativeFrom:k.relativeFrom,posOffset:e})}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:l.t(`image-position.bellow`)}),(0,f.jsx)(o.Select,{disabled:T,value:String(k.relativeFrom),options:w,onChange:R})]})]}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:l.t(`image-position.options`)})}),(0,f.jsx)(`div`,{children:(0,f.jsx)(o.Checkbox,{disabled:T,checked:j,onChange:V,children:l.t(`image-position.moveObjectWithText`)})})]})},fe=e=>{let n=(0,c.useDependency)(t.ICommandService),i=(0,c.useDependency)(t.LocaleService),l=(0,c.useDependency)(s.IDrawingManagerService),u=(0,c.useDependency)(a.IRenderManagerService),p=(0,c.useDependency)(t.IUniverInstanceService),{drawings:m}=e,h=m[0];if(h==null)return null;let{unitId:g}=h,_=p.getUniverDocInstance(g),v=u.getRenderById(g);if((v==null?void 0:v.scene)==null)return null;let[y,b]=(0,d.useState)(!0),[x,S]=(0,d.useState)(!0),[C,w]=(0,d.useState)(!0),[T,E]=(0,d.useState)(`inline`),[D,O]=(0,d.useState)(``),[k,N]=(0,d.useState)({distT:0,distL:0,distB:0,distR:0}),[P,F]=(0,d.useState)(!0);function I(e){E(e);let t=l.getFocusDrawings();if(t.length===0)return;let{unitId:r,subUnitId:i}=t[0],a=t.map(({unitId:e,subUnitId:t,drawingId:n})=>({unitId:e,subUnitId:t,drawingId:n}));n.executeCommand(A.id,{unitId:r,subUnitId:i,drawings:a,wrappingStyle:e})}function L(e){O(e);let t=l.getFocusDrawings();if(t.length===0)return;let r=t.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(M.id,{unitId:t[0].unitId,subUnitId:t[0].unitId,drawings:r,wrapText:e})}function R(e,t){if(e==null)return;N({...k,[t]:e});let r=l.getFocusDrawings();if(r.length===0)return;let i=r.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(j.id,{unitId:r[0].unitId,subUnitId:r[0].unitId,drawings:i,dist:{[t]:e}})}function z(){let e=l.getFocusDrawings();e.length!==0&&B(e[0])}function B(e){var n;let r=_==null||(n=_.getSnapshot())==null||(n=n.drawings)==null?void 0:n[e.drawingId];if(r==null)return;let{distT:i=0,distL:a=0,distB:o=0,distR:s=0,layoutType:c=t.PositionedObjectLayoutType.INLINE,behindDoc:l=t.BooleanNumber.FALSE,wrapText:u=t.WrapTextType.BOTH_SIDES}=r;if(N({distT:i,distL:a,distB:o,distR:s}),O(u),b(c!==t.PositionedObjectLayoutType.WRAP_SQUARE),c===t.PositionedObjectLayoutType.WRAP_NONE||c===t.PositionedObjectLayoutType.INLINE?S(!0):S(!1),c===t.PositionedObjectLayoutType.WRAP_NONE||c===t.PositionedObjectLayoutType.INLINE||c===t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?w(!0):w(!1),c===t.PositionedObjectLayoutType.WRAP_NONE)l===t.BooleanNumber.TRUE?E(`behindText`):E(`inFrontOfText`);else switch(c){case t.PositionedObjectLayoutType.INLINE:E(`inline`);break;case t.PositionedObjectLayoutType.WRAP_SQUARE:E(`wrapSquare`);break;case t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:E(`wrapTopAndBottom`);break;default:throw Error(`Unsupported layout type: ${c}`)}}return(0,d.useEffect)(()=>{z();let e=l.focus$.subscribe(e=>{if(e.length===0){F(!1);return}F(!0),B(e[0])}),t=n.onCommandExecuted(async e=>{e.id===r.RichTextEditingMutation.id&&z()});return()=>{e.unsubscribe(),t.dispose()}},[]),(0,f.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!P}),children:[(0,f.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.title`)})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.wrappingStyle`)})}),(0,f.jsx)(`div`,{children:(0,f.jsxs)(o.RadioGroup,{value:T,onChange:I,direction:`vertical`,children:[(0,f.jsx)(o.Radio,{value:`inline`,children:i.t(`image-text-wrap.inline`)}),(0,f.jsx)(o.Radio,{value:`wrapSquare`,children:i.t(`image-text-wrap.square`)}),(0,f.jsx)(o.Radio,{value:`wrapTopAndBottom`,children:i.t(`image-text-wrap.topAndBottom`)}),(0,f.jsx)(o.Radio,{value:`behindText`,children:i.t(`image-text-wrap.behindText`)}),(0,f.jsx)(o.Radio,{value:`inFrontOfText`,children:i.t(`image-text-wrap.inFrontText`)})]})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.wrapText`)})}),(0,f.jsx)(`div`,{children:(0,f.jsxs)(o.RadioGroup,{disabled:y,value:D,onChange:L,direction:`horizontal`,children:[(0,f.jsx)(o.Radio,{value:t.WrapTextType.BOTH_SIDES,children:i.t(`image-text-wrap.bothSide`)}),(0,f.jsx)(o.Radio,{value:t.WrapTextType.LEFT,children:i.t(`image-text-wrap.leftOnly`)}),(0,f.jsx)(o.Radio,{value:t.WrapTextType.RIGHT,children:i.t(`image-text-wrap.rightOnly`)})]})}),(0,f.jsx)(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,f.jsx)(`div`,{children:i.t(`image-text-wrap.distanceFromText`)})}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.top`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:x,precision:1,value:k.distT,onChange:e=>{R(e,`distT`)}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.left`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:C,precision:1,value:k.distL,onChange:e=>{R(e,`distL`)}})]})]}),(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.bottom`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:x,precision:1,value:k.distB,onChange:e=>{R(e,`distB`)}})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{children:i.t(`image-text-wrap.right`)}),(0,f.jsx)(o.InputNumber,{min:0,max:100,disabled:C,precision:1,value:k.distR,onChange:e=>{R(e,`distR`)}})]})]})]})},pe=()=>{let e=(0,c.useDependency)(s.IDrawingManagerService),[t,n]=(0,d.useState)(e.getFocusDrawings());return(0,d.useEffect)(()=>{let t=e.focus$.subscribe(e=>{n(e)});return()=>{t.unsubscribe()}},[]),!!(t!=null&&t.length)&&(0,f.jsxs)(`div`,{className:`univer-text-sm`,children:[(0,f.jsx)(u.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),(0,f.jsx)(fe,{drawings:t}),(0,f.jsx)(de,{drawings:t})]})};function Q(e){return e.getContextValue(t.FOCUSING_DOC)&&e.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(t.FOCUSING_COMMON_DRAWINGS)}let me={id:I.id,description:`shortcut.drawing-move-down`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_DOWN,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.DOWN}},he={id:I.id,description:`shortcut.drawing-move-up`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_UP,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.UP}},ge={id:I.id,description:`shortcut.drawing-move-left`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_LEFT,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.LEFT}},_e={id:I.id,description:`shortcut.drawing-move-right`,group:`4_drawing-view`,binding:c.KeyCode.ARROW_RIGHT,priority:100,preconditions:Q,staticParameters:{direction:t.Direction.RIGHT}},ve={id:m.id,description:`shortcut.drawing-delete`,group:`4_drawing-view`,preconditions:Q,binding:c.KeyCode.DELETE,mac:c.KeyCode.BACKSPACE},ye=class extends t.Disposable{constructor(e,t,n,r){super(),this._componentManager=e,this._menuManagerService=t,this._commandService=n,this._shortcutService=r,this._init()}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(R,pe))}_initMenus(){this._menuManagerService.mergeMenu(ce)}_initCommands(){[D,g,A,j,M,N,P,F,p,z,L,B,h,v,I,m,_].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[me,he,ge,_e,ve].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};ye=T([w(0,(0,t.Inject)(c.ComponentManager)),w(1,c.IMenuManagerService),w(2,t.ICommandService),w(3,c.IShortcutService)],ye);let be=class extends t.Disposable{constructor(e,t,n,r,i,o,s,c){super(),this._context=e,this._docSkeletonManagerService=t,this._commandService=n,this._editorService=r,this._drawingManagerService=i,this._docRefreshDrawingsService=o,this._univerInstanceService=s,this._lifecycleService=c,S(this,`_liquid`,new a.Liquid),this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})),this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}))}_commandExecutedListener(){let e=[r.RichTextEditingMutation.id,i.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){let{unitId:e}=n.params,{unitId:r,mainComponent:i}=this._context;if(e!==r)return;let a=this._docSkeletonManagerService.getSkeleton();if(a==null)return;if(this._editorService.isEditor(r)&&r!==t.DOCS_ZEN_EDITOR_UNIT_ID_KEY){i==null||i.makeDirty();return}this._refreshDrawing(a)}}))}_initResize(){this.disposeWithMe((0,t.fromEventSubject)(this._context.engine.onTransformChange$).pipe((0,l.filter)(e=>e.type===a.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),(0,l.debounceTime)(16)).subscribe(()=>{var e;let t=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(e=n.getTransformer())==null||e.refreshControls(),this._refreshDrawing(t)}))}_refreshDrawing(e){let t=e==null?void 0:e.getSkeletonData(),{mainComponent:n,unitId:r}=this._context,i=n;if(!t)return;let{left:a,top:o,pageLayoutType:s,pageMarginLeft:c,pageMarginTop:l}=i,{pages:u,skeHeaders:d,skeFooters:f}=t,p={};this._liquid.reset();for(let e=0,t=u.length;e<t;e++){let t=u[e],{headerId:n,footerId:i,pageWidth:g}=t;if(n){var m;let e=(m=d.get(n))==null?void 0:m.get(g);e&&this._calculateDrawingPosition(r,e,a,o,p,e.marginTop,t.marginLeft)}if(i){var h;let e=(h=f.get(i))==null?void 0:h.get(g);e&&this._calculateDrawingPosition(r,e,a,o,p,t.pageHeight-t.marginBottom+e.marginTop,t.marginLeft)}this._calculateDrawingPosition(r,t,a,o,p,t.marginTop,t.marginLeft),this._liquid.translatePage(t,s,c,l)}let g=Object.values(p),_=g.filter(e=>!e.isMultiTransform),v=g.filter(e=>e.isMultiTransform);_.length>0&&this._drawingManagerService.refreshTransform(_),this._handleMultiDrawingsTransform(v)}_handleMultiDrawingsTransform(e){let{scene:n,unitId:r}=this._context,i=n.getTransformerByCreate();e.forEach(e=>{let t=this._drawingManagerService.getDrawingByParam(e);t!=null&&(t.transform=e.transform,t.transforms=e.transforms,t.isMultiTransform=e.isMultiTransform)});let a=[...i.getSelectedObjectMap().keys()],o=Object.values(this._drawingManagerService.getDrawingData(r,r)).filter(e=>e.isMultiTransform===t.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(o),e.length>0&&this._drawingManagerService.addNotification(e);for(let e of a){let t=n.getObject(e);t&&i.setSelectedControl(t)}}_calculateDrawingPosition(e,n,r,i,a,o,s){let{skeDrawings:c}=n;this._liquid.translatePagePadding({marginTop:o,marginLeft:s}),c.forEach(n=>{let{aLeft:o,aTop:s,height:c,width:l,angle:u,drawingId:d,drawingOrigin:f}=n,p=f.layoutType===t.PositionedObjectLayoutType.WRAP_NONE&&f.behindDoc===t.BooleanNumber.TRUE,{isMultiTransform:m=t.BooleanNumber.FALSE}=f,h={left:o+r+this._liquid.x,top:s+i+this._liquid.y,width:l,height:c,angle:u};a[d]==null?a[d]={unitId:e,subUnitId:e,drawingId:d,behindText:p,transform:h,transforms:[h],isMultiTransform:m}:m===t.BooleanNumber.TRUE&&a[d].transforms.push(h)}),this._liquid.restorePagePadding({marginTop:o,marginLeft:s})}_drawingInitializeListener(){let e=()=>{let e=this._docSkeletonManagerService.getSkeleton();e!=null&&(this._refreshDrawing(e),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=t.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this.disposeWithMe(this._lifecycleService.lifecycle$.pipe((0,l.filter)(e=>e===t.LifecycleStages.Rendered)).subscribe(e))}};be=T([w(1,(0,t.Inject)(r.DocSkeletonManagerService)),w(2,t.ICommandService),w(3,i.IEditorService),w(4,s.IDrawingManagerService),w(5,(0,t.Inject)(C)),w(6,t.IUniverInstanceService),w(7,(0,t.Inject)(t.LifecycleService))],be);let xe=class extends t.RxDisposable{constructor(e,t,n,r,i){super(),this._drawingManagerService=e,this._canvasPopManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._contextService=i,S(this,`_initImagePopupMenu`,new Set),S(this,`_disposePopups`,[]),this._init()}_init(){this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_DOC).pipe((0,l.takeUntil)(this.dispose$)).subscribe(e=>this._create(e))),this.disposeWithMe(this._univerInstanceService.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_DOC).pipe((0,l.takeUntil)(this.dispose$)).subscribe(e=>this._dispose(e))),this._univerInstanceService.getAllUnitsForType(t.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){let t=e.getUnitId();this._disposePopups.length&&(this._disposePopups.forEach(e=>e.dispose()),this._disposePopups.length=0),this._renderManagerService.removeRender(t)}_create(e){if(!e)return;let n=e.getUnitId();(0,t.isInternalEditorID)(n)||this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){let t=e.getAllObjects();for(let e of t)if(e instanceof u.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var n;let r=(n=this._renderManagerService.getRenderById(e))==null?void 0:n.scene;if(!r)return;let i=r.getTransformerByCreate();if(!i)return;let a=this._disposePopups;this.disposeWithMe(i.createControl$.subscribe(()=>{if(this._hasCropObject(r))return;let e=i.getSelectedObjectMap();if(a.forEach(e=>e.dispose()),a.length=0,e.size>1)return;let n=e.values().next().value;if(!n)return;let o=n.oKey,s=this._drawingManagerService.getDrawingOKey(o);if(!s||s.drawingType===t.DrawingTypeEnum.DRAWING_DOM)return;let{unitId:c,subUnitId:l,drawingId:d,drawingType:f}=s,p=this._canvasPopManagerService.attachPopupToObject(n,{componentKey:u.COMPONENT_IMAGE_POPUP_MENU,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(c,l,d,f)}},c);a.push(this.disposeWithMe(p)),!this._drawingManagerService.getFocusDrawings().find(e=>e.unitId===c&&e.subUnitId===l&&e.drawingId===d)&&this._drawingManagerService.focusDrawing([{unitId:c,subUnitId:l,drawingId:d}])})),this.disposeWithMe(i.clearControl$.subscribe(()=>{a.forEach(e=>e.dispose()),a.length=0,this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(i.changing$.subscribe(()=>{a.forEach(e=>e.dispose()),a.length=0})),this.disposeWithMe(i.changeStart$.subscribe(()=>{a.forEach(e=>e.dispose()),a.length=0}))}_getImageMenuItems(e,t,n,r){return[{label:`image-popup.edit`,index:0,commandId:B.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:`image-popup.delete`,index:1,commandId:p.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:t,drawingId:n}]},disable:!1},{label:`image-popup.crop`,index:2,commandId:u.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:`image-popup.reset`,index:3,commandId:u.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:t,drawingId:n}],disable:!0}]}};xe=T([w(0,s.IDrawingManagerService),w(1,(0,t.Inject)(i.DocCanvasPopManagerService)),w(2,a.IRenderManagerService),w(3,t.IUniverInstanceService),w(4,t.IContextService)],xe);let $=class extends t.Plugin{constructor(e=Y,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerSrv=r,this._configService=i;let{...a}=(0,t.merge)({},Y,this._config);this._configService.setConfig(J,a)}onStarting(){[[ye],[xe],[se],[X],[C],[U],[Z]].forEach(e=>this._injector.add(e))}onReady(){[[E],[be]].forEach(e=>this._renderManagerSrv.registerRenderModule(t.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(X),this._injector.get(ye),this._injector.get(se),this._injector.get(Z)}onRendered(){this._injector.get(xe),this._injector.get(U)}};S($,`type`,t.UniverInstanceType.UNIVER_DOC),S($,`pluginName`,`DOC_DRAWING_UI_PLUGIN`),S($,`packageName`,te),S($,`version`,ne),$=T([(0,t.DependentOn)(u.UniverDrawingUIPlugin,s.UniverDrawingPlugin,n.UniverDocsDrawingPlugin,c.UniverUIPlugin),w(1,(0,t.Inject)(t.Injector)),w(2,a.IRenderManagerService),w(3,t.IConfigService)],$),e.ClearDocDrawingTransformerOperation=L,e.DOCS_IMAGE_MENU_ID=W,e.DeleteDocDrawingsCommand=m,Object.defineProperty(e,`DocFloatDomController`,{enumerable:!0,get:function(){return U}}),e.EditDocDrawingOperation=B,e.GroupDocDrawingCommand=h,e.InsertDocDrawingCommand=g,e.InsertDocImageCommand=D,e.MoveDocDrawingsCommand=I,e.RemoveDocDrawingCommand=p,e.SetDocDrawingArrangeCommand=_,e.SidebarDocDrawingOperation=z,e.UngroupDocDrawingCommand=v,Object.defineProperty(e,`UniverDocsDrawingUIPlugin`,{enumerable:!0,get:function(){return $}})});

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@univerjs/docs-drawing-ui",
-  "version": "0.21.1",
+  "version": "0.22.0-insiders.20260513-09bbeca",
   "private": false,
-  "description": "",
-  "author": "DreamNum <developer@univer.ai>",
+  "description": "Drawing UI integration for Univer Docs.",
+  "author": "DreamNum Co., Ltd. <developer@univer.ai>",
   "license": "Apache-2.0",
   "funding": {
     "type": "opencollective",
@@ -17,7 +17,13 @@
   "bugs": {
     "url": "https://github.com/dream-num/univer/issues"
   },
-  "keywords": [],
+  "keywords": [
+    "univer",
+    "docs",
+    "drawing",
+    "ui",
+    "plugin"
+  ],
   "exports": {
     ".": {
       "import": "./lib/es/index.js",
@@ -52,24 +58,24 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/design": "0.21.1",
-    "@univerjs/docs-drawing": "0.21.1",
-    "@univerjs/docs": "0.21.1",
-    "@univerjs/core": "0.21.1",
-    "@univerjs/docs-ui": "0.21.1",
-    "@univerjs/drawing": "0.21.1",
-    "@univerjs/engine-render": "0.21.1",
-    "@univerjs/drawing-ui": "0.21.1",
-    "@univerjs/ui": "0.21.1"
+    "@univerjs/design": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/docs": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/core": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/docs-drawing": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/drawing": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/drawing-ui": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/ui": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/docs-ui": "0.22.0-insiders.20260513-09bbeca",
+    "@univerjs/engine-render": "0.22.0-insiders.20260513-09bbeca"
   },
   "devDependencies": {
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.14",
     "react": "18.3.1",
     "rxjs": "^7.8.2",
     "tailwindcss": "3.4.18",
-    "typescript": "^6.0.2",
-    "vitest": "^4.1.4",
-    "@univerjs-infra/shared": "0.21.1"
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5",
+    "@univerjs-infra/shared": "0.22.0"
   },
   "scripts": {
     "test": "vitest run",

package/LICENSE

@@ -1,176 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS