@visactor/vrender-core 1.0.0-alpha.16 → 1.0.0-alpha.18

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, sqrt, Color, DEFAULT_COLORS, LRU, OBBBounds, isNil, normalTransform, isValidUrl, isBase64, acos, lowerCamelCaseToMiddle, isValid, transformBoundsWithMatrix, getContextFont, rotatePoint, clampAngleByRadian, asin, arrayEqual, Bounds, getRectIntersect, isRectIntersect, isEqual, getIntersectPoint, 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, sqrt, Color, DEFAULT_COLORS, LRU, OBBBounds, isNil, normalTransform, isValidUrl, isBase64, acos, lowerCamelCaseToMiddle, isValid, transformBoundsWithMatrix, getContextFont, rotatePoint, clampAngleByRadian, asin, arrayEqual, Bounds, getRectIntersect, isRectIntersect, isEqual, getIntersectPoint, 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) {
@@ -891,8 +915,71 @@ class PerformanceRAF {
     }
 }
 
+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;
     }
@@ -969,9 +1056,11 @@ let DefaultGlobal = class DefaultGlobal {
         this.envContribution.applyStyles = support;
     }
     constructor(contributions) {
+        super();
         this.contributions = contributions;
         this._isImageAnonymous = true;
         this._performanceRAFList = [];
+        this.eventListenerTransformer = event => event;
         this.id = Generator.GenAutoIncrementId();
         this.hooks = {
             onSetEnv: new SyncHook(['lastEnv', 'env', 'global'])
@@ -979,6 +1068,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 => {
@@ -1047,24 +1154,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);
@@ -4594,6 +4683,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];
@@ -5330,7 +5422,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();
@@ -5349,6 +5441,7 @@ let DefaultWindow = class DefaultWindow {
         return this._handler.getDpr();
     }
     constructor() {
+        super();
         this.hooks = {
             onChange: new SyncHook(['x', 'y', 'width', 'height'])
         };
@@ -5365,6 +5458,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();
@@ -5410,6 +5512,7 @@ let DefaultWindow = class DefaultWindow {
     }
     release() {
         this.global.hooks.onSetEnv.unTap('window', this.active);
+        this.clearAllEventListeners();
         return this._handler.releaseWindow();
     }
     getContext() {
@@ -5424,15 +5527,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();
     }
@@ -7492,8 +7586,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);
@@ -7505,8 +7599,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);
@@ -7527,22 +7621,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);
@@ -8197,7 +8301,7 @@ const calculateLineHeight = (lineHeight, fontSize) => {
 
 class BaseSymbol {
     bounds(size, bounds) {
-        if (isNumber(size)) {
+        if (isNumber$1(size)) {
             const halfS = size / 2;
             bounds.x1 = -halfS;
             bounds.x2 = halfS;
@@ -8212,7 +8316,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]);
     }
 }
 
@@ -8823,13 +8927,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;
@@ -8861,7 +8965,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);
@@ -8903,7 +9007,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);
@@ -10479,7 +10583,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])})`;
@@ -10487,7 +10591,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) => {
             var _a, _b;
             return _interpolateColor(isArray(from) ? ((_a = from[index]) !== null && _a !== void 0 ? _a : from[0]) : from, isArray(to) ? ((_b = to[index]) !== null && _b !== void 0 ? _b : to[0]) : to, ratio, alphaChannel);
@@ -13044,12 +13148,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);
         }
@@ -15950,7 +16054,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')) {
@@ -16376,7 +16480,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);
         };
@@ -17610,7 +17714,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,
@@ -18020,6 +18124,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 => {
@@ -18248,16 +18355,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;
@@ -18459,16 +18566,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;
@@ -19067,12 +19174,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;
@@ -19383,12 +19490,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;
@@ -19457,9 +19564,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 = [
@@ -19467,7 +19574,7 @@ let DefaultCanvasRectRender = class DefaultCanvasRectRender extends BaseRender {
             defaultRectBackgroundRenderContribution,
             defaultRectTextureRenderContribution
         ];
-        this.init(rectRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb, rectAttribute) {
         rectAttribute = rectAttribute !== null && rectAttribute !== void 0 ? rectAttribute : getTheme(rect, params === null || params === void 0 ? void 0 : params.theme).rect;
@@ -19547,9 +19654,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,
@@ -19557,7 +19664,7 @@ let DefaultCanvasSymbolRender = class DefaultCanvasSymbolRender extends BaseRend
             defaultSymbolTextureRenderContribution,
             defaultSymbolClipRangeStrokeRenderContribution
         ];
-        this.init(symbolRenderContribitions);
+        this.init(graphicRenderContributions);
     }
     drawShape(symbol, context, x, y, drawContext, params, fillCb, strokeCb, symbolAttribute) {
         var _a;
@@ -19811,12 +19918,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;
@@ -20088,12 +20195,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;
@@ -20162,6 +20269,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, groupAttribute) {
         const { clip, fill, stroke, background } = group.attribute;
         if (!(clip || fill || stroke || background)) {
@@ -20381,12 +20492,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;
@@ -20933,6 +21044,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;
@@ -21467,6 +21581,12 @@ let DefaultDrawContribution = class DefaultDrawContribution {
         }
         this.init();
     }
+    reInit() {
+        this.init();
+        this.contributions.forEach(item => {
+            item.reInit();
+        });
+    }
     init() {
         this.contributions.forEach(item => {
             if (item.style) {
@@ -23251,6 +23371,10 @@ class Stage extends Group {
         }
         return this.pickerService;
     }
+    reInit() {
+        this.renderService.reInit();
+        this.pickerService.reInit();
+    }
 }
 
 function createStage(params) {
@@ -23524,6 +23648,9 @@ let DefaultPickService = class DefaultPickService {
         this.type = 'default';
         this.global = application.global;
     }
+    reInit() {
+        this._init();
+    }
     _init() {
         this.InterceptorContributions = this.pickItemInterceptorContributions
             .getContributions()
@@ -23701,6 +23828,9 @@ let DefaultGlobalPickerService = class DefaultGlobalPickerService {
         });
         this.configure(this.global, this.global.env);
     }
+    reInit() {
+        return;
+    }
     configure(global, env) {
     }
     pick(graphics, point, params) {
@@ -24282,7 +24412,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 [];
     }
@@ -24336,7 +24466,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 [];
     }
@@ -24492,6 +24622,83 @@ const splitPath = (path, count) => {
     return res;
 };
 
+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 = transformedEvent.touches[0];
+                transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch);
+            }
+            if (event.changedTouches.length > 0) {
+                const touch = transformedEvent.changedTouches[0];
+                transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch);
+            }
+        }
+        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) {
+    var _a;
+    if (isNumber(nativeEvent._canvasX) && isNumber(nativeEvent._canvasY)) {
+        return {
+            x: nativeEvent._canvasX,
+            y: nativeEvent._canvasY
+        };
+    }
+    else if (nativeEvent.changedTouches) {
+        const data = (_a = nativeEvent.changedTouches[0]) !== null && _a !== void 0 ? _a : {};
+        return {
+            x: data._canvasX,
+            y: data._canvasY
+        };
+    }
+    const x = nativeEvent._canvasX || 0;
+    const y = nativeEvent._canvasY || 0;
+    return {
+        x,
+        y
+    };
+}
+
 function getDefaultCharacterConfig(attribute) {
     const { fill = 'black', stroke = false, fontWeight = 'normal', lineHeight, fontFamily = 'Arial', textAlign } = attribute;
     let { fontSize = 12 } = attribute;
@@ -26228,6 +26435,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;
@@ -27688,4 +27898,4 @@ const registerFlexLayoutPlugin = () => {
     Factory.registerPlugin('FlexLayoutPlugin', FlexLayoutPlugin);
 };
 
-export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CubicBezierCurve, 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, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, 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, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, 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, 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, diff, divideCubic, 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, genStepClosedSegments, genStepSegments, genStepTypeSegments, 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, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, 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, renderService, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, ContributionStore, CubicBezierCurve, 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, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, 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, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, 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, 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, diff, divideCubic, 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, genStepClosedSegments, genStepSegments, genStepTypeSegments, 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, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, 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, renderService, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };