@visactor/vrender-core 1.0.0-alpha.9 → 1.0.0

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) {
@@ -852,43 +876,107 @@ 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 Application {
+}
+const application = new Application();
+
+let idx = 0;
 class PerformanceRAF {
     constructor() {
-        this.nextAnimationFrameCbs = [];
+        this.nextAnimationFrameCbs = new Map();
         this._rafHandle = null;
         this.runAnimationFrame = (time) => {
             this._rafHandle = null;
             const cbs = this.nextAnimationFrameCbs;
-            this.nextAnimationFrameCbs = [];
-            for (let i = 0; i < cbs.length; i++) {
-                if (cbs[i]) {
-                    cbs[i](time);
-                }
-            }
+            this.nextAnimationFrameCbs = new Map();
+            cbs.forEach(cb => cb(time));
         };
         this.tryRunAnimationFrameNextFrame = () => {
-            if (this._rafHandle !== null || this.nextAnimationFrameCbs.length === 0) {
+            if (this._rafHandle !== null || this.nextAnimationFrameCbs.size === 0) {
                 return;
             }
-            this._rafHandle = vglobal.getRequestAnimationFrame()(this.runAnimationFrame);
+            this._rafHandle = application.global.getRequestAnimationFrame()(this.runAnimationFrame);
         };
     }
     addAnimationFrameCb(callback) {
-        this.nextAnimationFrameCbs.push(callback);
+        this.nextAnimationFrameCbs.set(++idx, callback);
         this.tryRunAnimationFrameNextFrame();
-        return this.nextAnimationFrameCbs.length - 1;
+        return idx;
     }
     removeAnimationFrameCb(index) {
-        if (index >= 0 && index < this.nextAnimationFrameCbs.length) {
-            this.nextAnimationFrameCbs[index] = null;
+        if (this.nextAnimationFrameCbs.has(index)) {
+            this.nextAnimationFrameCbs.delete(index);
             return true;
         }
         return false;
     }
 }
 
+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;
     }
@@ -965,9 +1053,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'])
@@ -975,6 +1065,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 => {
@@ -1043,24 +1151,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);
@@ -1788,63 +1878,6 @@ function quadLength(p0, p1, p2, iterationCount) {
     return snapLength([p0.x, p1.x, p2.x], [p0.y, p1.y, p2.y]);
 }
 
-class QuadraticBezierCurve extends Curve {
-    constructor(p0, p1, p2) {
-        super();
-        this.type = CurveTypeEnum.QuadraticBezierCurve;
-        this.p0 = p0;
-        this.p1 = p1;
-        this.p2 = p2;
-    }
-    _validPoint() {
-        return Number.isFinite(this.p0.x + this.p0.y + this.p1.x + this.p1.y + this.p2.x + this.p2.y);
-    }
-    getPointAt(t) {
-        if (this.defined !== false) {
-            return quadPointAt(this.p0, this.p1, this.p2, t);
-        }
-        throw new Error('defined为false的点不能getPointAt');
-    }
-    calcLength() {
-        if (this._validPoint()) {
-            return quadLength(this.p0, this.p1, this.p2);
-        }
-        return 60;
-    }
-    calcProjLength(direction) {
-        if (direction === Direction.ROW) {
-            return abs(this.p0.x - this.p2.x);
-        }
-        else if (direction === Direction.COLUMN) {
-            return abs(this.p0.y - this.p2.y);
-        }
-        return 0;
-    }
-    getAngleAt(t) {
-        const minT = max(t - 0.01, 0);
-        const maxT = min(t + 0.01, 1);
-        const minP = this.getPointAt(minT);
-        const maxP = this.getPointAt(maxT);
-        return atan2(maxP.y - minP.y, maxP.x - minP.x);
-    }
-    draw(path, x, y, sx, sy, percent) {
-        path.moveTo(this.p0.x * sx + x, this.p0.y * sy + y);
-        if (percent >= 1) {
-            path.quadraticCurveTo(this.p1.x * sx + x, this.p1.y * sy + y, this.p2.x * sx + x, this.p2.y * sy + y);
-        }
-        else if (percent > 0) {
-            const [curve1] = divideQuad(this, percent);
-            path.quadraticCurveTo(curve1.p1.x * sx + x, curve1.p1.y * sy + y, curve1.p2.x * sx + x, curve1.p2.y * sy + y);
-        }
-    }
-    getYAt(x) {
-        throw new Error('QuadraticBezierCurve暂不支持getYAt');
-    }
-    includeX(x) {
-        throw new Error('QuadraticBezierCurve暂不支持includeX');
-    }
-}
-
 function divideCubic(curve, t) {
     const { p0, p1, p2, p3 } = curve;
     const pt = cubicPointAt(p0, p1, p2, p3, t);
@@ -1857,15 +1890,6 @@ function divideCubic(curve, t) {
     const curve2 = new CubicBezierCurve(pt, c23, c3, p3);
     return [curve1, curve2];
 }
-function divideQuad(curve, t) {
-    const { p0, p1, p2 } = curve;
-    const pt = quadPointAt(p0, p1, p2, t);
-    const c1 = PointService.pointAtPP(p0, p1, t);
-    const c2 = PointService.pointAtPP(p1, p2, t);
-    const curve1 = new QuadraticBezierCurve(p0, c1, pt);
-    const curve2 = new QuadraticBezierCurve(pt, c2, p2);
-    return [curve1, curve2];
-}
 class CubicBezierCurve extends Curve {
     constructor(p0, p1, p2, p3) {
         super();
@@ -2708,6 +2732,72 @@ class CatmullRomClosed {
 }
 const genCatmullRomClosedSegments = commonGenCatmullRomSegments('catmullRomClosed', CatmullRomClosed);
 
+function divideQuad(curve, t) {
+    const { p0, p1, p2 } = curve;
+    const pt = quadPointAt(p0, p1, p2, t);
+    const c1 = PointService.pointAtPP(p0, p1, t);
+    const c2 = PointService.pointAtPP(p1, p2, t);
+    const curve1 = new QuadraticBezierCurve(p0, c1, pt);
+    const curve2 = new QuadraticBezierCurve(pt, c2, p2);
+    return [curve1, curve2];
+}
+class QuadraticBezierCurve extends Curve {
+    constructor(p0, p1, p2) {
+        super();
+        this.type = CurveTypeEnum.QuadraticBezierCurve;
+        this.p0 = p0;
+        this.p1 = p1;
+        this.p2 = p2;
+    }
+    _validPoint() {
+        return Number.isFinite(this.p0.x + this.p0.y + this.p1.x + this.p1.y + this.p2.x + this.p2.y);
+    }
+    getPointAt(t) {
+        if (this.defined !== false) {
+            return quadPointAt(this.p0, this.p1, this.p2, t);
+        }
+        throw new Error('defined为false的点不能getPointAt');
+    }
+    calcLength() {
+        if (this._validPoint()) {
+            return quadLength(this.p0, this.p1, this.p2);
+        }
+        return 60;
+    }
+    calcProjLength(direction) {
+        if (direction === Direction.ROW) {
+            return abs(this.p0.x - this.p2.x);
+        }
+        else if (direction === Direction.COLUMN) {
+            return abs(this.p0.y - this.p2.y);
+        }
+        return 0;
+    }
+    getAngleAt(t) {
+        const minT = max(t - 0.01, 0);
+        const maxT = min(t + 0.01, 1);
+        const minP = this.getPointAt(minT);
+        const maxP = this.getPointAt(maxT);
+        return atan2(maxP.y - minP.y, maxP.x - minP.x);
+    }
+    draw(path, x, y, sx, sy, percent) {
+        path.moveTo(this.p0.x * sx + x, this.p0.y * sy + y);
+        if (percent >= 1) {
+            path.quadraticCurveTo(this.p1.x * sx + x, this.p1.y * sy + y, this.p2.x * sx + x, this.p2.y * sy + y);
+        }
+        else if (percent > 0) {
+            const [curve1] = divideQuad(this, percent);
+            path.quadraticCurveTo(curve1.p1.x * sx + x, curve1.p1.y * sy + y, curve1.p2.x * sx + x, curve1.p2.y * sy + y);
+        }
+    }
+    getYAt(x) {
+        throw new Error('QuadraticBezierCurve暂不支持getYAt');
+    }
+    includeX(x) {
+        throw new Error('QuadraticBezierCurve暂不支持includeX');
+    }
+}
+
 class CurveContext {
     constructor(path) {
         this.path = path;
@@ -3451,10 +3541,6 @@ const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, D
 const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', image: '', width: 0, height: 0, maxWidth: 500, maxHeight: 500 }, DefaultAttribute), { fill: true, cornerRadius: 0, cornerType: 'round' });
 const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImageAttribute), { backgroundShowMode: 'never', backgroundWidth: 0, backgroundHeight: 0, textAlign: 'left', textBaseline: 'middle', direction: 'horizontal', margin: 0, id: '', width: 20, height: 20, backgroundFill: 'rgba(101, 117, 168, 0.1)', backgroundFillOpacity: 1, backgroundStroke: false, backgroundStrokeOpacity: 1, backgroundRadius: 4, opacity: 1 });
 
-class Application {
-}
-const application = new Application();
-
 const parse = (function () {
     const tokens = {
         linearGradient: /^(linear\-gradient)/i,
@@ -4594,6 +4680,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 +5419,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 +5438,7 @@ let DefaultWindow = class DefaultWindow {
         return this._handler.getDpr();
     }
     constructor() {
+        super();
         this.hooks = {
             onChange: new SyncHook(['x', 'y', 'width', 'height'])
         };
@@ -5365,6 +5455,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 +5509,7 @@ let DefaultWindow = class DefaultWindow {
     }
     release() {
         this.global.hooks.onSetEnv.unTap('window', this.active);
+        this.clearAllEventListeners();
         return this._handler.releaseWindow();
     }
     getContext() {
@@ -5424,15 +5524,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 +7583,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 +7596,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 +7618,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 +8298,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 +8313,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 +8924,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 +8962,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 +9004,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 +10580,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 +10588,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);
@@ -10919,6 +11020,10 @@ class Graphic extends Node {
             this.setShadowGraphic(params.shadowGraphic);
         }
     }
+    getGraphicService() {
+        var _a, _b;
+        return (_b = (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService) !== null && _b !== void 0 ? _b : application.graphicService;
+    }
     getAttributes() {
         return this.attribute;
     }
@@ -10949,7 +11054,6 @@ class Graphic extends Node {
         this._emitCustomEvent('animate-bind', animate);
     }
     tryUpdateAABBBounds() {
-        var _a, _b;
         const full = this.attribute.boundsMode === 'imprecise';
         if (!this.shouldUpdateAABBBounds()) {
             return this._AABBBounds;
@@ -10958,9 +11062,9 @@ class Graphic extends Node {
             this._AABBBounds.clear();
             return this._AABBBounds;
         }
-        (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);
+        this.getGraphicService().beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);
         const bounds = this.doUpdateAABBBounds(full);
-        (_b = this.stage) === null || _b === void 0 ? void 0 : _b.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, true);
+        this.getGraphicService().afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, true);
         if (this.attribute.boundsMode === 'empty') {
             bounds.clear();
         }
@@ -11137,10 +11241,10 @@ class Graphic extends Node {
     shouldUpdateAABBBounds() {
         if (this.shadowRoot) {
             return ((!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) &&
-                application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this));
+                this.getGraphicService().validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this));
         }
         return (!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) &&
-            application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this));
+            this.getGraphicService().validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this));
     }
     shouldSelfChangeUpdateAABBBounds() {
         if (this.shadowRoot) {
@@ -11451,11 +11555,10 @@ class Graphic extends Node {
         return this;
     }
     onAttributeUpdate(context) {
-        var _a;
         if (context && context.skipUpdateCallback) {
             return;
         }
-        (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onAttributeUpdate(this);
+        this.getGraphicService().onAttributeUpdate(this);
         this._emitCustomEvent('afterAttributeUpdate', context);
     }
     update(d) {
@@ -11518,6 +11621,7 @@ class Graphic extends Node {
             this.stopStateAnimates();
             this.setAttributesAndPreventAnimate(attrs, false, { type: AttributeUpdateType.STATE });
         }
+        this._emitCustomEvent('afterStateUpdate', { type: AttributeUpdateType.STATE });
     }
     updateNormalAttrs(stateAttrs) {
         const newNormalAttrs = {};
@@ -11747,7 +11851,6 @@ class Graphic extends Node {
         }
     }
     setStage(stage, layer) {
-        var _a;
         if (this.stage !== stage) {
             this.stage = stage;
             this.layer = layer;
@@ -11762,7 +11865,7 @@ class Graphic extends Node {
                 });
             }
             this._onSetStage && this._onSetStage(this, stage, layer);
-            (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onSetStage(this, stage);
+            this.getGraphicService().onSetStage(this, stage);
         }
     }
     setStageToShadowRoot(stage, layer) {
@@ -12014,15 +12117,14 @@ class Group extends Graphic {
         return false;
     }
     tryUpdateAABBBounds() {
-        var _a, _b;
         if (!this.shouldUpdateAABBBounds()) {
             return this._AABBBounds;
         }
-        (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);
+        this.getGraphicService().beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);
         const selfChange = this.shouldSelfChangeUpdateAABBBounds();
         const bounds = this.doUpdateAABBBounds();
         this.addUpdateLayoutTag();
-        (_b = this.stage) === null || _b === void 0 ? void 0 : _b.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange);
+        this.getGraphicService().afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange);
         if (this.attribute.boundsMode === 'empty') {
             bounds.clear();
         }
@@ -12091,21 +12193,19 @@ class Group extends Graphic {
         return this.theme.getTheme(this);
     }
     incrementalAppendChild(node) {
-        var _a;
         const data = super.appendChild(node);
         if (this.stage && data) {
             data.stage = this.stage;
             data.layer = this.layer;
         }
         this.addUpdateBoundTag();
-        (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onAddIncremental(node, this, this.stage);
+        this.getGraphicService().onAddIncremental(node, this, this.stage);
         return data;
     }
     incrementalClearChild() {
-        var _a;
         super.removeAllChild();
         this.addUpdateBoundTag();
-        (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onClearIncremental(this, this.stage);
+        this.getGraphicService().onClearIncremental(this, this.stage);
         return;
     }
     _updateChildToStage(child) {
@@ -12133,17 +12233,15 @@ class Group extends Graphic {
         return this._updateChildToStage(super.insertInto(newNode, idx));
     }
     removeChild(child) {
-        var _a;
         const data = super.removeChild(child);
         child.stage = null;
-        (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onRemove(child);
+        this.getGraphicService().onRemove(child);
         this.addUpdateBoundTag();
         return data;
     }
     removeAllChild(deep = false) {
         this.forEachChildren((child) => {
-            var _a;
-            (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onRemove(child);
+            this.getGraphicService().onRemove(child);
             if (deep && child.isContainer) {
                 child.removeAllChild(deep);
             }
@@ -12152,13 +12250,12 @@ class Group extends Graphic {
         this.addUpdateBoundTag();
     }
     setStage(stage, layer) {
-        var _a;
         if (this.stage !== stage) {
             this.stage = stage;
             this.layer = layer;
             this.setStageToShadowRoot(stage, layer);
             this._onSetStage && this._onSetStage(this, stage, layer);
-            (_a = this.stage) === null || _a === void 0 ? void 0 : _a.graphicService.onSetStage(this, stage);
+            this.getGraphicService().onSetStage(this, stage);
             this.forEachChildren(item => {
                 item.setStage(stage, this.layer);
             });
@@ -13048,12 +13145,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);
         }
@@ -13108,7 +13205,7 @@ let DefaultGraphicService = class DefaultGraphicService {
         if (!(graphic.valid && visible)) {
             if (!aabbBounds.empty()) {
                 graphic.parent && aabbBounds.transformWithMatrix(graphic.parent.globalTransMatrix);
-                application.graphicService.clearAABBBounds(graphic, graphic.stage, aabbBounds);
+                this.clearAABBBounds(graphic, graphic.stage, aabbBounds);
                 aabbBounds.clear();
             }
             return false;
@@ -15954,7 +16051,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')) {
@@ -16380,7 +16477,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);
         };
@@ -17614,7 +17711,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,
@@ -18024,6 +18121,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 => {
@@ -18252,16 +18352,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;
@@ -18357,10 +18457,10 @@ let DefaultCanvasArcRender = class DefaultCanvasArcRender extends BaseRender {
             this.beforeRenderStep(arc, context, x, y, doFill, doStroke, fVisible, sVisible, arcAttribute, drawContext, fillCb, strokeCb);
             if (!fillStrokeOrder) {
                 this._runFill(arc, context, x, y, arcAttribute, doFill, fVisible, originX, originY, fillCb);
-                this._runStroke(arc, context, x, y, arcAttribute, doStroke, sVisible, strokeCb);
+                this._runStroke(arc, context, x, y, arcAttribute, doStroke, isFullStroke, sVisible, strokeCb);
             }
             else {
-                this._runStroke(arc, context, x, y, arcAttribute, doStroke, sVisible, strokeCb);
+                this._runStroke(arc, context, x, y, arcAttribute, doStroke, isFullStroke, sVisible, strokeCb);
                 this._runFill(arc, context, x, y, arcAttribute, doFill, fVisible, originX, originY, fillCb);
             }
         }
@@ -18441,8 +18541,8 @@ let DefaultCanvasArcRender = class DefaultCanvasArcRender extends BaseRender {
             }
         }
     }
-    _runStroke(arc, context, x, y, arcAttribute, doStroke, sVisible, strokeCb) {
-        if (doStroke) {
+    _runStroke(arc, context, x, y, arcAttribute, doStroke, isFullStroke, sVisible, strokeCb) {
+        if (doStroke && isFullStroke) {
             if (strokeCb) ;
             else if (sVisible) {
                 context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute);
@@ -18463,16 +18563,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;
@@ -19071,12 +19171,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;
@@ -19387,12 +19487,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;
@@ -19461,9 +19561,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 = [
@@ -19471,7 +19571,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;
@@ -19551,9 +19651,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,
@@ -19561,7 +19661,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;
@@ -19815,12 +19915,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;
@@ -20008,6 +20108,9 @@ AbstractGraphicRender = __decorate([
 ], AbstractGraphicRender);
 
 function drawPolygon(path, points, x, y) {
+    if (!points || !points.length) {
+        return;
+    }
     path.moveTo(points[0].x + x, points[0].y + y);
     for (let i = 1; i < points.length; i++) {
         path.lineTo(points[i].x + x, points[i].y + y);
@@ -20092,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;
@@ -20166,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)) {
@@ -20265,7 +20372,7 @@ let DefaultCanvasGroupRender = class DefaultCanvasGroupRender {
         });
     }
     draw(group, renderService, drawContext, params) {
-        var _a;
+        var _a, _b;
         const { context } = drawContext;
         if (!context) {
             return;
@@ -20276,7 +20383,7 @@ let DefaultCanvasGroupRender = class DefaultCanvasGroupRender {
         if (drawMode > 0) {
             const { x, y, width, height } = group.attribute;
             const canvas = context.canvas;
-            const newCanvas = vglobal.createCanvas({ width: canvas.width, height: canvas.height, dpr: 1 });
+            const newCanvas = application.global.createCanvas({ width: canvas.width, height: canvas.height, dpr: 1 });
             const newContext = newCanvas.getContext('2d');
             const transform = context.nativeContext.getTransform();
             newContext.setTransform(transform.a, transform.b, transform.c, transform.d, transform.e, transform.f);
@@ -20333,7 +20440,7 @@ let DefaultCanvasGroupRender = class DefaultCanvasGroupRender {
         }
         let p;
         if (params && params.renderInGroup) {
-            p = params.renderInGroup(params.skipDraw, group, drawContext, (_a = params.renderInGroupParams) === null || _a === void 0 ? void 0 : _a.nextM);
+            p = params.renderInGroup((_a = params.renderInGroupParams) === null || _a === void 0 ? void 0 : _a.skipSort, group, drawContext, (_b = params.renderInGroupParams) === null || _b === void 0 ? void 0 : _b.nextM);
         }
         if (context.modelMatrix !== lastModelMatrix) {
             mat4Allocate.free(context.modelMatrix);
@@ -20385,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;
@@ -20726,6 +20833,7 @@ let CommonDrawItemInterceptorContribution = class CommonDrawItemInterceptorContr
     afterDrawItem(graphic, renderService, drawContext, drawContribution, params) {
         if ((!graphic.in3dMode || drawContext.in3dInterceptor) &&
             !graphic.shadowRoot &&
+            !graphic.attribute._debug_bounds &&
             !(graphic.baseGraphic || graphic.attribute.globalZIndex || graphic.interactiveGraphic)) {
             return false;
         }
@@ -20740,6 +20848,7 @@ let CommonDrawItemInterceptorContribution = class CommonDrawItemInterceptorContr
     beforeDrawItem(graphic, renderService, drawContext, drawContribution, params) {
         if ((!graphic.in3dMode || drawContext.in3dInterceptor) &&
             !graphic.shadowRoot &&
+            !graphic.attribute._debug_bounds &&
             !(graphic.baseGraphic || graphic.attribute.globalZIndex || graphic.interactiveGraphic)) {
             return false;
         }
@@ -20935,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;
@@ -21469,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) {
@@ -23253,6 +23371,10 @@ class Stage extends Group {
         }
         return this.pickerService;
     }
+    reInit() {
+        this.renderService.reInit();
+        this.pickerService.reInit();
+    }
 }
 
 function createStage(params) {
@@ -23526,6 +23648,9 @@ let DefaultPickService = class DefaultPickService {
         this.type = 'default';
         this.global = application.global;
     }
+    reInit() {
+        this._init();
+    }
     _init() {
         this.InterceptorContributions = this.pickItemInterceptorContributions
             .getContributions()
@@ -23703,6 +23828,9 @@ let DefaultGlobalPickerService = class DefaultGlobalPickerService {
         });
         this.configure(this.global, this.global.env);
     }
+    reInit() {
+        return;
+    }
     configure(global, env) {
     }
     pick(graphics, point, params) {
@@ -24284,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 [];
     }
@@ -24338,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 [];
     }
@@ -24494,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;
@@ -26230,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;
@@ -27690,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, divideQuad, 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 };