@visactor/vrender-core 0.22.8 → 0.22.9-alpha.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { tau, halfPi as halfPi$1, AABBBounds, degreeToRadian, PointService, Point, abs, max, min, atan2, epsilon, Matrix, pi2, Logger, pi, isArray, isPointInLine, isNumberClose, TextMeasure, EventEmitter, isBoolean, isObject, isFunction, isString, has, isUndefined, cos, sin, pointAt, isNumber, getDecimalPlaces, isValidNumber, clamp, getAngleByPoint, isNil, Bounds, getIntersectPoint, Color, DEFAULT_COLORS, sqrt, OBBBounds, normalTransform, isValidUrl, isBase64, acos, LRU, lowerCamelCaseToMiddle, isValid, transformBoundsWithMatrix, getContextFont, rotatePoint, clampAngleByRadian, asin, arrayEqual, getRectIntersect, isRectIntersect, merge, calculateAnchorOfBounds, styleStringToObject } from '@visactor/vutils';
+import { tau, halfPi as halfPi$1, AABBBounds, degreeToRadian, PointService, Point, abs, max, min, atan2, epsilon, Matrix, pi2, Logger, pi, isArray, isPointInLine, isNumberClose, TextMeasure, EventEmitter, isBoolean, isObject, isFunction, isString, has, isUndefined, cos, sin, pointAt, isNumber as isNumber$1, getDecimalPlaces, isValidNumber, clamp, getAngleByPoint, isNil, Bounds, getIntersectPoint, Color, DEFAULT_COLORS, sqrt, OBBBounds, normalTransform, isValidUrl, isBase64, acos, LRU, lowerCamelCaseToMiddle, isValid, transformBoundsWithMatrix, getContextFont, rotatePoint, clampAngleByRadian, asin, arrayEqual, getRectIntersect, isRectIntersect, merge, calculateAnchorOfBounds, styleStringToObject } from '@visactor/vutils';
 
 class Generator {
     static GenAutoIncrementId() {
@@ -746,6 +746,7 @@ class ContributionProviderCache {
     constructor(serviceIdentifier, container) {
         this.serviceIdentifier = serviceIdentifier;
         this.container = container;
+        ContributionStore.setStore(this.serviceIdentifier, this);
     }
     getContributions() {
         if (!this.caches) {
@@ -756,6 +757,15 @@ class ContributionProviderCache {
         }
         return this.caches;
     }
+    refresh() {
+        if (!this.caches) {
+            return;
+        }
+        this.caches.length = 0;
+        this.container &&
+            this.container.isBound(this.serviceIdentifier) &&
+            this.caches.push(...this.container.getAll(this.serviceIdentifier));
+    }
 }
 function bindContributionProvider(bind, id) {
     bind(ContributionProvider)
@@ -768,6 +778,20 @@ function bindContributionProviderNoSingletonScope(bind, id) {
         .toDynamicValue(({ container }) => new ContributionProviderCache(id, container))
         .whenTargetNamed(id);
 }
+class ContributionStore {
+    static getStore(id) {
+        return this.store.get(id);
+    }
+    static setStore(id, cache) {
+        this.store.set(id, cache);
+    }
+    static refreshAllContributions() {
+        this.store.forEach(cache => {
+            cache.refresh();
+        });
+    }
+}
+ContributionStore.store = new Map();
 
 class Hook {
     constructor(args, name) {
@@ -852,8 +876,71 @@ const EnvContribution = Symbol.for('EnvContribution');
 const VGlobal = Symbol.for('VGlobal');
 const DEFAULT_TEXT_FONT_FAMILY = 'PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol';
 
+class EventListenerManager {
+    constructor() {
+        this._listenerMap = new Map();
+        this._eventListenerTransformer = event => event;
+    }
+    setEventListenerTransformer(transformer) {
+        this._eventListenerTransformer = transformer || (event => event);
+    }
+    addEventListener(type, listener, options) {
+        if (!listener) {
+            return;
+        }
+        const wrappedListener = (event) => {
+            const transformedEvent = this._eventListenerTransformer(event);
+            if (typeof listener === 'function') {
+                listener(transformedEvent);
+            }
+            else if (listener.handleEvent) {
+                listener.handleEvent(transformedEvent);
+            }
+        };
+        if (!this._listenerMap.has(type)) {
+            this._listenerMap.set(type, new Map());
+        }
+        this._listenerMap.get(type).set(listener, wrappedListener);
+        this._nativeAddEventListener(type, wrappedListener, options);
+    }
+    removeEventListener(type, listener, options) {
+        var _a;
+        if (!listener) {
+            return;
+        }
+        const wrappedListener = (_a = this._listenerMap.get(type)) === null || _a === void 0 ? void 0 : _a.get(listener);
+        if (wrappedListener) {
+            this._nativeRemoveEventListener(type, wrappedListener, options);
+            this._listenerMap.get(type).delete(listener);
+            if (this._listenerMap.get(type).size === 0) {
+                this._listenerMap.delete(type);
+            }
+        }
+    }
+    dispatchEvent(event) {
+        return this._nativeDispatchEvent(event);
+    }
+    clearAllEventListeners() {
+        this._listenerMap.forEach((listenersMap, type) => {
+            listenersMap.forEach((wrappedListener, originalListener) => {
+                this._nativeRemoveEventListener(type, wrappedListener, undefined);
+            });
+        });
+        this._listenerMap.clear();
+    }
+    _nativeAddEventListener(type, listener, options) {
+        throw new Error('_nativeAddEventListener must be implemented by derived classes');
+    }
+    _nativeRemoveEventListener(type, listener, options) {
+        throw new Error('_nativeRemoveEventListener must be implemented by derived classes');
+    }
+    _nativeDispatchEvent(event) {
+        throw new Error('_nativeDispatchEvent must be implemented by derived classes');
+    }
+}
+
 const defaultEnv = 'browser';
-let DefaultGlobal = class DefaultGlobal {
+let DefaultGlobal = class DefaultGlobal extends EventListenerManager {
     get env() {
         return this._env;
     }
@@ -930,8 +1017,10 @@ let DefaultGlobal = class DefaultGlobal {
         this.envContribution.applyStyles = support;
     }
     constructor(contributions) {
+        super();
         this.contributions = contributions;
         this._isImageAnonymous = true;
+        this.eventListenerTransformer = event => event;
         this.id = Generator.GenAutoIncrementId();
         this.hooks = {
             onSetEnv: new SyncHook(['lastEnv', 'env', 'global'])
@@ -939,6 +1028,24 @@ let DefaultGlobal = class DefaultGlobal {
         this.measureTextMethod = 'native';
         this.optimizeVisible = false;
     }
+    _nativeAddEventListener(type, listener, options) {
+        if (!this._env) {
+            this.setEnv(defaultEnv);
+        }
+        return this.envContribution.addEventListener(type, listener, options);
+    }
+    _nativeRemoveEventListener(type, listener, options) {
+        if (!this._env) {
+            this.setEnv(defaultEnv);
+        }
+        return this.envContribution.removeEventListener(type, listener, options);
+    }
+    _nativeDispatchEvent(event) {
+        if (!this._env) {
+            this.setEnv(defaultEnv);
+        }
+        return this.envContribution.dispatchEvent(event);
+    }
     bindContribution(params) {
         const promiseArr = [];
         this.contributions.getContributions().forEach(contribution => {
@@ -1007,24 +1114,6 @@ let DefaultGlobal = class DefaultGlobal {
         }
         return this.envContribution.releaseCanvas(canvas);
     }
-    addEventListener(type, listener, options) {
-        if (!this._env) {
-            this.setEnv(defaultEnv);
-        }
-        return this.envContribution.addEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        if (!this._env) {
-            this.setEnv(defaultEnv);
-        }
-        return this.envContribution.removeEventListener(type, listener, options);
-    }
-    dispatchEvent(event) {
-        if (!this._env) {
-            this.setEnv(defaultEnv);
-        }
-        return this.envContribution.dispatchEvent(event);
-    }
     getRequestAnimationFrame() {
         if (!this._env) {
             this.setEnv(defaultEnv);
@@ -4483,6 +4572,9 @@ function isAroundZero(val) {
 function isNotAroundZero(val) {
     return val > EPSILON || val < -EPSILON;
 }
+function isNumber(data) {
+    return typeof data === 'number' && Number.isFinite(data);
+}
 const _v0 = [0, 0];
 const _v1 = [0, 0];
 const _v2 = [0, 0];
@@ -5219,7 +5311,7 @@ const canvasAllocate = new DefaultCanvasAllocate();
 
 const VWindow = Symbol.for('VWindow');
 const WindowHandlerContribution = Symbol.for('WindowHandlerContribution');
-let DefaultWindow = class DefaultWindow {
+let DefaultWindow = class DefaultWindow extends EventListenerManager {
     get width() {
         if (this._handler) {
             const wh = this._handler.getWH();
@@ -5238,6 +5330,7 @@ let DefaultWindow = class DefaultWindow {
         return this._handler.getDpr();
     }
     constructor() {
+        super();
         this.hooks = {
             onChange: new SyncHook(['x', 'y', 'width', 'height'])
         };
@@ -5254,6 +5347,15 @@ let DefaultWindow = class DefaultWindow {
         this.global = application.global;
         this.postInit();
     }
+    _nativeAddEventListener(type, listener, options) {
+        return this._handler.addEventListener(type, listener, options);
+    }
+    _nativeRemoveEventListener(type, listener, options) {
+        return this._handler.removeEventListener(type, listener, options);
+    }
+    _nativeDispatchEvent(event) {
+        return this._handler.dispatchEvent(event);
+    }
     postInit() {
         this.global.hooks.onSetEnv.tap('window', this.active);
         this.active();
@@ -5299,6 +5401,7 @@ let DefaultWindow = class DefaultWindow {
     }
     release() {
         this.global.hooks.onSetEnv.unTap('window', this.active);
+        this.clearAllEventListeners();
         return this._handler.releaseWindow();
     }
     getContext() {
@@ -5313,15 +5416,6 @@ let DefaultWindow = class DefaultWindow {
         }
         return this._handler.getImageBuffer(type);
     }
-    addEventListener(type, listener, options) {
-        return this._handler.addEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        return this._handler.removeEventListener(type, listener, options);
-    }
-    dispatchEvent(event) {
-        return this._handler.dispatchEvent(event);
-    }
     getBoundingClientRect() {
         return this._handler.getBoundingClientRect();
     }
@@ -7381,8 +7475,8 @@ class EventSystem {
         const { globalObj, domElement } = this;
         if (this.supportsPointerEvents) {
             if (globalObj.getDocument()) {
-                globalObj.getDocument().addEventListener('pointermove', this.onPointerMove, true);
-                globalObj.getDocument().addEventListener('pointerup', this.onPointerUp, true);
+                globalObj.addEventListener('pointermove', this.onPointerMove, true);
+                globalObj.addEventListener('pointerup', this.onPointerUp, true);
             }
             else {
                 domElement.addEventListener('pointermove', this.onPointerMove, true);
@@ -7394,8 +7488,8 @@ class EventSystem {
         }
         else {
             if (globalObj.getDocument()) {
-                globalObj.getDocument().addEventListener('mousemove', this.onPointerMove, true);
-                globalObj.getDocument().addEventListener('mouseup', this.onPointerUp, true);
+                globalObj.addEventListener('mousemove', this.onPointerMove, true);
+                globalObj.addEventListener('mouseup', this.onPointerUp, true);
             }
             else {
                 domElement.addEventListener('mousemove', this.onPointerMove, true);
@@ -7416,22 +7510,32 @@ class EventSystem {
         this.eventsAdded = true;
     }
     removeEvents() {
-        var _a;
         if (!this.eventsAdded || !this.domElement) {
             return;
         }
         const { globalObj, domElement } = this;
-        const globalDocument = (_a = globalObj.getDocument()) !== null && _a !== void 0 ? _a : domElement;
         if (this.supportsPointerEvents) {
-            globalDocument.removeEventListener('pointermove', this.onPointerMove, true);
-            globalDocument.removeEventListener('pointerup', this.onPointerUp, true);
+            if (globalObj.getDocument()) {
+                globalObj.removeEventListener('pointermove', this.onPointerMove, true);
+                globalObj.removeEventListener('pointerup', this.onPointerUp, true);
+            }
+            else {
+                domElement.removeEventListener('pointermove', this.onPointerMove, true);
+                domElement.removeEventListener('pointerup', this.onPointerUp, true);
+            }
             domElement.removeEventListener('pointerdown', this.onPointerDown, true);
             domElement.removeEventListener('pointerleave', this.onPointerOverOut, true);
             domElement.removeEventListener('pointerover', this.onPointerOverOut, true);
         }
         else {
-            globalDocument.removeEventListener('mousemove', this.onPointerMove, true);
-            globalDocument.removeEventListener('mouseup', this.onPointerUp, true);
+            if (globalObj.getDocument()) {
+                globalObj.removeEventListener('mousemove', this.onPointerMove, true);
+                globalObj.removeEventListener('mouseup', this.onPointerUp, true);
+            }
+            else {
+                domElement.removeEventListener('mousemove', this.onPointerMove, true);
+                domElement.removeEventListener('mouseup', this.onPointerUp, true);
+            }
             domElement.removeEventListener('mousedown', this.onPointerDown, true);
             domElement.removeEventListener('mouseout', this.onPointerOverOut, true);
             domElement.removeEventListener('mouseover', this.onPointerOverOut, true);
@@ -9212,8 +9316,8 @@ class IncreaseCount extends ACustomAnimate {
     }
     onBind() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        this.fromNumber = isNumber((_a = this.from) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.from) === null || _b === void 0 ? void 0 : _b.text : Number.parseFloat((_c = this.from) === null || _c === void 0 ? void 0 : _c.text);
-        this.toNumber = isNumber((_d = this.to) === null || _d === void 0 ? void 0 : _d.text) ? (_e = this.to) === null || _e === void 0 ? void 0 : _e.text : Number.parseFloat((_f = this.to) === null || _f === void 0 ? void 0 : _f.text);
+        this.fromNumber = isNumber$1((_a = this.from) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.from) === null || _b === void 0 ? void 0 : _b.text : Number.parseFloat((_c = this.from) === null || _c === void 0 ? void 0 : _c.text);
+        this.toNumber = isNumber$1((_d = this.to) === null || _d === void 0 ? void 0 : _d.text) ? (_e = this.to) === null || _e === void 0 ? void 0 : _e.text : Number.parseFloat((_f = this.to) === null || _f === void 0 ? void 0 : _f.text);
         if (!Number.isFinite(this.toNumber)) {
             this.fromNumber = 0;
         }
@@ -10781,7 +10885,7 @@ const splitCircle = (arc, count) => {
     return res;
 };
 const samplingPoints = (points, count) => {
-    const validatePoints = points.filter(point => point.defined !== false && isNumber(point.x) && isNumber(point.y));
+    const validatePoints = points.filter(point => point.defined !== false && isNumber$1(point.x) && isNumber$1(point.y));
     if (validatePoints.length === 0) {
         return [];
     }
@@ -10835,7 +10939,7 @@ const splitArea = (area, count) => {
             return res.concat((_a = seg.points) !== null && _a !== void 0 ? _a : []);
         }, []);
     }
-    const validatePoints = points.filter(point => point.defined !== false && isNumber(point.x) && isNumber(point.y));
+    const validatePoints = points.filter(point => point.defined !== false && isNumber$1(point.x) && isNumber$1(point.y));
     if (!validatePoints.length) {
         return [];
     }
@@ -11069,7 +11173,7 @@ ColorStore.store255 = {};
 ColorStore.store1 = {};
 
 function colorArrayToString(color, alphaChannel = false) {
-    if (Array.isArray(color) && isNumber(color[0])) {
+    if (Array.isArray(color) && isNumber$1(color[0])) {
         return alphaChannel
             ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})`
             : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})`;
@@ -11077,7 +11181,7 @@ function colorArrayToString(color, alphaChannel = false) {
     return color;
 }
 function interpolateColor(from, to, ratio, alphaChannel, cb) {
-    if ((Array.isArray(from) && !isNumber(from[0])) || (Array.isArray(to) && !isNumber(to[0]))) {
+    if ((Array.isArray(from) && !isNumber$1(from[0])) || (Array.isArray(to) && !isNumber$1(to[0]))) {
         const out = new Array(4).fill(0).map((_, index) => {
             return _interpolateColor(isArray(from) ? from[index] : from, isArray(to) ? to[index] : to, ratio, alphaChannel);
         });
@@ -11895,7 +11999,7 @@ function getIndex(url, arr) {
 
 class BaseSymbol {
     bounds(size, bounds) {
-        if (isNumber(size)) {
+        if (isNumber$1(size)) {
             const halfS = size / 2;
             bounds.x1 = -halfS;
             bounds.x2 = halfS;
@@ -11910,7 +12014,7 @@ class BaseSymbol {
         }
     }
     parseSize(size) {
-        return isNumber(size) ? size : Math.min(size[0], size[1]);
+        return isNumber$1(size) ? size : Math.min(size[0], size[1]);
     }
 }
 
@@ -12521,13 +12625,13 @@ class RectSymbol extends BaseSymbol {
         this.pathStr = 'M -0.5,0.25 L 0.5,0.25 L 0.5,-0.25,L -0.5,-0.25 Z';
     }
     draw(ctx, size, x, y) {
-        if (isNumber(size)) {
+        if (isNumber$1(size)) {
             return rectSize(ctx, size, x, y);
         }
         return rectSizeArray(ctx, size, x, y);
     }
     drawWithClipRange(ctx, size, x, y, clipRange, z, cb) {
-        if (isNumber(size)) {
+        if (isNumber$1(size)) {
             size = [size, size / 2];
         }
         const totalLength = (size[0] + size[1]) * 2;
@@ -12559,7 +12663,7 @@ class RectSymbol extends BaseSymbol {
         return false;
     }
     drawOffset(ctx, size, x, y, offset) {
-        if (isNumber(size)) {
+        if (isNumber$1(size)) {
             return rectSize(ctx, size + 2 * offset, x, y);
         }
         return rectSizeArray(ctx, [size[0] + 2 * offset, size[1] + 2 * offset], x, y);
@@ -12601,7 +12705,7 @@ class CustomSymbolClass {
         return this.drawOffset(ctx, size, x, y, 0, z, cb);
     }
     parseSize(size) {
-        return isNumber(size) ? size : Math.min(size[0], size[1]);
+        return isNumber$1(size) ? size : Math.min(size[0], size[1]);
     }
     drawWithClipRange(ctx, size, x, y, clipRange, z, cb) {
         size = this.parseSize(size);
@@ -16237,12 +16341,12 @@ let DefaultGraphicService = class DefaultGraphicService {
     updateHTMLTextAABBBounds(attribute, textTheme, aabbBounds, graphic) {
         const { textAlign, textBaseline } = attribute;
         if (attribute.forceBoundsHeight != null) {
-            const h = isNumber(attribute.forceBoundsHeight) ? attribute.forceBoundsHeight : attribute.forceBoundsHeight();
+            const h = isNumber$1(attribute.forceBoundsHeight) ? attribute.forceBoundsHeight : attribute.forceBoundsHeight();
             const dy = textLayoutOffsetY(textBaseline, h, h);
             aabbBounds.set(aabbBounds.x1, dy, aabbBounds.x2, dy + h);
         }
         if (attribute.forceBoundsWidth != null) {
-            const w = isNumber(attribute.forceBoundsWidth) ? attribute.forceBoundsWidth : attribute.forceBoundsWidth();
+            const w = isNumber$1(attribute.forceBoundsWidth) ? attribute.forceBoundsWidth : attribute.forceBoundsWidth();
             const dx = textDrawOffsetX(textAlign, w);
             aabbBounds.set(dx, aabbBounds.y1, dx + w, aabbBounds.y2);
         }
@@ -19104,7 +19208,7 @@ class RichText extends Graphic {
             }
             else {
                 const richTextConfig = this.combinedStyleToCharacter(textConfig[i]);
-                if (isNumber(richTextConfig.text)) {
+                if (isNumber$1(richTextConfig.text)) {
                     richTextConfig.text = `${richTextConfig.text}`;
                 }
                 if (richTextConfig.text && richTextConfig.text.includes('\n')) {
@@ -19526,7 +19630,7 @@ class Arc extends Graphic {
         }
         const deltaRadius = Math.abs(outerRadius - innerRadius);
         const parseCR = (cornerRadius) => {
-            return Math.min(isNumber(cornerRadius, true)
+            return Math.min(isNumber$1(cornerRadius, true)
                 ? cornerRadius
                 : (deltaRadius * parseFloat(cornerRadius)) / 100, deltaRadius / 2);
         };
@@ -20752,7 +20856,7 @@ function createRectPath(path, x, y, width, height, rectCornerRadius, roundCorner
         height = -height;
     }
     let cornerRadius;
-    if (isNumber(rectCornerRadius, true)) {
+    if (isNumber$1(rectCornerRadius, true)) {
         rectCornerRadius = abs(rectCornerRadius);
         cornerRadius = [
             rectCornerRadius,
@@ -21162,6 +21266,9 @@ class BaseRender {
             this._afterRenderContribitions = this._renderContribitions.filter(c => c.time === BaseRenderContributionTime.afterFillStroke);
         }
     }
+    reInit() {
+        this.init(this.graphicRenderContributions);
+    }
     beforeRenderStep(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, params) {
         this._beforeRenderContribitions &&
             this._beforeRenderContribitions.forEach(c => {
@@ -21390,16 +21497,16 @@ class BaseRender {
 }
 
 let DefaultCanvasArcRender = class DefaultCanvasArcRender extends BaseRender {
-    constructor(arcRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.arcRenderContribitions = arcRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = ARC_NUMBER_TYPE;
         this.builtinContributions = [
             defaultArcRenderContribution,
             defaultArcBackgroundRenderContribution,
             defaultArcTextureRenderContribution
         ];
-        this.init(arcRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawArcTailCapPath(arc, context, cx, cy, outerRadius, innerRadius, _sa, _ea) {
         const capAngle = _ea - _sa;
@@ -21603,16 +21710,16 @@ DefaultCanvasArcRender = __decorate([
 ], DefaultCanvasArcRender);
 
 let DefaultCanvasCircleRender = class DefaultCanvasCircleRender extends BaseRender {
-    constructor(circleRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.circleRenderContribitions = circleRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = CIRCLE_NUMBER_TYPE;
         this.builtinContributions = [
             defaultCircleRenderContribution,
             defaultCircleBackgroundRenderContribution,
             defaultCircleTextureRenderContribution
         ];
-        this.init(circleRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(circle, context, x, y, drawContext, params, fillCb, strokeCb) {
         const circleAttribute = getTheme(circle, params === null || params === void 0 ? void 0 : params.theme).circle;
@@ -22211,12 +22318,12 @@ const defaultAreaTextureRenderContribution = new DefaultAreaTextureRenderContrib
 const defaultAreaBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
 let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
-    constructor(areaRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.areaRenderContribitions = areaRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = AREA_NUMBER_TYPE;
         this.builtinContributions = [defaultAreaTextureRenderContribution, defaultAreaBackgroundRenderContribution];
-        this.init(areaRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawLinearAreaHighPerformance(area, context, fill, stroke, fillOpacity, strokeOpacity, offsetX, offsetY, areaAttribute, drawContext, params, fillCb, strokeCb) {
         var _a, _b, _c;
@@ -22527,12 +22634,12 @@ const defaultPathTextureRenderContribution = defaultBaseTextureRenderContributio
 const defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
 let DefaultCanvasPathRender = class DefaultCanvasPathRender extends BaseRender {
-    constructor(pathRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.pathRenderContribitions = pathRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = PATH_NUMBER_TYPE;
         this.builtinContributions = [defaultPathBackgroundRenderContribution, defaultPathTextureRenderContribution];
-        this.init(pathRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(path, context, x, y, drawContext, params, fillCb, strokeCb) {
         var _a, _b, _c;
@@ -22601,9 +22708,9 @@ DefaultCanvasPathRender = __decorate([
 ], DefaultCanvasPathRender);
 
 let DefaultCanvasRectRender = class DefaultCanvasRectRender extends BaseRender {
-    constructor(rectRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.rectRenderContribitions = rectRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.type = 'rect';
         this.numberType = RECT_NUMBER_TYPE;
         this.builtinContributions = [
@@ -22611,7 +22718,7 @@ let DefaultCanvasRectRender = class DefaultCanvasRectRender extends BaseRender {
             defaultRectBackgroundRenderContribution,
             defaultRectTextureRenderContribution
         ];
-        this.init(rectRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
         var _a;
@@ -22694,9 +22801,9 @@ DefaultCanvasRectRender = __decorate([
 ], DefaultCanvasRectRender);
 
 let DefaultCanvasSymbolRender = class DefaultCanvasSymbolRender extends BaseRender {
-    constructor(symbolRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.symbolRenderContribitions = symbolRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = SYMBOL_NUMBER_TYPE;
         this.builtinContributions = [
             defaultSymbolRenderContribution,
@@ -22704,7 +22811,7 @@ let DefaultCanvasSymbolRender = class DefaultCanvasSymbolRender extends BaseRend
             defaultSymbolTextureRenderContribution,
             defaultSymbolClipRangeStrokeRenderContribution
         ];
-        this.init(symbolRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(symbol, context, x, y, drawContext, params, fillCb, strokeCb) {
         var _a;
@@ -22958,12 +23065,12 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
 const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
 
 let DefaultCanvasTextRender = class DefaultCanvasTextRender extends BaseRender {
-    constructor(textRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.textRenderContribitions = textRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = TEXT_NUMBER_TYPE;
         this.builtinContributions = [defaultTextBackgroundRenderContribution];
-        this.init(textRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(text, context, x, y, drawContext, params, fillCb, strokeCb) {
         var _a, _b, _c;
@@ -23235,12 +23342,12 @@ const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribu
 const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
 let DefaultCanvasPolygonRender = class DefaultCanvasPolygonRender extends BaseRender {
-    constructor(polygonRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.polygonRenderContribitions = polygonRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = POLYGON_NUMBER_TYPE;
         this.builtinContributions = [defaultPolygonBackgroundRenderContribution, defaultPolygonTextureRenderContribution];
-        this.init(polygonRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(polygon, context, x, y, drawContext, params, fillCb, strokeCb) {
         const polygonAttribute = getTheme(polygon, params === null || params === void 0 ? void 0 : params.theme).polygon;
@@ -23309,6 +23416,10 @@ let DefaultCanvasGroupRender = class DefaultCanvasGroupRender {
         this.groupRenderContribitions = groupRenderContribitions;
         this.numberType = GROUP_NUMBER_TYPE;
     }
+    reInit() {
+        this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [];
+        this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution);
+    }
     drawShape(group, context, x, y, drawContext, params, fillCb, strokeCb) {
         const groupAttribute = getTheme(group, params === null || params === void 0 ? void 0 : params.theme).group;
         const { fill = groupAttribute.fill, background, stroke = groupAttribute.stroke, opacity = groupAttribute.opacity, width = groupAttribute.width, height = groupAttribute.height, clip = groupAttribute.clip, fillOpacity = groupAttribute.fillOpacity, strokeOpacity = groupAttribute.strokeOpacity, cornerRadius = groupAttribute.cornerRadius, path = groupAttribute.path, lineWidth = groupAttribute.lineWidth, visible = groupAttribute.visible, fillStrokeOrder = groupAttribute.fillStrokeOrder, cornerType = groupAttribute.cornerType, x: originX = groupAttribute.x, y: originY = groupAttribute.y } = group.attribute;
@@ -23521,12 +23632,12 @@ DefaultCanvasGroupRender = __decorate([
 
 const repeatStr = ['', 'repeat-x', 'repeat-y', 'repeat'];
 let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender {
-    constructor(imageRenderContribitions) {
+    constructor(graphicRenderContributions) {
         super();
-        this.imageRenderContribitions = imageRenderContribitions;
+        this.graphicRenderContributions = graphicRenderContributions;
         this.numberType = IMAGE_NUMBER_TYPE;
         this.builtinContributions = [defaultImageRenderContribution, defaultImageBackgroundRenderContribution];
-        this.init(imageRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(image, context, x, y, drawContext, params, fillCb, strokeCb) {
         const imageAttribute = getTheme(image).image;
@@ -24066,6 +24177,9 @@ let DefaultRenderService = class DefaultRenderService {
         this.drawContribution.afterDraw && this.drawContribution.afterDraw(this, Object.assign({}, this.drawParams));
         return;
     }
+    reInit() {
+        this.drawContribution.reInit();
+    }
     render(groups, params) {
         this.renderTreeRoots = groups;
         this.drawParams = params;
@@ -24574,6 +24688,12 @@ let DefaultDrawContribution = class DefaultDrawContribution {
         }
         this.init();
     }
+    reInit() {
+        this.init();
+        this.contributions.forEach(item => {
+            item.reInit();
+        });
+    }
     init() {
         this.contributions.forEach(item => {
             if (item.style) {
@@ -26345,6 +26465,10 @@ class Stage extends Group {
         }
         return this.pickerService;
     }
+    reInit() {
+        this.renderService.reInit();
+        this.pickerService.reInit();
+    }
 }
 
 function createStage(params) {
@@ -26998,6 +27122,9 @@ let DefaultPickService = class DefaultPickService {
         this.type = 'default';
         this.global = application.global;
     }
+    reInit() {
+        this._init();
+    }
     _init() {
         this.InterceptorContributions = this.pickItemInterceptorContributions
             .getContributions()
@@ -27175,6 +27302,9 @@ let DefaultGlobalPickerService = class DefaultGlobalPickerService {
         });
         this.configure(this.global, this.global.env);
     }
+    reInit() {
+        return;
+    }
     configure(global, env) {
     }
     pick(graphics, point, params) {
@@ -27307,6 +27437,66 @@ function flatten_simplify(points, tolerance, highestQuality) {
     return points;
 }
 
+function isIdentityMatrix(matrix) {
+    return matrix.a === 1 && matrix.b === 0 && matrix.c === 0 && matrix.d === 1 && matrix.e === 0 && matrix.f === 0;
+}
+function createEventTransformer(containerElement, getMatrix, getRect, transformPoint) {
+    return (event) => {
+        if (!(event instanceof MouseEvent) && !(event instanceof TouchEvent) && !(event instanceof PointerEvent)) {
+            return event;
+        }
+        const transformMatrix = getMatrix();
+        if (isIdentityMatrix(transformMatrix)) {
+            return event;
+        }
+        const containerRect = getRect();
+        const transformedEvent = new event.constructor(event.type, event);
+        Object.defineProperties(transformedEvent, {
+            target: { value: event.target },
+            currentTarget: { value: event.currentTarget }
+        });
+        if (event instanceof MouseEvent || event instanceof PointerEvent) {
+            transformPoint(event.clientX, event.clientY, transformMatrix, containerRect, transformedEvent);
+        }
+        else if (event instanceof TouchEvent) {
+            if (event.touches.length > 0) {
+                const touch = event.touches[0];
+                transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, transformedEvent);
+            }
+        }
+        return transformedEvent;
+    };
+}
+function createCanvasEventTransformer(canvasElement, getMatrix, getRect, transformPoint) {
+    return createEventTransformer(canvasElement.parentElement || canvasElement, getMatrix, getRect, transformPoint);
+}
+function registerWindowEventTransformer(window, container, getMatrix, getRect, transformPoint) {
+    const transformer = createEventTransformer(container, getMatrix, getRect, transformPoint);
+    window.setEventListenerTransformer(transformer);
+}
+function registerGlobalEventTransformer(global, container, getMatrix, getRect, transformPoint) {
+    const transformer = createEventTransformer(container, getMatrix, getRect, transformPoint);
+    global.setEventListenerTransformer(transformer);
+}
+function transformPointForCanvas(clientX, clientY, matrix, rect, transformedEvent) {
+    const transformedPoint = { x: clientX, y: clientY };
+    matrix.transformPoint(transformedPoint, transformedPoint);
+    Object.defineProperties(transformedEvent, {
+        _canvasX: { value: transformedPoint.x },
+        _canvasY: { value: transformedPoint.y }
+    });
+    return;
+}
+function mapToCanvasPointForCanvas(nativeEvent) {
+    if (isNumber(nativeEvent._canvasX) && isNumber(nativeEvent._canvasY)) {
+        return {
+            x: nativeEvent._canvasX,
+            y: nativeEvent._canvasY
+        };
+    }
+    return;
+}
+
 function getDefaultCharacterConfig(attribute) {
     const { fill = 'black', stroke = false, fontWeight = 'normal', lineHeight, fontFamily = 'Arial', textAlign } = attribute;
     let { fontSize = 12 } = attribute;
@@ -29040,6 +29230,9 @@ let DefaultCanvasGlyphRender = class DefaultCanvasGlyphRender {
     constructor() {
         this.numberType = GLYPH_NUMBER_TYPE;
     }
+    reInit() {
+        return;
+    }
     drawShape(glyph, context, x, y, drawContext, params, fillCb, strokeCb) {
         if (!drawContext.drawContribution) {
             return;
@@ -30504,4 +30697,4 @@ function generatorPathEasingFunc(path) {
     };
 }
 
-export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, ManualTickHandler, ManualTicker, Mat4Allocate, MatrixAllocate, MeasureModeEnum, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, STAR_NUMBER_TYPE, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, Star, StarRender, StarRenderContribution, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, layerService, lineModule, lookAt, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformKeys, transformMat4, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, ContributionStore, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, ManualTickHandler, ManualTicker, Mat4Allocate, MatrixAllocate, MeasureModeEnum, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, STAR_NUMBER_TYPE, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, Star, StarRender, StarRenderContribution, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createEventTransformer, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformKeys, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };