@antv/infographic 0.2.11 → 0.2.12

package/esm/designs/structures/relation-network.js

@@ -42,8 +42,8 @@ export const RelationNetwork = (props) => {
     }
     const { nodes, links } = runForceLayout();
     /** --- 偏移 --- */
-    const minX = Math.min(...nodes.map((d) => d.x ?? 0));
-    const minY = Math.min(...nodes.map((d) => d.y ?? 0));
+    const minX = Math.min(...nodes.map((d) => { var _a; return (_a = d.x) !== null && _a !== void 0 ? _a : 0; }));
+    const minY = Math.min(...nodes.map((d) => { var _a; return (_a = d.y) !== null && _a !== void 0 ? _a : 0; }));
     const offsetX = Math.max(0, -minX + itemBounds.width / 2);
     const offsetY = Math.max(0, -minY + itemBounds.height / 2);
     const positionBy = (x, y) => ({

package/esm/designs/structures/sequence-funnel.js

@@ -28,7 +28,7 @@ export const SequenceFunnel = (props) => {
     }
     const themeColors = getThemeColors(options.themeConfig);
     // 计算各区域尺寸
-    const actualFunnelWidth = funnelWidth ?? width * 0.55; // 稍微调窄一点漏斗，给右侧留更多空间
+    const actualFunnelWidth = funnelWidth !== null && funnelWidth !== void 0 ? funnelWidth : width * 0.55; // 稍微调窄一点漏斗，给右侧留更多空间
     const itemAreaWidth = width - actualFunnelWidth;
     // 漏斗层高度
     const funnelLayerHeight = itemHeight * FUNNEL_LAYER_HEIGHT_RATIO;

package/esm/designs/structures/sequence-mountain.js

@@ -96,7 +96,7 @@ function Mountain(props) {
         centerBottom,
     ];
     const toPointsString = (points) => points.map((p) => `${p.x},${p.y}`).join(' ');
-    return (_jsxs(ShapesGroup, { ...props, children: [_jsx("polygon", { points: toPointsString(leftTopShape), fill: leftTopColor }), _jsx("polygon", { points: toPointsString(rightTopShape), fill: rightTopColor }), _jsx("polygon", { points: toPointsString(leftBottomShape), fill: leftBottomColor }), _jsx("polygon", { points: toPointsString(rightBottomShape), fill: rightBottomColor })] }));
+    return (_jsxs(ShapesGroup, Object.assign({}, props, { children: [_jsx("polygon", { points: toPointsString(leftTopShape), fill: leftTopColor }), _jsx("polygon", { points: toPointsString(rightTopShape), fill: rightTopColor }), _jsx("polygon", { points: toPointsString(leftBottomShape), fill: leftBottomColor }), _jsx("polygon", { points: toPointsString(rightBottomShape), fill: rightBottomColor })] })));
 }
 function Tree(size) {
     const heightMap = {
@@ -135,13 +135,13 @@ function Sun(props) {
         const angle = (360 / rayCount) * i;
         return (_jsx("rect", { x: rayX, y: rayY, width: rayWidth, height: rayHeight, rx: cornerRadius, ry: cornerRadius, fill: "#FFCB0E", transform: `rotate(${angle}, ${centerX}, ${centerY})` }));
     });
-    return (_jsxs(ShapesGroup, { ...props, children: [_jsx("circle", { cx: centerX, cy: centerY, r: radius, fill: "#FFCB0E" }), ...rays] }));
+    return (_jsxs(ShapesGroup, Object.assign({}, props, { children: [_jsx("circle", { cx: centerX, cy: centerY, r: radius, fill: "#FFCB0E" }), ...rays] })));
 }
 function Cloud(props) {
     if (props.type === 'single') {
-        return (_jsx(ShapesGroup, { ...props, width: 54, height: 36, children: _jsx("path", { d: "M10.2635 13.3806C11.0019 9.99045 12.7381 6.91002 15.2405 4.55004C17.743 2.19007 20.8929 0.662716 24.2701 0.171643C27.6473 -0.31943 31.0914 0.24912 34.143 1.80148C37.1946 3.35385 39.7087 5.81625 41.3501 8.86031C44.8835 9.0468 48.1994 10.6544 50.5684 13.3294C52.9373 16.0044 54.1653 19.5277 53.9821 23.1242C53.7989 26.7207 52.2195 30.0959 49.5914 32.5071C46.9634 34.9184 43.5019 36.1683 39.9684 35.9818H11.1517C4.93436 35.9818 0 30.9593 0 24.6309C0.0598447 21.8016 1.13799 19.093 3.02989 17.0192C4.9218 14.9454 7.49584 13.6506 10.2635 13.3806Z", fill: "#70CAF8" }) }));
+        return (_jsx(ShapesGroup, Object.assign({}, props, { width: 54, height: 36, children: _jsx("path", { d: "M10.2635 13.3806C11.0019 9.99045 12.7381 6.91002 15.2405 4.55004C17.743 2.19007 20.8929 0.662716 24.2701 0.171643C27.6473 -0.31943 31.0914 0.24912 34.143 1.80148C37.1946 3.35385 39.7087 5.81625 41.3501 8.86031C44.8835 9.0468 48.1994 10.6544 50.5684 13.3294C52.9373 16.0044 54.1653 19.5277 53.9821 23.1242C53.7989 26.7207 52.2195 30.0959 49.5914 32.5071C46.9634 34.9184 43.5019 36.1683 39.9684 35.9818H11.1517C4.93436 35.9818 0 30.9593 0 24.6309C0.0598447 21.8016 1.13799 19.093 3.02989 17.0192C4.9218 14.9454 7.49584 13.6506 10.2635 13.3806Z", fill: "#70CAF8" }) })));
     }
-    return (_jsxs(ShapesGroup, { ...props, width: 73, height: 40, children: [_jsx("path", { d: "M61.6461 14.9716C60.8681 11.1875 58.9581 7.73823 56.1763 5.09315C53.3944 2.44806 49.8758 0.735682 46.0992 0.189041C42.3226 -0.357601 38.4714 0.288046 35.0699 2.03812C31.6683 3.7882 28.8815 6.5577 27.0889 9.96971C23.161 10.1687 19.4719 11.9405 16.8333 14.8953C14.1947 17.8502 12.8227 21.746 13.0191 25.7258C13.2155 29.7055 14.9642 33.4433 17.8806 36.1167C20.7969 38.7901 24.642 40.1802 28.5699 39.9812H60.6588C67.5702 39.9812 73.0006 34.4791 73.0006 27.4764C73.0006 20.9739 67.8664 15.4718 61.6461 14.9716Z", fill: "#70CAF8" }), _jsx("path", { d: "M21.9691 6.47136e-09C25.9369 6.47136e-09 29.5264 1.62125 32.0003 4.21094C30.0604 5.7917 28.4423 7.75571 27.2581 10C23.3149 10.1989 19.6111 11.9702 16.9622 14.9238C14.3136 17.8774 12.936 21.772 13.1331 25.75C13.2057 27.2131 13.4902 28.6432 13.9652 30H10.7689C7.96116 29.8907 5.29664 28.7203 3.30402 26.7217C1.31144 24.7231 0.135825 22.0419 0.0110544 19.21C-0.113702 16.378 0.821178 13.6017 2.63019 11.4326C4.43921 9.26356 6.99065 7.8602 9.77766 7.5C11.9582 3.00012 16.6168 8.76701e-05 21.9691 6.47136e-09Z", fill: "#5BA2C6" })] }));
+    return (_jsxs(ShapesGroup, Object.assign({}, props, { width: 73, height: 40, children: [_jsx("path", { d: "M61.6461 14.9716C60.8681 11.1875 58.9581 7.73823 56.1763 5.09315C53.3944 2.44806 49.8758 0.735682 46.0992 0.189041C42.3226 -0.357601 38.4714 0.288046 35.0699 2.03812C31.6683 3.7882 28.8815 6.5577 27.0889 9.96971C23.161 10.1687 19.4719 11.9405 16.8333 14.8953C14.1947 17.8502 12.8227 21.746 13.0191 25.7258C13.2155 29.7055 14.9642 33.4433 17.8806 36.1167C20.7969 38.7901 24.642 40.1802 28.5699 39.9812H60.6588C67.5702 39.9812 73.0006 34.4791 73.0006 27.4764C73.0006 20.9739 67.8664 15.4718 61.6461 14.9716Z", fill: "#70CAF8" }), _jsx("path", { d: "M21.9691 6.47136e-09C25.9369 6.47136e-09 29.5264 1.62125 32.0003 4.21094C30.0604 5.7917 28.4423 7.75571 27.2581 10C23.3149 10.1989 19.6111 11.9702 16.9622 14.9238C14.3136 17.8774 12.936 21.772 13.1331 25.75C13.2057 27.2131 13.4902 28.6432 13.9652 30H10.7689C7.96116 29.8907 5.29664 28.7203 3.30402 26.7217C1.31144 24.7231 0.135825 22.0419 0.0110544 19.21C-0.113702 16.378 0.821178 13.6017 2.63019 11.4326C4.43921 9.26356 6.99065 7.8602 9.77766 7.5C11.9582 3.00012 16.6168 8.76701e-05 21.9691 6.47136e-09Z", fill: "#5BA2C6" })] })));
 }
 export const SequenceMountain = (props) => {
     const { Title, Item, data, gap = 20, minHeight = 100, maxHeight = 200, minWidth = 260, maxWidth = 300, options, } = props;

package/esm/designs/structures/sequence-pyramid.js

@@ -21,7 +21,7 @@ export const SequencePyramid = (props) => {
     const backgroundElements = [];
     const iconElements = [];
     // Calculate dimensions
-    const actualPyramidWidth = pyramidWidth ?? width * 0.6;
+    const actualPyramidWidth = pyramidWidth !== null && pyramidWidth !== void 0 ? pyramidWidth : width * 0.6;
     const itemAreaWidth = width - actualPyramidWidth;
     // Pyramid layer height should be greater than itemHeight
     const pyramidLayerHeight = itemHeight * 1.2; // Magic number: 20% larger than itemHeight

package/esm/designs/structures/sequence-zigzag-steps.js

@@ -23,6 +23,7 @@ const DECO_OFFSET_Y = 40 + W_PATH_W / 2;
 // 滤镜定义
 const GlowFilter = (_jsx("filter", { id: "sequence-zigzag-glow-filter", x: "-50%", y: "-50%", width: "200%", height: "200%", children: _jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "15", result: "blur" }) }));
 export const SequenceZigzagSteps = (props) => {
+    var _a;
     const { Title, Item, data, options, dx = DX, dy = DY, iconSize = 30 } = props;
     const { title, desc, items = [] } = data;
     const titleContent = Title ? _jsx(Title, { title: title, desc: desc }) : null;
@@ -115,7 +116,7 @@ export const SequenceZigzagSteps = (props) => {
         }
     });
     if (pathD) {
-        const finalX = (pathPoints[pathPoints.length - 1]?.x || 0) + offsetX;
+        const finalX = (((_a = pathPoints[pathPoints.length - 1]) === null || _a === void 0 ? void 0 : _a.x) || 0) + offsetX;
         pathElements.push(_jsx(Path, { d: pathD, stroke: "#f3f2f1", strokeWidth: W_PATH_W, fill: "none", width: finalX, height: maxItemY - Math.min(minPathY + offsetY, 0) }));
     }
     return (_jsxs(FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: 30, children: [_jsx(Defs, { children: GlowFilter }), titleContent, _jsxs(Group, { x: 0, y: 0, children: [_jsx(Group, { children: [...pathElements, ...decoElements, ...iconElements] }), _jsx(ItemsGroup, { children: itemElements }), _jsx(BtnsGroup, { children: btnElements })] })] }));

package/esm/designs/utils/color.js

@@ -3,21 +3,25 @@ import { generateThemeColors } from '../../themes/index.js';
 import { isDarkColor } from '../../utils/index.js';
 const DEFAULT_COLOR = '#FF356A';
 export function getColorPrimary(options) {
-    return options?.themeConfig?.colorPrimary || DEFAULT_COLOR;
+    var _a;
+    return ((_a = options === null || options === void 0 ? void 0 : options.themeConfig) === null || _a === void 0 ? void 0 : _a.colorPrimary) || DEFAULT_COLOR;
 }
 export function getPaletteColors(options) {
+    var _a;
     const { themeConfig = {}, data } = options;
     const { colorPrimary, palette } = themeConfig;
     if (!palette || palette.length === 0) {
-        return Array(data?.items?.length || 1).fill(colorPrimary || DEFAULT_COLOR);
+        return Array(((_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.length) || 1).fill(colorPrimary || DEFAULT_COLOR);
     }
     return data.items.map((_, i) => _getPaletteColor(palette, [i], data.items.length) || DEFAULT_COLOR);
 }
 export function getPaletteColor(options, indexes) {
-    return _getPaletteColor(options?.themeConfig?.palette, indexes, options.data?.items?.length);
+    var _a, _b, _c;
+    return _getPaletteColor((_a = options === null || options === void 0 ? void 0 : options.themeConfig) === null || _a === void 0 ? void 0 : _a.palette, indexes, (_c = (_b = options.data) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length);
 }
 export function getThemeColors(colors, options) {
-    const { colorBg = options?.themeConfig?.colorBg || 'white', colorPrimary = options ? getColorPrimary(options) : 'black', } = colors;
+    var _a;
+    const { colorBg = ((_a = options === null || options === void 0 ? void 0 : options.themeConfig) === null || _a === void 0 ? void 0 : _a.colorBg) || 'white', colorPrimary = options ? getColorPrimary(options) : 'black', } = colors;
     return generateThemeColors({
         colorPrimary: colorPrimary,
         isDarkMode: isDarkColor(colorBg),

package/esm/designs/utils/item.js

@@ -5,7 +5,7 @@
  * @returns
  */
 export function getItemProps(props, extKeys = []) {
-    const restProps = { ...props };
+    const restProps = Object.assign({}, props);
     const extProps = {};
     const keys = [
         'indexes',
@@ -35,9 +35,10 @@ export function getItemProps(props, extKeys = []) {
  * 针对层级结构，获取当前层级对应的组件
  */
 export function getItemComponent(Items, level) {
+    var _a;
     if (Items.length === 0)
         return () => null;
     if (level === undefined)
         return Items[0];
-    return Items[level] ?? Items[0];
+    return (_a = Items[level]) !== null && _a !== void 0 ? _a : Items[0];
 }

package/esm/editor/commands/Batch.js

@@ -1,16 +1,29 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 export class BatchCommand {
     constructor(commands) {
         this.commands = commands;
     }
-    async apply(state) {
-        for (const command of this.commands) {
-            await command.apply(state);
-        }
+    apply(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (const command of this.commands) {
+                yield command.apply(state);
+            }
+        });
     }
-    async undo(state) {
-        for (let i = this.commands.length - 1; i >= 0; i--) {
-            await this.commands[i].undo(state);
-        }
+    undo(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (let i = this.commands.length - 1; i >= 0; i--) {
+                yield this.commands[i].undo(state);
+            }
+        });
     }
     serialize() {
         return {

package/esm/editor/commands/UpdateElement.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { getAttributes, getIconAttrs, getIconEntity, getTextElementProps, isEditableText, isIconElement, setAttributes, updateIconElement, updateTextElement, } from '../../utils/index.js';
 export class UpdateElementCommand {
     constructor(element, modified, original) {
@@ -6,15 +15,19 @@ export class UpdateElementCommand {
         const computedOriginal = getOriginalProps(element, modified);
         this.original = mergeOriginalProps(computedOriginal, original);
     }
-    async apply(state) {
-        updateElement(this.element, this.modified);
-        state.updateElement(this.element, this.modified);
+    apply(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            updateElement(this.element, this.modified);
+            state.updateElement(this.element, this.modified);
+        });
     }
-    async undo(state) {
-        if (this.original) {
-            updateElement(this.element, this.original);
-            state.updateElement(this.element, this.original);
-        }
+    undo(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.original) {
+                updateElement(this.element, this.original);
+                state.updateElement(this.element, this.original);
+            }
+        });
     }
     serialize() {
         return {
@@ -47,10 +60,7 @@ function getOriginalProps(element, modified) {
                 originalAttributes[key] = attrs[key];
         });
     };
-    const original = {
-        ...modified,
-        attributes: originalAttributes,
-    };
+    const original = Object.assign(Object.assign({}, modified), { attributes: originalAttributes });
     if (isEditableText(element)) {
         const { attributes } = getTextElementProps(element);
         assignModifiedAttributes(attributes);
@@ -69,15 +79,8 @@ function mergeOriginalProps(computed, provided) {
         return provided;
     if (!provided)
         return computed;
-    const mergedAttributes = {
-        ...(computed.attributes || {}),
-        ...(provided.attributes || {}),
-    };
-    return {
-        ...computed,
-        ...provided,
-        attributes: Object.keys(mergedAttributes).length
+    const mergedAttributes = Object.assign(Object.assign({}, (computed.attributes || {})), (provided.attributes || {}));
+    return Object.assign(Object.assign(Object.assign({}, computed), provided), { attributes: Object.keys(mergedAttributes).length
             ? mergedAttributes
-            : undefined,
-    };
+            : undefined });
 }

package/esm/editor/commands/UpdateOptions.js

@@ -1,19 +1,32 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 export class UpdateOptionsCommand {
     constructor(options, original) {
         this.options = options;
         this.original = original;
     }
-    async apply(state) {
-        const prev = state.getOptions();
-        if (!this.original) {
-            this.original = prev;
-        }
-        state.updateOptions({ ...prev, ...this.options });
+    apply(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const prev = state.getOptions();
+            if (!this.original) {
+                this.original = prev;
+            }
+            state.updateOptions(Object.assign(Object.assign({}, prev), this.options));
+        });
     }
-    async undo(state) {
-        if (this.original) {
-            state.updateOptions(this.original);
-        }
+    undo(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.original) {
+                state.updateOptions(this.original);
+            }
+        });
     }
     serialize() {
         return {

package/esm/editor/commands/UpdateText.js

@@ -1,22 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { getElementRole, getTextContent, setTextContent } from '../../utils/index.js';
 import { getIndexesFromElement } from '../utils/index.js';
 export class UpdateTextCommand {
     constructor(element, newText, originalText) {
         this.element = element;
-        this.originalText = originalText ?? getTextContent(element);
+        this.originalText = originalText !== null && originalText !== void 0 ? originalText : getTextContent(element);
         this.modifiedText = newText;
     }
-    async apply(state) {
-        if (this.originalText === this.modifiedText)
-            return;
-        setTextContent(this.element, this.modifiedText);
-        updateItemText(state, this.element, this.modifiedText);
+    apply(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.originalText === this.modifiedText)
+                return;
+            setTextContent(this.element, this.modifiedText);
+            updateItemText(state, this.element, this.modifiedText);
+        });
     }
-    async undo(state) {
-        if (this.originalText === this.modifiedText)
-            return;
-        setTextContent(this.element, this.originalText);
-        updateItemText(state, this.element, this.originalText);
+    undo(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.originalText === this.modifiedText)
+                return;
+            setTextContent(this.element, this.originalText);
+            updateItemText(state, this.element, this.originalText);
+        });
     }
     serialize() {
         return {

package/esm/editor/interactions/brush-select.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { createElement, setAttributes } from '../../utils/index.js';
 import { clientToViewport, getElementViewportBounds, getEventTarget, getSelectableTarget, } from '../utils/index.js';
 import { Interaction } from './base.js';
@@ -17,15 +26,17 @@ export class BrushSelect extends Interaction {
                 return;
             if (this.hasElementAtStart(event.target))
                 return;
-            this.interaction.executeExclusiveInteraction(this, async () => new Promise((resolve) => {
-                this.completeInteraction = resolve;
-                const svg = this.editor.getDocument();
-                this.startPoint = clientToViewport(svg, event.clientX, event.clientY);
-                this.pointerId = event.pointerId;
-                this.shiftKey = event.shiftKey;
-                this.dragging = false;
-                window.addEventListener('pointermove', this.handleMove);
-                window.addEventListener('pointerup', this.handleEnd);
+            this.interaction.executeExclusiveInteraction(this, () => __awaiter(this, void 0, void 0, function* () {
+                return new Promise((resolve) => {
+                    this.completeInteraction = resolve;
+                    const svg = this.editor.getDocument();
+                    this.startPoint = clientToViewport(svg, event.clientX, event.clientY);
+                    this.pointerId = event.pointerId;
+                    this.shiftKey = event.shiftKey;
+                    this.dragging = false;
+                    window.addEventListener('pointermove', this.handleMove);
+                    window.addEventListener('pointerup', this.handleEnd);
+                });
             }));
         };
         this.handleMove = (event) => {
@@ -47,6 +58,7 @@ export class BrushSelect extends Interaction {
             this.updateBrush(this.startPoint, current);
         };
         this.handleEnd = (event) => {
+            var _a, _b;
             if (event.pointerId !== this.pointerId || !this.startPoint)
                 return;
             window.removeEventListener('pointermove', this.handleMove);
@@ -66,12 +78,12 @@ export class BrushSelect extends Interaction {
             const withShift = this.shiftKey;
             this.shiftKey = false;
             if (!rect) {
-                this.completeInteraction?.();
+                (_a = this.completeInteraction) === null || _a === void 0 ? void 0 : _a.call(this);
                 this.completeInteraction = undefined;
                 return;
             }
             const selection = this.collectSelection(rect);
-            this.completeInteraction?.();
+            (_b = this.completeInteraction) === null || _b === void 0 ? void 0 : _b.call(this);
             this.completeInteraction = undefined;
             if (selection.length === 0) {
                 if (!withShift)
@@ -117,7 +129,8 @@ export class BrushSelect extends Interaction {
         return { x, y, width, height };
     }
     clearBrush() {
-        this.brush?.remove();
+        var _a;
+        (_a = this.brush) === null || _a === void 0 ? void 0 : _a.remove();
         this.brush = undefined;
     }
     collectSelection(rect) {
@@ -150,11 +163,12 @@ export class BrushSelect extends Interaction {
         }, []);
     }
     hasElementAtStart(target) {
+        var _a;
         if (!(target instanceof Element))
             return false;
         if (getEventTarget(target))
             return true;
-        return Boolean(target.closest?.('[data-element-type]'));
+        return Boolean((_a = target.closest) === null || _a === void 0 ? void 0 : _a.call(target, '[data-element-type]'));
     }
     isTextSelectionTarget(target) {
         if (!(target instanceof HTMLElement))

package/esm/editor/interactions/click-select.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { isEditingText } from '../../utils/index.js';
 import { ClickHandler, getEventTarget } from '../utils/index.js';
 import { Interaction } from './base.js';
@@ -29,7 +38,7 @@ export class ClickSelect extends Interaction {
         const handleSelect = (event) => {
             if (!interaction.isActive())
                 return;
-            interaction.executeExclusiveInteraction(this, async () => {
+            interaction.executeExclusiveInteraction(this, () => __awaiter(this, void 0, void 0, function* () {
                 const target = getEventTarget(event.target);
                 if (isEditingText(target))
                     return;
@@ -51,7 +60,7 @@ export class ClickSelect extends Interaction {
                     else
                         interaction.clearSelection();
                 }
-            });
+            }));
         };
         this.clickHandler.onClick(handleSelect);
         document.addEventListener('keydown', this.onShiftKeyDown);
@@ -59,7 +68,8 @@ export class ClickSelect extends Interaction {
         document.addEventListener('keydown', this.onEscKeyDown);
     }
     destroy() {
-        this.clickHandler?.destroy();
+        var _a;
+        (_a = this.clickHandler) === null || _a === void 0 ? void 0 : _a.destroy();
         document.removeEventListener('keydown', this.onShiftKeyDown);
         document.removeEventListener('keyup', this.onShiftKeyUp);
         document.removeEventListener('keydown', this.onEscKeyDown);

package/esm/editor/interactions/dblclick-edit-text.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { getTextContent, getTextEntity, injectStyleOnce, isEditableText, } from '../../utils/index.js';
 import { UpdateTextCommand } from '../commands/index.js';
 import { ClickHandler, getEventTarget } from '../utils/index.js';
@@ -13,14 +22,14 @@ export class DblClickEditText extends Interaction {
         this.clickHandler = new ClickHandler(editor.getDocument()).onDoubleClick((event) => {
             if (!interaction.isActive())
                 return;
-            interaction.executeExclusiveInteraction(this, async () => {
+            interaction.executeExclusiveInteraction(this, () => __awaiter(this, void 0, void 0, function* () {
                 const target = getEventTarget(event.target);
                 if (!target)
                     return;
                 if (isEditableText(target)) {
                     interaction.select([target], 'replace');
                     const originalText = getTextContent(target);
-                    const text = await new Promise((resolve) => {
+                    const text = yield new Promise((resolve) => {
                         const stopListen = this.listenSelectionChange(target);
                         editText(target, {
                             cursorPosition: {
@@ -34,17 +43,19 @@ export class DblClickEditText extends Interaction {
                     });
                     commander.execute(new UpdateTextCommand(target, text, originalText));
                 }
-            });
+            }));
         });
     }
     destroy() {
-        this.clickHandler?.destroy();
-        this.detachSelectionListener?.();
+        var _a, _b;
+        (_a = this.clickHandler) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.detachSelectionListener) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     listenSelectionChange(target) {
         const handler = ({ next }) => {
+            var _a;
             if (!next.includes(target)) {
-                this.detachSelectionListener?.();
+                (_a = this.detachSelectionListener) === null || _a === void 0 ? void 0 : _a.call(this);
                 this.detachSelectionListener = undefined;
                 const entity = getTextEntity(target);
                 if (entity)
@@ -81,14 +92,16 @@ class InlineTextEditor {
             }
         };
         this.handleInput = () => {
+            var _a, _b;
             this.normalizeSpanContent();
-            this.options?.onInput?.(this.getText());
+            (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.onInput) === null || _b === void 0 ? void 0 : _b.call(_a, this.getText());
         };
         this.handleBlur = () => {
+            var _a, _b;
             this.entity.removeAttribute('contenteditable');
             this.entity.classList.remove(EDITOR_BASE_CLASS);
             this.normalizeSpanContent();
-            this.options?.onBlur?.(this.getText());
+            (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, this.getText());
             this.detachListeners();
         };
     }
@@ -111,6 +124,7 @@ class InlineTextEditor {
         this.entity.removeEventListener('input', this.handleInput);
     }
     insertPlainText(text) {
+        var _a, _b;
         const selection = window.getSelection();
         if (!selection)
             return;
@@ -129,11 +143,12 @@ class InlineTextEditor {
         selection.addRange(range);
         // Mirror native input behavior so consumers stay in sync.
         this.normalizeSpanContent();
-        this.options?.onInput?.(this.getText());
+        (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.onInput) === null || _b === void 0 ? void 0 : _b.call(_a, this.getText());
     }
     normalizeSpanContent() {
+        var _a;
         if (this.entity.childNodes.length === 1 &&
-            this.entity.firstChild?.nodeType === Node.TEXT_NODE) {
+            ((_a = this.entity.firstChild) === null || _a === void 0 ? void 0 : _a.nodeType) === Node.TEXT_NODE) {
             return;
         }
         const plainText = this.getText();
@@ -152,21 +167,22 @@ class InlineTextEditor {
         this.placeCaretAtEnd();
     }
     getRangeFromPoint() {
+        var _a, _b;
         const { cursorPosition } = this.options || {};
         if (!cursorPosition)
             return null;
         const { clientX, clientY } = cursorPosition;
         const doc = document;
-        const rangeFromPoint = doc.caretRangeFromPoint?.(clientX, clientY) ??
-            (() => {
-                const caretPosition = doc.caretPositionFromPoint?.(clientX, clientY);
-                if (!caretPosition)
-                    return null;
-                const caretRange = document.createRange();
-                caretRange.setStart(caretPosition.offsetNode, caretPosition.offset);
-                caretRange.collapse(true);
-                return caretRange;
-            })();
+        const rangeFromPoint = (_b = (_a = doc.caretRangeFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, clientX, clientY)) !== null && _b !== void 0 ? _b : (() => {
+            var _a;
+            const caretPosition = (_a = doc.caretPositionFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, clientX, clientY);
+            if (!caretPosition)
+                return null;
+            const caretRange = document.createRange();
+            caretRange.setStart(caretPosition.offsetNode, caretPosition.offset);
+            caretRange.collapse(true);
+            return caretRange;
+        })();
         if (!rangeFromPoint)
             return null;
         if (!this.entity.contains(rangeFromPoint.startContainer))