@antv/infographic 0.2.13 → 0.2.15

package/esm/editor/interactions/zoom-wheel.d.ts

@@ -1,7 +1,16 @@
 import type { IInteraction, InteractionInitOptions } from '../types';
 import { Interaction } from './base';
+export interface ZoomWheelOptions {
+    minViewBoxSize?: number;
+    maxViewBoxSize?: number;
+}
 export declare class ZoomWheel extends Interaction implements IInteraction {
     name: string;
+    private minViewBoxSize;
+    private maxViewBoxSize;
+    constructor(options?: ZoomWheelOptions);
+    private initialViewBox;
+    private handleKeyUp;
     private wheelListener;
     private getMousePoint;
     private getCenterPoint;

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

@@ -3,13 +3,26 @@ import { calculateZoomedViewBox, getViewBox, viewBoxToString, } from '../../util
 import { UpdateOptionsCommand } from '../commands/index.js';
 import { clientToViewport } from '../utils/index.js';
 import { Interaction } from './base.js';
-const MIN_VIEWBOX_SIZE = 20;
-const MAX_VIEWBOX_SIZE = 2000;
 const ZOOM_FACTOR = 1.1;
 export class ZoomWheel extends Interaction {
-    constructor() {
-        super(...arguments);
+    constructor(options) {
+        super();
         this.name = 'zoom-wheel';
+        this.minViewBoxSize = 20;
+        this.maxViewBoxSize = 20000;
+        this.initialViewBox = null;
+        this.handleKeyUp = (event) => {
+            const isZoomModifierHeld = event.ctrlKey || event.metaKey || event.shiftKey;
+            if (!isZoomModifierHeld && this.initialViewBox) {
+                const currentViewBox = viewBoxToString(getViewBox(this.editor.getDocument()));
+                if (currentViewBox !== this.initialViewBox) {
+                    const command = new UpdateOptionsCommand({ viewBox: currentViewBox }, { viewBox: this.initialViewBox });
+                    void this.commander.execute(command);
+                }
+                this.initialViewBox = null;
+                document.removeEventListener('keyup', this.handleKeyUp);
+            }
+        };
         this.wheelListener = (event) => {
             if (!this.shouldZoom(event))
                 return;
@@ -22,25 +35,20 @@ export class ZoomWheel extends Interaction {
             const { width, height } = viewBox;
             const newWidth = width * factor;
             const newHeight = height * factor;
-            if (!inRange(newWidth, MIN_VIEWBOX_SIZE, MAX_VIEWBOX_SIZE) ||
-                !inRange(newHeight, MIN_VIEWBOX_SIZE, MAX_VIEWBOX_SIZE))
-                return;
-            // TODO: Remove after implementing the reset UI plugin
-            if ((event.ctrlKey || event.metaKey) && event.shiftKey) {
-                const command = new UpdateOptionsCommand({
-                    viewBox: undefined,
-                });
-                void this.commander.execute(command);
+            if (!inRange(newWidth, this.minViewBoxSize, this.maxViewBoxSize) ||
+                !inRange(newHeight, this.minViewBoxSize, this.maxViewBoxSize))
                 return;
+            if (this.initialViewBox === null) {
+                this.initialViewBox = viewBoxToString(viewBox);
+                document.addEventListener('keyup', this.handleKeyUp);
             }
             const pivot = (event.ctrlKey || event.metaKey) && !event.shiftKey
                 ? this.getMousePoint(svg, event)
                 : this.getCenterPoint(viewBox);
             const newViewBox = calculateZoomedViewBox(viewBox, factor, pivot);
-            const command = new UpdateOptionsCommand({
+            this.state.updateOptions({
                 viewBox: viewBoxToString(newViewBox),
             });
-            void this.commander.execute(command);
         };
         this.getMousePoint = (svg, event) => {
             return clientToViewport(svg, event.clientX, event.clientY);
@@ -57,8 +65,16 @@ export class ZoomWheel extends Interaction {
                 return false;
             const isMouseZoom = event.ctrlKey || event.metaKey;
             const isCenterZoom = event.shiftKey;
+            if (isMouseZoom && isCenterZoom)
+                return false;
             return isMouseZoom || isCenterZoom;
         };
+        if ((options === null || options === void 0 ? void 0 : options.minViewBoxSize) !== undefined) {
+            this.minViewBoxSize = options.minViewBoxSize;
+        }
+        if ((options === null || options === void 0 ? void 0 : options.maxViewBoxSize) !== undefined) {
+            this.maxViewBoxSize = options.maxViewBoxSize;
+        }
     }
     init(options) {
         super.init(options);
@@ -66,5 +82,6 @@ export class ZoomWheel extends Interaction {
     }
     destroy() {
         document.removeEventListener('wheel', this.wheelListener);
+        document.removeEventListener('keyup', this.handleKeyUp);
     }
 }

package/esm/editor/managers/index.d.ts

@@ -2,3 +2,4 @@ export * from './command';
 export * from './interaction';
 export * from './plugin';
 export * from './state';
+export * from './sync-registry';

package/esm/editor/managers/index.js

@@ -2,3 +2,4 @@ export * from './command.js';
 export * from './interaction.js';
 export * from './plugin.js';
 export * from './state.js';
+export * from './sync-registry.js';

package/esm/editor/managers/state.d.ts

@@ -1,4 +1,4 @@
-import type { ParsedInfographicOptions } from '../../options';
+import type { ParsedInfographicOptions, UpdatableInfographicOptions } from '../../options';
 import type { Element, IEventEmitter, ItemDatum } from '../../types';
 import type { ElementProps, ICommandManager, IEditor, IStateManager, StateManagerInitOptions } from '../types';
 export declare class StateManager implements IStateManager {
@@ -12,7 +12,9 @@ export declare class StateManager implements IStateManager {
     removeItemDatum(indexes: number[], count?: number): void;
     updateData(key: string, value: any): void;
     updateElement(element: Element, props: Partial<ElementProps>): void;
-    updateOptions(options: ParsedInfographicOptions): void;
+    updateOptions(options: UpdatableInfographicOptions, execOptions?: {
+        bubbleUp?: boolean;
+    }): void;
     getOptions(): ParsedInfographicOptions;
     /**
      * 不包含文本内容、图标类型更新

package/esm/editor/managers/state.js

@@ -1,5 +1,5 @@
-import { getDatumByIndexes, getElementRole, isIconElement, parsePadding, setSVGPadding, } from '../../utils/index.js';
-import { buildItemPath, getChildrenDataByIndexes, getIndexesFromElement, } from '../utils/index.js';
+import { getDatumByIndexes, getElementRole, isIconElement } from '../../utils/index.js';
+import { applyOptionUpdates, buildItemPath, getChildrenDataByIndexes, getIndexesFromElement, } from '../utils/index.js';
 export class StateManager {
     init(options) {
         Object.assign(this, options);
@@ -25,6 +25,8 @@ export class StateManager {
     }
     updateItemDatum(indexes, datum) {
         const item = getDatumByIndexes(this.options.data, indexes);
+        if (item == null || indexes.length === 0)
+            return;
         Object.assign(item, datum);
         this.emitter.emit('options:data:item:update', { indexes, datum });
         this.emitter.emit('options:change', {
@@ -74,17 +76,14 @@ export class StateManager {
     updateElement(element, props) {
         this.updateBuiltInElement(element, props);
     }
-    updateOptions(options) {
-        this.options = Object.assign(Object.assign({}, this.options), options);
-        if (this.options.viewBox) {
-            this.editor.getDocument().setAttribute('viewBox', this.options.viewBox);
-        }
-        else {
-            this.editor.getDocument().removeAttribute('viewBox');
-            if (this.options.padding !== undefined) {
-                setSVGPadding(this.editor.getDocument(), parsePadding(this.options.padding));
-            }
-        }
+    updateOptions(options, execOptions) {
+        const { bubbleUp = false } = execOptions || {};
+        applyOptionUpdates(this.options, options, '', {
+            bubbleUp,
+            collector: (path, newVal, oldVal) => {
+                this.editor.syncRegistry.trigger(path, newVal, oldVal);
+            },
+        });
         this.emitter.emit('options:change', {
             type: 'options:change',
             changes: [
@@ -115,6 +114,8 @@ export class StateManager {
         const indexes = isItemElement ? getIndexesFromElement(element) : undefined;
         if (isItemElement) {
             const datum = getDatumByIndexes(data, indexes);
+            if (datum == null)
+                return;
             const key = role.replace('item-', '');
             datum.attributes || (datum.attributes = {});
             (_a = datum.attributes)[key] || (_a[key] = {});

package/esm/editor/managers/sync-registry.d.ts

@@ -0,0 +1,16 @@
+import type { InfographicOptionPath } from '../../options';
+import { ISyncRegistry, SyncHandler } from '../types';
+type OptionsGetter = () => any;
+export declare class SyncRegistry implements ISyncRegistry {
+    private getOptions;
+    private handlers;
+    private isDispatching;
+    private isDestroyed;
+    constructor(getOptions: OptionsGetter);
+    register(path: InfographicOptionPath | (string & {}), handler: SyncHandler, options?: {
+        immediate?: boolean;
+    }): () => void;
+    trigger(path: string, newVal: any, oldVal: any): void;
+    destroy(): void;
+}
+export {};

package/esm/editor/managers/sync-registry.js

@@ -0,0 +1,51 @@
+import { get } from 'lodash-es';
+export class SyncRegistry {
+    constructor(getOptions) {
+        this.getOptions = getOptions;
+        this.handlers = new Map();
+        // lock to prevent recursive updates
+        this.isDispatching = false;
+        this.isDestroyed = false;
+    }
+    register(path, handler, options) {
+        if (!this.handlers.has(path)) {
+            this.handlers.set(path, new Set());
+        }
+        this.handlers.get(path).add(handler);
+        if (options === null || options === void 0 ? void 0 : options.immediate) {
+            const currentVal = get(this.getOptions(), path);
+            handler(currentVal, undefined);
+        }
+        return () => {
+            const set = this.handlers.get(path);
+            if (set) {
+                set.delete(handler);
+                if (set.size === 0) {
+                    this.handlers.delete(path);
+                }
+            }
+        };
+    }
+    trigger(path, newVal, oldVal) {
+        if (this.isDestroyed || this.isDispatching) {
+            if (this.isDispatching) {
+                console.warn(`[SyncRegistry] Recursive update detected on ${path}. Skipped to prevent loop.`);
+            }
+            return;
+        }
+        const handlers = this.handlers.get(path);
+        if (handlers) {
+            this.isDispatching = true;
+            try {
+                handlers.forEach((fn) => fn(newVal, oldVal));
+            }
+            finally {
+                this.isDispatching = false;
+            }
+        }
+    }
+    destroy() {
+        this.isDestroyed = true;
+        this.handlers.clear();
+    }
+}

package/esm/editor/plugins/{edit-bar/components → components}/button.js

@@ -1,4 +1,4 @@
-import { injectStyleOnce } from '../../../../utils/index.js';
+import { injectStyleOnce } from '../../../utils/index.js';
 export const IconButton = ({ icon, onClick, activate = false, }) => {
     ensureIconButtonStyle();
     const button = document.createElement('button');

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

@@ -1,5 +1,5 @@
 import { parse } from 'culori';
-import { injectStyleOnce } from '../../../../utils/index.js';
+import { injectStyleOnce } from '../../../utils/index.js';
 const COLOR_PICKER_CLASS = 'infographic-color-picker';
 const COLOR_PICKER_SWATCHES_CLASS = `${COLOR_PICKER_CLASS}__swatches`;
 const COLOR_PICKER_SWATCH_CLASS = `${COLOR_PICKER_CLASS}__swatch`;

package/esm/editor/plugins/{edit-bar/components → components}/icons.d.ts

@@ -13,6 +13,7 @@ export declare const TEXT_ICONS: {
     alignCenter: ({ fill }?: IconProps) => HTMLElement;
     alignMiddle: ({ fill }?: IconProps) => HTMLElement;
 };
+export declare const RESET_ICON: ({ fill }?: IconProps) => HTMLElement;
 export declare const ELEMENT_ICONS: {
     align: ({ fill }?: IconProps) => HTMLElement;
     alignTop: ({ fill }?: IconProps) => HTMLElement;

package/esm/editor/plugins/{edit-bar/components → components}/icons.js

@@ -16,6 +16,7 @@ export const TEXT_ICONS = {
     alignCenter: createIcon(`<path d="M768 800.339c17.673 0 32 14.327 32 32 0 17.496-14.042 31.713-31.47 31.995l-0.53 0.005H256c-17.673 0-32-14.327-32-32 0-17.497 14.042-31.713 31.47-31.996l0.53-0.004h512z m128-213.226c17.673 0 32 14.327 32 32 0 17.496-14.042 31.713-31.47 31.996l-0.53 0.004H128c-17.673 0-32-14.327-32-32 0-17.496 14.042-31.713 31.47-31.996l0.53-0.004h768zM768 373.887c17.673 0 32 14.327 32 32 0 17.496-14.042 31.713-31.47 31.996l-0.53 0.004H256c-17.673 0-32-14.327-32-32 0-17.496 14.042-31.713 31.47-31.996l0.53-0.004h512z m128-213.226c17.673 0 32 14.327 32 32 0 17.497-14.042 31.713-31.47 31.996l-0.53 0.004H128c-17.673 0-32-14.327-32-32 0-17.496 14.042-31.713 31.47-31.995l0.53-0.005h768z"></path>`),
     alignMiddle: createIcon(`<path d="M534.246 617.448l0.377 0.371 128 127.952c12.5 12.494 12.503 32.755 0.009 45.255-12.37 12.374-32.352 12.501-44.878 0.38l-0.377-0.372-73.38-73.352V939c0 17.673-14.326 32-32 32-17.496 0-31.712-14.042-31.995-31.47l-0.004-0.53-0.001-221.314-73.374 73.348c-12.374 12.37-32.356 12.49-44.878 0.363l-0.377-0.371c-12.37-12.375-12.49-32.356-0.362-44.878l0.37-0.377 128-127.952c12.372-12.366 32.347-12.49 44.87-0.37zM896 480.508c17.673 0 32 14.327 32 32 0 17.497-14.042 31.713-31.47 31.996l-0.53 0.004H128c-17.673 0-32-14.327-32-32 0-17.496 14.042-31.713 31.47-31.995l0.53-0.005h768zM511.998 54c17.496 0 31.713 14.042 31.996 31.47l0.004 0.53-0.001 221.314 73.38-73.349c12.499-12.494 32.76-12.49 45.255 0.009 12.37 12.374 12.49 32.356 0.362 44.878l-0.37 0.377-128 127.951c-12.372 12.366-32.347 12.49-44.87 0.371l-0.377-0.37-128-127.952c-12.5-12.495-12.503-32.756-0.009-45.255 12.37-12.374 32.352-12.502 44.878-0.38l0.377 0.371 73.374 73.346V86c0-17.673 14.328-32 32-32z"></path>`),
 };
+export const RESET_ICON = createIcon(`<path d="M502.714987 58.258904l-126.531056-54.617723a52.797131 52.797131 0 0 0-41.873587 96.855428A447.865322 447.865322 0 0 0 392.02307 946.707184a61.535967 61.535967 0 0 0 13.83649 1.820591 52.797131 52.797131 0 0 0 13.65443-103.773672 342.453118 342.453118 0 0 1-31.678278-651.771485l-8.374718 19.480321a52.615072 52.615072 0 0 0 27.855039 69.182448 51.522718 51.522718 0 0 0 20.572675 4.369418A52.797131 52.797131 0 0 0 476.498481 254.882703L530.205907 127.441352a52.979191 52.979191 0 0 0-27.49092-69.182448zM962.960326 509.765407A448.775617 448.775617 0 0 0 643.992829 68.090094a52.797131 52.797131 0 1 0-30.403866 101.042786A342.635177 342.635177 0 0 1 674.578753 801.059925a52.615072 52.615072 0 0 0-92.30395-50.612422l-71.913335 117.246043a52.433013 52.433013 0 0 0 17.295612 72.82363l117.063985 72.823629a52.797131 52.797131 0 1 0 54.617722-89.755123l-16.021198-10.013249A448.593558 448.593558 0 0 0 962.960326 509.765407z" p-id="1630"/>`);
 export const ELEMENT_ICONS = {
     align: createIcon(`<path d="M555.188 715.059c17.673 0 32 14.327 32 32V875c0 17.673-14.327 32-32 32H171c-17.673 0-32-14.327-32-32V747.059c0-17.673 14.327-32 32-32z m-32.001 63.999H203V843h320.187v-63.942zM854 416.529c17.673 0 32 14.327 32 32v127.942c0 17.673-14.327 32-32 32H171c-17.673 0-32-14.327-32-32V448.529c0-17.673 14.327-32 32-32z m-32 64H203v63.941h619v-63.941zM683.25 118c17.673 0 32 14.327 32 32v127.941c0 17.673-14.327 32-32 32H171c-17.673 0-32-14.327-32-32V150c0-17.673 14.327-32 32-32z m-32 64H203v63.941h448.25V182z"></path>`),
     alignTop: createIcon(`

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

@@ -1,5 +1,5 @@
-import { COMPONENT_ROLE } from '../../../../constants/index.js';
-import { injectStyleOnce, setElementRole } from '../../../../utils/index.js';
+import { COMPONENT_ROLE } from '../../../constants/index.js';
+import { injectStyleOnce, setElementRole } from '../../../utils/index.js';
 const POPOVER_CLASS = 'infographic-edit-popover';
 const POPOVER_CONTENT_CLASS = `${POPOVER_CLASS}__content`;
 const POPOVER_ARROW_CLASS = `${POPOVER_CLASS}__arrow`;

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

@@ -1,4 +1,4 @@
-import { injectStyleOnce } from '../../../../utils/index.js';
+import { injectStyleOnce } from '../../../utils/index.js';
 const SELECT_CLASS = 'infographic-edit-select';
 const SELECT_STYLE_ID = 'infographic-edit-select-style';
 const OPTION_CLASS = `${SELECT_CLASS}__option`;

package/esm/editor/plugins/core-sync.d.ts

@@ -0,0 +1,8 @@
+import type { IPlugin, PluginInitOptions } from '../types';
+import { Plugin } from './base';
+export declare class CoreSyncPlugin extends Plugin implements IPlugin {
+    name: string;
+    private unregisters;
+    init(options: PluginInitOptions): void;
+    destroy(): void;
+}

package/esm/editor/plugins/core-sync.js

@@ -0,0 +1,30 @@
+import { parsePadding, setSVGPadding } from '../../utils/index.js';
+import { Plugin } from './base.js';
+export class CoreSyncPlugin extends Plugin {
+    constructor() {
+        super(...arguments);
+        this.name = 'core-sync';
+        this.unregisters = [];
+    }
+    init(options) {
+        super.init(options);
+        const svg = this.editor.getDocument();
+        // viewBox Sync
+        this.unregisters.push(this.editor.registerSync('viewBox', (val) => {
+            if (val) {
+                svg.setAttribute('viewBox', val);
+            }
+            else {
+                svg.removeAttribute('viewBox');
+            }
+        }, { immediate: true }));
+        // padding Sync
+        this.unregisters.push(this.editor.registerSync('padding', (val) => {
+            if (val !== undefined)
+                setSVGPadding(svg, parsePadding(val));
+        }, { immediate: true }));
+    }
+    destroy() {
+        this.unregisters.forEach((fn) => fn());
+    }
+}

package/esm/editor/plugins/edit-bar/edit-items/align-elements.js

@@ -2,7 +2,7 @@ import { getCombinedBounds } from '../../../../jsx/index.js';
 import { getAttributes, injectStyleOnce, isIconElement, } from '../../../../utils/index.js';
 import { UpdateElementCommand } from '../../../commands/index.js';
 import { getElementViewportBounds } from '../../../utils/index.js';
-import { ELEMENT_ICONS, IconButton, Popover } from '../components/index.js';
+import { ELEMENT_ICONS, IconButton, Popover } from '../../components/index.js';
 const GRID_CLASS = 'infographic-align-grid';
 const GRID_COMPACT_CLASS = `${GRID_CLASS}--compact`;
 const GRID_STYLE_ID = 'infographic-align-grid-style';

package/esm/editor/plugins/edit-bar/edit-items/font-align.js

@@ -1,6 +1,6 @@
 import { injectStyleOnce } from '../../../../utils/index.js';
 import { UpdateElementCommand } from '../../../commands/index.js';
-import { IconButton, Popover, TEXT_ICONS } from '../components/index.js';
+import { IconButton, Popover, TEXT_ICONS } from '../../components/index.js';
 // 常量定义
 const GRID_CLASS = 'infographic-font-align-grid';
 const GRID_STYLE_ID = 'infographic-font-align-grid-style';

package/esm/editor/plugins/edit-bar/edit-items/font-color.js

@@ -1,6 +1,6 @@
 import { hasColor, injectStyleOnce } from '../../../../utils/index.js';
 import { UpdateElementCommand } from '../../../commands/index.js';
-import { ColorPicker, Popover } from '../components/index.js';
+import { ColorPicker, Popover } from '../../components/index.js';
 const FONT_COLOR_BUTTON_CLASS = 'infographic-font-color-btn';
 const FONT_COLOR_STYLE_ID = 'infographic-font-color-style';
 const DEFAULT_COLOR = '#1f1f1f';

package/esm/editor/plugins/edit-bar/edit-items/font-family.js

@@ -1,7 +1,7 @@
 import { getFonts } from '../../../../renderer/index.js';
 import { decodeFontFamily, encodeFontFamily, injectStyleOnce, } from '../../../../utils/index.js';
 import { UpdateElementCommand } from '../../../commands/index.js';
-import { IconButton, Popover, TEXT_ICONS } from '../components/index.js';
+import { IconButton, Popover, TEXT_ICONS } from '../../components/index.js';
 const FONT_LIST_CLASS = 'infographic-font-family-list';
 const FONT_OPTION_CLASS = `${FONT_LIST_CLASS}__option`;
 const FONT_LIST_STYLE_ID = 'infographic-font-family-list-style';

package/esm/editor/plugins/edit-bar/edit-items/font-size.js

@@ -1,6 +1,6 @@
 import { injectStyleOnce } from '../../../../utils/index.js';
 import { UpdateElementCommand } from '../../../commands/index.js';
-import { IconButton, Popover, TEXT_ICONS } from '../components/index.js';
+import { IconButton, Popover, TEXT_ICONS } from '../../components/index.js';
 const FONT_SIZE_CLASS = 'infographic-font-size-grid';
 const FONT_SIZE_STYLE_ID = 'infographic-font-size-grid-style';
 const FONT_SIZE_OPTIONS = [

package/esm/editor/plugins/edit-bar/edit-items/icon-color.js

@@ -1,6 +1,6 @@
 import { hasColor, injectStyleOnce } from '../../../../utils/index.js';
 import { UpdateElementCommand } from '../../../commands/index.js';
-import { ColorPicker, Popover } from '../components/index.js';
+import { ColorPicker, Popover } from '../../components/index.js';
 const ICON_COLOR_BUTTON_CLASS = 'infographic-icon-color-btn';
 const ICON_COLOR_STYLE_ID = 'infographic-icon-color-style';
 const DEFAULT_COLOR = '#1f1f1f';

package/esm/editor/plugins/edit-bar/index.d.ts

@@ -1,4 +1,4 @@
-export { ColorPicker, Popover, Select } from './components';
+export { ColorPicker, Popover, Select } from '../components';
 export { EditBar } from './edit-bar';
-export type { ColorPickerHandle, ColorPickerProps, IconButtonHandle, IconButtonProps, IconProps, PopoverHandle, PopoverPlacement, PopoverProps, SelectHandle, SelectOption, SelectProps, SelectValue, } from './components';
+export type { ColorPickerHandle, ColorPickerProps, IconButtonHandle, IconButtonProps, IconProps, PopoverHandle, PopoverPlacement, PopoverProps, SelectHandle, SelectOption, SelectProps, SelectValue, } from '../components';
 export type { EditBarOptions } from './edit-bar';

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

@@ -1,2 +1,2 @@
-export { ColorPicker, Popover, Select } from './components/index.js';
+export { ColorPicker, Popover, Select } from '../components/index.js';
 export { EditBar } from './edit-bar.js';

package/esm/editor/plugins/index.d.ts

@@ -1,3 +1,5 @@
 export { Plugin } from './base';
+export { CoreSyncPlugin } from './core-sync';
 export * from './edit-bar';
+export { ResetViewBox } from './reset-viewbox';
 export { ResizeElement } from './resize-element';

package/esm/editor/plugins/index.js

@@ -1,3 +1,5 @@
 export { Plugin } from './base.js';
+export { CoreSyncPlugin } from './core-sync.js';
 export * from './edit-bar/index.js';
+export { ResetViewBox } from './reset-viewbox.js';
 export { ResizeElement } from './resize-element.js';

package/esm/editor/plugins/reset-viewbox.d.ts

@@ -0,0 +1,33 @@
+import type { IPlugin, PluginInitOptions } from '../types';
+import { Plugin } from './base';
+export interface ResetViewBoxOptions {
+    style?: Partial<CSSStyleDeclaration>;
+    className?: string;
+    getContainer?: HTMLElement | (() => HTMLElement);
+}
+export declare class ResetViewBox extends Plugin implements IPlugin {
+    private options?;
+    name: string;
+    private originViewBox;
+    private resetButton?;
+    private viewBoxChanged;
+    private unregisterSync?;
+    constructor(options?: ResetViewBoxOptions | undefined);
+    init(options: PluginInitOptions): void;
+    destroy(): void;
+    private handleResize;
+    private updateOriginViewBox;
+    private handleViewBoxChange;
+    protected getOrCreateResetButton: () => HTMLButtonElement;
+    /** Get CSS transform scale of an element */
+    private getTransformScale;
+    /** Find the nearest stable overflow container */
+    private findStableContainer;
+    private placeButton;
+    private updatePosition;
+    private resetViewBox;
+    private showButton;
+    private hideButton;
+    private removeButton;
+    private ensureButtonStyle;
+}