@unicom-cloud/ui 0.8.172 → 0.8.173

package/draw/{core/actions → actions}/actionProperties.js

@@ -1,38 +1,38 @@
-/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
-import e from "../../../button/index.js";
-import t from "../../../flex/index.js";
-import n from "../../../popover/index.js";
-import r from "../../../radio/index.js";
-import i from "../../../color-picker/index.js";
-import { isTransparent as a } from "../../common/colors.js";
-import { ARROW_TYPE as o, FONT_SIZES as s, ROUNDNESS as c, STROKE_WIDTH as l, VERTICAL_ALIGN as u } from "../../common/constants.js";
-import { deriveStylesPanelMode as ee } from "../../common/editorInterface.js";
-import { KEYS as d } from "../../common/keys.js";
-import { pointFrom as f } from "../../libs/math/point.js";
-import "../../libs/math/index.js";
-import { arrayToMap as p, invariant as m, reduceToCommonValue as te } from "../../common/utils.js";
-import { randomInteger as ne } from "../../common/random.js";
-import "../../common/index.js";
-import { canHaveArrowheads as h, hasStrokeColor as re } from "../../element/comparisons.js";
-import { canBecomePolygon as ie, isArrowElement as g, isBoundToContainer as ae, isElbowArrow as _, isLineElement as v, isLinearElement as y, isTextElement as b, isUsingAdaptiveRadius as oe } from "../../element/typeChecks.js";
-import { getSelectedElements as x, getTargetElements as se, isSomeElementSelected as ce } from "../../element/selection.js";
-import { getBoundTextElement as S, redrawTextBoundingBox as C } from "../../element/textElement.js";
-import { updateElbowArrowPoints as le } from "../../element/elbowArrow.js";
-import { newElementWith as w } from "../../element/mutateElement.js";
-import { toggleLinePolygonState as ue } from "../../element/shape.js";
-import { bindBindingElement as T, calculateFixedPointForElbowArrowBinding as E, updateBoundElements as de } from "../../element/binding.js";
-import { LinearElementEditor as D } from "../../element/linearElementEditor.js";
-import { CaptureUpdateAction as O } from "../../element/store.js";
-import { getNonDeletedElements as k } from "../../element/index.js";
-import { trackEvent as fe } from "../analytics.js";
-import { getLanguage as pe, t as A } from "../i18n.js";
+/* 潘启宝 2026-06-30 09:38:37 星期二 山东省济南市 */
+import e from "../../button/index.js";
+import t from "../../flex/index.js";
+import n from "../../popover/index.js";
+import r from "../../radio/index.js";
+import i from "../../color-picker/index.js";
+import { isTransparent as a } from "../common/colors.js";
+import { ARROW_TYPE as o, FONT_SIZES as s, ROUNDNESS as c, STROKE_WIDTH as l, VERTICAL_ALIGN as u } from "../common/constants.js";
+import { deriveStylesPanelMode as ee } from "../common/editorInterface.js";
+import { KEYS as d } from "../common/keys.js";
+import { pointFrom as te } from "../libs/math/point.js";
+import "../libs/math/index.js";
+import { arrayToMap as f, invariant as p, reduceToCommonValue as ne } from "../common/utils.js";
+import { randomInteger as re } from "../common/random.js";
+import "../common/index.js";
+import { trackEvent as ie } from "../analytics.js";
+import { canHaveArrowheads as m, hasStrokeColor as ae } from "../element/comparisons.js";
+import { canBecomePolygon as oe, isArrowElement as h, isBoundToContainer as se, isElbowArrow as g, isLineElement as _, isLinearElement as v, isTextElement as y, isUsingAdaptiveRadius as ce } from "../element/typeChecks.js";
+import { getSelectedElements as b, getTargetElements as le, isSomeElementSelected as ue } from "../element/selection.js";
+import { getBoundTextElement as x, redrawTextBoundingBox as S } from "../element/textElement.js";
+import { updateElbowArrowPoints as de } from "../element/elbowArrow.js";
+import { newElementWith as C } from "../element/mutateElement.js";
+import { toggleLinePolygonState as fe } from "../element/shape.js";
+import { bindBindingElement as w, calculateFixedPointForElbowArrowBinding as T, updateBoundElements as pe } from "../element/binding.js";
+import { LinearElementEditor as E } from "../element/linearElementEditor.js";
+import { CaptureUpdateAction as D } from "../element/store.js";
+import { getNonDeletedElements as O } from "../element/index.js";
+import { getLanguage as me, t as k } from "../i18n.js";
 import "../scene/index.js";
-import { register as j } from "./register.js";
-import { getShortcutKey as M } from "../shortcut.js";
-import { getColorPickerProps as N } from "../../utils/index.js";
-import { Range as P } from "../components/Range.js";
-import { ArrowheadArrowIcon as F, ArrowheadBarIcon as I, ArrowheadCircleIcon as L, ArrowheadCircleOutlineIcon as R, ArrowheadCrowfootIcon as z, ArrowheadCrowfootOneIcon as B, ArrowheadCrowfootOneOrManyIcon as me, ArrowheadDiamondIcon as he, ArrowheadDiamondOutlineIcon as ge, ArrowheadNoneIcon as _e, ArrowheadTriangleIcon as ve, ArrowheadTriangleOutlineIcon as ye, FillCrossHatchIcon as be, FillHachureIcon as xe, FillSolidIcon as Se, FillZigZagIcon as Ce, SloppinessArchitectIcon as we, SloppinessArtistIcon as Te, SloppinessCartoonistIcon as Ee, StrokeStyleDashedIcon as De, StrokeStyleDottedIcon as Oe, fontSizeIcon as V } from "../components/icons.js";
-import { withCaretPositionPreservation as H } from "../hooks/useTextEditorFocus.js";
+import { register as A } from "./register.js";
+import { getShortcutKey as j } from "../shortcut.js";
+import { Range as M } from "../components/Range.js";
+import { ArrowheadArrowIcon as N, ArrowheadBarIcon as P, ArrowheadCircleIcon as F, ArrowheadCircleOutlineIcon as I, ArrowheadCrowfootIcon as L, ArrowheadCrowfootOneIcon as R, ArrowheadCrowfootOneOrManyIcon as z, ArrowheadDiamondIcon as he, ArrowheadDiamondOutlineIcon as ge, ArrowheadNoneIcon as _e, ArrowheadTriangleIcon as ve, ArrowheadTriangleOutlineIcon as ye, FillCrossHatchIcon as be, FillHachureIcon as xe, FillSolidIcon as Se, FillZigZagIcon as Ce, SloppinessArchitectIcon as we, SloppinessArtistIcon as Te, SloppinessCartoonistIcon as Ee, StrokeStyleDashedIcon as De, StrokeStyleDottedIcon as Oe, fontSizeIcon as B } from "../components/icons.js";
+import { withCaretPositionPreservation as V } from "../hooks/useTextEditorFocus.js";
+import { getColorPickerProps as H } from "../utils/index.js";
 import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
 import K from "@unicom-cloud/icons/IconUiMinus";
 import ke from "@unicom-cloud/utils/tinycolor";
@@ -47,7 +47,7 @@ import Le from "@unicom-cloud/icons/IconUiEdgeSharp";
 import Re from "@unicom-cloud/icons/IconUiElbowArrow";
 import ze from "@unicom-cloud/icons/IconUiRoundArrow";
 import Be from "@unicom-cloud/icons/IconUiSharpArrow";
-//#region components/pc/draw/core/actions/actionProperties.tsx
+//#region components/pc/draw/actions/actionProperties.tsx
 var q = (e) => {
 	let t = ee(e.editorInterface);
 	return {
@@ -56,66 +56,66 @@ var q = (e) => {
 		isMobile: t === "mobile"
 	};
 }, J = (e, t, n, r = !1) => {
-	let i = p(x(e, t, { includeBoundTextElement: r }));
+	let i = f(b(e, t, { includeBoundTextElement: r }));
 	return e.map((e) => i.get(e.id) || e.id === t.editingTextElement?.id ? n(e) : e);
 }, Y = function(e, t, n, r, i) {
-	let a = t.state.editingTextElement, o = k(e), s = null;
-	if (a && (s = n(a)), !s) if (ce(o, t.state)) {
+	let a = t.state.editingTextElement, o = O(e), s = null;
+	if (a && (s = n(a)), !s) if (ue(o, t.state)) {
 		let e = t.scene.getSelectedElements(t.state);
-		s = te(r === !0 ? e : e.filter((e) => r(e)), n) ?? (typeof i == "function" ? i(!0) : i);
+		s = ne(r === !0 ? e : e.filter((e) => r(e)), n) ?? (typeof i == "function" ? i(!0) : i);
 	} else s = typeof i == "function" ? i(!1) : i;
 	return s;
-}, X = (e, t, n) => ae(t) || !t.autoResize ? t : n.mutateElement(t, {
+}, X = (e, t, n) => se(t) || !t.autoResize ? t : n.mutateElement(t, {
 	x: e.textAlign === "left" ? e.x : e.x + (e.width - t.width) / (e.textAlign === "center" ? 2 : 1),
 	y: e.y + (e.height - t.height) / 2
 }), Z = (e, t, n, r, i) => {
 	let a = /* @__PURE__ */ new Set(), o = J(e, t, (e) => {
-		if (b(e)) {
+		if (y(e)) {
 			let t = r(e);
 			a.add(t);
-			let i = w(e, { fontSize: t });
-			return C(i, n.scene.getContainerElement(e), n.scene), i = X(e, i, n.scene), i;
+			let i = C(e, { fontSize: t });
+			return S(i, n.scene.getContainerElement(e), n.scene), i = X(e, i, n.scene), i;
 		}
 		return e;
 	}, !0);
-	return x(e, t, { includeBoundTextElement: !0 }).forEach((e) => {
-		b(e) && de(e, n.scene);
+	return b(e, t, { includeBoundTextElement: !0 }).forEach((e) => {
+		y(e) && pe(e, n.scene);
 	}), {
 		elements: o,
 		appState: {
 			...t,
 			currentItemFontSize: a.size === 1 ? [...a][0] : i ?? t.currentItemFontSize
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	};
 };
-j({
+A({
 	name: "changeStrokeColor",
 	label: "labels.stroke",
 	trackEvent: !1,
 	perform: (e, t, n) => ({
-		...n?.currentItemStrokeColor && { elements: J(e, t, (e) => re(e.type) ? w(e, { strokeColor: n.currentItemStrokeColor }) : e, !0) },
+		...n?.currentItemStrokeColor && { elements: J(e, t, (e) => ae(e.type) ? C(e, { strokeColor: n.currentItemStrokeColor }) : e, !0) },
 		appState: {
 			...t,
 			...n
 		},
-		captureUpdate: n?.currentItemStrokeColor ? O.IMMEDIATELY : O.EVENTUALLY
+		captureUpdate: n?.currentItemStrokeColor ? D.IMMEDIATELY : D.EVENTUALLY
 	}),
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: a }) => {
 		let { stylesPanelMode: o } = q(r);
 		return /* @__PURE__ */ G(U, { children: [o === "full" && /* @__PURE__ */ W("h3", {
 			"aria-hidden": "true",
-			children: A("labels.stroke")
+			children: k("labels.stroke")
 		}), /* @__PURE__ */ W(i, {
-			title: A("labels.stroke"),
-			...N(),
+			title: k("labels.stroke"),
+			...H(),
 			value: Y(e, r, (e) => e.strokeColor, !0, (e) => e ? null : t.currentItemStrokeColor),
 			onChange: (e) => {
 				n({ currentItemStrokeColor: e });
 			}
 		})] });
 	}
-}), j({
+}), A({
 	name: "changeBackgroundColor",
 	label: "labels.changeBackground",
 	trackEvent: !1,
@@ -125,33 +125,33 @@ j({
 				...t,
 				...n
 			},
-			captureUpdate: O.EVENTUALLY
+			captureUpdate: D.EVENTUALLY
 		};
 		let i, o = r.scene.getSelectedElements(t);
-		if (!a(n.currentItemBackgroundColor) && o.every((e) => v(e) && ie(e.points))) {
-			let t = p(o);
-			i = e.map((e) => t.has(e.id) && v(e) ? w(e, {
+		if (!a(n.currentItemBackgroundColor) && o.every((e) => _(e) && oe(e.points))) {
+			let t = f(o);
+			i = e.map((e) => t.has(e.id) && _(e) ? C(e, {
 				backgroundColor: n.currentItemBackgroundColor,
-				...ue(e, !0)
+				...fe(e, !0)
 			}) : e);
-		} else i = J(e, t, (e) => w(e, { backgroundColor: n.currentItemBackgroundColor }));
+		} else i = J(e, t, (e) => C(e, { backgroundColor: n.currentItemBackgroundColor }));
 		return {
 			elements: i,
 			appState: {
 				...t,
 				...n
 			},
-			captureUpdate: O.IMMEDIATELY
+			captureUpdate: D.IMMEDIATELY
 		};
 	},
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: a }) => {
 		let { stylesPanelMode: o } = q(r);
 		return /* @__PURE__ */ G(U, { children: [o === "full" && /* @__PURE__ */ W("h3", {
 			"aria-hidden": "true",
-			children: A("labels.background")
+			children: k("labels.background")
 		}), /* @__PURE__ */ W(i, {
-			title: A("labels.background"),
-			...N(),
+			title: k("labels.background"),
+			...H(),
 			value: Y(e, r, (e) => {
 				let t = e.backgroundColor, n = new ke(t);
 				return n.getAlpha() || (t = n.setAlpha(.27).toHex8String()), t;
@@ -161,38 +161,38 @@ j({
 			}
 		})] });
 	}
-}), j({
+}), A({
 	name: "changeFillStyle",
 	label: "labels.fill",
 	trackEvent: !1,
-	perform: (e, t, n, r) => (fe("element", "changeFillStyle", `${n} (${r.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), {
-		elements: J(e, t, (e) => w(e, { fillStyle: n })),
+	perform: (e, t, n, r) => (ie("element", "changeFillStyle", `${n} (${r.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), {
+		elements: J(e, t, (e) => C(e, { fillStyle: n })),
 		appState: {
 			...t,
 			currentItemFillStyle: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r }) => {
-		let i = x(e, t), a = i.length > 0 && i.every((e) => e.fillStyle === "zigzag");
-		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.fill") }), Q({
+		let i = b(e, t), a = i.length > 0 && i.every((e) => e.fillStyle === "zigzag");
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.fill") }), Q({
 			options: [
 				{
 					value: "hachure",
-					text: `${A(a ? "labels.zigzag" : "labels.hachure")} (${M("Alt-Click")})`,
+					text: `${k(a ? "labels.zigzag" : "labels.hachure")} (${j("Alt-Click")})`,
 					icon: a ? Ce : xe,
 					active: a ? !0 : void 0,
 					testId: "fill-hachure"
 				},
 				{
 					value: "cross-hatch",
-					text: A("labels.crossHatch"),
+					text: k("labels.crossHatch"),
 					icon: be,
 					testId: "fill-cross-hatch"
 				},
 				{
 					value: "solid",
-					text: A("labels.solid"),
+					text: k("labels.solid"),
 					icon: Se,
 					testId: "fill-solid"
 				}
@@ -203,35 +203,35 @@ j({
 			}
 		})] });
 	}
-}), j({
+}), A({
 	name: "changeStrokeWidth",
 	label: "labels.strokeWidth",
 	trackEvent: !1,
 	perform: (e, t, n) => ({
-		elements: J(e, t, (e) => w(e, { strokeWidth: n })),
+		elements: J(e, t, (e) => C(e, { strokeWidth: n })),
 		appState: {
 			...t,
 			currentItemStrokeWidth: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
-	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.strokeWidth") }), Q({
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.strokeWidth") }), Q({
 		options: [
 			{
 				value: l.thin,
-				text: A("labels.thin"),
+				text: k("labels.thin"),
 				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 4 } }),
 				testId: "strokeWidth-thin"
 			},
 			{
 				value: l.bold,
-				text: A("labels.bold"),
+				text: k("labels.bold"),
 				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 6 } }),
 				testId: "strokeWidth-bold"
 			},
 			{
 				value: l.extraBold,
-				text: A("labels.extraBold"),
+				text: k("labels.extraBold"),
 				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 8 } }),
 				testId: "strokeWidth-extraBold"
 			}
@@ -239,37 +239,37 @@ j({
 		value: Y(e, r, (e) => e.strokeWidth, (e) => Object.prototype.hasOwnProperty.call(e, "strokeWidth"), (e) => e ? null : t.currentItemStrokeWidth),
 		onChange: (e) => n(e)
 	})] })
-}), j({
+}), A({
 	name: "changeSloppiness",
 	label: "labels.sloppiness",
 	trackEvent: !1,
 	perform: (e, t, n) => ({
-		elements: J(e, t, (e) => w(e, {
-			seed: ne(),
+		elements: J(e, t, (e) => C(e, {
+			seed: re(),
 			roughness: n
 		})),
 		appState: {
 			...t,
 			currentItemRoughness: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
-	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.sloppiness") }), Q({
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.sloppiness") }), Q({
 		value: Y(e, r, (e) => e.roughness, (e) => Object.prototype.hasOwnProperty.call(e, "roughness"), (e) => e ? null : t.currentItemRoughness),
 		options: [
 			{
 				value: 0,
-				label: A("labels.architect"),
+				label: k("labels.architect"),
 				icon: we
 			},
 			{
 				value: 1,
-				label: A("labels.artist"),
+				label: k("labels.artist"),
 				icon: Te
 			},
 			{
 				value: 2,
-				label: A("labels.cartoonist"),
+				label: k("labels.cartoonist"),
 				icon: Ee
 			}
 		],
@@ -297,68 +297,68 @@ function Q(n) {
 		})
 	});
 }
-j({
+A({
 	name: "changeStrokeStyle",
 	label: "labels.strokeStyle",
 	trackEvent: !1,
 	perform: (e, t, n) => ({
-		elements: J(e, t, (e) => w(e, { strokeStyle: n })),
+		elements: J(e, t, (e) => C(e, { strokeStyle: n })),
 		appState: {
 			...t,
 			currentItemStrokeStyle: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
-	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.strokeStyle") }), Q({
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.strokeStyle") }), Q({
 		options: [
 			{
 				value: "solid",
-				text: A("labels.strokeStyle_solid"),
+				text: k("labels.strokeStyle_solid"),
 				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 4 } })
 			},
 			{
 				value: "dashed",
-				text: A("labels.strokeStyle_dashed"),
+				text: k("labels.strokeStyle_dashed"),
 				icon: De
 			},
 			{
 				value: "dotted",
-				text: A("labels.strokeStyle_dotted"),
+				text: k("labels.strokeStyle_dotted"),
 				icon: Oe
 			}
 		],
 		value: Y(e, r, (e) => e.strokeStyle, (e) => Object.prototype.hasOwnProperty.call(e, "strokeStyle"), (e) => e ? null : t.currentItemStrokeStyle),
 		onChange: (e) => n(e)
 	})] })
-}), j({
+}), A({
 	name: "changeOpacity",
 	label: "labels.opacity",
 	trackEvent: !1,
 	perform: (e, t, n) => ({
-		elements: J(e, t, (e) => w(e, { opacity: n }), !0),
+		elements: J(e, t, (e) => C(e, { opacity: n }), !0),
 		appState: {
 			...t,
 			currentItemOpacity: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
-	PanelComponent: ({ app: e, updateData: t }) => /* @__PURE__ */ W(P, {
+	PanelComponent: ({ app: e, updateData: t }) => /* @__PURE__ */ W(M, {
 		updateData: t,
 		app: e,
 		testId: "opacity"
 	})
-}), j({
+}), A({
 	name: "changeFontSize",
 	label: "labels.fontSize",
 	trackEvent: !1,
-	perform: (e, t, n, r) => Z(e, t, r, () => (m(n, "actionChangeFontSize: Expected a font size value"), n), n),
+	perform: (e, t, n, r) => Z(e, t, r, () => (p(n, "actionChangeFontSize: Expected a font size value"), n), n),
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => {
 		let { isCompact: a } = q(r), o = { fontWeight: 500 };
-		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.fontSize") }), Q({
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.fontSize") }), Q({
 			options: [
 				{
 					value: s.sm,
-					text: A("labels.small"),
+					text: k("labels.small"),
 					icon: /* @__PURE__ */ W("span", {
 						style: { ...o },
 						children: "S"
@@ -367,7 +367,7 @@ j({
 				},
 				{
 					value: s.md,
-					text: A("labels.medium"),
+					text: k("labels.medium"),
 					icon: /* @__PURE__ */ W("span", {
 						style: { ...o },
 						children: "M"
@@ -376,7 +376,7 @@ j({
 				},
 				{
 					value: s.lg,
-					text: A("labels.large"),
+					text: k("labels.large"),
 					icon: /* @__PURE__ */ W("span", {
 						style: { ...o },
 						children: "L"
@@ -385,7 +385,7 @@ j({
 				},
 				{
 					value: s.xl,
-					text: A("labels.veryLarge"),
+					text: k("labels.veryLarge"),
 					icon: /* @__PURE__ */ W("span", {
 						style: { ...o },
 						children: "XL"
@@ -394,40 +394,40 @@ j({
 				}
 			],
 			value: Y(e, r, (e) => {
-				if (b(e)) return e.fontSize;
-				let t = S(e, r.scene.getNonDeletedElementsMap());
+				if (y(e)) return e.fontSize;
+				let t = x(e, r.scene.getNonDeletedElementsMap());
 				return t ? t.fontSize : null;
-			}, (e) => b(e) || S(e, r.scene.getNonDeletedElementsMap()) !== null, (e) => e ? null : t.currentItemFontSize || 20),
+			}, (e) => y(e) || x(e, r.scene.getNonDeletedElementsMap()) !== null, (e) => e ? null : t.currentItemFontSize || 20),
 			onChange: (e) => {
-				H(() => n(e), a, !!t.editingTextElement, i?.onPreventClose);
+				V(() => n(e), a, !!t.editingTextElement, i?.onPreventClose);
 			}
 		})] });
 	}
 });
-var Ve = j({
+var Ve = A({
 	name: "decreaseFontSize",
 	label: "labels.decreaseFontSize",
-	icon: V,
+	icon: B,
 	trackEvent: !1,
 	perform: (e, t, n, r) => Z(e, t, r, (e) => Math.round(1 / 1.1 * e.fontSize)),
 	keyTest: (e) => e[d.CTRL_OR_CMD] && e.shiftKey && (e.key === d.CHEVRON_LEFT || e.key === d.COMMA)
-}), He = j({
+}), He = A({
 	name: "increaseFontSize",
 	label: "labels.increaseFontSize",
-	icon: V,
+	icon: B,
 	trackEvent: !1,
 	perform: (e, t, n, r) => Z(e, t, r, (e) => Math.round(e.fontSize * 1.1)),
 	keyTest: (e) => e[d.CTRL_OR_CMD] && e.shiftKey && (e.key === d.CHEVRON_RIGHT || e.key === d.PERIOD)
 });
-j({
+A({
 	name: "changeTextAlign",
 	label: "Change text alignment",
 	trackEvent: !1,
 	perform: (e, t, n, r) => ({
 		elements: J(e, t, (e) => {
-			if (b(e)) {
-				let t = w(e, { textAlign: n });
-				return C(t, r.scene.getContainerElement(e), r.scene), t;
+			if (y(e)) {
+				let t = C(e, { textAlign: n });
+				return S(t, r.scene.getContainerElement(e), r.scene), t;
 			}
 			return e;
 		}, !0),
@@ -435,55 +435,55 @@ j({
 			...t,
 			currentItemTextAlign: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => {
 		let a = r.scene.getNonDeletedElementsMap(), { isCompact: o } = q(r);
-		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.textAlign") }), Q({
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.textAlign") }), Q({
 			options: [
 				{
 					value: "left",
-					text: A("labels.left"),
+					text: k("labels.left"),
 					icon: /* @__PURE__ */ W(je, {}),
 					testId: "align-left"
 				},
 				{
 					value: "center",
-					text: A("labels.center"),
+					text: k("labels.center"),
 					icon: /* @__PURE__ */ W(Ae, {}),
 					testId: "align-horizontal-center"
 				},
 				{
 					value: "right",
-					text: A("labels.right"),
+					text: k("labels.right"),
 					icon: /* @__PURE__ */ W(Me, {}),
 					testId: "align-right"
 				}
 			],
 			value: Y(e, r, (e) => {
-				if (b(e)) return e.textAlign;
-				let t = S(e, a);
+				if (y(e)) return e.textAlign;
+				let t = x(e, a);
 				return t ? t.textAlign : null;
-			}, (e) => b(e) || S(e, a) !== null, (e) => e ? null : t.currentItemTextAlign),
+			}, (e) => y(e) || x(e, a) !== null, (e) => e ? null : t.currentItemTextAlign),
 			onChange: (e) => {
-				H(() => n(e), o, !!t.editingTextElement, i?.onPreventClose);
+				V(() => n(e), o, !!t.editingTextElement, i?.onPreventClose);
 			}
 		})] });
 	}
-}), j({
+}), A({
 	name: "changeVerticalAlign",
 	label: "Change vertical alignment",
 	trackEvent: { category: "element" },
 	perform: (e, t, n, r) => ({
 		elements: J(e, t, (e) => {
-			if (b(e)) {
-				let t = w(e, { verticalAlign: n });
-				return C(t, r.scene.getContainerElement(e), r.scene), t;
+			if (y(e)) {
+				let t = C(e, { verticalAlign: n });
+				return S(t, r.scene.getContainerElement(e), r.scene), t;
 			}
 			return e;
 		}, !0),
 		appState: { ...t },
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => {
 		let { isCompact: a } = q(r);
@@ -491,60 +491,60 @@ j({
 			options: [
 				{
 					value: u.TOP,
-					text: A("labels.alignTop"),
+					text: k("labels.alignTop"),
 					icon: /* @__PURE__ */ W(Fe, {}),
 					testId: "align-top"
 				},
 				{
 					value: u.MIDDLE,
-					text: A("labels.centerVertically"),
+					text: k("labels.centerVertically"),
 					icon: /* @__PURE__ */ W(Pe, {}),
 					testId: "align-middle"
 				},
 				{
 					value: u.BOTTOM,
-					text: A("labels.alignBottom"),
+					text: k("labels.alignBottom"),
 					icon: /* @__PURE__ */ W(Ne, {}),
 					testId: "align-bottom"
 				}
 			],
 			value: Y(e, r, (e) => {
-				if (b(e) && e.containerId) return e.verticalAlign;
-				let t = S(e, r.scene.getNonDeletedElementsMap());
+				if (y(e) && e.containerId) return e.verticalAlign;
+				let t = x(e, r.scene.getNonDeletedElementsMap());
 				return t ? t.verticalAlign : null;
-			}, (e) => b(e) || S(e, r.scene.getNonDeletedElementsMap()) !== null, (e) => e ? null : u.MIDDLE),
+			}, (e) => y(e) || x(e, r.scene.getNonDeletedElementsMap()) !== null, (e) => e ? null : u.MIDDLE),
 			onChange: (e) => {
-				H(() => n(e), a, !!t.editingTextElement, i?.onPreventClose);
+				V(() => n(e), a, !!t.editingTextElement, i?.onPreventClose);
 			}
 		}) });
 	}
-}), j({
+}), A({
 	name: "changeRoundness",
 	label: "Change edge roundness",
 	trackEvent: !1,
 	perform: (e, t, n) => ({
-		elements: J(e, t, (e) => _(e) ? e : w(e, { roundness: n === "round" ? { type: oe(e.type) ? c.ADAPTIVE_RADIUS : c.PROPORTIONAL_RADIUS } : null })),
+		elements: J(e, t, (e) => g(e) ? e : C(e, { roundness: n === "round" ? { type: ce(e.type) ? c.ADAPTIVE_RADIUS : c.PROPORTIONAL_RADIUS } : null })),
 		appState: {
 			...t,
 			currentItemRoundness: n
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
 	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, renderAction: i }) => {
-		let a = se(k(e), t).some((e) => e.roundness?.type === c.LEGACY);
+		let a = le(O(e), t).some((e) => e.roundness?.type === c.LEGACY);
 		return /* @__PURE__ */ G("fieldset", { children: [
-			/* @__PURE__ */ W("legend", { children: A("labels.edges") }),
+			/* @__PURE__ */ W("legend", { children: k("labels.edges") }),
 			Q({
 				options: [{
 					value: "sharp",
-					text: A("labels.sharp"),
+					text: k("labels.sharp"),
 					icon: /* @__PURE__ */ W(Le, {})
 				}, {
 					value: "round",
-					text: A("labels.round"),
+					text: k("labels.round"),
 					icon: /* @__PURE__ */ W(Ie, {})
 				}],
-				value: Y(e, r, (e) => a ? null : e.roundness ? "round" : "sharp", (e) => !g(e) && Object.prototype.hasOwnProperty.call(e, "roundness"), (e) => e ? null : t.currentItemRoundness),
+				value: Y(e, r, (e) => a ? null : e.roundness ? "round" : "sharp", (e) => !h(e) && Object.prototype.hasOwnProperty.call(e, "roundness"), (e) => e ? null : t.currentItemRoundness),
 				onChange: (e) => n(e)
 			}),
 			i("togglePolygon")
@@ -554,87 +554,87 @@ j({
 var $ = (e) => [
 	{
 		value: null,
-		text: A("labels.arrowhead_none"),
+		text: k("labels.arrowhead_none"),
 		keyBinding: "q",
 		icon: _e
 	},
 	{
 		value: "arrow",
-		text: A("labels.arrowhead_arrow"),
+		text: k("labels.arrowhead_arrow"),
 		keyBinding: "w",
-		icon: /* @__PURE__ */ W(F, { flip: e })
+		icon: /* @__PURE__ */ W(N, { flip: e })
 	},
 	{
 		value: "triangle",
-		text: A("labels.arrowhead_triangle"),
+		text: k("labels.arrowhead_triangle"),
 		icon: /* @__PURE__ */ W(ve, { flip: e }),
 		keyBinding: "e"
 	},
 	{
 		value: "triangle_outline",
-		text: A("labels.arrowhead_triangle_outline"),
+		text: k("labels.arrowhead_triangle_outline"),
 		icon: /* @__PURE__ */ W(ye, { flip: e }),
 		keyBinding: "r"
 	},
 	{
 		value: "circle",
-		text: A("labels.arrowhead_circle"),
+		text: k("labels.arrowhead_circle"),
 		keyBinding: "a",
-		icon: /* @__PURE__ */ W(L, { flip: e })
+		icon: /* @__PURE__ */ W(F, { flip: e })
 	},
 	{
 		value: "circle_outline",
-		text: A("labels.arrowhead_circle_outline"),
+		text: k("labels.arrowhead_circle_outline"),
 		keyBinding: "s",
-		icon: /* @__PURE__ */ W(R, { flip: e })
+		icon: /* @__PURE__ */ W(I, { flip: e })
 	},
 	{
 		value: "diamond",
-		text: A("labels.arrowhead_diamond"),
+		text: k("labels.arrowhead_diamond"),
 		icon: /* @__PURE__ */ W(he, { flip: e }),
 		keyBinding: "d"
 	},
 	{
 		value: "diamond_outline",
-		text: A("labels.arrowhead_diamond_outline"),
+		text: k("labels.arrowhead_diamond_outline"),
 		icon: /* @__PURE__ */ W(ge, { flip: e }),
 		keyBinding: "f"
 	},
 	{
 		value: "bar",
-		text: A("labels.arrowhead_bar"),
+		text: k("labels.arrowhead_bar"),
 		keyBinding: "z",
-		icon: /* @__PURE__ */ W(I, { flip: e })
+		icon: /* @__PURE__ */ W(P, { flip: e })
 	},
 	{
 		value: "crowfoot_one",
-		text: A("labels.arrowhead_crowfoot_one"),
-		icon: /* @__PURE__ */ W(B, { flip: e }),
+		text: k("labels.arrowhead_crowfoot_one"),
+		icon: /* @__PURE__ */ W(R, { flip: e }),
 		keyBinding: "x"
 	},
 	{
 		value: "crowfoot_many",
-		text: A("labels.arrowhead_crowfoot_many"),
-		icon: /* @__PURE__ */ W(z, { flip: e }),
+		text: k("labels.arrowhead_crowfoot_many"),
+		icon: /* @__PURE__ */ W(L, { flip: e }),
 		keyBinding: "c"
 	},
 	{
 		value: "crowfoot_one_or_many",
-		text: A("labels.arrowhead_crowfoot_one_or_many"),
-		icon: /* @__PURE__ */ W(me, { flip: e }),
+		text: k("labels.arrowhead_crowfoot_one_or_many"),
+		icon: /* @__PURE__ */ W(z, { flip: e }),
 		keyBinding: "v"
 	}
 ];
-j({
+A({
 	name: "changeArrowhead",
 	label: "Change arrowheads",
 	trackEvent: !1,
-	perform: (e, t, n) => (m(n, "actionChangeArrowhead: value must be defined"), {
+	perform: (e, t, n) => (p(n, "actionChangeArrowhead: value must be defined"), {
 		elements: J(e, t, (e) => {
-			if (y(e)) {
+			if (v(e)) {
 				let { position: t, type: r } = n;
-				if (t === "start") return w(e, { startArrowhead: r });
-				if (t === "end") return w(e, { endArrowhead: r });
+				if (t === "start") return C(e, { startArrowhead: r });
+				if (t === "end") return C(e, { endArrowhead: r });
 			}
 			return e;
 		}),
@@ -642,11 +642,11 @@ j({
 			...t,
 			[n.position === "start" ? "currentItemStartArrowhead" : "currentItemEndArrowhead"]: n.type
 		},
-		captureUpdate: O.IMMEDIATELY
+		captureUpdate: D.IMMEDIATELY
 	}),
 	PanelComponent: ({ elements: r, appState: i, updateData: a, app: o }) => {
-		let s = pe().rtl, c = Y(r, o, (e) => y(e) && h(e.type) ? e.startArrowhead : i.currentItemStartArrowhead, !0, i.currentItemStartArrowhead), l = Y(r, o, (e) => y(e) && h(e.type) ? e.endArrowhead : i.currentItemEndArrowhead, !0, i.currentItemEndArrowhead);
-		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.arrowheads") }), /* @__PURE__ */ G(t, {
+		let s = me().rtl, c = Y(r, o, (e) => v(e) && m(e.type) ? e.startArrowhead : i.currentItemStartArrowhead, !0, i.currentItemStartArrowhead), l = Y(r, o, (e) => v(e) && m(e.type) ? e.endArrowhead : i.currentItemEndArrowhead, !0, i.currentItemEndArrowhead);
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.arrowheads") }), /* @__PURE__ */ G(t, {
 			inline: !0,
 			wrap: !0,
 			children: [/* @__PURE__ */ W(n, {
@@ -680,7 +680,7 @@ j({
 			})]
 		})] });
 	}
-}), j({
+}), A({
 	name: "changeArrowProperties",
 	label: "Change arrow properties",
 	trackEvent: !1,
@@ -689,48 +689,48 @@ j({
 		className: "selected-shape-actions",
 		children: [i("changeArrowhead"), i("changeArrowType")]
 	})
-}), j({
+}), A({
 	name: "changeArrowType",
 	label: "Change arrow types",
 	trackEvent: !1,
 	perform: (e, t, n, r) => {
 		let i = J(e, t, (e) => {
-			if (!g(e)) return e;
-			let i = r.scene.getNonDeletedElementsMap(), a = D.getPointAtIndexGlobalCoordinates(e, 0, i), s = D.getPointAtIndexGlobalCoordinates(e, -1, i), l = w(e, {
+			if (!h(e)) return e;
+			let i = r.scene.getNonDeletedElementsMap(), a = E.getPointAtIndexGlobalCoordinates(e, 0, i), s = E.getPointAtIndexGlobalCoordinates(e, -1, i), l = C(e, {
 				x: n === o.elbow ? a[0] : e.x,
 				y: n === o.elbow ? a[1] : e.y,
 				roundness: n === o.round ? { type: c.PROPORTIONAL_RADIUS } : null,
 				elbowed: n === o.elbow,
 				angle: n === o.elbow ? 0 : e.angle,
-				points: n === o.elbow || e.elbowed ? [D.pointFromAbsoluteCoords({
+				points: n === o.elbow || e.elbowed ? [E.pointFromAbsoluteCoords({
 					...e,
 					x: a[0],
 					y: a[1],
 					angle: 0
-				}, a, i), D.pointFromAbsoluteCoords({
+				}, a, i), E.pointFromAbsoluteCoords({
 					...e,
 					x: a[0],
 					y: a[1],
 					angle: 0
 				}, s, i)] : e.points
 			});
-			if (_(l)) {
+			if (g(l)) {
 				l.fixedSegments = null;
 				let e = r.scene.getNonDeletedElementsMap();
 				r.dismissLinearEditor();
-				let t = D.getPointAtIndexGlobalCoordinates(l, 0, e), n = D.getPointAtIndexGlobalCoordinates(l, -1, e), i = l.startBinding && e.get(l.startBinding.elementId), a = l.endBinding && e.get(l.endBinding.elementId), o = i && l.startBinding ? {
+				let t = E.getPointAtIndexGlobalCoordinates(l, 0, e), n = E.getPointAtIndexGlobalCoordinates(l, -1, e), i = l.startBinding && e.get(l.startBinding.elementId), a = l.endBinding && e.get(l.endBinding.elementId), o = i && l.startBinding ? {
 					...l.startBinding,
-					...E(l, i, "start", e)
+					...T(l, i, "start", e)
 				} : null, s = a && l.endBinding ? {
 					...l.endBinding,
-					...E(l, a, "end", e)
+					...T(l, a, "end", e)
 				} : null;
 				l = {
 					...l,
 					startBinding: o,
 					endBinding: s,
-					...le(l, e, {
-						points: [t, n].map((e) => f(e[0] - l.x, e[1] - l.y)),
+					...de(l, e, {
+						points: [t, n].map((e) => te(e[0] - l.x, e[1] - l.y)),
 						startBinding: o,
 						endBinding: s,
 						fixedSegments: null
@@ -740,11 +740,11 @@ j({
 				let e = r.scene.getNonDeletedElementsMap();
 				if (l.startBinding) {
 					let n = e.get(l.startBinding.elementId);
-					n && T(l, n, t.bindMode === "inside" ? "inside" : "orbit", "start", r.scene);
+					n && w(l, n, t.bindMode === "inside" ? "inside" : "orbit", "start", r.scene);
 				}
 				if (l.endBinding) {
 					let n = e.get(l.endBinding.elementId);
-					n && T(l, n, t.bindMode === "inside" ? "inside" : "orbit", "end", r.scene);
+					n && w(l, n, t.bindMode === "inside" ? "inside" : "orbit", "end", r.scene);
 				}
 			}
 			return l;
@@ -754,36 +754,36 @@ j({
 		}, s = t.selectedLinearElement?.elementId;
 		if (s) {
 			let t = i.find((e) => e.id === s);
-			t && (a.selectedLinearElement = new D(t, p(e)));
+			t && (a.selectedLinearElement = new E(t, f(e)));
 		}
 		return {
 			elements: i,
 			appState: a,
-			captureUpdate: O.IMMEDIATELY
+			captureUpdate: D.IMMEDIATELY
 		};
 	},
-	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.arrowtypes") }), Q({
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: k("labels.arrowtypes") }), Q({
 		options: [
 			{
 				value: o.sharp,
-				text: A("labels.arrowtype_sharp"),
+				text: k("labels.arrowtype_sharp"),
 				icon: /* @__PURE__ */ W(Be, {}),
 				testId: "sharp-arrow"
 			},
 			{
 				value: o.round,
-				text: A("labels.arrowtype_round"),
+				text: k("labels.arrowtype_round"),
 				icon: /* @__PURE__ */ W(ze, {}),
 				testId: "round-arrow"
 			},
 			{
 				value: o.elbow,
-				text: A("labels.arrowtype_elbowed"),
+				text: k("labels.arrowtype_elbowed"),
 				icon: /* @__PURE__ */ W(Re, {}),
 				testId: "elbow-arrow"
 			}
 		],
-		value: Y(e, r, (e) => g(e) ? e.elbowed ? o.elbow : e.roundness ? o.round : o.sharp : null, (e) => g(e), (e) => e ? null : t.currentItemArrowType),
+		value: Y(e, r, (e) => h(e) ? e.elbowed ? o.elbow : e.roundness ? o.round : o.sharp : null, (e) => h(e), (e) => e ? null : t.currentItemArrowType),
 		onChange: (e) => n(e)
 	})] })
 });