@antv/infographic 0.2.11 → 0.2.12

package/esm/editor/interactions/drag-element.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 { getCombinedBounds } from '../../jsx/utils/bounds.js';
 import { createElement, getAttributes, isEditableText, isEditingText, setAttributes, } from '../../utils/index.js';
 import { UpdateElementCommand } from '../commands/index.js';
@@ -114,9 +123,11 @@ export class DragElement extends Interaction {
         if (this.dragItems.length === 0)
             return false;
         let started = false;
-        this.interaction.executeExclusiveInteraction(this, async () => new Promise((resolve) => {
-            this.completeInteraction = resolve;
-            started = true;
+        this.interaction.executeExclusiveInteraction(this, () => __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                this.completeInteraction = resolve;
+                started = true;
+            });
         }));
         this.exclusiveStarted = started;
         return started;
@@ -252,7 +263,8 @@ export class DragElement extends Interaction {
         return rest && rest.length ? `${translate} ${rest}` : translate;
     }
     emitGeometryChange() {
-        const target = this.dragItems[0]?.element;
+        var _a;
+        const target = (_a = this.dragItems[0]) === null || _a === void 0 ? void 0 : _a.element;
         if (!target)
             return;
         const rect = getElementViewportBounds(this.editor.getDocument(), target);
@@ -268,6 +280,7 @@ export class DragElement extends Interaction {
         window.removeEventListener('pointercancel', this.handleEnd);
     }
     reset() {
+        var _a;
         this.detachPointerListeners();
         this.clearGuides();
         this.pointerId = undefined;
@@ -280,7 +293,7 @@ export class DragElement extends Interaction {
         this.dragging = false;
         this.startBounds = undefined;
         this.guideCandidates = undefined;
-        this.completeInteraction?.();
+        (_a = this.completeInteraction) === null || _a === void 0 ? void 0 : _a.call(this);
         this.completeInteraction = undefined;
     }
     getSelectionBounds(selection) {
@@ -315,8 +328,8 @@ export class DragElement extends Interaction {
         const snapX = this.getSnapOffset([moving.x, moving.x + moving.width / 2, moving.x + moving.width], this.guideCandidates.vertical);
         const snapY = this.getSnapOffset([moving.y, moving.y + moving.height / 2, moving.y + moving.height], this.guideCandidates.horizontal);
         return {
-            dx: dx + (snapX?.offset || 0),
-            dy: dy + (snapY?.offset || 0),
+            dx: dx + ((snapX === null || snapX === void 0 ? void 0 : snapX.offset) || 0),
+            dy: dy + ((snapY === null || snapY === void 0 ? void 0 : snapY.offset) || 0),
             snapX,
             snapY,
         };
@@ -383,8 +396,9 @@ export class DragElement extends Interaction {
         }
     }
     clearGuides() {
-        this.guideVertical?.remove();
-        this.guideHorizontal?.remove();
+        var _a, _b;
+        (_a = this.guideVertical) === null || _a === void 0 ? void 0 : _a.remove();
+        (_b = this.guideHorizontal) === null || _b === void 0 ? void 0 : _b.remove();
         this.guideVertical = undefined;
         this.guideHorizontal = undefined;
     }

package/esm/editor/interactions/hotkey-history.js

@@ -1,17 +1,26 @@
+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 { Hotkey } from '../utils/index.js';
 import { Interaction } from './base.js';
 export class HotkeyHistory extends Interaction {
     constructor() {
         super(...arguments);
         this.name = 'hotkey-history';
-        this.handleUndo = async (event) => {
+        this.handleUndo = (event) => __awaiter(this, void 0, void 0, function* () {
             event.preventDefault();
-            await this.commander.undo();
-        };
-        this.handleRedo = async (event) => {
+            yield this.commander.undo();
+        });
+        this.handleRedo = (event) => __awaiter(this, void 0, void 0, function* () {
             event.preventDefault();
-            await this.commander.redo();
-        };
+            yield this.commander.redo();
+        });
     }
     init(options) {
         super.init(options);
@@ -22,6 +31,7 @@ export class HotkeyHistory extends Interaction {
         this.hotkey.bind(['mod+shift+z', 'mod+y'], this.handleRedo);
     }
     destroy() {
-        this.hotkey?.destroy();
+        var _a;
+        (_a = this.hotkey) === null || _a === void 0 ? void 0 : _a.destroy();
     }
 }

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

@@ -70,19 +70,14 @@ export class SelectHighlight extends Interaction {
         this.highlightMasks = this.highlightMasks.slice(0, selection.length);
     }
     drawCombinedBoundsMask(selection) {
+        var _a;
         if (selection.length < 2) {
-            this.combinedBoundsMask?.remove();
+            (_a = this.combinedBoundsMask) === null || _a === void 0 ? void 0 : _a.remove();
             this.combinedBoundsMask = undefined;
             return;
         }
         const bounds = getCombinedBounds(selection.map((element) => getElementViewportBounds(this.editor.getDocument(), element)));
-        const attrs = {
-            ...bounds,
-            fill: 'none',
-            stroke: '#3384F5',
-            'stroke-width': 2,
-            'pointer-events': 'none',
-        };
+        const attrs = Object.assign(Object.assign({}, bounds), { fill: 'none', stroke: '#3384F5', 'stroke-width': 2, 'pointer-events': 'none' });
         if (this.combinedBoundsMask) {
             setAttributes(this.combinedBoundsMask, attrs);
         }
@@ -91,9 +86,10 @@ export class SelectHighlight extends Interaction {
         }
     }
     clearMasks() {
+        var _a;
         this.highlightMasks.forEach((mask) => mask.remove());
         this.highlightMasks = [];
-        this.combinedBoundsMask?.remove();
+        (_a = this.combinedBoundsMask) === null || _a === void 0 ? void 0 : _a.remove();
         this.combinedBoundsMask = undefined;
     }
 }

package/esm/editor/interactions/zoom-wheel.js

@@ -10,6 +10,7 @@ export class ZoomWheel extends Interaction {
         super(...arguments);
         this.name = 'zoom-wheel';
         this.wheelListener = (event) => {
+            var _a;
             if (!this.interaction.isActive())
                 return;
             if (!event.ctrlKey && !event.metaKey)
@@ -17,7 +18,7 @@ export class ZoomWheel extends Interaction {
             event.preventDefault();
             const factor = event.deltaY > 0 ? 1.1 : 0.9;
             const current = this.state.getOptions();
-            const currentPadding = current.padding ?? 0;
+            const currentPadding = (_a = current.padding) !== null && _a !== void 0 ? _a : 0;
             const parsed = parsePadding(currentPadding);
             const svg = this.editor.getDocument();
             const bbox = svg.getBBox();

package/esm/editor/managers/command.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 { BatchCommand } from '../commands/index.js';
 export class CommandManager {
     constructor() {
@@ -7,33 +16,41 @@ export class CommandManager {
     init(options) {
         Object.assign(this, options);
     }
-    async execute(command) {
-        await command.apply(this.state);
-        this.undoStack.push(command);
-        this.redoStack = [];
-        this.emitHistoryChange('execute');
-    }
-    async executeBatch(commands) {
-        if (commands.length === 0)
-            return;
-        const batchCommand = new BatchCommand(commands);
-        await this.execute(batchCommand);
-    }
-    async undo() {
-        const command = this.undoStack.pop();
-        if (command) {
-            await command.undo(this.state);
-            this.redoStack.push(command);
-            this.emitHistoryChange('undo');
-        }
-    }
-    async redo() {
-        const command = this.redoStack.pop();
-        if (command) {
-            await command.apply(this.state);
+    execute(command) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield command.apply(this.state);
             this.undoStack.push(command);
-            this.emitHistoryChange('redo');
-        }
+            this.redoStack = [];
+            this.emitHistoryChange('execute');
+        });
+    }
+    executeBatch(commands) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (commands.length === 0)
+                return;
+            const batchCommand = new BatchCommand(commands);
+            yield this.execute(batchCommand);
+        });
+    }
+    undo() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const command = this.undoStack.pop();
+            if (command) {
+                yield command.undo(this.state);
+                this.redoStack.push(command);
+                this.emitHistoryChange('undo');
+            }
+        });
+    }
+    redo() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const command = this.redoStack.pop();
+            if (command) {
+                yield command.apply(this.state);
+                this.undoStack.push(command);
+                this.emitHistoryChange('redo');
+            }
+        });
     }
     serialize() {
         return this.undoStack.map((cmd) => cmd.serialize());
@@ -55,7 +72,8 @@ export class CommandManager {
         this.clear();
     }
     emitHistoryChange(action) {
-        this.emitter?.emit('history:change', {
+        var _a;
+        (_a = this.emitter) === null || _a === void 0 ? void 0 : _a.emit('history:change', {
             type: 'history:change',
             action,
         });

package/esm/editor/managers/interaction.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, getElementByRole, isInfographicComponent, setElementRole, } from '../../utils/index.js';
 import { Extension } from '../utils/index.js';
 export class InteractionManager {
@@ -127,43 +136,47 @@ export class InteractionManager {
     /**
      * 执行互斥交互操作（同一时间只能有一个互斥交互在进行）
      */
-    async executeExclusiveInteraction(instance, callback) {
-        // 如果未激活或已有互斥交互在运行，则拒绝执行
-        if (!this.active || this.running)
-            return;
-        this.running = instance;
-        try {
-            this.emitter.emit('interaction:started', instance);
-            await callback();
-            this.emitter.emit('interaction:ended', instance);
-        }
-        catch (error) {
-            console.error(`Error occurred during exclusive interaction "${instance.name}":`, error);
-            this.emitter.emit('interaction:error', instance, error);
-        }
-        finally {
-            this.running = null;
-        }
+    executeExclusiveInteraction(instance, callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // 如果未激活或已有互斥交互在运行，则拒绝执行
+            if (!this.active || this.running)
+                return;
+            this.running = instance;
+            try {
+                this.emitter.emit('interaction:started', instance);
+                yield callback();
+                this.emitter.emit('interaction:ended', instance);
+            }
+            catch (error) {
+                console.error(`Error occurred during exclusive interaction "${instance.name}":`, error);
+                this.emitter.emit('interaction:error', instance, error);
+            }
+            finally {
+                this.running = null;
+            }
+        });
     }
     /**
      * 执行协同交互操作（允许多个协同交互同时进行）
      */
-    async executeConcurrentInteraction(instance, callback) {
-        if (!this.active)
-            return;
-        this.concurrentInteractions.add(instance);
-        try {
-            this.emitter.emit('interaction:started', instance);
-            await callback();
-            this.emitter.emit('interaction:ended', instance);
-        }
-        catch (error) {
-            console.error(`Error occurred during concurrent interaction "${instance.name}":`, error);
-            this.emitter.emit('interaction:error', instance, error);
-        }
-        finally {
-            this.concurrentInteractions.delete(instance);
-        }
+    executeConcurrentInteraction(instance, callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.active)
+                return;
+            this.concurrentInteractions.add(instance);
+            try {
+                this.emitter.emit('interaction:started', instance);
+                yield callback();
+                this.emitter.emit('interaction:ended', instance);
+            }
+            catch (error) {
+                console.error(`Error occurred during concurrent interaction "${instance.name}":`, error);
+                this.emitter.emit('interaction:error', instance, error);
+            }
+            finally {
+                this.concurrentInteractions.delete(instance);
+            }
+        });
     }
     getOrCreateTransientContainer() {
         const role = 'transient-container';

package/esm/editor/managers/state.js

@@ -75,7 +75,7 @@ export class StateManager {
         this.updateBuiltInElement(element, props);
     }
     updateOptions(options) {
-        this.options = { ...this.options, ...options };
+        this.options = Object.assign(Object.assign({}, this.options), options);
         if (this.options.padding !== undefined) {
             setSVGPadding(this.editor.getDocument(), parsePadding(this.options.padding));
         }

package/esm/editor/plugins/edit-bar/components/color-picker.js

@@ -42,6 +42,7 @@ const DEFAULT_SWATCHES = [
     'rgba(255, 255, 255, 0.85)',
 ];
 export function ColorPicker(props) {
+    var _a, _b, _c;
     if (typeof document === 'undefined') {
         throw new Error('ColorPicker can only be used in the browser.');
     }
@@ -72,15 +73,14 @@ export function ColorPicker(props) {
     formatSwitch.appendChild(createSwitchLabel('RGBA'));
     formatToggle.appendChild(formatSwitch);
     let format = 'hexa';
-    let color = parseColor(props.value) ??
-        parseColor(DEFAULT_COLOR) ?? {
+    let color = (_b = (_a = parseColor(props.value)) !== null && _a !== void 0 ? _a : parseColor(DEFAULT_COLOR)) !== null && _b !== void 0 ? _b : {
         r: 31,
         g: 31,
         b: 31,
         a: 1,
     };
     const swatchButtons = [];
-    const swatches = props.swatches?.length ? props.swatches : DEFAULT_SWATCHES;
+    const swatches = ((_c = props.swatches) === null || _c === void 0 ? void 0 : _c.length) ? props.swatches : DEFAULT_SWATCHES;
     swatches.forEach((value) => {
         const parsed = parseColor(value);
         if (!parsed)
@@ -128,15 +128,17 @@ export function ColorPicker(props) {
         setColor(parsed);
     }
     function setFormat(next, emitChange) {
+        var _a;
         if (format === next)
             return;
         format = next;
         syncUI();
         if (emitChange) {
-            props.onChange?.(formatColor(color, format));
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, formatColor(color, format));
         }
     }
     function setColor(next, emitChange = true) {
+        var _a;
         if (isSameColor(color, next)) {
             syncUI();
             return;
@@ -144,7 +146,7 @@ export function ColorPicker(props) {
         color = next;
         syncUI();
         if (emitChange) {
-            props.onChange?.(formatColor(color, format));
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, formatColor(color, format));
         }
     }
     function syncUI() {
@@ -173,6 +175,7 @@ export function ColorPicker(props) {
     }
 }
 function parseColor(value) {
+    var _a;
     if (!value)
         return undefined;
     const parsed = parse(value);
@@ -183,7 +186,7 @@ function parseColor(value) {
         r: clampByte(rgb.r),
         g: clampByte(rgb.g),
         b: clampByte(rgb.b),
-        a: clamp01(rgb.alpha ?? 1),
+        a: clamp01((_a = rgb.alpha) !== null && _a !== void 0 ? _a : 1),
     };
 }
 function formatColor(color, format) {

package/esm/editor/plugins/edit-bar/components/popover.js

@@ -5,29 +5,30 @@ const POPOVER_CONTENT_CLASS = `${POPOVER_CLASS}__content`;
 const POPOVER_ARROW_CLASS = `${POPOVER_CLASS}__arrow`;
 const POPOVER_STYLE_ID = 'infographic-edit-popover-style';
 export function Popover(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     ensurePopoverStyle();
-    const placement = props.placement ?? 'top';
-    const closeOnOutsideClick = props.closeOnOutsideClick ?? true;
+    const placement = (_a = props.placement) !== null && _a !== void 0 ? _a : 'top';
+    const closeOnOutsideClick = (_b = props.closeOnOutsideClick) !== null && _b !== void 0 ? _b : true;
     const triggerActions = Array.isArray(props.trigger)
         ? props.trigger
         : [props.trigger || 'hover'];
-    const hoverOpenDelay = props.mouseEnterDelay ?? 50;
-    const hoverCloseDelay = props.mouseLeaveDelay ?? 150;
-    const offset = props.offset ?? 8;
+    const hoverOpenDelay = (_c = props.mouseEnterDelay) !== null && _c !== void 0 ? _c : 50;
+    const hoverCloseDelay = (_d = props.mouseLeaveDelay) !== null && _d !== void 0 ? _d : 150;
+    const offset = (_e = props.offset) !== null && _e !== void 0 ? _e : 8;
     const arrowSize = 8;
     const arrowInnerSize = 7;
     const bodyPadding = typeof props.padding === 'number'
         ? `${props.padding}px`
-        : (props.padding ?? '4px');
+        : ((_f = props.padding) !== null && _f !== void 0 ? _f : '4px');
     const container = document.createElement('div');
     container.classList.add(POPOVER_CLASS);
-    const trigger = props.target ?? document.createElement('div');
+    const trigger = (_g = props.target) !== null && _g !== void 0 ? _g : document.createElement('div');
     container.appendChild(trigger);
     const getContentContainer = () => {
         const next = typeof props.getContainer === 'function'
             ? props.getContainer()
             : props.getContainer;
-        return next ?? document.body;
+        return next !== null && next !== void 0 ? next : document.body;
     };
     const content = document.createElement('div');
     content.classList.add(POPOVER_CONTENT_CLASS);
@@ -51,8 +52,9 @@ export function Popover(props) {
     contentContainer.appendChild(content);
     let open = Boolean(props.open);
     let placementPriority = Array.isArray(placement) ? placement : [placement];
-    let currentPlacement = placementPriority[0] ?? 'top';
+    let currentPlacement = (_h = placementPriority[0]) !== null && _h !== void 0 ? _h : 'top';
     const updatePosition = () => {
+        var _a;
         const targetRect = trigger.getBoundingClientRect();
         const contentRect = content.getBoundingClientRect();
         const scrollX = window.scrollX || document.documentElement.scrollLeft;
@@ -102,7 +104,7 @@ export function Popover(props) {
             nextTop >= scrollY &&
             nextLeft + contentRect.width <= scrollX + viewportWidth &&
             nextTop + contentRect.height <= scrollY + viewportHeight;
-        let chosenPlacement = placementPriority[0] ?? 'top';
+        let chosenPlacement = (_a = placementPriority[0]) !== null && _a !== void 0 ? _a : 'top';
         let position = calcPosition(chosenPlacement);
         for (const candidate of placementPriority) {
             const nextPosition = calcPosition(candidate);
@@ -138,13 +140,14 @@ export function Popover(props) {
             body.appendChild(nextContent);
         }
         else {
-            body.textContent = nextContent ?? '';
+            body.textContent = nextContent !== null && nextContent !== void 0 ? nextContent : '';
         }
         updatePosition();
     };
     const setPlacement = (next) => {
+        var _a;
         placementPriority = Array.isArray(next) ? next : [next];
-        currentPlacement = placementPriority[0] ?? 'top';
+        currentPlacement = (_a = placementPriority[0]) !== null && _a !== void 0 ? _a : 'top';
         updatePosition();
     };
     const setOpen = (value) => {

package/esm/editor/plugins/edit-bar/components/select.js

@@ -35,8 +35,9 @@ export function Select(props) {
         }
     };
     const renderLabel = () => {
+        var _a, _b, _c;
         const option = options.find((opt) => opt.value === selected);
-        const custom = props.renderLabel?.(option);
+        const custom = (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, option);
         if (typeof custom === 'string') {
             label.textContent = custom;
         }
@@ -45,10 +46,10 @@ export function Select(props) {
         }
         else if (custom === null || custom === undefined) {
             if (option) {
-                label.textContent = option.label ?? option.value;
+                label.textContent = (_b = option.label) !== null && _b !== void 0 ? _b : option.value;
             }
             else {
-                label.textContent = props.placeholder ?? '请选择';
+                label.textContent = (_c = props.placeholder) !== null && _c !== void 0 ? _c : '请选择';
             }
         }
         else {
@@ -58,9 +59,8 @@ export function Select(props) {
     const renderOptions = () => {
         dropdown.innerHTML = '';
         options.forEach((option) => {
-            const optionNode = props.renderOption?.(option) ??
-                option.render?.() ??
-                defaultOptionNode(option);
+            var _a, _b, _c, _d;
+            const optionNode = (_d = (_b = (_a = props.renderOption) === null || _a === void 0 ? void 0 : _a.call(props, option)) !== null && _b !== void 0 ? _b : (_c = option.render) === null || _c === void 0 ? void 0 : _c.call(option)) !== null && _d !== void 0 ? _d : defaultOptionNode(option);
             optionNode.classList.add(OPTION_CLASS);
             optionNode.setAttribute('data-value', option.value);
             if (option.disabled) {
@@ -76,9 +76,10 @@ export function Select(props) {
         });
     };
     const selectValue = (value, option) => {
+        var _a;
         selected = value;
         renderLabel();
-        props.onChange?.(value, option);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, option);
         setOpen(false);
     };
     const setOpen = (value) => {
@@ -195,7 +196,8 @@ function ensureSelectStyle() {
 `);
 }
 function defaultOptionNode(option) {
+    var _a;
     const node = document.createElement('div');
-    node.textContent = option.label ?? option.value;
+    node.textContent = (_a = option.label) !== null && _a !== void 0 ? _a : option.value;
     return node;
 }

package/esm/editor/plugins/edit-bar/edit-bar.js

@@ -47,11 +47,12 @@ export class EditBar extends Plugin {
         emitter.on('history:change', this.handleHistoryChanged);
     }
     destroy() {
+        var _a;
         const { emitter } = this;
         emitter.off('selection:change', this.handleSelectionChanged);
         emitter.off('selection:geometrychange', this.handleGeometryChanged);
         emitter.off('history:change', this.handleHistoryChanged);
-        this.container?.remove();
+        (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
     }
     getEditItems(selection) {
         let hasText = false;
@@ -102,26 +103,7 @@ export class EditBar extends Plugin {
             return this.container;
         const { style, className } = this.options || {};
         const container = document.createElement('div');
-        Object.assign(container.style, {
-            visibility: 'hidden',
-            position: 'absolute',
-            left: '0',
-            top: '0',
-            display: 'flex',
-            flexFlow: 'row',
-            justifyContent: 'center',
-            alignItems: 'center',
-            height: '40px',
-            minWidth: '40px',
-            minHeight: '40px',
-            borderRadius: '8px',
-            padding: '0 4px',
-            backgroundColor: '#fff',
-            border: '1px solid rgba(239, 240, 240, 0.9)',
-            zIndex: '9999',
-            boxShadow: 'rgba(0, 0, 0, 0.08) 0px 1px 2px -2px, rgba(0, 0, 0, 0.04) 0px 2px 6px, rgba(0, 0, 0, 0.02) 0px 4px 8px 1px',
-            ...style,
-        });
+        Object.assign(container.style, Object.assign({ visibility: 'hidden', position: 'absolute', left: '0', top: '0', display: 'flex', flexFlow: 'row', justifyContent: 'center', alignItems: 'center', height: '40px', minWidth: '40px', minHeight: '40px', borderRadius: '8px', padding: '0 4px', backgroundColor: '#fff', border: '1px solid rgba(239, 240, 240, 0.9)', zIndex: '9999', boxShadow: 'rgba(0, 0, 0, 0.08) 0px 1px 2px -2px, rgba(0, 0, 0, 0.04) 0px 2px 6px, rgba(0, 0, 0, 0.02) 0px 4px 8px 1px' }, style));
         if (className) {
             container.classList.add(className);
         }
@@ -129,8 +111,8 @@ export class EditBar extends Plugin {
         this.container = container;
         const { getContainer } = this.options || {};
         const resolvedContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
-        const containerParent = resolvedContainer ?? document.body;
-        containerParent?.appendChild(container);
+        const containerParent = resolvedContainer !== null && resolvedContainer !== void 0 ? resolvedContainer : document.body;
+        containerParent === null || containerParent === void 0 ? void 0 : containerParent.appendChild(container);
         return container;
     }
     getTextEditItems(text) {
@@ -168,11 +150,11 @@ export class EditBar extends Plugin {
         ];
     }
     placeEditBar(container, selection) {
+        var _a;
         if (selection.length === 0)
             return;
         const combinedBounds = getCombinedBounds(selection.map((element) => element.getBoundingClientRect()));
-        const offsetParent = container.offsetParent ??
-            document.documentElement;
+        const offsetParent = (_a = container.offsetParent) !== null && _a !== void 0 ? _a : document.documentElement;
         const viewportHeight = document.documentElement.clientHeight;
         const viewportWidth = document.documentElement.clientWidth;
         const containerRect = container.getBoundingClientRect();