@visactor/vrender 1.1.0-alpha.23 → 1.1.0-alpha.25

package/dist/index.es.js

@@ -163,7 +163,7 @@ class EventListenerManager {
   }
 }
 
-var __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -332,7 +332,7 @@ class DefaultGlobal extends EventListenerManager {
     return this._env || this.setEnv("browser"), this.envContribution.loadBlob(url);
   }
   loadFont(name, source, descriptors) {
-    return __awaiter$8(this, void 0, void 0, function* () {
+    return __awaiter$7(this, void 0, void 0, function* () {
       return this._env || this.setEnv("browser"), this.envContribution.loadFont(name, source, descriptors);
     });
   }
@@ -718,14 +718,14 @@ var isObject$1 = isObject;
 const isObjectLike = value => "object" == typeof value && null !== value;
 var isObjectLike$1 = isObjectLike;
 
-const isPlainObject$3 = function (value) {
+const isPlainObject$2 = function (value) {
   if (!isObjectLike$1(value) || !isType$1(value, "Object")) return !1;
   if (null === Object.getPrototypeOf(value)) return !0;
   let proto = value;
   for (; null !== Object.getPrototypeOf(proto);) proto = Object.getPrototypeOf(proto);
   return Object.getPrototypeOf(value) === proto;
 };
-var isPlainObject$4 = isPlainObject$3;
+var isPlainObject$3 = isPlainObject$2;
 
 const isUndefined = value => void 0 === value;
 var isUndefined$1 = isUndefined;
@@ -840,7 +840,7 @@ function baseMergeDeep(target, source, key, shallowArray = !1, skipTargetArray =
       const length = objValue.length;
       for (; ++index < length;) newValue[index] = objValue[index];
     }
-  } else isPlainObject$4(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+  } else isPlainObject$3(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
   isCommon && baseMerge(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue(target, key, newValue);
 }
 function assignMergeValue(target, key, value) {
@@ -877,7 +877,7 @@ function isEqual(a, b, options) {
     for (let i = a.length - 1; i >= 0; i--) if (!isEqual(a[i], b[i], options)) return !1;
     return !0;
   }
-  if (!isPlainObject$4(a)) return !1;
+  if (!isPlainObject$3(a)) return !1;
   const ka = objectKeys(a),
     kb = objectKeys(b);
   if (ka.length !== kb.length) return !1;
@@ -2662,7 +2662,7 @@ const styleStringToObject = (styleStr = "") => {
 };
 const lowerCamelCaseToMiddle = str => str.replace(/([A-Z])/g, "-$1").toLowerCase();
 
-var __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -2712,6 +2712,7 @@ class Node extends EventEmitter {
   constructor() {
     super(), this._uid = Generator.GenAutoIncrementId(), this._firstChild = null, this._lastChild = null, this.parent = null, this._count = 1;
   }
+  onParentSharedStateTreeChanged(_stage, _layer) {}
   forEachChildren(cb, reverse = !1) {
     if (reverse) {
       let child = this._lastChild,
@@ -2730,7 +2731,7 @@ class Node extends EventEmitter {
     }
   }
   forEachChildrenAsync(cb, reverse = !1) {
-    return __awaiter$7(this, void 0, void 0, function* () {
+    return __awaiter$6(this, void 0, void 0, function* () {
       if (reverse) {
         let child = this._lastChild,
           i = 0;
@@ -5196,6 +5197,7 @@ const DefaultArcAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   cornerRadius: 0,
   padRadius: 0,
   padAngle: 0,
+  clipRange: 1,
   cap: !1,
   forceShowCap: !1
 });
@@ -6286,7 +6288,7 @@ function isXML(str) {
   return str.startsWith("<");
 }
 
-var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -6315,7 +6317,7 @@ function incrementalAddTo(group, graphic) {
   group.incrementalAppendChild(graphic);
 }
 function waitForAllSubLayers(stage) {
-  return __awaiter$6(this, void 0, void 0, function* () {
+  return __awaiter$5(this, void 0, void 0, function* () {
     const promiseList = [],
       layers = stage.getChildren();
     yield new Promise(resolve => {
@@ -7897,8 +7899,8 @@ function createConicalGradient(context, stops, x, y, deltaAngle, startAngle, end
   return conicalCanvas.width = imageData.width, conicalCanvas.height = imageData.height, conicalCtx.putImageData(imageData, 0, 0), pattern = context.createPattern(conicalCanvas, "no-repeat"), pattern && ConicalPatternStore.Set(stops, x, y, startAngle, endAngle, pattern, width, height), pattern;
 }
 
-const FULL_DEFINITION_KEYS$1 = new Set(["name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys"]);
-function isPlainObject$2(value) {
+const FULL_DEFINITION_KEYS = new Set(["name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys"]);
+function isPlainObject$1(value) {
   return null != value && "object" == typeof value && !Array.isArray(value);
 }
 function normalizePatch(value) {
@@ -7944,12 +7946,11 @@ class StateDefinitionCompiler {
       priority: 0,
       patch: void 0
     };
-    if ((isPlainObject$2(value) ? Object.keys(value) : []).some(key => FULL_DEFINITION_KEYS$1.has(key))) {
+    if ((isPlainObject$1(value) ? Object.keys(value) : []).some(key => FULL_DEFINITION_KEYS.has(key))) {
       const definition = value;
       return {
         name: null !== (_a = definition.name) && void 0 !== _a ? _a : name,
         priority: null !== (_b = definition.priority) && void 0 !== _b ? _b : 0,
-        rank: definition.rank,
         patch: normalizePatch(definition.patch),
         resolver: definition.resolver,
         declaredAffectedKeys: definition.declaredAffectedKeys,
@@ -7969,281 +7970,40 @@ class StateDefinitionCompiler {
       rawRelationMap.set(name, new Set(definition[relation]));
     }), compiled.forEach((definition, origin) => {
       const closure = new Set(),
-        walk = (stateName, stack) => {
+        walk = (stateName, visiting) => {
           const nextStates = rawRelationMap.get(stateName);
           nextStates && nextStates.size && nextStates.forEach(nextState => {
-            nextState !== origin ? stack.includes(nextState) ? console.warn(`[StateDefinitionCompiler] circular ${relation} relation detected: ${stack.join(" -> ")} -> ${nextState}`) : closure.has(nextState) || (closure.add(nextState), walk(nextState, stack.concat(nextState))) : console.warn(`[StateDefinitionCompiler] circular ${relation} relation detected: ${stack.join(" -> ")} -> ${origin}`);
+            nextState === origin || visiting.has(nextState) || closure.has(nextState) || (closure.add(nextState), visiting.add(nextState), walk(nextState, visiting), visiting.delete(nextState));
           });
         };
-      walk(origin, [origin]), definition[relation] = closure;
+      walk(origin, new Set([origin])), definition[relation] = closure;
     });
   }
 }
 
-var UpdateCategory;
-!function (UpdateCategory) {
-  UpdateCategory[UpdateCategory.NONE = 0] = "NONE", UpdateCategory[UpdateCategory.PAINT = 1] = "PAINT", UpdateCategory[UpdateCategory.SHAPE = 2] = "SHAPE", UpdateCategory[UpdateCategory.BOUNDS = 4] = "BOUNDS", UpdateCategory[UpdateCategory.TRANSFORM = 8] = "TRANSFORM", UpdateCategory[UpdateCategory.LAYOUT = 16] = "LAYOUT", UpdateCategory[UpdateCategory.PICK = 32] = "PICK";
-}(UpdateCategory || (UpdateCategory = {}));
-const ATTRIBUTE_CATEGORY = {
-  fill: UpdateCategory.PAINT,
-  opacity: UpdateCategory.PAINT,
-  fillOpacity: UpdateCategory.PAINT,
-  strokeOpacity: UpdateCategory.PAINT,
-  lineDash: UpdateCategory.PAINT,
-  lineDashOffset: UpdateCategory.PAINT,
-  lineCap: UpdateCategory.PAINT,
-  lineJoin: UpdateCategory.PAINT,
-  miterLimit: UpdateCategory.PAINT,
-  shadowColor: UpdateCategory.PAINT,
-  x: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  y: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  scaleX: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  scaleY: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  angle: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  anchor: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  anchor3d: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  postMatrix: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
-  layout: UpdateCategory.LAYOUT,
-  zIndex: UpdateCategory.PAINT,
-  visible: UpdateCategory.PAINT | UpdateCategory.PICK,
-  lineWidth: UpdateCategory.SHAPE | UpdateCategory.BOUNDS | UpdateCategory.PICK,
-  width: UpdateCategory.SHAPE | UpdateCategory.BOUNDS,
-  height: UpdateCategory.SHAPE | UpdateCategory.BOUNDS
-};
-const ATTRIBUTE_DELTA_CLASSIFIER = {
-  stroke: (prev, next) => (null != prev && !1 !== prev) !== (null != next && !1 !== next) ? UpdateCategory.PAINT | UpdateCategory.BOUNDS | UpdateCategory.PICK : UpdateCategory.PAINT,
-  shadowBlur: (prev, next) => {
-    const prevBlur = Number(null != prev ? prev : 0),
-      nextBlur = Number(null != next ? next : 0);
-    return prevBlur !== nextBlur && (prevBlur > 0 || nextBlur > 0) ? UpdateCategory.PAINT | UpdateCategory.BOUNDS : UpdateCategory.PAINT;
-  }
-};
-function classifyAttributeDelta(key, prev, next) {
-  var _a;
-  const dynamicClassifier = ATTRIBUTE_DELTA_CLASSIFIER[key];
-  return dynamicClassifier ? dynamicClassifier(prev, next) : null !== (_a = ATTRIBUTE_CATEGORY[key]) && void 0 !== _a ? _a : UpdateCategory.PAINT;
-}
-function classifyAffectedKeyConservatively(key) {
-  var _a;
-  return "stroke" === key ? UpdateCategory.PAINT | UpdateCategory.BOUNDS | UpdateCategory.PICK : "shadowBlur" === key ? UpdateCategory.PAINT | UpdateCategory.BOUNDS : null !== (_a = ATTRIBUTE_CATEGORY[key]) && void 0 !== _a ? _a : UpdateCategory.PAINT;
-}
-function classifyAffectedKeys(keys) {
-  let category = UpdateCategory.NONE;
-  for (const key of keys) category |= classifyAffectedKeyConservatively(key);
-  return category;
-}
-
-const STAGE_PERF_MONITOR = Symbol("vrender.statePerfMonitor");
-function createReasonBreakdown() {
-  return {
-    config_disabled: 0,
-    context_disabled: 0,
-    non_batch_operation: 0,
-    mixed_update_category: 0,
-    resolver_unstable_keys: 0,
-    graphic_unavailable: 0
-  };
-}
-function createEmptyStatePerfSnapshot() {
-  return {
-    counters: {
-      stateCommits: 0,
-      sharedRefreshCommits: 0,
-      deferredJobsCreated: 0,
-      deferredJobsCompleted: 0,
-      deferredJobsCancelled: 0,
-      deferredJobsCoalesced: 0,
-      deferredGraphicsCommitted: 0,
-      deferredBudgetYields: 0,
-      deferredIneligibleGraphics: 0
-    },
-    deferredIneligibleByReason: createReasonBreakdown(),
-    categoryBreakdown: {
-      paint: 0,
-      transform: 0,
-      shape: 0,
-      bounds: 0,
-      layout: 0,
-      pick: 0
-    },
-    refresh: {
-      queuedGraphics: 0,
-      flushedGraphics: 0,
-      ensureFreshCalls: 0,
-      renderScheduled: 0
-    },
-    resolver: {
-      cacheHits: 0,
-      cacheMisses: 0,
-      invalidations: 0
-    },
-    cost: {
-      resolverTotalMs: 0,
-      resolverMaxMs: 0,
-      patchTotalMs: 0,
-      patchMaxMs: 0,
-      sharedRefreshTotalMs: 0,
-      sharedRefreshMaxMs: 0,
-      batchSliceTotalMs: 0,
-      batchSliceMaxMs: 0
-    },
-    allocationHints: {
-      patchObjectsCreated: 0,
-      batchEntriesCreated: 0,
-      refreshQueuePushes: 0
-    },
-    batch: {
-      pendingJobs: 0,
-      maxPendingJobs: 0,
-      maxGraphicsInJob: 0,
-      maxFrameSliceCost: 0
-    },
-    events: []
-  };
-}
-function cloneSnapshot(snapshot) {
-  return {
-    counters: Object.assign({}, snapshot.counters),
-    deferredIneligibleByReason: Object.assign({}, snapshot.deferredIneligibleByReason),
-    categoryBreakdown: Object.assign({}, snapshot.categoryBreakdown),
-    refresh: Object.assign({}, snapshot.refresh),
-    resolver: Object.assign({}, snapshot.resolver),
-    cost: Object.assign({}, snapshot.cost),
-    allocationHints: Object.assign({}, snapshot.allocationHints),
-    batch: Object.assign({}, snapshot.batch),
-    events: snapshot.events ? snapshot.events.slice() : []
-  };
-}
-function isDeferredStateContextConfig(value) {
-  return !!value && (Object.prototype.hasOwnProperty.call(value, "deferred") || Object.prototype.hasOwnProperty.call(value, "localEnabled"));
-}
-function normalizeDeferredStateOwnerConfig(value) {
-  if (value) return isDeferredStateContextConfig(value) ? value : {
-    deferred: value
-  };
-}
-function normalizeDeferredStateConfig(config) {
-  var _a, _b, _c;
-  return {
-    enabled: null !== (_a = null == config ? void 0 : config.enabled) && void 0 !== _a && _a,
-    frameBudget: null !== (_b = null == config ? void 0 : config.frameBudget) && void 0 !== _b ? _b : 8,
-    maxGraphicsPerFrame: null !== (_c = null == config ? void 0 : config.maxGraphicsPerFrame) && void 0 !== _c ? _c : 100
-  };
-}
-function fingerprintDeferredStateConfig(config) {
-  return `${config.enabled ? 1 : 0}:${config.frameBudget}:${config.maxGraphicsPerFrame}`;
-}
-class StatePerfMonitor {
-  constructor(configSource) {
-    this.configSource = configSource, this.snapshot = createEmptyStatePerfSnapshot();
-  }
-  setConfig(config) {
-    this.configSource = config;
-  }
-  getSnapshot() {
-    return cloneSnapshot(this.snapshot);
-  }
-  reset() {
-    const next = createEmptyStatePerfSnapshot();
-    Object.assign(this.snapshot.counters, next.counters), Object.assign(this.snapshot.deferredIneligibleByReason, next.deferredIneligibleByReason), Object.assign(this.snapshot.categoryBreakdown, next.categoryBreakdown), Object.assign(this.snapshot.refresh, next.refresh), Object.assign(this.snapshot.resolver, next.resolver), Object.assign(this.snapshot.cost, next.cost), Object.assign(this.snapshot.allocationHints, next.allocationHints), Object.assign(this.snapshot.batch, next.batch), this.snapshot.events = [];
-  }
-  incrementCounter(key, delta = 1) {
-    this.isEnabled() && (this.snapshot.counters[key] += delta);
-  }
-  recordDeferredIneligible(reason, delta = 1) {
-    this.isEnabled() && (this.snapshot.deferredIneligibleByReason[reason] += delta, this.snapshot.counters.deferredIneligibleGraphics += delta, this.recordEvent("deferred-ineligible", {
-      reason: reason,
-      count: delta
-    }));
-  }
-  recordCategory(category) {
-    this.isEnabled() && (category & UpdateCategory.PAINT && (this.snapshot.categoryBreakdown.paint += 1), category & UpdateCategory.TRANSFORM && (this.snapshot.categoryBreakdown.transform += 1), category & UpdateCategory.SHAPE && (this.snapshot.categoryBreakdown.shape += 1), category & UpdateCategory.BOUNDS && (this.snapshot.categoryBreakdown.bounds += 1), category & UpdateCategory.LAYOUT && (this.snapshot.categoryBreakdown.layout += 1), category & UpdateCategory.PICK && (this.snapshot.categoryBreakdown.pick += 1));
-  }
-  recordRefresh(key, delta = 1) {
-    this.isEnabled() && (this.snapshot.refresh[key] += delta);
-  }
-  recordResolver(key, delta = 1) {
-    this.isEnabled() && (this.snapshot.resolver[key] += delta);
-  }
-  recordCost(kind, durationMs) {
-    if (this.isEnabled()) {
-      if ("resolver" === kind) return this.snapshot.cost.resolverTotalMs += durationMs, void (this.snapshot.cost.resolverMaxMs = Math.max(this.snapshot.cost.resolverMaxMs, durationMs));
-      if ("patch" === kind) return this.snapshot.cost.patchTotalMs += durationMs, void (this.snapshot.cost.patchMaxMs = Math.max(this.snapshot.cost.patchMaxMs, durationMs));
-      if ("sharedRefresh" === kind) return this.snapshot.cost.sharedRefreshTotalMs += durationMs, void (this.snapshot.cost.sharedRefreshMaxMs = Math.max(this.snapshot.cost.sharedRefreshMaxMs, durationMs));
-      this.snapshot.cost.batchSliceTotalMs += durationMs, this.snapshot.cost.batchSliceMaxMs = Math.max(this.snapshot.cost.batchSliceMaxMs, durationMs), this.snapshot.batch.maxFrameSliceCost = Math.max(this.snapshot.batch.maxFrameSliceCost, durationMs);
-    }
-  }
-  recordAllocation(key, delta = 1) {
-    this.isEnabled() && (this.snapshot.allocationHints[key] += delta);
-  }
-  updateBatchPending(pendingJobs) {
-    this.isEnabled() && (this.snapshot.batch.pendingJobs = pendingJobs, this.snapshot.batch.maxPendingJobs = Math.max(this.snapshot.batch.maxPendingJobs, pendingJobs));
-  }
-  updateMaxGraphicsInJob(count) {
-    this.isEnabled() && (this.snapshot.batch.maxGraphicsInJob = Math.max(this.snapshot.batch.maxGraphicsInJob, count));
-  }
-  recordEvent(type, detail) {
-    var _a, _b, _c;
-    if (!this.shouldRecordEvents()) return;
-    const events = null !== (_a = this.snapshot.events) && void 0 !== _a ? _a : this.snapshot.events = [];
-    events.push({
-      type: type,
-      at: Date.now(),
-      detail: detail
-    });
-    const max = null !== (_c = null === (_b = this.getConfig()) || void 0 === _b ? void 0 : _b.maxEventRecords) && void 0 !== _c ? _c : 100;
-    events.length > max && events.splice(0, events.length - max);
-  }
-  isEnabled() {
-    var _a;
-    return !0 === (null === (_a = this.getConfig()) || void 0 === _a ? void 0 : _a.enabled);
-  }
-  shouldRecordEvents() {
-    const config = this.getConfig();
-    return !!(null == config ? void 0 : config.enabled) && !!config.recordEvents;
-  }
-  getConfig() {
-    return "function" == typeof this.configSource ? this.configSource() : this.configSource;
-  }
-}
-function ensureStageStatePerfMonitor(stage) {
-  const stageAny = stage;
-  return stageAny[STAGE_PERF_MONITOR] || (stageAny[STAGE_PERF_MONITOR] = new StatePerfMonitor(() => stage.statePerfConfig)), stageAny[STAGE_PERF_MONITOR];
-}
-function getStageStatePerfMonitor(stage) {
-  if (stage) return stage[STAGE_PERF_MONITOR];
-}
-function getActiveStageStatePerfMonitor(stage) {
-  var _a;
-  if (!stage) return;
-  const current = getStageStatePerfMonitor(stage);
-  return current || (!0 === (null === (_a = stage.statePerfConfig) || void 0 === _a ? void 0 : _a.enabled) ? ensureStageStatePerfMonitor(stage) : void 0);
-}
-
-function isPlainObject$1(value) {
+function isPlainObject(value) {
   return null != value && "object" == typeof value && !Array.isArray(value);
 }
-function cloneValue$1(value) {
-  if (!isPlainObject$1(value)) return value;
+function cloneValue(value) {
+  if (!isPlainObject(value)) return value;
   const clone = {};
   return Object.keys(value).forEach(key => {
-    clone[key] = cloneValue$1(value[key]);
+    clone[key] = cloneValue(value[key]);
   }), clone;
 }
-function deepMerge$1(base, value) {
+function deepMerge(base, value) {
   var _a;
-  const result = null !== (_a = cloneValue$1(base)) && void 0 !== _a ? _a : {};
+  const result = null !== (_a = cloneValue(base)) && void 0 !== _a ? _a : {};
   return Object.keys(value).forEach(key => {
     const nextValue = value[key],
       previousValue = result[key];
-    isPlainObject$1(previousValue) && isPlainObject$1(nextValue) ? result[key] = deepMerge$1(previousValue, nextValue) : result[key] = cloneValue$1(nextValue);
+    isPlainObject(previousValue) && isPlainObject(nextValue) ? result[key] = deepMerge(previousValue, nextValue) : result[key] = cloneValue(nextValue);
   }), result;
 }
-const FULL_DEFINITION_KEYS = new Set(["name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys"]);
 class StateEngine {
   constructor(options) {
     var _a;
-    this._activeStates = [], this._effectiveStates = [], this._suppressed = [], this._resolvedPatch = {}, this.resolverPatchCache = new Map(), this.resolverCacheKey = "", this.resolverCacheValid = !1, this.baseAttributes = {}, this.compiledDefinitions = options.compiledDefinitions, this.stateSort = options.stateSort, this.stateProxy = options.stateProxy, this.stateProxyEligibility = options.stateProxyEligibility, this.states = options.states, this.mergeMode = null !== (_a = options.mergeMode) && void 0 !== _a ? _a : "shallow";
+    this._activeStates = [], this._effectiveStates = [], this._suppressed = [], this._resolvedPatch = {}, this.resolverPatchCache = new Map(), this.resolverCacheKey = "", this.resolverCacheValid = !1, this.baseAttributes = {}, this.compiledDefinitions = options.compiledDefinitions, this.stateSort = options.stateSort, this.mergeMode = null !== (_a = options.mergeMode) && void 0 !== _a ? _a : "shallow";
   }
   get activeStates() {
     return this._activeStates;
@@ -8313,23 +8073,11 @@ class StateEngine {
     };
   }
   invalidateResolverCache() {
-    var _a, _b;
-    this.resolverPatchCache.clear(), this.resolverCacheKey = "", this.resolverCacheValid = !1, null === (_b = getActiveStageStatePerfMonitor(null === (_a = this.graphic) || void 0 === _a ? void 0 : _a.stage)) || void 0 === _b || _b.recordResolver("invalidations");
+    this.resolverPatchCache.clear(), this.resolverCacheKey = "", this.resolverCacheValid = !1;
   }
   hasState(stateName) {
     return !!this._activeStates.length && (null == stateName || this._activeStates.includes(stateName));
   }
-  getCompatPatch(stateName) {
-    var _a, _b, _c;
-    const targetStates = this._activeStates.length ? this._activeStates : this._effectiveStates,
-      canUseStateProxy = this.canUseStateProxy(stateName),
-      proxyPatch = canUseStateProxy ? null === (_a = this.stateProxy) || void 0 === _a ? void 0 : _a.call(this, stateName, targetStates) : void 0;
-    if (this.stateProxy && canUseStateProxy) return null != proxyPatch ? proxyPatch : void 0;
-    const value = null === (_b = this.states) || void 0 === _b ? void 0 : _b[stateName];
-    if (null == value) return;
-    if (!isPlainObject$1(value)) return value;
-    return Object.keys(value).some(key => FULL_DEFINITION_KEYS.has(key)) ? cloneValue$1(null !== (_c = value.patch) && void 0 !== _c ? _c : void 0) : value;
-  }
   sortStates(states) {
     const withDefinition = [],
       withoutDefinition = [];
@@ -8360,68 +8108,33 @@ class StateEngine {
     };
   }
   recomputePatch(effectiveStates) {
-    var _a;
-    const perfMonitor = getActiveStageStatePerfMonitor(null === (_a = this.graphic) || void 0 === _a ? void 0 : _a.stage),
-      patchStart = perfMonitor ? performance.now() : 0;
-    let resolverCost = 0;
     const cacheKey = effectiveStates.join(","),
-      nextPatch = {};
-    if (null == perfMonitor || perfMonitor.recordAllocation("patchObjectsCreated"), this.resolverCacheValid && this.resolverCacheKey === cacheKey ? effectiveStates.forEach(stateName => {
-      var _a;
-      const canUseStateProxy = this.canUseStateProxy(stateName),
-        proxyPatch = canUseStateProxy ? null === (_a = this.stateProxy) || void 0 === _a ? void 0 : _a.call(this, stateName, effectiveStates) : void 0;
-      if (this.stateProxy && canUseStateProxy) return void (null != proxyPatch && this.mergeInto(nextPatch, proxyPatch));
-      const definition = this.compiledDefinitions.get(stateName);
-      if (definition) {
-        if (definition.patch && this.mergeInto(nextPatch, definition.patch), definition.hasResolver) {
-          const cachedPatch = this.resolverPatchCache.get(stateName);
-          cachedPatch && (null == perfMonitor || perfMonitor.recordResolver("cacheHits"), this.mergeInto(nextPatch, cachedPatch));
-        }
-      } else {
-        const compatPatch = this.getCompatPatch(stateName);
-        compatPatch && this.mergeInto(nextPatch, compatPatch);
-      }
-    }) : (this.resolverPatchCache.clear(), this.resolverCacheKey = cacheKey, effectiveStates.forEach(stateName => {
+      nextPatch = {},
+      useResolverCache = this.resolverCacheValid && this.resolverCacheKey === cacheKey;
+    useResolverCache || (this.resolverPatchCache.clear(), this.resolverCacheKey = cacheKey), effectiveStates.forEach(stateName => {
       var _a;
-      const canUseStateProxy = this.canUseStateProxy(stateName),
-        proxyPatch = canUseStateProxy ? null === (_a = this.stateProxy) || void 0 === _a ? void 0 : _a.call(this, stateName, effectiveStates) : void 0;
-      if (this.stateProxy && canUseStateProxy) return void (null != proxyPatch && this.mergeInto(nextPatch, proxyPatch));
       const definition = this.compiledDefinitions.get(stateName);
-      if (definition) {
-        if (definition.patch && this.mergeInto(nextPatch, definition.patch), definition.hasResolver && definition.resolver) {
-          null == perfMonitor || perfMonitor.recordResolver("cacheMisses");
-          const resolverStart = perfMonitor ? performance.now() : 0,
-            resolverPatch = definition.resolver({
-              graphic: this.graphic,
-              activeStates: this._activeStates,
-              effectiveStates: this._effectiveStates,
-              baseAttributes: this.baseAttributes,
-              resolvedPatch: nextPatch
-            });
-          if (perfMonitor) {
-            const duration = performance.now() - resolverStart;
-            resolverCost += duration, perfMonitor.recordCost("resolver", duration);
-          }
-          resolverPatch && (this.resolverPatchCache.set(stateName, resolverPatch), this.mergeInto(nextPatch, resolverPatch));
-        }
-      } else {
-        const compatPatch = this.getCompatPatch(stateName);
-        compatPatch && this.mergeInto(nextPatch, compatPatch);
+      if (definition && (definition.patch && this.mergeInto(nextPatch, definition.patch), definition.hasResolver)) {
+        const resolverPatch = useResolverCache ? this.resolverPatchCache.get(stateName) : null === (_a = definition.resolver) || void 0 === _a ? void 0 : _a.call(definition, {
+          graphic: this.graphic,
+          activeStates: this._activeStates,
+          effectiveStates: this._effectiveStates,
+          baseAttributes: this.baseAttributes,
+          resolvedPatch: nextPatch
+        });
+        resolverPatch && (useResolverCache || this.resolverPatchCache.set(stateName, resolverPatch), this.mergeInto(nextPatch, resolverPatch));
       }
-    }), this.resolverCacheValid = !0), this._resolvedPatch = nextPatch, perfMonitor) {
-      const totalCost = performance.now() - patchStart;
-      perfMonitor.recordCost("patch", Math.max(0, totalCost - resolverCost));
-    }
+    }), useResolverCache || (this.resolverCacheValid = !0), this._resolvedPatch = nextPatch;
   }
   mergeInto(target, patch) {
     "deep" !== this.mergeMode ? Object.keys(patch).forEach(key => {
-      target[key] = cloneValue$1(patch[key]);
+      target[key] = cloneValue(patch[key]);
     }) : Object.keys(patch).forEach(key => {
       var _a;
       const nextValue = patch[key],
         previousValue = target[key],
         baseValue = null === (_a = this.baseAttributes) || void 0 === _a ? void 0 : _a[key];
-      isPlainObject$1(previousValue) && isPlainObject$1(nextValue) ? target[key] = deepMerge$1(previousValue, nextValue) : !isPlainObject$1(previousValue) && isPlainObject$1(baseValue) && isPlainObject$1(nextValue) ? target[key] = deepMerge$1(baseValue, nextValue) : target[key] = cloneValue$1(nextValue);
+      isPlainObject(previousValue) && isPlainObject(nextValue) ? target[key] = deepMerge(previousValue, nextValue) : !isPlainObject(previousValue) && isPlainObject(baseValue) && isPlainObject(nextValue) ? target[key] = deepMerge(baseValue, nextValue) : target[key] = cloneValue(nextValue);
     });
   }
   sameArray(left, right) {
@@ -8429,186 +8142,50 @@ class StateEngine {
     for (let index = 0; index < left.length; index++) if (left[index] !== right[index]) return !1;
     return !0;
   }
-  canUseStateProxy(stateName) {
-    return !!this.stateProxy && (!this.stateProxyEligibility || this.stateProxyEligibility(stateName));
-  }
 }
 
-class StateModel {
-  constructor(options = {}) {
-    var _a;
-    this.exclusiveGroupMap = new Map(), this.exclusiveGroups = new Map(), this.states = options.states, this.currentStates = options.currentStates ? [...options.currentStates] : void 0, this.stateSort = options.stateSort, this.stateProxy = options.stateProxy, this.stateEngine = options.stateEngine, this.stateEngine && options.currentStates && !this.sameStates(this.stateEngine.activeStates, options.currentStates) && this.stateEngine.applyStates(options.currentStates);
-    const exclusiveGroups = null !== (_a = options.exclusiveGroups) && void 0 !== _a ? _a : {};
-    for (const groupName in exclusiveGroups) Object.prototype.hasOwnProperty.call(exclusiveGroups, groupName) && this.registerExclusiveGroup(groupName, exclusiveGroups[groupName]);
-  }
-  getCurrentStates() {
-    return this.currentStates ? [...this.currentStates] : [];
-  }
-  hasState(stateName) {
-    return this.stateEngine ? this.stateEngine.hasState(stateName) : !(!this.currentStates || !this.currentStates.length) && (null == stateName || this.currentStates.includes(stateName));
-  }
-  getState(stateName) {
-    var _a;
-    return null === (_a = this.states) || void 0 === _a ? void 0 : _a[stateName];
-  }
-  useStates(states) {
-    var _a;
-    if (this.stateEngine) {
-      const result = this.stateEngine.applyStates(states);
-      return this.currentStates = [...result.activeStates], {
-        changed: result.changed,
-        states: [...result.activeStates],
-        effectiveStates: [...result.effectiveStates]
-      };
-    }
-    if (!states.length) return this.clearStates();
-    const previousStates = null !== (_a = this.currentStates) && void 0 !== _a ? _a : [],
-      changed = previousStates.length !== states.length || states.some((stateName, index) => previousStates[index] !== stateName),
-      nextStates = this.sortStates(states);
-    return changed && (this.currentStates = nextStates), {
-      changed: changed,
-      states: changed ? [...nextStates] : [...previousStates]
-    };
-  }
-  clearStates() {
-    if (this.stateEngine) {
-      const result = this.stateEngine.clearStates();
-      return this.currentStates = [], {
-        changed: result.changed,
-        states: [],
-        effectiveStates: []
-      };
-    }
-    const changed = this.hasState();
-    return this.currentStates = [], {
-      changed: changed,
-      states: []
-    };
-  }
-  addState(stateName, keepCurrentStates) {
-    var _a;
-    if (this.stateEngine) {
-      const result = this.stateEngine.addState(stateName, keepCurrentStates);
-      return this.currentStates = [...result.activeStates], {
-        changed: result.changed,
-        states: [...result.activeStates],
-        effectiveStates: [...result.effectiveStates]
-      };
-    }
-    if (this.currentStates && this.currentStates.includes(stateName) && (keepCurrentStates || 1 === this.currentStates.length)) return {
-      changed: !1,
-      states: this.getCurrentStates()
-    };
-    const nextStates = keepCurrentStates && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) ? this.currentStates.concat([stateName]) : [stateName];
-    return this.useStates(nextStates);
-  }
-  removeState(stateName) {
-    if (this.stateEngine) {
-      const result = this.stateEngine.removeState(stateName);
-      return this.currentStates = [...result.activeStates], {
-        changed: result.changed,
-        states: [...result.activeStates],
-        effectiveStates: [...result.effectiveStates]
-      };
-    }
-    if (!this.currentStates) return {
-      changed: !1,
-      states: []
-    };
-    const filter = Array.isArray(stateName) ? s => !stateName.includes(s) : s => s !== stateName,
-      nextStates = this.currentStates.filter(filter);
-    return nextStates.length === this.currentStates.length ? {
-      changed: !1,
-      states: this.getCurrentStates()
-    } : this.useStates(nextStates);
-  }
-  toggleState(stateName) {
-    if (this.stateEngine) {
-      const result = this.stateEngine.toggleState(stateName);
-      return this.currentStates = [...result.activeStates], {
-        changed: result.changed,
-        states: [...result.activeStates],
-        effectiveStates: [...result.effectiveStates]
-      };
-    }
-    if (this.hasState(stateName)) return this.removeState(stateName);
-    const nextStates = this.currentStates ? this.currentStates.slice() : [];
-    return nextStates.includes(stateName) || nextStates.push(stateName), this.useStates(nextStates);
-  }
-  sortStates(states) {
-    return this.stateEngine ? [...this.stateEngine.activeStates] : this.stateSort ? [...states].sort(this.stateSort) : [...states];
-  }
-  registerExclusiveGroup(groupName, states) {
-    const uniqueStates = Array.from(new Set(states));
-    this.exclusiveGroups.set(groupName, uniqueStates), uniqueStates.forEach(stateName => this.exclusiveGroupMap.set(stateName, groupName));
-  }
-  getExclusiveGroup(stateName) {
-    return this.exclusiveGroupMap.get(stateName);
-  }
-  getMutuallyExclusiveStates(stateName) {
-    var _a;
-    const groupName = this.getExclusiveGroup(stateName);
-    return groupName ? (null !== (_a = this.exclusiveGroups.get(groupName)) && void 0 !== _a ? _a : []).filter(name => name !== stateName) : [];
-  }
-  isMutuallyExclusive(stateA, stateB) {
-    const groupName = this.getExclusiveGroup(stateA);
-    return !!groupName && groupName === this.getExclusiveGroup(stateB) && stateA !== stateB;
-  }
-  get effectiveStates() {
-    var _a, _b, _c;
-    return null !== (_c = null !== (_b = null === (_a = this.stateEngine) || void 0 === _a ? void 0 : _a.effectiveStates) && void 0 !== _b ? _b : this.currentStates) && void 0 !== _c ? _c : [];
-  }
-  get resolvedPatch() {
-    var _a;
-    return null === (_a = this.stateEngine) || void 0 === _a ? void 0 : _a.resolvedPatch;
-  }
-  sameStates(left, right) {
-    if (left.length !== right.length) return !1;
-    for (let index = 0; index < left.length; index++) if (left[index] !== right[index]) return !1;
-    return !0;
-  }
-}
-
-function isPlainObject(value) {
-  return null != value && "object" == typeof value && !Array.isArray(value);
-}
-function cloneValue(value) {
-  if (!isPlainObject(value)) return value;
-  const clone = {};
-  for (const key in value) Object.prototype.hasOwnProperty.call(value, key) && (clone[key] = cloneValue(value[key]));
-  return clone;
-}
-function deepMerge(base, value) {
-  const result = cloneValue(base) || {};
-  for (const key in value) {
-    if (!Object.prototype.hasOwnProperty.call(value, key)) continue;
-    const nextValue = value[key],
-      previousValue = result[key];
-    isPlainObject(previousValue) && isPlainObject(nextValue) ? result[key] = deepMerge(previousValue, nextValue) : result[key] = cloneValue(nextValue);
-  }
-  return result;
-}
-class StateStyleResolver {
-  constructor(options = {}) {
-    this.options = options;
-  }
-  resolve(normalAttrs, states, stateProxy, currentStates, stateSort) {
-    var _a;
-    const mergeMode = null !== (_a = this.options.mergeMode) && void 0 !== _a ? _a : "shallow",
-      sortedStates = stateSort ? currentStates.slice().sort(stateSort) : currentStates.slice(),
-      resolvedAttrs = {};
-    return sortedStates.forEach(stateName => {
-      const attrs = stateProxy ? stateProxy(stateName, sortedStates) : null == states ? void 0 : states[stateName];
-      if (null != attrs) for (const key in attrs) {
-        if (!Object.prototype.hasOwnProperty.call(attrs, key)) continue;
-        const nextValue = attrs[key];
-        if ("deep" === mergeMode && isPlainObject(nextValue) && (isPlainObject(resolvedAttrs[key]) || isPlainObject(normalAttrs[key]))) {
-          const baseValue = isPlainObject(resolvedAttrs[key]) ? resolvedAttrs[key] : isPlainObject(normalAttrs[key]) ? normalAttrs[key] : {};
-          resolvedAttrs[key] = deepMerge(baseValue, nextValue);
-        } else resolvedAttrs[key] = cloneValue(nextValue);
-      }
-    }), resolvedAttrs;
+var UpdateCategory;
+!function (UpdateCategory) {
+  UpdateCategory[UpdateCategory.NONE = 0] = "NONE", UpdateCategory[UpdateCategory.PAINT = 1] = "PAINT", UpdateCategory[UpdateCategory.SHAPE = 2] = "SHAPE", UpdateCategory[UpdateCategory.BOUNDS = 4] = "BOUNDS", UpdateCategory[UpdateCategory.TRANSFORM = 8] = "TRANSFORM", UpdateCategory[UpdateCategory.LAYOUT = 16] = "LAYOUT", UpdateCategory[UpdateCategory.PICK = 32] = "PICK";
+}(UpdateCategory || (UpdateCategory = {}));
+const ATTRIBUTE_CATEGORY = {
+  fill: UpdateCategory.PAINT,
+  opacity: UpdateCategory.PAINT,
+  fillOpacity: UpdateCategory.PAINT,
+  strokeOpacity: UpdateCategory.PAINT,
+  lineDash: UpdateCategory.PAINT,
+  lineDashOffset: UpdateCategory.PAINT,
+  lineCap: UpdateCategory.PAINT,
+  lineJoin: UpdateCategory.PAINT,
+  miterLimit: UpdateCategory.PAINT,
+  shadowColor: UpdateCategory.PAINT,
+  x: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  y: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  scaleX: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  scaleY: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  angle: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  anchor: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  anchor3d: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  postMatrix: UpdateCategory.TRANSFORM | UpdateCategory.BOUNDS,
+  layout: UpdateCategory.LAYOUT,
+  zIndex: UpdateCategory.PAINT,
+  visible: UpdateCategory.PAINT | UpdateCategory.PICK,
+  lineWidth: UpdateCategory.SHAPE | UpdateCategory.BOUNDS | UpdateCategory.PICK,
+  width: UpdateCategory.SHAPE | UpdateCategory.BOUNDS,
+  height: UpdateCategory.SHAPE | UpdateCategory.BOUNDS
+};
+const ATTRIBUTE_DELTA_CLASSIFIER = {
+  stroke: (prev, next) => (null != prev && !1 !== prev) !== (null != next && !1 !== next) ? UpdateCategory.PAINT | UpdateCategory.BOUNDS | UpdateCategory.PICK : UpdateCategory.PAINT,
+  shadowBlur: (prev, next) => {
+    const prevBlur = Number(null != prev ? prev : 0),
+      nextBlur = Number(null != next ? next : 0);
+    return prevBlur !== nextBlur && (prevBlur > 0 || nextBlur > 0) ? UpdateCategory.PAINT | UpdateCategory.BOUNDS : UpdateCategory.PAINT;
   }
+};
+function classifyAttributeDelta(key, prev, next) {
+  var _a;
+  const dynamicClassifier = ATTRIBUTE_DELTA_CLASSIFIER[key];
+  return dynamicClassifier ? dynamicClassifier(prev, next) : null !== (_a = ATTRIBUTE_CATEGORY[key]) && void 0 !== _a ? _a : UpdateCategory.PAINT;
 }
 
 function hasOwnKeys(value) {
@@ -8618,25 +8195,22 @@ function normalizeNoAnimateAttrConfig(config) {
   return config ? Array.isArray(config) ? config.reduce((acc, key) => (acc[key] = 1, acc), {}) : Object.keys(config).reduce((acc, key) => (config[key] && (acc[key] = 1), acc), {}) : {};
 }
 class StateTransitionOrchestrator {
-  analyzeTransition(_currentAttrs, targetAttrs, stateNames, hasAnimation, options = {}) {
+  analyzeTransition(targetAttrs, hasAnimation, options = {}) {
     var _a, _b;
     const plan = {
-      stateNames: stateNames,
       targetAttrs: Object.assign({}, targetAttrs),
       animateAttrs: {},
-      jumpAttrs: {},
       noAnimateAttrs: {}
     };
     if (!hasAnimation) return plan;
     const noWorkAnimateAttr = Object.assign(Object.assign({}, null !== (_a = options.noWorkAnimateAttr) && void 0 !== _a ? _a : {}), normalizeNoAnimateAttrConfig(null === (_b = options.animateConfig) || void 0 === _b ? void 0 : _b.noAnimateAttrs)),
       isClear = !0 === options.isClear,
-      getDefaultAttribute = options.getDefaultAttribute,
+      readDefaultAttribute = options.getDefaultAttribute,
       shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute,
       assignTransitionAttr = (key, value) => {
-        if (noWorkAnimateAttr[key]) return plan.jumpAttrs[key] = value, void (plan.noAnimateAttrs[key] = value);
-        if (isClear && void 0 === value) {
+        if (noWorkAnimateAttr[key]) plan.noAnimateAttrs[key] = value;else if (isClear && void 0 === value) {
           if (null == shouldSkipDefaultAttribute ? void 0 : shouldSkipDefaultAttribute(key, targetAttrs)) return;
-          plan.animateAttrs[key] = getDefaultAttribute ? getDefaultAttribute(key) : value;
+          plan.animateAttrs[key] = readDefaultAttribute(key);
         } else plan.animateAttrs[key] = value;
       };
     for (const key in targetAttrs) {
@@ -8672,13 +8246,13 @@ class StateTransitionOrchestrator {
       type: AttributeUpdateType.STATE
     }), plan;
   }
-  applyClearTransition(graphic, targetAttrs, hasAnimation, stateNames, options = {}) {
-    var _a, _b, _c, _d;
-    const plan = this.analyzeTransition({}, targetAttrs, stateNames, hasAnimation, {
-      noWorkAnimateAttr: null === (_a = graphic.getNoWorkAnimateAttr) || void 0 === _a ? void 0 : _a.call(graphic),
+  applyClearTransition(graphic, targetAttrs, hasAnimation, options = {}) {
+    var _a;
+    const plan = this.analyzeTransition(targetAttrs, hasAnimation, {
+      noWorkAnimateAttr: graphic.getNoWorkAnimateAttr(),
       isClear: !0,
-      getDefaultAttribute: null === (_b = graphic.getDefaultAttribute) || void 0 === _b ? void 0 : _b.bind(graphic),
-      shouldSkipDefaultAttribute: null !== (_c = options.shouldSkipDefaultAttribute) && void 0 !== _c ? _c : null === (_d = graphic.shouldSkipStateTransitionDefaultAttribute) || void 0 === _d ? void 0 : _d.bind(graphic),
+      getDefaultAttribute: graphic.getDefaultAttribute.bind(graphic),
+      shouldSkipDefaultAttribute: null !== (_a = options.shouldSkipDefaultAttribute) && void 0 !== _a ? _a : graphic.shouldSkipStateTransitionDefaultAttribute.bind(graphic),
       animateConfig: options.animateConfig,
       extraAnimateAttrs: options.extraAnimateAttrs
     });
@@ -8687,23 +8261,11 @@ class StateTransitionOrchestrator {
 }
 
 const compiler = new StateDefinitionCompiler();
-function copyDefinitions(definitions) {
-  return definitions ? Object.assign({}, definitions) : {};
-}
 function buildEffectiveSourceDefinitions(parentScope, localStateDefinitions, themeStateDefinitions) {
-  const merged = copyDefinitions(parentScope ? parentScope.effectiveSourceDefinitions : themeStateDefinitions);
-  return localStateDefinitions && Object.keys(localStateDefinitions).forEach(stateName => {
-    merged[stateName] = localStateDefinitions[stateName];
-  }), merged;
-}
-function initializeScope(scope, revision = 0) {
-  var _a;
-  const effectiveSourceDefinitions = buildEffectiveSourceDefinitions(scope.parentScope, scope.localStateDefinitions, scope.themeStateDefinitions);
-  return scope.effectiveSourceDefinitions = effectiveSourceDefinitions, scope.effectiveCompiledDefinitions = compiler.compile(effectiveSourceDefinitions), scope.parentRevisionAtBuild = null === (_a = scope.parentScope) || void 0 === _a ? void 0 : _a.revision, scope.revision = revision, scope.dirty = !1, scope;
+  return Object.assign({}, parentScope ? parentScope.effectiveSourceDefinitions : themeStateDefinitions, localStateDefinitions);
 }
 function createRootSharedStateScope(stage, themeStateDefinitions) {
-  return initializeScope({
-    ownerKind: "root",
+  return rebuildSharedStateScope({
     ownerStage: stage,
     themeStateDefinitions: themeStateDefinitions,
     effectiveSourceDefinitions: {},
@@ -8714,9 +8276,7 @@ function createRootSharedStateScope(stage, themeStateDefinitions) {
   }, 0);
 }
 function createGroupSharedStateScope(group, parentScope, localStateDefinitions) {
-  return initializeScope({
-    ownerKind: "group",
-    ownerGroup: group,
+  return rebuildSharedStateScope({
     ownerStage: group.stage,
     parentScope: parentScope,
     localStateDefinitions: localStateDefinitions,
@@ -8736,14 +8296,13 @@ function setSharedStateScopeLocalDefinitions(scope, localStateDefinitions) {
 function setRootSharedStateScopeThemeDefinitions(scope, themeStateDefinitions) {
   return scope.themeStateDefinitions !== themeStateDefinitions && (scope.themeStateDefinitions = themeStateDefinitions, rebuildSharedStateScope(scope), !0);
 }
-function rebuildSharedStateScope(scope) {
+function rebuildSharedStateScope(scope, revision = scope.revision + 1) {
   var _a;
   const effectiveSourceDefinitions = buildEffectiveSourceDefinitions(scope.parentScope, scope.localStateDefinitions, scope.themeStateDefinitions);
-  return scope.effectiveSourceDefinitions = effectiveSourceDefinitions, scope.effectiveCompiledDefinitions = compiler.compile(effectiveSourceDefinitions), scope.parentRevisionAtBuild = null === (_a = scope.parentScope) || void 0 === _a ? void 0 : _a.revision, scope.revision += 1, scope.dirty = !1, scope;
+  return scope.effectiveSourceDefinitions = effectiveSourceDefinitions, scope.effectiveCompiledDefinitions = compiler.compile(effectiveSourceDefinitions), scope.parentRevisionAtBuild = null === (_a = scope.parentScope) || void 0 === _a ? void 0 : _a.revision, scope.revision = revision, scope.dirty = !1, scope;
 }
 function ensureSharedStateScopeFresh(scope) {
-  var _a;
-  if (scope) return null === (_a = getActiveStageStatePerfMonitor(scope.ownerStage)) || void 0 === _a || _a.recordRefresh("ensureFreshCalls"), scope.parentScope && ensureSharedStateScopeFresh(scope.parentScope), (scope.dirty || scope.parentScope && scope.parentRevisionAtBuild !== scope.parentScope.revision) && rebuildSharedStateScope(scope), scope;
+  if (scope) return scope.parentScope && ensureSharedStateScopeFresh(scope.parentScope), (scope.dirty || scope.parentScope && scope.parentRevisionAtBuild !== scope.parentScope.revision) && rebuildSharedStateScope(scope), scope;
 }
 function collectSharedStateScopeChain(scope) {
   const chain = [];
@@ -8753,43 +8312,27 @@ function collectSharedStateScopeChain(scope) {
 }
 
 function scheduleStageSharedStateRefresh(stage) {
-  var _a;
-  stage && "released" !== stage.releaseStatus && (null === (_a = getActiveStageStatePerfMonitor(stage)) || void 0 === _a || _a.recordRefresh("renderScheduled"), stage.renderNextFrame());
+  stage && "released" !== stage.releaseStatus && stage.renderNextFrame();
 }
 function enqueueGraphicSharedStateRefresh(stage, graphic) {
   var _a;
   if (!stage) return;
-  const pending = null !== (_a = stage._pendingSharedStateRefreshGraphics) && void 0 !== _a ? _a : stage._pendingSharedStateRefreshGraphics = new Set();
-  if (!pending.has(graphic)) {
-    pending.add(graphic);
-    const perfMonitor = getActiveStageStatePerfMonitor(stage);
-    null == perfMonitor || perfMonitor.recordRefresh("queuedGraphics"), null == perfMonitor || perfMonitor.recordAllocation("refreshQueuePushes");
-  }
+  (null !== (_a = stage._pendingSharedStateRefreshGraphics) && void 0 !== _a ? _a : stage._pendingSharedStateRefreshGraphics = new Set()).add(graphic);
 }
 function markScopeActiveDescendantsDirty(scope, stage) {
-  let marked = !1;
-  scope.subtreeActiveDescendants.forEach(graphic => {
+  scope.subtreeActiveDescendants.size && (scope.subtreeActiveDescendants.forEach(graphic => {
     var _a;
     graphic.sharedStateDirty = !0;
-    enqueueGraphicSharedStateRefresh(null !== (_a = null != stage ? stage : graphic.stage) && void 0 !== _a ? _a : scope.ownerStage, graphic), marked = !0;
-  }), marked && scheduleStageSharedStateRefresh(null != stage ? stage : scope.ownerStage);
+    enqueueGraphicSharedStateRefresh(null !== (_a = null != stage ? stage : graphic.stage) && void 0 !== _a ? _a : scope.ownerStage, graphic);
+  }), scheduleStageSharedStateRefresh(null != stage ? stage : scope.ownerStage));
 }
 function flushStageSharedStateRefresh(stage) {
   const pending = stage._pendingSharedStateRefreshGraphics;
   if (!pending || !pending.size) return;
-  const perfMonitor = getActiveStageStatePerfMonitor(stage),
-    start = perfMonitor ? performance.now() : 0,
-    graphics = Array.from(pending.values());
-  pending.clear(), null == perfMonitor || perfMonitor.recordRefresh("flushedGraphics", graphics.length), graphics.forEach(graphic => {
-    if ("released" === graphic.releaseStatus) return;
-    if (graphic.stage !== stage) return;
-    if (!graphic.sharedStateDirty) return;
-    const refresh = graphic.refreshSharedStateBeforeRender;
-    "function" == typeof refresh && (refresh.call(graphic), null == perfMonitor || perfMonitor.incrementCounter("sharedRefreshCommits"));
-  }), perfMonitor && (perfMonitor.recordCost("sharedRefresh", performance.now() - start), perfMonitor.recordEvent("shared-refresh-flush", {
-    stageId: stage._uid,
-    flushedGraphics: graphics.length
-  }));
+  const graphics = Array.from(pending.values());
+  pending.clear(), graphics.forEach(graphic => {
+    "released" !== graphic.releaseStatus && graphic.stage === stage && graphic.sharedStateDirty && graphic.refreshSharedStateBeforeRender();
+  });
 }
 
 const _tempBounds$1 = new AABBBounds(),
@@ -8800,7 +8343,6 @@ const tempConstantXYKey = ["x", "y"],
   tempConstantScaleXYKey = ["scaleX", "scaleY"],
   tempConstantAngleKey = ["angle"],
   builtinTextureTypes = new Set(["circle", "diamond", "rect", "vertical-line", "horizontal-line", "bias-lr", "bias-rl", "grid", "wave"]),
-  FULL_STATE_DEFINITION_KEYS = new Set(["name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys"]),
   point = new Point(),
   EMPTY_STATE_NAMES = [],
   BROAD_UPDATE_CATEGORY = UpdateCategory.PAINT | UpdateCategory.SHAPE | UpdateCategory.BOUNDS | UpdateCategory.TRANSFORM | UpdateCategory.LAYOUT;
@@ -8916,11 +8458,6 @@ class Graphic extends Node {
   getAttributes() {
     return this.attribute;
   }
-  getStateStyleResolver(mergeMode) {
-    return "deep" === mergeMode ? (this.deepStateStyleResolver || (this.deepStateStyleResolver = new StateStyleResolver({
-      mergeMode: "deep"
-    })), this.deepStateStyleResolver) : (this.stateStyleResolver || (this.stateStyleResolver = new StateStyleResolver()), this.stateStyleResolver);
-  }
   getStateTransitionOrchestrator() {
     return this.stateTransitionOrchestrator || (this.stateTransitionOrchestrator = new StateTransitionOrchestrator()), this.stateTransitionOrchestrator;
   }
@@ -8936,7 +8473,7 @@ class Graphic extends Node {
   syncSharedStateScopeBindingFromTree(markDirty = !0) {
     var _a;
     const nextScope = this.resolveBoundSharedStateScope();
-    return this.boundSharedStateScope === nextScope ? (this.syncSharedStateActiveRegistrations(), !1) : (this.boundSharedStateScope = nextScope, this.boundSharedStateRevision = void 0, this.localFallbackCompiledDefinitions = void 0, this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.stateEngineStateProxyModeKey = void 0, this.syncSharedStateActiveRegistrations(), markDirty && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) && this.markSharedStateDirty(), !0);
+    return this.boundSharedStateScope === nextScope ? (this.syncSharedStateActiveRegistrations(), !1) : (this.boundSharedStateScope = nextScope, this.boundSharedStateRevision = void 0, this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.syncSharedStateActiveRegistrations(), markDirty && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) && this.markSharedStateDirty(), !0);
   }
   syncSharedStateScopeBindingOnTreeChange(markDirty = !0) {
     var _a, _b;
@@ -8975,7 +8512,7 @@ class Graphic extends Node {
   }
   getLocalStatesVersion() {
     var _a, _b;
-    return this.localStateDefinitionsSource !== this.states && (this.localStateDefinitionsSource = this.states, this.localFallbackVersion = (null !== (_a = this.localFallbackVersion) && void 0 !== _a ? _a : 0) + 1), null !== (_b = this.localFallbackVersion) && void 0 !== _b ? _b : 0;
+    return this.localStateDefinitionsSource !== this.states && (this.localStateDefinitionsSource = this.states, this.localStateDefinitionsVersion = (null !== (_a = this.localStateDefinitionsVersion) && void 0 !== _a ? _a : 0) + 1), null !== (_b = this.localStateDefinitionsVersion) && void 0 !== _b ? _b : 0;
   }
   resolveEffectiveCompiledDefinitions() {
     this.syncSharedStateScopeBindingFromTree(!1);
@@ -8984,49 +8521,24 @@ class Graphic extends Node {
     const hasStates = !!this.states && Object.keys(this.states).length > 0;
     if (!boundScope) {
       if (!hasStates) return {
-        compiledDefinitions: void 0,
-        stateProxyModeKey: "none"
+        compiledDefinitions: void 0
       };
       const cacheKey = `local:${this.getLocalStatesVersion()}`;
       return this.compiledStateDefinitions && this.compiledStateDefinitionsCacheKey === cacheKey || (this.compiledStateDefinitions = new StateDefinitionCompiler().compile(this.states), this.compiledStateDefinitionsCacheKey = cacheKey), {
-        compiledDefinitions: this.compiledStateDefinitions,
-        stateProxyModeKey: this.stateProxy ? "legacy-all" : "none"
+        compiledDefinitions: this.compiledStateDefinitions
       };
     }
-    const sharedCompiledDefinitions = boundScope.effectiveCompiledDefinitions,
-      sharedStateProxyModeKey = this.stateProxy ? "shared-missing-only" : "none",
-      sharedStateProxyEligibility = this.stateProxy ? stateName => !sharedCompiledDefinitions.has(stateName) : void 0;
-    if (!hasStates) return this.localFallbackCompiledDefinitions = void 0, {
-      compiledDefinitions: sharedCompiledDefinitions,
-      stateProxyModeKey: sharedStateProxyModeKey,
-      stateProxyEligibility: sharedStateProxyEligibility
-    };
-    const localStates = this.states,
-      missingLocalStateDefinitions = {},
-      missingStateNames = [];
-    if (Object.keys(localStates).forEach(stateName => {
-      sharedCompiledDefinitions.has(stateName) || (missingLocalStateDefinitions[stateName] = localStates[stateName], missingStateNames.push(stateName));
-    }), !missingStateNames.length) return this.localFallbackCompiledDefinitions = void 0, {
-      compiledDefinitions: sharedCompiledDefinitions,
-      stateProxyModeKey: sharedStateProxyModeKey,
-      stateProxyEligibility: sharedStateProxyEligibility
-    };
-    const localStatesVersion = this.getLocalStatesVersion(),
-      stateProxyModeKey = this.stateProxy ? `missing:${missingStateNames.sort().join("|")}` : "none",
-      cacheKey = `shared:${boundScope.revision}:fallback:${localStatesVersion}:${stateProxyModeKey}`;
-    return this.localFallbackCompiledDefinitions && this.compiledStateDefinitionsCacheKey === cacheKey || (this.localFallbackCompiledDefinitions = new StateDefinitionCompiler().compile(Object.assign(Object.assign({}, boundScope.effectiveSourceDefinitions), missingLocalStateDefinitions)), this.compiledStateDefinitionsCacheKey = cacheKey), {
-      compiledDefinitions: this.localFallbackCompiledDefinitions,
-      stateProxyModeKey: stateProxyModeKey,
-      stateProxyEligibility: sharedStateProxyEligibility
+    return {
+      compiledDefinitions: boundScope.effectiveCompiledDefinitions
     };
   }
   recomputeCurrentStatePatch() {
     var _a, _b;
     if (!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length)) return this.effectiveStates = [], this.resolvedStatePatch = void 0, void this.syncSharedStateActiveRegistrations();
     const stateResolveBaseAttrs = this.getStateResolveBaseAttrs(),
-      transition = this.createStateModel(stateResolveBaseAttrs).useStates(this.currentStates),
+      transition = this.resolveUseStatesTransition(this.currentStates, stateResolveBaseAttrs),
       effectiveStates = null !== (_b = transition.effectiveStates) && void 0 !== _b ? _b : transition.states,
-      resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : this.getStateStyleResolver(this.stateMergeMode).resolve(stateResolveBaseAttrs, this.states, this.stateProxy, transition.states, this.stateSort);
+      resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : {};
     this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.syncSharedStateActiveRegistrations();
   }
   buildStaticAttributeSnapshot() {
@@ -9090,12 +8602,7 @@ class Graphic extends Node {
     return nextCategory & UpdateCategory.PICK && (nextCategory |= UpdateCategory.BOUNDS), nextCategory === UpdateCategory.PAINT && this.needUpdateTag(key) && (nextCategory = UpdateCategory.SHAPE | UpdateCategory.BOUNDS), category | nextCategory;
   }
   submitUpdateByCategory(category, forceUpdateTag = !1) {
-    var _a;
     if (forceUpdateTag) return this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), void this.addUpdateLayoutTag();
-    if (category !== UpdateCategory.NONE) {
-      const stage = this.stage;
-      stage && (null === (_a = getActiveStageStatePerfMonitor(stage)) || void 0 === _a || _a.recordCategory(category));
-    }
     (category & BROAD_UPDATE_CATEGORY) !== BROAD_UPDATE_CATEGORY ? (category & UpdateCategory.SHAPE ? this.addUpdateShapeAndBoundsTag() : category & UpdateCategory.BOUNDS && this.addUpdateBoundTag(), category & UpdateCategory.PAINT && this.addUpdatePaintTag(), category & UpdateCategory.TRANSFORM && this.addUpdatePositionTag(), category & UpdateCategory.LAYOUT && this.addUpdateLayoutTag()) : this.addBroadUpdateTag();
   }
   submitUpdateByDelta(delta, forceUpdateTag = !1) {
@@ -9634,103 +9141,94 @@ class Graphic extends Node {
     var _a;
     return null === (_a = this.stateEngine) || void 0 === _a || _a.setResolveContext(this, stateResolveBaseAttrs), stateResolveBaseAttrs;
   }
-  createStateModel(stateResolveBaseAttrs = this.getStateResolveBaseAttrs()) {
+  ensureStateEngine(stateResolveBaseAttrs = this.getStateResolveBaseAttrs()) {
     const {
-      compiledDefinitions: compiledDefinitions,
-      stateProxyEligibility: stateProxyEligibility,
-      stateProxyModeKey: stateProxyModeKey
+      compiledDefinitions: compiledDefinitions
     } = this.resolveEffectiveCompiledDefinitions();
-    return this.compiledStateDefinitions = compiledDefinitions, compiledDefinitions ? this.stateEngine && this.stateEngineCompiledDefinitions === compiledDefinitions && this.stateEngineStateProxy === this.stateProxy && this.stateEngineStateSort === this.stateSort && this.stateEngineMergeMode === this.stateMergeMode && this.stateEngineStateProxyModeKey === stateProxyModeKey || (this.stateEngine = new StateEngine({
+    return this.compiledStateDefinitions = compiledDefinitions, compiledDefinitions ? this.stateEngine && this.stateEngineCompiledDefinitions === compiledDefinitions && this.stateEngineStateSort === this.stateSort && this.stateEngineMergeMode === this.stateMergeMode || (this.stateEngine = new StateEngine({
       compiledDefinitions: compiledDefinitions,
       stateSort: this.stateSort,
-      stateProxy: this.stateProxy,
-      stateProxyEligibility: stateProxyEligibility,
-      states: this.states,
       mergeMode: this.stateMergeMode
-    }), this.stateEngineCompiledDefinitions = compiledDefinitions, this.stateEngineStateProxy = this.stateProxy, this.stateEngineStateSort = this.stateSort, this.stateEngineMergeMode = this.stateMergeMode, this.stateEngineStateProxyModeKey = stateProxyModeKey) : (this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.stateEngineStateProxyModeKey = void 0), this.syncStateResolveContext(stateResolveBaseAttrs), new StateModel({
-      states: this.states,
-      currentStates: this.currentStates,
-      stateSort: this.stateSort,
-      stateProxy: this.stateProxy,
-      stateEngine: this.stateEngine
-    });
+    }), this.stateEngineCompiledDefinitions = compiledDefinitions, this.stateEngineStateSort = this.stateSort, this.stateEngineMergeMode = this.stateMergeMode) : (this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0), this.syncStateResolveContext(stateResolveBaseAttrs), this.stateEngine && this.currentStates && !this.sameStateNames(this.stateEngine.activeStates, this.currentStates) && this.stateEngine.applyStates(this.currentStates), this.stateEngine;
   }
-  resolveSimpleLocalStateTransition(states, previousStates) {
+  toGraphicStateTransition(result) {
+    return {
+      changed: result.changed,
+      states: [...result.activeStates],
+      effectiveStates: [...result.effectiveStates]
+    };
+  }
+  sortLocalStates(states) {
+    return this.stateSort ? [...states].sort(this.stateSort) : [...states];
+  }
+  resolveLocalUseStatesTransition(states) {
     var _a;
-    if (!this.states || this.stateProxy || this.stateSort || "deep" === this.stateMergeMode || this.parent || (null === (_a = this.stage) || void 0 === _a ? void 0 : _a.rootSharedStateScope) || this.boundSharedStateScope) return null;
-    if (1 === states.length) {
-      const stateName = states[0],
-        hasDefinition = Object.prototype.hasOwnProperty.call(this.states, stateName),
-        nextStates = [stateName],
-        changed = !this.sameStateNames(previousStates, nextStates),
-        resolvedStateAttrs = {};
-      if (hasDefinition) {
-        const attrs = this.states[stateName];
-        if (null != attrs) {
-          if (!isPlainObjectValue(attrs)) return null;
-          const keys = Object.keys(attrs);
-          for (let keyIndex = 0; keyIndex < keys.length; keyIndex++) {
-            const key = keys[keyIndex];
-            if (FULL_STATE_DEFINITION_KEYS.has(key)) return null;
-            const attrValue = attrs[key];
-            resolvedStateAttrs[key] = isPlainObjectValue(attrValue) ? cloneAttributeValue(attrValue) : attrValue;
-          }
-        }
-      }
-      return {
-        changed: changed,
-        states: nextStates,
-        effectiveStates: nextStates,
-        resolvedStateAttrs: resolvedStateAttrs
-      };
-    }
-    const uniqueStates = Array.from(new Set(states)),
-      withDefinition = [],
-      withoutDefinition = [];
-    for (let i = 0; i < uniqueStates.length; i++) {
-      const stateName = uniqueStates[i];
-      Object.prototype.hasOwnProperty.call(this.states, stateName) ? withDefinition.push(stateName) : withoutDefinition.push(stateName);
-    }
-    withDefinition.sort((left, right) => left.localeCompare(right));
-    const nextStates = withDefinition.concat(withoutDefinition),
-      changed = !this.sameStateNames(previousStates, nextStates),
-      resolvedStateAttrs = {};
-    for (let i = 0; i < nextStates.length; i++) {
-      const stateName = nextStates[i];
-      if (!Object.prototype.hasOwnProperty.call(this.states, stateName)) continue;
-      const attrs = this.states[stateName];
-      if (null == attrs) continue;
-      if (!isPlainObjectValue(attrs)) return null;
-      const keys = Object.keys(attrs);
-      for (let keyIndex = 0; keyIndex < keys.length; keyIndex++) {
-        const key = keys[keyIndex];
-        if (FULL_STATE_DEFINITION_KEYS.has(key)) return null;
-        const attrValue = attrs[key];
-        resolvedStateAttrs[key] = isPlainObjectValue(attrValue) ? cloneAttributeValue(attrValue) : attrValue;
-      }
-    }
+    if (!states.length) return this.resolveLocalClearStatesTransition();
+    const previousStates = null !== (_a = this.currentStates) && void 0 !== _a ? _a : EMPTY_STATE_NAMES,
+      changed = previousStates.length !== states.length || states.some((stateName, index) => previousStates[index] !== stateName),
+      nextStates = this.sortLocalStates(states);
     return {
       changed: changed,
-      states: nextStates,
-      effectiveStates: nextStates,
-      resolvedStateAttrs: resolvedStateAttrs
+      states: changed ? nextStates : [...previousStates]
     };
   }
-  resolveGraphicStateTransition(states, previousStates, forceResolverRefresh = !1) {
-    var _a, _b;
-    let transition = this.resolveSimpleLocalStateTransition(states, previousStates);
-    const isSimpleLocalTransition = !!transition;
-    let resolvedStateAttrs;
-    if (transition) resolvedStateAttrs = transition.resolvedStateAttrs;else {
-      const stateResolveBaseAttrs = this.getStateResolveBaseAttrs(),
-        stateModel = this.createStateModel(stateResolveBaseAttrs);
-      forceResolverRefresh && (null === (_a = this.stateEngine) || void 0 === _a || _a.invalidateResolverCache()), transition = stateModel.useStates(states), resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : this.getStateStyleResolver(this.stateMergeMode).resolve(stateResolveBaseAttrs, this.states, this.stateProxy, transition.states, this.stateSort);
-    }
+  resolveLocalClearStatesTransition() {
+    return {
+      changed: this.hasState(),
+      states: []
+    };
+  }
+  resolveUseStatesTransition(states, stateResolveBaseAttrs = this.getStateResolveBaseAttrs()) {
+    const stateEngine = this.ensureStateEngine(stateResolveBaseAttrs);
+    return stateEngine ? this.toGraphicStateTransition(stateEngine.applyStates(states)) : this.resolveLocalUseStatesTransition(states);
+  }
+  resolveClearStatesTransition() {
+    const stateEngine = this.ensureStateEngine();
+    return stateEngine ? this.toGraphicStateTransition(stateEngine.clearStates()) : this.resolveLocalClearStatesTransition();
+  }
+  resolveAddStateTransition(stateName, keepCurrentStates) {
+    var _a;
+    const stateEngine = this.ensureStateEngine();
+    if (stateEngine) return this.toGraphicStateTransition(stateEngine.addState(stateName, keepCurrentStates));
+    if (this.currentStates && this.currentStates.includes(stateName) && (keepCurrentStates || 1 === this.currentStates.length)) return {
+      changed: !1,
+      states: [...this.currentStates]
+    };
+    const nextStates = keepCurrentStates && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) ? this.currentStates.concat([stateName]) : [stateName];
+    return this.resolveLocalUseStatesTransition(nextStates);
+  }
+  resolveRemoveStateTransition(stateName) {
+    const stateEngine = this.ensureStateEngine();
+    if (stateEngine) return this.toGraphicStateTransition(stateEngine.removeState(stateName));
+    if (!this.currentStates) return {
+      changed: !1,
+      states: []
+    };
+    const filter = Array.isArray(stateName) ? s => !stateName.includes(s) : s => s !== stateName,
+      nextStates = this.currentStates.filter(filter);
+    return nextStates.length === this.currentStates.length ? {
+      changed: !1,
+      states: [...this.currentStates]
+    } : this.resolveLocalUseStatesTransition(nextStates);
+  }
+  resolveToggleStateTransition(stateName) {
+    const stateEngine = this.ensureStateEngine();
+    if (stateEngine) return this.toGraphicStateTransition(stateEngine.toggleState(stateName));
+    if (this.hasState(stateName)) return this.resolveRemoveStateTransition(stateName);
+    const nextStates = this.currentStates ? this.currentStates.slice() : [];
+    return nextStates.push(stateName), this.resolveLocalUseStatesTransition(nextStates);
+  }
+  resolveGraphicStateTransition(states, forceResolverRefresh = !1) {
+    var _a;
+    const stateResolveBaseAttrs = this.getStateResolveBaseAttrs(),
+      stateEngine = this.ensureStateEngine(stateResolveBaseAttrs);
+    forceResolverRefresh && (null == stateEngine || stateEngine.invalidateResolverCache());
+    const transition = stateEngine ? this.toGraphicStateTransition(stateEngine.applyStates(states)) : this.resolveLocalUseStatesTransition(states),
+      resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : {};
     return {
       transition: transition,
-      effectiveStates: null !== (_b = transition.effectiveStates) && void 0 !== _b ? _b : transition.states,
-      resolvedStateAttrs: resolvedStateAttrs,
-      isSimpleLocalTransition: isSimpleLocalTransition
+      effectiveStates: null !== (_a = transition.effectiveStates) && void 0 !== _a ? _a : transition.states,
+      resolvedStateAttrs: resolvedStateAttrs
     };
   }
   normalizeSetStatesOptions(options) {
@@ -9761,24 +9259,14 @@ class Graphic extends Node {
       {
         transition: transition,
         effectiveStates: effectiveStates,
-        resolvedStateAttrs: resolvedStateAttrs,
-        isSimpleLocalTransition: isSimpleLocalTransition
-      } = this.resolveGraphicStateTransition(states, previousStates, !0),
+        resolvedStateAttrs: resolvedStateAttrs
+      } = this.resolveGraphicStateTransition(states, !0),
       patchChanged = !this.sameStatePatches(previousResolvedStatePatch, resolvedStateAttrs);
-    if ((!patchChanged || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) && (this.currentStates = transition.states, this.effectiveStates = isSimpleLocalTransition ? effectiveStates : [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), patchChanged)) {
-      if (this.stage) {
-        const perfMonitor = getActiveStageStatePerfMonitor(this.stage);
-        null == perfMonitor || perfMonitor.incrementCounter("stateCommits"), null == perfMonitor || perfMonitor.recordEvent("state-commit", {
-          graphicId: this._uid,
-          targetStates: [...transition.states]
-        });
-      }
-      hasAnimation && animateSameStatePatchChange ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
-        type: AttributeUpdateType.STATE
-      }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
-        type: AttributeUpdateType.STATE
-      }), this.emitStateUpdateEvent());
-    }
+    patchChanged && !this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1) || (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), patchChanged && (hasAnimation && animateSameStatePatchChange ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+      type: AttributeUpdateType.STATE
+    }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
+      type: AttributeUpdateType.STATE
+    }), this.emitStateUpdateEvent())));
   }
   resolveStateAnimateConfig(animateConfig) {
     var _a, _b, _c;
@@ -9791,8 +9279,8 @@ class Graphic extends Node {
         extraAnimateAttrs: extraAnimateAttrs,
         shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this)
       } : void 0;
-    if (isClear) return void this.getStateTransitionOrchestrator().applyClearTransition(this, attrs, hasAnimation, stateNames, transitionOptions);
-    const plan = this.getStateTransitionOrchestrator().analyzeTransition({}, attrs, stateNames, hasAnimation, {
+    if (isClear) return void this.getStateTransitionOrchestrator().applyClearTransition(this, attrs, hasAnimation, transitionOptions);
+    const plan = this.getStateTransitionOrchestrator().analyzeTransition(attrs, hasAnimation, {
       noWorkAnimateAttr: this.getNoWorkAnimateAttr(),
       animateConfig: resolvedAnimateConfig,
       extraAnimateAttrs: extraAnimateAttrs,
@@ -9816,43 +9304,29 @@ class Graphic extends Node {
       animate.stateNames && stateAnimates.push(animate);
     }), stateAnimates.forEach(animate => animate.stop(type));
   }
-  getNormalAttribute(key) {
-    var _a, _b;
-    const value = this.attribute[key];
-    return this.hasAnyTrackedAnimate() ? null === (_a = this.finalAttribute) || void 0 === _a ? void 0 : _a[key] : null != value ? value : null === (_b = this.finalAttribute) || void 0 === _b ? void 0 : _b[key];
-  }
   clearStates(hasAnimation) {
     var _a, _b, _c;
     const previousStates = null !== (_a = this.currentStates) && void 0 !== _a ? _a : EMPTY_STATE_NAMES,
       previousResolvedStatePatch = this.resolvedStatePatch,
-      transition = this.createStateModel().clearStates();
+      transition = this.resolveClearStatesTransition();
     if (!transition.changed && 0 === previousStates.length) return this.currentStates = [], this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, void this.clearSharedStateActiveRegistrations();
     const resolvedStateAttrs = hasAnimation || this.hasCustomEvent("beforeStateUpdate") ? cloneAttributeValue(null !== (_b = this.baseAttributes) && void 0 !== _b ? _b : {}) : null !== (_c = this.baseAttributes) && void 0 !== _c ? _c : {};
-    if (!transition.changed || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !0)) {
-      if (this.currentStates = transition.states, this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, this.clearSharedStateActiveRegistrations(), this.stage) {
-        const perfMonitor = getActiveStageStatePerfMonitor(this.stage);
-        null == perfMonitor || perfMonitor.incrementCounter("stateCommits"), null == perfMonitor || perfMonitor.recordEvent("state-commit", {
-          graphicId: this._uid,
-          targetStates: []
-        });
-      }
-      hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
-        type: AttributeUpdateType.STATE
-      }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, void 0, {
-        type: AttributeUpdateType.STATE
-      }), this.emitStateUpdateEvent());
-    }
+    transition.changed && !this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !0) || (this.currentStates = transition.states, this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, this.clearSharedStateActiveRegistrations(), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+      type: AttributeUpdateType.STATE
+    }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, void 0, {
+      type: AttributeUpdateType.STATE
+    }), this.emitStateUpdateEvent()));
   }
   removeState(stateName, hasAnimation) {
-    const transition = this.createStateModel().removeState(stateName);
+    const transition = this.resolveRemoveStateTransition(stateName);
     transition.changed && this.useStates(transition.states, hasAnimation);
   }
   toggleState(stateName, hasAnimation) {
-    const transition = this.createStateModel().toggleState(stateName);
+    const transition = this.resolveToggleStateTransition(stateName);
     transition.changed && this.useStates(transition.states, hasAnimation);
   }
   addState(stateName, keepCurrentStates, hasAnimation) {
-    const transition = this.createStateModel().addState(stateName, keepCurrentStates);
+    const transition = this.resolveAddStateTransition(stateName, keepCurrentStates);
     transition.changed && this.useStates(transition.states, hasAnimation);
   }
   setStates(states, options) {
@@ -9880,29 +9354,18 @@ class Graphic extends Node {
       {
         transition: transition,
         effectiveStates: effectiveStates,
-        resolvedStateAttrs: resolvedStateAttrs,
-        isSimpleLocalTransition: isSimpleLocalTransition
-      } = this.resolveGraphicStateTransition(states, previousStates);
-    if ((transition.changed || !this.sameStateNames(previousStates, transition.states)) && this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) {
-      if (this.currentStates = transition.states, this.effectiveStates = isSimpleLocalTransition ? effectiveStates : [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), this.stage) {
-        const perfMonitor = getActiveStageStatePerfMonitor(this.stage);
-        null == perfMonitor || perfMonitor.incrementCounter("stateCommits"), null == perfMonitor || perfMonitor.recordEvent("state-commit", {
-          graphicId: this._uid,
-          targetStates: [...transition.states]
-        });
-      }
-      hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
-        type: AttributeUpdateType.STATE
-      }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
-        type: AttributeUpdateType.STATE
-      }), this.emitStateUpdateEvent());
-    }
+        resolvedStateAttrs: resolvedStateAttrs
+      } = this.resolveGraphicStateTransition(states);
+    !transition.changed && this.sameStateNames(previousStates, transition.states) || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1) && (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+      type: AttributeUpdateType.STATE
+    }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
+      type: AttributeUpdateType.STATE
+    }), this.emitStateUpdateEvent()));
   }
   invalidateResolver() {
     var _a, _b;
     if (!this.stateEngine || !(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.compiledStateDefinitions) return;
-    this.syncStateResolveContext();
-    this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
+    this.syncStateResolveContext(), this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
     const transition = this.stateEngine.applyStates(this.currentStates),
       resolvedStateAttrs = Object.assign({}, this.stateEngine.resolvedPatch);
     this.effectiveStates = [...transition.effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), this.stopStateAnimates(), this._restoreAttributeFromStaticTruth({
@@ -10043,7 +9506,7 @@ class Graphic extends Node {
   }
   detachStageForRelease() {
     var _a, _b, _c;
-    (null === (_a = this.registeredActiveScopes) || void 0 === _a ? void 0 : _a.size) && this.clearSharedStateActiveRegistrations(), (this.mayHaveTrackedAnimates() || this.shadowRoot) && this.stopAnimates(), this.boundSharedStateScope = void 0, this.boundSharedStateRevision = void 0, this.localFallbackCompiledDefinitions = void 0, this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.stateEngineStateProxyModeKey = void 0, this.sharedStateDirty = !1, this.stage = null, this.layer = null, this.shadowRoot && (null === (_c = (_b = this.shadowRoot).detachStageForRelease) || void 0 === _c || _c.call(_b));
+    (null === (_a = this.registeredActiveScopes) || void 0 === _a ? void 0 : _a.size) && this.clearSharedStateActiveRegistrations(), (this.mayHaveTrackedAnimates() || this.shadowRoot) && this.stopAnimates(), this.boundSharedStateScope = void 0, this.boundSharedStateRevision = void 0, this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.sharedStateDirty = !1, this.stage = null, this.layer = null, this.shadowRoot && (null === (_c = (_b = this.shadowRoot).detachStageForRelease) || void 0 === _c || _c.call(_b));
   }
   setStageToShadowRoot(stage, layer) {
     this.shadowRoot && this.shadowRoot.setStage(stage, layer);
@@ -11556,15 +11019,11 @@ class Glyph extends Graphic {
     const previousStates = this.currentStates ? this.currentStates.slice() : [];
     if (!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) !== states.length || states.some((stateName, index) => this.currentStates[index] !== stateName))) return;
     this.stopStateAnimates(), this.stateSort && (states = states.sort(this.stateSort));
-    const stateAttrs = {},
-      subAttrs = this.subGraphic.map(() => ({}));
+    const stateAttrs = {};
     states.forEach(stateName => {
-      var _a;
       const attrs = this.glyphStateProxy ? this.glyphStateProxy(stateName, states) : this.glyphStates[stateName];
-      attrs && (Object.assign(stateAttrs, attrs.attributes), (null === (_a = attrs.subAttributes) || void 0 === _a ? void 0 : _a.length) && subAttrs.forEach((subAttrs, index) => {
-        Object.assign(subAttrs, attrs.subAttributes[index]);
-      }));
-    }), this.beforeStateUpdate(stateAttrs, previousStates, states, hasAnimation, !1) && (this.updateNormalAttrs(stateAttrs), this.currentStates = states, this.applyStateAttrs(stateAttrs, states, hasAnimation));
+      attrs && Object.assign(stateAttrs, attrs.attributes);
+    }), this.beforeStateUpdate(stateAttrs, previousStates, states, hasAnimation, !1) && (this.currentStates = states, this.applyStateAttrs(stateAttrs, states, hasAnimation));
   }
   clearStates(hasAnimation) {
     this.stopStateAnimates();
@@ -11573,7 +11032,6 @@ class Glyph extends Graphic {
       if (!this.beforeStateUpdate(this.normalAttrs, previousStates, [], hasAnimation, !0)) return;
       this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0);
     } else this.currentStates = [];
-    this.normalAttrs = null;
   }
   clone() {
     const glyph = new Glyph(Object.assign({}, this.attribute));
@@ -12825,7 +12283,7 @@ function createArea(attributes) {
   return new Area(attributes);
 }
 
-const ARC_UPDATE_TAG_KEY = ["innerRadius", "outerRadius", "startAngle", "endAngle", "cornerRadius", "padAngle", "padRadius", "cap", ...GRAPHIC_UPDATE_TAG_KEY];
+const ARC_UPDATE_TAG_KEY = ["innerRadius", "outerRadius", "startAngle", "endAngle", "cornerRadius", "padAngle", "padRadius", "clipRange", "cap", ...GRAPHIC_UPDATE_TAG_KEY];
 class Arc extends Graphic {
   constructor(params) {
     super(params), this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
@@ -12869,11 +12327,12 @@ class Arc extends Graphic {
       endAngle = arcTheme.endAngle
     } = this.attribute;
     const {
-        cap = arcTheme.cap
+        cap = arcTheme.cap,
+        clipRange = arcTheme.clipRange
       } = this.attribute,
-      sign = endAngle - startAngle >= 0 ? 1 : -1,
-      deltaAngle = endAngle - startAngle;
-    if (startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) < pi2 - epsilon) {
+      sign = endAngle - startAngle >= 0 ? 1 : -1;
+    let deltaAngle = endAngle - startAngle;
+    if (deltaAngle *= Math.max(0, Math.min(clipRange, 1)), startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) > epsilon && abs(deltaAngle) < pi2 - epsilon) {
       let startCap = 1,
         endCap = 1;
       cap.length && (startCap = Number(cap[0]), endCap = Number(cap[1]));
@@ -13163,7 +12622,7 @@ var GroupUpdateAABBBoundsMode;
 }(GroupUpdateAABBBoundsMode || (GroupUpdateAABBBoundsMode = {}));
 class Group extends Graphic {
   constructor(params) {
-    super(params), this.type = "group", this.parent = null, this.isContainer = !0, this._hasSharedStateDefinitions = !1, this.numberType = GROUP_NUMBER_TYPE, this._childUpdateTag = UpdateTag.UPDATE_BOUNDS;
+    super(params), this.type = "group", this.parent = null, this.isContainer = !0, this.numberType = GROUP_NUMBER_TYPE, this._childUpdateTag = UpdateTag.UPDATE_BOUNDS;
   }
   get sharedStateDefinitions() {
     return this._sharedStateDefinitions;
@@ -13171,7 +12630,7 @@ class Group extends Graphic {
   set sharedStateDefinitions(value) {
     if (this._sharedStateDefinitions === value) return;
     const previousScope = this.sharedStateScope;
-    this._sharedStateDefinitions = value, this._hasSharedStateDefinitions = !!value && Object.keys(value).length > 0, this.ensureSharedStateScopeBound(), this.sharedStateScope && (setSharedStateScopeLocalDefinitions(this.sharedStateScope, value), markScopeActiveDescendantsDirty(this.sharedStateScope, this.stage)), previousScope !== this.sharedStateScope && this.notifyChildrenSharedStateTreeChanged();
+    this._sharedStateDefinitions = value, this.ensureSharedStateScopeBound(), this.sharedStateScope && (setSharedStateScopeLocalDefinitions(this.sharedStateScope, value), markScopeActiveDescendantsDirty(this.sharedStateScope, this.stage)), previousScope !== this.sharedStateScope && this.notifyChildrenSharedStateTreeChanged();
   }
   setMode(mode) {
     "3d" === mode ? this.set3dMode() : this.set2dMode();
@@ -13275,17 +12734,17 @@ class Group extends Graphic {
   }
   incrementalAppendChild(node) {
     const data = super.appendChild(node);
-    return data && (!this.stage || data.stage === this.stage && data.layer === this.layer ? data.onParentSharedStateTreeChanged && data.onParentSharedStateTreeChanged(this.stage, this.layer) : data.setStage(this.stage, this.layer)), this.addUpdateBoundTag(), this.getGraphicService().onAddIncremental(node, this, this.stage), data;
+    return data && this.syncChildSharedStateTreeBinding(data), this.addUpdateBoundTag(), this.getGraphicService().onAddIncremental(node, this, this.stage), data;
   }
   incrementalClearChild() {
     super.removeAllChild(), this.addUpdateBoundTag(), this.getGraphicService().onClearIncremental(this, this.stage);
   }
   _updateChildToStage(child) {
-    return child && (!this.stage || child.stage === this.stage && child.layer === this.layer ? child.onParentSharedStateTreeChanged && child.onParentSharedStateTreeChanged(this.stage, this.layer) : child.setStage(this.stage, this.layer)), this.addUpdateBoundTag(), child;
+    return child && this.syncChildSharedStateTreeBinding(child), this.addUpdateBoundTag(), child;
   }
   appendChild(node, addStage = !0) {
     const data = super.appendChild(node);
-    return data && (addStage && this.stage && (data.stage !== this.stage || data.layer !== this.layer) ? data.setStage(this.stage, this.layer) : data.onParentSharedStateTreeChanged && data.onParentSharedStateTreeChanged(this.stage, this.layer)), this.addUpdateBoundTag(), data;
+    return data && addStage && this.syncChildSharedStateTreeBinding(data), this.addUpdateBoundTag(), data;
   }
   insertBefore(newNode, referenceNode) {
     return this._updateChildToStage(super.insertBefore(newNode, referenceNode));
@@ -13297,9 +12756,8 @@ class Group extends Graphic {
     return this._updateChildToStage(super.insertInto(newNode, idx));
   }
   removeChild(child, highPerformance = !1) {
-    var _a;
     const data = super.removeChild(child);
-    return data ? highPerformance ? (null === (_a = child.detachStageForRelease) || void 0 === _a || _a.call(child), data) : (this.getGraphicService().onRemove(child), child.setStage(null, null), this.addUpdateBoundTag(), data) : data;
+    return data ? highPerformance ? (child.detachStageForRelease(), data) : (this.getGraphicService().onRemove(child), child.setStage(null, null), this.addUpdateBoundTag(), data) : data;
   }
   removeAllChild(deep = !1) {
     const children = this.children.slice();
@@ -13312,14 +12770,10 @@ class Group extends Graphic {
   setStage(stage, layer) {
     var _a, _b, _c, _d, _e, _f;
     const graphicService = null !== (_c = null !== (_a = null == stage ? void 0 : stage.graphicService) && void 0 !== _a ? _a : null === (_b = this.stage) || void 0 === _b ? void 0 : _b.graphicService) && void 0 !== _c ? _c : application.graphicService,
-      needsSharedStateTreeSync = this._hasSharedStateDefinitions || this.sharedStateScope || (null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty;
-    if (this.stage !== stage) return this.stage = stage, this.layer = layer, needsSharedStateTreeSync && (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0)), this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), null === (_f = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _f || _f.call(graphicService, this, stage), void this.forEachChildren(item => {
-      item.setStage(stage, this.layer);
-    });
+      needsSharedStateTreeSync = this.hasSharedStateDefinitions() || this.sharedStateScope || (null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty;
+    if (this.stage !== stage) return this.stage = stage, this.layer = layer, needsSharedStateTreeSync && (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0)), this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), null === (_f = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _f || _f.call(graphicService, this, stage), void this.notifyChildrenSharedStateTreeChanged();
     const layerChanged = this.layer !== layer;
-    layerChanged && (this.layer = layer), needsSharedStateTreeSync ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0), this.notifyChildrenSharedStateTreeChanged()) : layerChanged && this.forEachChildren(item => {
-      item.onParentSharedStateTreeChanged && item.onParentSharedStateTreeChanged(stage, this.layer);
-    });
+    layerChanged && (this.layer = layer), needsSharedStateTreeSync ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0), this.notifyChildrenSharedStateTreeChanged()) : layerChanged && this.notifyChildrenSharedStateTreeChanged();
   }
   addUpdatePositionTag() {
     super.addUpdatePositionTag(), this.forEachChildren(g => {
@@ -13366,24 +12820,26 @@ class Group extends Graphic {
   }
   detachStageForRelease() {
     super.detachStageForRelease(), this.sharedStateScope = void 0, this.forEachChildren(item => {
-      var _a;
-      null === (_a = item.detachStageForRelease) || void 0 === _a || _a.call(item);
+      item.detachStageForRelease();
     });
   }
   ensureSharedStateScopeBound() {
     var _a, _b, _c;
     if (!this.hasSharedStateDefinitions()) return void (this.sharedStateScope = void 0);
     const parentScope = null !== (_b = null === (_a = this.parent) || void 0 === _a ? void 0 : _a.sharedStateScope) && void 0 !== _b ? _b : null === (_c = this.stage) || void 0 === _c ? void 0 : _c.rootSharedStateScope;
-    this.sharedStateScope ? (this.sharedStateScope.ownerGroup = this, this.sharedStateScope.ownerStage = this.stage, setSharedStateScopeParent(this.sharedStateScope, parentScope), this.sharedStateScope.localStateDefinitions !== this._sharedStateDefinitions && setSharedStateScopeLocalDefinitions(this.sharedStateScope, this._sharedStateDefinitions)) : this.sharedStateScope = createGroupSharedStateScope(this, parentScope, this._sharedStateDefinitions);
+    this.sharedStateScope ? (this.sharedStateScope.ownerStage = this.stage, setSharedStateScopeParent(this.sharedStateScope, parentScope), this.sharedStateScope.localStateDefinitions !== this._sharedStateDefinitions && setSharedStateScopeLocalDefinitions(this.sharedStateScope, this._sharedStateDefinitions)) : this.sharedStateScope = createGroupSharedStateScope(this, parentScope, this._sharedStateDefinitions);
   }
   hasSharedStateDefinitions() {
-    return this._hasSharedStateDefinitions;
+    return !!this._sharedStateDefinitions && Object.keys(this._sharedStateDefinitions).length > 0;
   }
   notifyChildrenSharedStateTreeChanged() {
     this.forEachChildren(item => {
-      item.onParentSharedStateTreeChanged && item.onParentSharedStateTreeChanged(this.stage, this.layer);
+      this.syncChildSharedStateTreeBinding(item);
     });
   }
+  syncChildSharedStateTreeBinding(child) {
+    child.onParentSharedStateTreeChanged(this.stage, this.layer);
+  }
   onParentSharedStateTreeChanged(stage, layer) {
     var _a;
     this.stage === stage && this.layer === layer ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length)), this.notifyChildrenSharedStateTreeChanged()) : this.setStage(stage, layer);
@@ -14298,7 +13754,7 @@ class DefaultGlobalPickerService {
   }
 }
 
-var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -14368,7 +13824,7 @@ function foreach(graphic, defaultZIndex, cb, reverse = !1, sort3d = !1) {
   } else graphic.forEachChildren(cb, reverse);
 }
 function foreachAsync(graphic, defaultZIndex, cb, reverse = !1) {
-  return __awaiter$5(this, void 0, void 0, function* () {
+  return __awaiter$4(this, void 0, void 0, function* () {
     yield graphic.forEachChildrenAsync(cb, reverse);
   });
 }
@@ -14941,9 +14397,6 @@ class RendererRegistry {
   register(key, renderer) {
     this.entries.set(key, renderer), this.cache.delete(key);
   }
-  registerMany(entries) {
-    for (const [key, renderer] of entries) this.register(key, renderer);
-  }
   get(key) {
     if (this.cache.has(key)) return this.cache.get(key);
     const entry = this.entries.get(key);
@@ -14966,9 +14419,6 @@ class PickerRegistry {
   register(key, picker) {
     this.entries.set(key, picker);
   }
-  registerMany(entries) {
-    for (const [key, picker] of entries) this.register(key, picker);
-  }
   get(key) {
     return this.entries.get(key);
   }
@@ -15010,9 +14460,6 @@ class ContributionRegistry {
     const current = null !== (_a = this.entries.get(key)) && void 0 !== _a ? _a : [];
     current.push(contribution), this.entries.set(key, current);
   }
-  registerMany(entries) {
-    for (const [key, contribution] of entries) this.register(key, contribution);
-  }
   get(key) {
     var _a;
     return [...(null !== (_a = this.entries.get(key)) && void 0 !== _a ? _a : [])];
@@ -15030,8 +14477,8 @@ const EMPTY_AUTO_ENABLE_PROVIDER = {
 };
 class DefaultPluginService {
   constructor(autoEnablePlugins = EMPTY_AUTO_ENABLE_PROVIDER, deps = {}) {
-    var _a, _b, _c;
-    this.autoEnablePlugins = autoEnablePlugins, this.onStartupFinishedPlugin = [], this.onRegisterPlugin = [], this.actived = !1, this.pluginRegistry = null !== (_a = deps.pluginRegistry) && void 0 !== _a ? _a : new PluginRegistry(), this.autoEnablePlugins = null !== (_c = null !== (_b = deps.autoEnablePlugins) && void 0 !== _b ? _b : this.autoEnablePlugins) && void 0 !== _c ? _c : EMPTY_AUTO_ENABLE_PROVIDER;
+    var _a;
+    this.autoEnablePlugins = autoEnablePlugins, this.onStartupFinishedPlugin = [], this.onRegisterPlugin = [], this.actived = !1, this.pluginRegistry = null !== (_a = deps.pluginRegistry) && void 0 !== _a ? _a : new PluginRegistry();
   }
   active(stage, params) {
     this.stage = stage, this.actived = !0;
@@ -15180,29 +14627,28 @@ const globalBounds = new AABBBounds();
 class DirtyBoundsPlugin {
   constructor() {
     this.name = "DirtyBoundsPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.dirtyBoundsHooksRegistered = !1, this.handlePaintOnlyUpdate = graphic => {
-      var _a, _b, _c, _d;
+      var _a;
       const stage = this.pluginService.stage;
       if (!stage || stage !== graphic.stage || !stage.renderCount) return;
       const owner = null !== (_a = graphic.glyphHost) && void 0 !== _a ? _a : graphic;
       if (!(owner._updateTag & UpdateTag.UPDATE_PAINT) || owner._updateTag & UpdateTag.UPDATE_BOUNDS) return;
       const ownerBounds = this.ensurePaintDirtyBoundsCache(owner);
-      ownerBounds && !ownerBounds.empty() && stage.dirty(ownerBounds), null === (_b = owner.clearUpdatePaintTag) || void 0 === _b || _b.call(owner);
+      ownerBounds && !ownerBounds.empty() && stage.dirty(ownerBounds), owner.clearUpdatePaintTag();
       const shadowRoot = owner.shadowRoot;
       if (!shadowRoot) return;
       const shadowBounds = this.ensurePaintDirtyBoundsCache(shadowRoot);
-      shadowBounds && !shadowBounds.empty() && stage.dirty(shadowBounds), null === (_d = (_c = shadowRoot).clearUpdatePaintTag) || void 0 === _d || _d.call(_c);
+      shadowBounds && !shadowBounds.empty() && stage.dirty(shadowBounds), shadowRoot.clearUpdatePaintTag();
     };
   }
   ensurePaintDirtyBoundsCache(graphic) {
-    var _a, _b;
+    var _a;
     const owner = graphic;
-    owner._AABBBounds && "function" == typeof owner._AABBBounds.empty && !owner._AABBBounds.empty() || "function" != typeof owner.doUpdateAABBBounds || owner.doUpdateAABBBounds("imprecise" === (null === (_a = owner.attribute) || void 0 === _a ? void 0 : _a.boundsMode));
-    return owner._globalAABBBounds && "function" == typeof owner._globalAABBBounds.empty && !owner._globalAABBBounds.empty() || "function" != typeof owner.tryUpdateGlobalAABBBounds || owner.tryUpdateGlobalAABBBounds(), null !== (_b = owner._globalAABBBounds) && void 0 !== _b ? _b : owner.globalAABBBounds;
+    return owner._AABBBounds.empty() && owner.doUpdateAABBBounds("imprecise" === (null === (_a = owner.attribute) || void 0 === _a ? void 0 : _a.boundsMode)), owner._globalAABBBounds && !owner._globalAABBBounds.empty() || owner.tryUpdateGlobalAABBBounds(), owner._globalAABBBounds;
   }
   getRemoveDirtyBounds(graphic) {
     var _a;
     const cachedBounds = (null !== (_a = graphic.glyphHost) && void 0 !== _a ? _a : graphic)._globalAABBBounds;
-    if (cachedBounds && "function" == typeof cachedBounds.empty && !cachedBounds.empty()) return cachedBounds;
+    if (cachedBounds && !cachedBounds.empty()) return cachedBounds;
   }
   registerDirtyBoundsHooks(stage) {
     this.dirtyBoundsHooksRegistered || (stage.graphicService.hooks.onAttributeUpdate.tap(this.key, this.handlePaintOnlyUpdate), stage.graphicService.hooks.beforeUpdateAABBBounds.tap(this.key, (graphic, stage, willUpdate, bounds) => {
@@ -15255,256 +14701,6 @@ function getCurrentEnv() {
   return isBrowserEnv() ? "browser" : "node";
 }
 
-var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      var value;
-      result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
-        resolve(value);
-      })).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-function isRenderableGraphic(graphic) {
-  return !!graphic.stage && "released" !== graphic.releaseStatus;
-}
-function createTargetStatesKey(targetStates) {
-  return targetStates.length ? targetStates.join("|") : "__clear__";
-}
-function createIntentKey(contextOwnerId, configFingerprint, targetStatesKey) {
-  return `${contextOwnerId}:${configFingerprint}:${targetStatesKey}`;
-}
-function hasMeaningfulDeferredConfig(config) {
-  const normalized = normalizeDeferredStateOwnerConfig(config);
-  return !!normalized && (null != normalized.localEnabled || null != normalized.deferred);
-}
-function getGraphicCompiledDefinitions(graphic) {
-  const graphicAny = graphic;
-  if ("function" == typeof graphicAny.resolveEffectiveCompiledDefinitions) {
-    const result = graphicAny.resolveEffectiveCompiledDefinitions();
-    return {
-      compiledDefinitions: result.compiledDefinitions,
-      stateProxyEligibility: result.stateProxyEligibility
-    };
-  }
-  return {};
-}
-function getCurrentStateNames(graphic) {
-  var _a, _b;
-  return null !== (_b = null === (_a = graphic.currentStates) || void 0 === _a ? void 0 : _a.slice()) && void 0 !== _b ? _b : [];
-}
-class StateBatchScheduler {
-  constructor(stage, perfMonitor) {
-    this.stage = stage, this.perfMonitor = perfMonitor, this.jobsByIntentKey = new Map(), this.pendingIntentByGraphic = new Map(), this.nextJobId = 1, this.runningJobs = new Map();
-  }
-  schedule(graphics, targetStates) {
-    const batchOperation = graphics.length > 1;
-    graphics.forEach(graphic => {
-      const eligibility = this.resolveEligibility(graphic, targetStates, batchOperation, !0);
-      if ("reason" in eligibility) return this.removeGraphicFromPending(graphic), void ("graphic_unavailable" !== eligibility.reason && this.commitSynchronously(graphic, targetStates));
-      this.enqueueDeferredIntent(graphic, targetStates, eligibility.context, eligibility.targetStatesKey);
-    });
-  }
-  release() {
-    var _a;
-    this.jobsByIntentKey.forEach(job => {
-      job.status = "cancelled";
-    }), this.jobsByIntentKey.clear(), this.pendingIntentByGraphic.clear(), this.runningJobs.clear(), null === (_a = this.perfMonitor) || void 0 === _a || _a.updateBatchPending(0);
-  }
-  resolveEligibility(graphic, targetStates, batchOperation, recordObservability) {
-    var _a, _b, _c, _d, _e, _f;
-    if (!isRenderableGraphic(graphic)) return recordObservability && (null === (_a = this.perfMonitor) || void 0 === _a || _a.recordDeferredIneligible("graphic_unavailable")), {
-      eligible: !1,
-      reason: "graphic_unavailable"
-    };
-    if (!batchOperation) return recordObservability && (null === (_b = this.perfMonitor) || void 0 === _b || _b.recordDeferredIneligible("non_batch_operation")), {
-      eligible: !1,
-      reason: "non_batch_operation"
-    };
-    const context = this.resolveDeferredContext(graphic);
-    if (!context) return recordObservability && (null === (_c = this.perfMonitor) || void 0 === _c || _c.recordDeferredIneligible("graphic_unavailable")), {
-      eligible: !1,
-      reason: "graphic_unavailable"
-    };
-    if (!context.config.enabled) {
-      const normalizedOwnerConfig = normalizeDeferredStateOwnerConfig(context.contextOwner.deferredStateConfig),
-        reason = !1 === (null == normalizedOwnerConfig ? void 0 : normalizedOwnerConfig.localEnabled) ? "context_disabled" : "config_disabled";
-      return recordObservability && (null === (_d = this.perfMonitor) || void 0 === _d || _d.recordDeferredIneligible(reason)), {
-        eligible: !1,
-        reason: reason
-      };
-    }
-    const classification = this.classifyGraphicTargetStates(graphic, targetStates);
-    return classification.reason ? (recordObservability && (null === (_e = this.perfMonitor) || void 0 === _e || _e.recordDeferredIneligible(classification.reason)), {
-      eligible: !1,
-      reason: classification.reason
-    }) : classification.category !== UpdateCategory.PAINT ? (recordObservability && (null === (_f = this.perfMonitor) || void 0 === _f || _f.recordDeferredIneligible("mixed_update_category")), {
-      eligible: !1,
-      reason: "mixed_update_category"
-    }) : {
-      eligible: !0,
-      context: context,
-      targetStatesKey: createTargetStatesKey(targetStates)
-    };
-  }
-  resolveDeferredContext(graphic) {
-    var _a;
-    const stage = graphic.stage;
-    if (!stage) return;
-    let owner = stage,
-      config = normalizeDeferredStateConfig(void 0);
-    const ownerConfigs = [stage],
-      parents = [];
-    let parent = graphic.parent;
-    for (; parent && parent !== stage;) parents.push(parent), parent = parent.parent;
-    parents.reverse().forEach(current => ownerConfigs.push(current)), ownerConfigs.forEach(current => {
-      const deferredStateConfig = normalizeDeferredStateOwnerConfig(current.deferredStateConfig);
-      deferredStateConfig && (deferredStateConfig.deferred && (config = Object.assign(Object.assign({}, config), deferredStateConfig.deferred)), null != deferredStateConfig.localEnabled && (config.enabled = deferredStateConfig.localEnabled), hasMeaningfulDeferredConfig(current.deferredStateConfig) && (owner = current));
-    });
-    const normalized = normalizeDeferredStateConfig(config);
-    return {
-      contextOwner: owner,
-      contextOwnerId: null !== (_a = owner._uid) && void 0 !== _a ? _a : 0,
-      config: normalized,
-      configFingerprint: fingerprintDeferredStateConfig(normalized)
-    };
-  }
-  classifyGraphicTargetStates(graphic, targetStates) {
-    const {
-        compiledDefinitions: compiledDefinitions,
-        stateProxyEligibility: stateProxyEligibility
-      } = getGraphicCompiledDefinitions(graphic),
-      candidateStates = Array.from(new Set([...getCurrentStateNames(graphic), ...targetStates]));
-    let category = UpdateCategory.NONE;
-    return candidateStates.forEach(stateName => {
-      if (null == stateProxyEligibility ? void 0 : stateProxyEligibility(stateName)) return void (category = UpdateCategory.NONE);
-      const definition = null == compiledDefinitions ? void 0 : compiledDefinitions.get(stateName);
-      definition && (definition.hasResolver && 0 === definition.affectedKeys.size ? category = UpdateCategory.NONE : category |= classifyAffectedKeys(definition.affectedKeys));
-    }), candidateStates.some(stateName => null == stateProxyEligibility ? void 0 : stateProxyEligibility(stateName)) || candidateStates.some(stateName => {
-      const definition = null == compiledDefinitions ? void 0 : compiledDefinitions.get(stateName);
-      return !!(null == definition ? void 0 : definition.hasResolver) && 0 === definition.affectedKeys.size;
-    }) ? {
-      category: UpdateCategory.NONE,
-      reason: "resolver_unstable_keys"
-    } : {
-      category: category === UpdateCategory.NONE ? UpdateCategory.PAINT : category
-    };
-  }
-  enqueueDeferredIntent(graphic, targetStates, context, targetStatesKey) {
-    var _a, _b, _c, _d, _e, _f;
-    const nextIntentKey = createIntentKey(context.contextOwnerId, context.configFingerprint, targetStatesKey),
-      prevIntentKey = this.pendingIntentByGraphic.get(graphic);
-    if (prevIntentKey === nextIntentKey) return void (null === (_a = this.perfMonitor) || void 0 === _a || _a.incrementCounter("deferredJobsCoalesced"));
-    prevIntentKey && this.removeGraphicFromIntentJob(graphic, prevIntentKey);
-    let job = this.jobsByIntentKey.get(nextIntentKey);
-    job ? null === (_d = this.perfMonitor) || void 0 === _d || _d.incrementCounter("deferredJobsCoalesced") : (job = {
-      id: this.nextJobId++,
-      kind: "apply_states",
-      intentKey: nextIntentKey,
-      status: "pending",
-      targetStates: [...targetStates],
-      targetStatesKey: targetStatesKey,
-      pendingGraphics: new Set(),
-      orderedGraphics: [],
-      config: context.config,
-      contextOwner: context.contextOwner,
-      contextOwnerId: context.contextOwnerId,
-      configFingerprint: context.configFingerprint,
-      createdAt: Date.now(),
-      processedCount: 0
-    }, this.jobsByIntentKey.set(nextIntentKey, job), null === (_b = this.perfMonitor) || void 0 === _b || _b.incrementCounter("deferredJobsCreated"), null === (_c = this.perfMonitor) || void 0 === _c || _c.updateBatchPending(this.jobsByIntentKey.size)), job.pendingGraphics.has(graphic) || (job.pendingGraphics.add(graphic), job.orderedGraphics.push(graphic), this.pendingIntentByGraphic.set(graphic, nextIntentKey), null === (_e = this.perfMonitor) || void 0 === _e || _e.recordAllocation("batchEntriesCreated"), null === (_f = this.perfMonitor) || void 0 === _f || _f.updateMaxGraphicsInJob(job.pendingGraphics.size)), this.ensureJobRunning(job);
-  }
-  removeGraphicFromPending(graphic) {
-    const prevIntentKey = this.pendingIntentByGraphic.get(graphic);
-    prevIntentKey && this.removeGraphicFromIntentJob(graphic, prevIntentKey);
-  }
-  removeGraphicFromIntentJob(graphic, intentKey) {
-    var _a, _b, _c;
-    const job = this.jobsByIntentKey.get(intentKey);
-    job ? (job.pendingGraphics.delete(graphic), this.pendingIntentByGraphic.get(graphic) === intentKey && this.pendingIntentByGraphic.delete(graphic), 0 === job.pendingGraphics.size && "completed" !== job.status && (job.status = "cancelled", this.jobsByIntentKey.delete(intentKey), null === (_a = this.perfMonitor) || void 0 === _a || _a.incrementCounter("deferredJobsCancelled"), null === (_b = this.perfMonitor) || void 0 === _b || _b.recordEvent("deferred-job-cancel", {
-      intentKey: intentKey,
-      jobId: job.id
-    }), null === (_c = this.perfMonitor) || void 0 === _c || _c.updateBatchPending(this.jobsByIntentKey.size))) : this.pendingIntentByGraphic.delete(graphic);
-  }
-  ensureJobRunning(job) {
-    if (this.runningJobs.has(job.intentKey)) return;
-    const runner = this.runJob(job).then(() => {
-      this.runningJobs.delete(job.intentKey);
-    }, () => {
-      this.runningJobs.delete(job.intentKey);
-    });
-    this.runningJobs.set(job.intentKey, runner);
-  }
-  runJob(job) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return __awaiter$4(this, void 0, void 0, function* () {
-      if ("cancelled" === job.status) return;
-      if (yield this.waitForNextFrame(), "cancelled" === job.status) return;
-      job.status = "running", null === (_a = this.perfMonitor) || void 0 === _a || _a.recordEvent("deferred-job-start", {
-        intentKey: job.intentKey,
-        jobId: job.id
-      });
-      let index = 0,
-        frameStart = performance.now(),
-        processedInFrame = 0,
-        committedInSlice = 0;
-      for (; index < job.orderedGraphics.length;) {
-        if ("cancelled" === job.status) return;
-        processedInFrame > 0 && (processedInFrame >= job.config.maxGraphicsPerFrame || performance.now() - frameStart >= job.config.frameBudget) && (null === (_b = this.perfMonitor) || void 0 === _b || _b.incrementCounter("deferredBudgetYields"), null === (_c = this.perfMonitor) || void 0 === _c || _c.recordCost("batchSlice", performance.now() - frameStart), null === (_d = this.perfMonitor) || void 0 === _d || _d.recordEvent("deferred-job-yield", {
-          intentKey: job.intentKey,
-          jobId: job.id,
-          processedInFrame: processedInFrame
-        }), committedInSlice > 0 && this.stage.renderNextFrame(), yield this.waitForNextFrame(), frameStart = performance.now(), processedInFrame = 0, committedInSlice = 0);
-        const graphic = job.orderedGraphics[index++];
-        if (!job.pendingGraphics.has(graphic)) continue;
-        if (!isRenderableGraphic(graphic)) {
-          job.pendingGraphics.delete(graphic), this.pendingIntentByGraphic.get(graphic) === job.intentKey && this.pendingIntentByGraphic.delete(graphic);
-          continue;
-        }
-        if (this.pendingIntentByGraphic.get(graphic) !== job.intentKey) {
-          job.pendingGraphics.delete(graphic);
-          continue;
-        }
-        const nextEligibility = this.resolveEligibility(graphic, job.targetStates, !0, !1);
-        if (!nextEligibility.eligible) {
-          job.pendingGraphics.delete(graphic), this.pendingIntentByGraphic.delete(graphic), this.commitSynchronously(graphic, job.targetStates);
-          continue;
-        }
-        createIntentKey(nextEligibility.context.contextOwnerId, nextEligibility.context.configFingerprint, nextEligibility.targetStatesKey) === job.intentKey ? (this.commitSynchronously(graphic, job.targetStates), job.pendingGraphics.delete(graphic), this.pendingIntentByGraphic.delete(graphic), job.processedCount += 1, processedInFrame += 1, committedInSlice += 1, null === (_e = this.perfMonitor) || void 0 === _e || _e.incrementCounter("deferredGraphicsCommitted")) : (job.pendingGraphics.delete(graphic), this.pendingIntentByGraphic.delete(graphic), this.enqueueDeferredIntent(graphic, job.targetStates, nextEligibility.context, nextEligibility.targetStatesKey));
-      }
-      processedInFrame > 0 && (null === (_f = this.perfMonitor) || void 0 === _f || _f.recordCost("batchSlice", performance.now() - frameStart), this.stage.renderNextFrame()), 0 === job.pendingGraphics.size && this.jobsByIntentKey.get(job.intentKey) === job && (job.status = "completed", this.jobsByIntentKey.delete(job.intentKey), null === (_g = this.perfMonitor) || void 0 === _g || _g.incrementCounter("deferredJobsCompleted"), null === (_h = this.perfMonitor) || void 0 === _h || _h.recordEvent("deferred-job-complete", {
-        intentKey: job.intentKey,
-        jobId: job.id,
-        processedCount: job.processedCount
-      }), null === (_j = this.perfMonitor) || void 0 === _j || _j.updateBatchPending(this.jobsByIntentKey.size));
-    });
-  }
-  waitForNextFrame() {
-    const stageGlobal = this.stage.global;
-    return (null == stageGlobal ? void 0 : stageGlobal.getSpecifiedPerformanceRAF) ? stageGlobal.getSpecifiedPerformanceRAF(this.stage.rafId).wait() : new Promise(resolve => {
-      null == stageGlobal || stageGlobal.getSpecifiedRequestAnimationFrame(this.stage.rafId)(() => resolve());
-    });
-  }
-  commitSynchronously(graphic, targetStates) {
-    isRenderableGraphic(graphic) && (targetStates.length ? graphic.useStates(targetStates, !1) : graphic.clearStates(!1));
-  }
-}
-
 const DefaultConfig = {
   WIDTH: 500,
   HEIGHT: 500,
@@ -15621,10 +14817,9 @@ class Stage extends Group {
       main: !0
     })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.theme.onStateDefinitionsChange = () => {
       var _a;
-      const definitions = null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions;
-      if (!definitions || !Object.keys(definitions).length) return void (this.rootSharedStateScope && (setRootSharedStateScopeThemeDefinitions(this.rootSharedStateScope, definitions), markScopeActiveDescendantsDirty(this.rootSharedStateScope, this)));
-      const rootScope = this.ensureRootSharedStateScope(definitions);
-      setRootSharedStateScopeThemeDefinitions(rootScope, definitions), markScopeActiveDescendantsDirty(rootScope, this);
+      const definitions = null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions,
+        rootScope = definitions && Object.keys(definitions).length ? this.ensureRootSharedStateScope(definitions) : this.rootSharedStateScope;
+      rootScope && (setRootSharedStateScopeThemeDefinitions(rootScope, definitions), markScopeActiveDescendantsDirty(rootScope, this));
     }, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), params.beforeRender && this._beforeRenderList.push(params.beforeRender), params.afterRender && this._afterRenderList.push(params.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
       tickRenderMode: "effect"
     }), this.optmize(params.optimize), params.background && isString$1(this._background) && this._background.includes("/") && this.setAttributes({
@@ -15892,18 +15087,6 @@ class Stage extends Group {
   ensureRootSharedStateScope(themeStateDefinitions) {
     return this.rootSharedStateScope ? (this.rootSharedStateScope.ownerStage = this, this.rootSharedStateScope) : (this.rootSharedStateScope = createRootSharedStateScope(this, themeStateDefinitions), this.rootSharedStateScope);
   }
-  getStateBatchScheduler() {
-    return this._stateBatchScheduler || (this._stateBatchScheduler = new StateBatchScheduler(this, ensureStageStatePerfMonitor(this))), this._stateBatchScheduler;
-  }
-  scheduleStateBatch(graphics, targetStates) {
-    this.getStateBatchScheduler().schedule(graphics, targetStates);
-  }
-  getStatePerfSnapshot() {
-    return ensureStageStatePerfMonitor(this).getSnapshot();
-  }
-  resetStatePerfSnapshot() {
-    ensureStageStatePerfMonitor(this).reset();
-  }
   _doRenderInThisFrame() {
     if ("released" === this.releaseStatus) return;
     this.startAnimate();
@@ -15979,12 +15162,12 @@ class Stage extends Group {
     throw new Error("暂不支持");
   }
   release() {
-    var _a, _b, _d, _e;
-    null === (_a = this._stateBatchScheduler) || void 0 === _a || _a.release(), super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), this.pluginService.release(), this.forEach(layer => {
+    var _a, _b, _d;
+    super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), this.pluginService.release(), this.forEach(layer => {
       layer.release();
     }), this.interactiveLayer && (this.interactiveLayer.forEachChildren(item => {
       item.setStage && item.setStage(null, null), this.interactiveLayer.removeChild(item);
-    }), this.interactiveLayer.release()), this.window.release(), null === (_b = this._ticker) || void 0 === _b || _b.remTimeline(null == this ? void 0 : this.timeline), null === (_d = this._ticker) || void 0 === _d || _d.removeListener("tick", this.afterTickCb), this.params.ticker || null === (_e = this._ticker) || void 0 === _e || _e.release(), this.renderService.renderTreeRoots = [];
+    }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.params.ticker || null === (_d = this._ticker) || void 0 === _d || _d.release(), this.renderService.renderTreeRoots = [];
   }
   setStage(stage) {}
   dirty(b, matrix) {
@@ -20380,24 +19563,16 @@ class BrowserEntry {
     this.context.release();
   }
 }
-function createBrowserApp$1(options = {}) {
+function createBrowserApp(options = {}) {
   return new BrowserEntry(options);
 }
 
-class NodeEntry extends BrowserEntry {
-  constructor(options = {}) {
-    super(options);
-  }
-}
+class NodeEntry extends BrowserEntry {}
 function createNodeApp$1(options = {}) {
   return new NodeEntry(options);
 }
 
-class MiniappEntry extends BrowserEntry {
-  constructor(options = {}) {
-    super(options);
-  }
-}
+class MiniappEntry extends BrowserEntry {}
 function createMiniappApp$1(options = {}) {
   return new MiniappEntry(options);
 }
@@ -21190,7 +20365,7 @@ function mapToCanvasPointForCanvas(nativeEvent) {
   };
 }
 
-var __rest$g = undefined && undefined.__rest || function (s, e) {
+var __rest$f = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -21288,7 +20463,7 @@ class EditModule {
         {
           textConfig = []
         } = _a,
-        rest = __rest$g(_a, ["textConfig"]);
+        rest = __rest$f(_a, ["textConfig"]);
       if ("Backspace" === ev.type && !textConfig.length) return;
       let str = ev.data;
       this.isComposing || "Backspace" === ev.type || str || (str = "\n"), this.selectionStartCursorIdx > this.cursorIndex && ([this.cursorIndex, this.selectionStartCursorIdx] = [this.selectionStartCursorIdx, this.cursorIndex]);
@@ -22310,77 +21485,82 @@ function resolveContainerBinding$1(container, serviceIdentifier) {
   return instance;
 }
 
-let loadArcModule = !1;
+function isBindingContextLoaded(loadedContexts, context) {
+  const key = "object" == typeof context && null !== context || "function" == typeof context ? context : loadedContexts;
+  return !!loadedContexts.has(key) || (loadedContexts.add(key), !1);
+}
+
+const loadedArcModuleContexts = new WeakSet();
 function bindArcRenderModule({
   bind: bind
 }) {
-  loadArcModule || (loadArcModule = !0, bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ArcRenderContribution));
+  isBindingContextLoaded(loadedArcModuleContexts, bind) || (bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ArcRenderContribution));
 }
 const arcModule = bindArcRenderModule;
 
-let loadRectModule = !1;
+const loadedRectModuleContexts = new WeakSet();
 function bindRectRenderModule({
   bind: bind
 }) {
-  loadRectModule || (loadRectModule = !0, bind(DefaultCanvasRectRender).toDynamicValue(({
+  isBindingContextLoaded(loadedRectModuleContexts, bind) || (bind(DefaultCanvasRectRender).toDynamicValue(({
     container: container
   }) => new DefaultCanvasRectRender(createContributionProvider$1(RectRenderContribution, container))).inSingletonScope(), bind(RectRender).toService(DefaultCanvasRectRender), bind(GraphicRender).toService(RectRender), bind(SplitRectAfterRenderContribution).toSelf(), bind(SplitRectBeforeRenderContribution).toSelf(), bind(RectRenderContribution).toService(SplitRectAfterRenderContribution), bind(RectRenderContribution).toService(SplitRectBeforeRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, RectRenderContribution));
 }
 const rectModule = bindRectRenderModule;
 
-let loadLineModule = !1;
+const loadedLineModuleContexts = new WeakSet();
 function bindLineRenderModule({
   bind: bind
 }) {
-  loadLineModule || (loadLineModule = !0, bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender));
+  isBindingContextLoaded(loadedLineModuleContexts, bind) || (bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender));
 }
 const lineModule = bindLineRenderModule;
 
-let loadAreaModule = !1;
+const loadedAreaModuleContexts = new WeakSet();
 function bindAreaRenderModule({
   bind: bind
 }) {
-  loadAreaModule || (loadAreaModule = !0, bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, AreaRenderContribution), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope());
+  isBindingContextLoaded(loadedAreaModuleContexts, bind) || (bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, AreaRenderContribution), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope());
 }
 const areaModule = bindAreaRenderModule;
 
-let loadSymbolModule = !1;
+const loadedSymbolModuleContexts = new WeakSet();
 function bindSymbolRenderModule({
   bind: bind
 }) {
-  loadSymbolModule || (loadSymbolModule = !0, bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, SymbolRenderContribution));
+  isBindingContextLoaded(loadedSymbolModuleContexts, bind) || (bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, SymbolRenderContribution));
 }
 const symbolModule = bindSymbolRenderModule;
 
-let loadCircleModule = !1;
+const loadedCircleModuleContexts = new WeakSet();
 function bindCircleRenderModule({
   bind: bind
 }) {
-  loadCircleModule || (loadCircleModule = !0, bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, CircleRenderContribution));
+  isBindingContextLoaded(loadedCircleModuleContexts, bind) || (bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, CircleRenderContribution));
 }
 const circleModule = bindCircleRenderModule;
 
-let loadTextModule = !1;
+const loadedTextModuleContexts = new WeakSet();
 function bindTextRenderModule({
   bind: bind
 }) {
-  loadTextModule || (loadTextModule = !0, bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, TextRenderContribution));
+  isBindingContextLoaded(loadedTextModuleContexts, bind) || (bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, TextRenderContribution));
 }
 const textModule = bindTextRenderModule;
 
-let loadPathModule = !1;
+const loadedPathModuleContexts = new WeakSet();
 function bindPathRenderModule({
   bind: bind
 }) {
-  loadPathModule || (loadPathModule = !0, bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PathRenderContribution));
+  isBindingContextLoaded(loadedPathModuleContexts, bind) || (bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PathRenderContribution));
 }
 const pathModule = bindPathRenderModule;
 
-let loadPolygonModule = !1;
+const loadedPolygonModuleContexts = new WeakSet();
 function bindPolygonRenderModule({
   bind: bind
 }) {
-  loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
+  isBindingContextLoaded(loadedPolygonModuleContexts, bind) || (bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
 }
 const polygonModule = bindPolygonRenderModule;
 
@@ -22421,11 +21601,11 @@ class DefaultCanvasStarRender extends BaseRender {
   }
 }
 
-let loadStarModule = !1;
+const loadedStarModuleContexts = new WeakSet();
 function bindStarRenderModule({
   bind: bind
 }) {
-  loadStarModule || (loadStarModule = !0, bind(DefaultCanvasStarRender).toDynamicValue(({
+  isBindingContextLoaded(loadedStarModuleContexts, bind) || (bind(DefaultCanvasStarRender).toDynamicValue(({
     container: container
   }) => new DefaultCanvasStarRender(createContributionProvider$1(StarRenderContribution, container))).inSingletonScope(), bind(StarRender).toService(DefaultCanvasStarRender), bind(GraphicRender).toService(StarRender));
 }
@@ -22458,11 +21638,11 @@ class DefaultCanvasGlyphRender {
   }
 }
 
-let loadGlyphModule = !1;
+const loadedGlyphModuleContexts = new WeakSet();
 function bindGlyphRenderModule({
   bind: bind
 }) {
-  loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
+  isBindingContextLoaded(loadedGlyphModuleContexts, bind) || (bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
 }
 const glyphModule = bindGlyphRenderModule;
 
@@ -22518,19 +21698,19 @@ class DefaultCanvasRichTextRender extends BaseRender {
   }
 }
 
-let loadRichtextModule = !1;
+const loadedRichtextModuleContexts = new WeakSet();
 function bindRichtextRenderModule({
   bind: bind
 }) {
-  loadRichtextModule || (loadRichtextModule = !0, bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender));
+  isBindingContextLoaded(loadedRichtextModuleContexts, bind) || (bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender));
 }
 const richtextModule = bindRichtextRenderModule;
 
-let loadImageModule = !1;
+const loadedImageModuleContexts = new WeakSet();
 function bindImageRenderModule({
   bind: bind
 }) {
-  loadImageModule || (loadImageModule = !0, bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
+  isBindingContextLoaded(loadedImageModuleContexts, bind) || (bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
 }
 const imageModule = bindImageRenderModule;
 
@@ -22657,11 +21837,11 @@ class DefaultCanvasRect3dRender extends Base3dRender {
   }
 }
 
-let loadRect3dModule = !1;
+const loadedRect3dModuleContexts = new WeakSet();
 function bindRect3dRenderModule({
   bind: bind
 }) {
-  loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
+  isBindingContextLoaded(loadedRect3dModuleContexts, bind) || (bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
 }
 const rect3dModule = bindRect3dRenderModule;
 
@@ -22786,11 +21966,11 @@ class DefaultCanvasArc3DRender extends BaseRender {
   }
 }
 
-let loadArc3dModule = !1;
+const loadedArc3dModuleContexts = new WeakSet();
 function bindArc3dRenderModule({
   bind: bind
 }) {
-  loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
+  isBindingContextLoaded(loadedArc3dModuleContexts, bind) || (bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
 }
 const arc3dModule = bindArc3dRenderModule;
 
@@ -22825,11 +22005,11 @@ class DefaultCanvasPyramid3dRender extends Base3dRender {
   }
 }
 
-let loadPyramid3dModule = !1;
+const loadedPyramid3dModuleContexts = new WeakSet();
 function bindPyramid3dRenderModule({
   bind: bind
 }) {
-  loadPyramid3dModule || (loadPyramid3dModule = !0, bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender));
+  isBindingContextLoaded(loadedPyramid3dModuleContexts, bind) || (bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender));
 }
 const pyramid3dModule = bindPyramid3dRenderModule;
 
@@ -23794,11 +22974,11 @@ var VRenderCore = /*#__PURE__*/Object.freeze({
     configureRuntimeApplicationForApp: configureRuntimeApplicationForApp,
     container: container,
     cornerTangents: cornerTangents,
-    createApp: createBrowserApp$1,
+    createApp: createBrowserApp,
     createArc: createArc,
     createArc3d: createArc3d,
     createArea: createArea,
-    createBrowserApp: createBrowserApp$1,
+    createBrowserApp: createBrowserApp,
     createCanvasEventTransformer: createCanvasEventTransformer,
     createCircle: createCircle,
     createColor: createColor,
@@ -31541,7 +30721,7 @@ VRichText.Text = function (params) {
   }, params);
 };
 
-var __rest$f = undefined && undefined.__rest || function (s, e) {
+var __rest$e = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -31557,21 +30737,20 @@ function flatten(list, out) {
 function jsx(type, config, ...children) {
   const _a = config || {},
     {
-      key: key,
       name: name,
       id: id,
       attribute: attribute,
-      stateProxy: stateProxy,
+      states: states,
       animation: animation,
       timeline: timeline
     } = _a,
-    props = __rest$f(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
+    props = __rest$e(_a, ["name", "id", "attribute", "states", "animation", "timeline"]);
   let c = type;
   isString$1(type) && (c = graphicCreator$1[type]);
   const childrenList = [];
   children.length && flatten(1 === children.length ? children[0] : children, childrenList);
   const g = "Group" === c.name ? new c(attribute) : c(config);
-  if (parseToGraphic$1(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), name && (g.name = name), isArray$1(animation)) {
+  if (parseToGraphic$1(g, childrenList, props), name && (g.name = name), id && (g.id = id), states && (g.states = states), isArray$1(animation)) {
     const animate = g.animate();
     timeline && animate.setTimeline(timeline), animation.forEach(item => {
       animate[item[0]](...item.slice(1));
@@ -31607,7 +30786,7 @@ function decodeReactDom(dom) {
     {
       attribute: attribute,
       children: children,
-      stateProxy: stateProxy,
+      states: states,
       id: id,
       name: name
     } = dom.props,
@@ -31615,7 +30794,7 @@ function decodeReactDom(dom) {
       attribute: attribute
     }),
     out = parseToGraphic(g, dom.props, children);
-  return out || (stateProxy && (g.stateProxy = stateProxy), g.id = id, g.name = name, parseChildren(children, g), g);
+  return out || (g.id = id, g.name = name, states && (g.states = states), parseChildren(children, g), g);
 }
 function parseChildren(children, g) {
   isArray$1(children) ? children.forEach(item => {
@@ -33016,187 +32195,6 @@ function bindLottieRenderContribution(container) {
   loadLottieModule || (loadLottieModule = !0, container.bind(DefaultCanvasLottieRender).toDynamicValue(() => new DefaultCanvasLottieRender(createContributionProvider(RectRenderContribution, container))).inSingletonScope(), container.bind(GraphicRender).toService(DefaultCanvasLottieRender));
 }
 
-var VRenderKitsRuntime = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    BrowserEnvContribution: BrowserEnvContribution,
-    CanvasArc3dPicker: CanvasArc3dPicker,
-    CanvasArcPicker: CanvasArcPicker,
-    CanvasAreaPicker: CanvasAreaPicker,
-    CanvasCirclePicker: CanvasCirclePicker,
-    CanvasGifImagePicker: CanvasGifImagePicker,
-    CanvasGlyphPicker: CanvasGlyphPicker,
-    CanvasGroupPicker: CanvasGroupPicker,
-    CanvasImagePicker: CanvasImagePicker,
-    CanvasLinePicker: CanvasLinePicker,
-    CanvasLottiePicker: CanvasLottiePicker,
-    CanvasPathPicker: CanvasPathPicker,
-    CanvasPickerContribution: CanvasPickerContribution,
-    CanvasPolygonPicker: CanvasPolygonPicker,
-    CanvasPyramid3dPicker: CanvasPyramid3dPicker,
-    CanvasRect3dPicker: CanvasRect3dPicker,
-    CanvasRectPicker: CanvasRectPicker,
-    CanvasRichTextPicker: CanvasRichTextPicker,
-    CanvasStarPicker: CanvasStarPicker,
-    CanvasSymbolPicker: CanvasSymbolPicker,
-    CanvasTextPicker: CanvasTextPicker,
-    DragNDrop: DragNDrop,
-    Fragment: Fragment,
-    Gesture: Gesture,
-    GifImage: GifImage,
-    Lottie: Lottie,
-    MathArcPicker: MathArcPicker,
-    MathAreaPicker: MathAreaPicker,
-    MathCirclePicker: MathCirclePicker,
-    MathGlyphPicker: MathGlyphPicker,
-    MathImagePicker: MathImagePicker,
-    MathLinePicker: MathLinePicker,
-    MathPathPicker: MathPathPicker,
-    MathPickerContribution: MathPickerContribution,
-    MathPolygonPicker: MathPolygonPicker,
-    MathRectPicker: MathRectPicker,
-    MathRichTextPicker: MathRichTextPicker,
-    MathSymbolPicker: MathSymbolPicker,
-    MathTextPicker: MathTextPicker,
-    REACT_TO_CANOPUS_EVENTS: REACT_TO_CANOPUS_EVENTS,
-    REACT_TO_CANOPUS_EVENTS_LIST: REACT_TO_CANOPUS_EVENTS_LIST,
-    VArc: VArc,
-    VArc3d: VArc3d,
-    VArea: VArea,
-    VCircle: VCircle,
-    VGlyph: VGlyph,
-    VGroup: VGroup,
-    VImage: VImage,
-    VLine: VLine,
-    VPath: VPath,
-    VPolygon: VPolygon,
-    VPyramid3d: VPyramid3d,
-    VRect: VRect,
-    VRect3d: VRect3d,
-    VRichText: VRichText,
-    VSymbol: VSymbol,
-    VText: VText,
-    _registerArc: _registerArc,
-    alternatingWave: alternatingWave,
-    bindArc3dCanvasPickerContribution: bindArc3dCanvasPickerContribution,
-    bindArcCanvasPickerContribution: bindArcCanvasPickerContribution,
-    bindArcMathPickerContribution: bindArcMathPickerContribution,
-    bindAreaCanvasPickerContribution: bindAreaCanvasPickerContribution,
-    bindAreaMathPickerContribution: bindAreaMathPickerContribution,
-    bindBrowserEnv: bindBrowserEnv,
-    bindCircleCanvasPickerContribution: bindCircleCanvasPickerContribution,
-    bindCircleMathPickerContribution: bindCircleMathPickerContribution,
-    bindFeishuEnv: bindFeishuEnv,
-    bindGifImageCanvasPickerContribution: bindGifImageCanvasPickerContribution,
-    bindGifImageRenderContribution: bindGifImageRenderContribution,
-    bindGlyphCanvasPickerContribution: bindGlyphCanvasPickerContribution,
-    bindGlyphMathPickerContribution: bindGlyphMathPickerContribution,
-    bindHarmonyEnv: bindHarmonyEnv,
-    bindImageCanvasPickerContribution: bindImageCanvasPickerContribution,
-    bindImageMathPickerContribution: bindImageMathPickerContribution,
-    bindLineCanvasPickerContribution: bindLineCanvasPickerContribution,
-    bindLineMathPickerContribution: bindLineMathPickerContribution,
-    bindLottieCanvasPickerContribution: bindLottieCanvasPickerContribution,
-    bindLottieRenderContribution: bindLottieRenderContribution,
-    bindLynxEnv: bindLynxEnv,
-    bindMathPicker: bindMathPicker,
-    bindNodeEnv: bindNodeEnv,
-    bindPathCanvasPickerContribution: bindPathCanvasPickerContribution,
-    bindPathMathPickerContribution: bindPathMathPickerContribution,
-    bindPolygonCanvasPickerContribution: bindPolygonCanvasPickerContribution,
-    bindPolygonMathPickerContribution: bindPolygonMathPickerContribution,
-    bindPyramid3dCanvasPickerContribution: bindPyramid3dCanvasPickerContribution,
-    bindRect3dCanvasPickerContribution: bindRect3dCanvasPickerContribution,
-    bindRectCanvasPickerContribution: bindRectCanvasPickerContribution,
-    bindRectMathPickerContribution: bindRectMathPickerContribution,
-    bindRichTextMathPickerContribution: bindRichTextMathPickerContribution,
-    bindRichtextCanvasPickerContribution: bindRichtextCanvasPickerContribution,
-    bindSymbolCanvasPickerContribution: bindSymbolCanvasPickerContribution,
-    bindSymbolMathPickerContribution: bindSymbolMathPickerContribution,
-    bindTTEnv: bindTTEnv,
-    bindTaroEnv: bindTaroEnv,
-    bindTextCanvasPickerContribution: bindTextCanvasPickerContribution,
-    bindTextMathPickerContribution: bindTextMathPickerContribution,
-    bindWxEnv: bindWxEnv,
-    centerToCorner: centerToCorner,
-    columnCenterToEdge: columnCenterToEdge,
-    columnEdgeToCenter: columnEdgeToCenter,
-    columnLeftToRight: columnLeftToRight,
-    columnRightToLeft: columnRightToLeft,
-    cornerToCenter: cornerToCenter,
-    createGifImage: createGifImage,
-    createImageElement: createImageElement$1,
-    createLottie: createLottie,
-    decodeReactDom: decodeReactDom,
-    diagonalCenterToEdge: diagonalCenterToEdge,
-    diagonalTopLeftToBottomRight: diagonalTopLeftToBottomRight,
-    initAllEnv: initAllEnv,
-    initBrowserEnv: initBrowserEnv,
-    initFeishuEnv: initFeishuEnv,
-    initHarmonyEnv: initHarmonyEnv,
-    initLynxEnv: initLynxEnv,
-    initNodeEnv: initNodeEnv,
-    initTTEnv: initTTEnv,
-    initTaroEnv: initTaroEnv,
-    initWxEnv: initWxEnv,
-    installBrowserEnvToApp: installBrowserEnvToApp,
-    installBrowserPickersToApp: installBrowserPickersToApp,
-    installDefaultGraphicsToApp: installDefaultGraphicsToApp,
-    installFeishuEnvToApp: installFeishuEnvToApp,
-    installHarmonyEnvToApp: installHarmonyEnvToApp,
-    installLynxEnvToApp: installLynxEnvToApp,
-    installMathPickersToApp: installMathPickersToApp,
-    installNodeEnvToApp: installNodeEnvToApp,
-    installNodePickersToApp: installNodePickersToApp,
-    installTTEnvToApp: installTTEnvToApp,
-    installTaroEnvToApp: installTaroEnvToApp,
-    installWxEnvToApp: installWxEnvToApp,
-    jsx: jsx,
-    loadAllEnv: loadAllEnv,
-    loadAllModule: loadAllModule,
-    loadBrowserEnv: loadBrowserEnv,
-    loadFeishuEnv: loadFeishuEnv,
-    loadHarmonyEnv: loadHarmonyEnv,
-    loadLynxEnv: loadLynxEnv,
-    loadMathPicker: loadMathPicker,
-    loadNodeEnv: loadNodeEnv,
-    loadTTEnv: loadTTEnv,
-    loadTaroEnv: loadTaroEnv,
-    loadWxEnv: loadWxEnv,
-    particleEffect: particleEffect,
-    pulseWave: pulseWave,
-    randomOpacity: randomOpacity,
-    registerArc: registerArc,
-    registerArc3d: registerArc3d,
-    registerArea: registerArea,
-    registerCircle: registerCircle,
-    registerGifGraphic: registerGifGraphic,
-    registerGifImage: registerGifImage,
-    registerGlyph: registerGlyph,
-    registerGroup: registerGroup,
-    registerImage: registerImage,
-    registerLine: registerLine,
-    registerPath: registerPath,
-    registerPolygon: registerPolygon,
-    registerPyramid3d: registerPyramid3d,
-    registerRect: registerRect,
-    registerRect3d: registerRect3d,
-    registerRichtext: registerRichtext,
-    registerShadowRoot: registerShadowRoot,
-    registerStar: registerStar,
-    registerSymbol: registerSymbol,
-    registerText: registerText,
-    registerWrapText: registerWrapText,
-    rippleEffect: rippleEffect,
-    rotationScan: rotationScan,
-    roughModule: roughModule,
-    rowBottomToTop: rowBottomToTop,
-    rowCenterToEdge: rowCenterToEdge,
-    rowEdgeToCenter: rowEdgeToCenter,
-    rowTopToBottom: rowTopToBottom,
-    snakeWave: snakeWave,
-    spiralEffect: spiralEffect
-});
-
 class Easing {
   constructor() {}
   static linear(t) {
@@ -33431,11 +32429,10 @@ function getAnimationContext(type) {
 }
 function prepareAnimationFrameAttribute(target) {
   const transientTarget = target;
-  return transientTarget.attribute || (transientTarget.attribute = {}), transientTarget.attribute === transientTarget.baseAttributes && "function" == typeof transientTarget.detachAttributeFromBaseAttributes && transientTarget.detachAttributeFromBaseAttributes(), transientTarget.attributeMayContainTransientAttrs = !0, transientTarget.attribute;
+  return transientTarget.attribute || (transientTarget.attribute = {}), transientTarget.attribute === transientTarget.baseAttributes && transientTarget.detachAttributeFromBaseAttributes(), transientTarget.attributeMayContainTransientAttrs = !0, transientTarget.attribute;
 }
 function commitAnimationFrameAttribute(target) {
-  var _a, _b;
-  null === (_b = (_a = target).onAttributeUpdate) || void 0 === _b || _b.call(_a, animateUpdateContext);
+  target.onAttributeUpdate(animateUpdateContext);
 }
 function applyAnimationFrameAttributes(target, attributes) {
   if (!attributes) return;
@@ -33452,11 +32449,9 @@ function applyAnimationFrameNumberAttributes(target, keys, from, to, ratio) {
   commitAnimationFrameAttribute(target);
 }
 function applyAnimationTransientAttributes(target, attributes, type = AttributeUpdateType.ANIMATE_UPDATE) {
-  var _a;
   if (!attributes) return;
-  const context = getAnimationContext(type),
-    transientTarget = target;
-  "function" != typeof transientTarget.applyAnimationTransientAttributes ? "function" != typeof transientTarget.applyTransientAttributes ? "function" != typeof transientTarget.setAttributesAndPreventAnimate ? (transientTarget.attribute || (transientTarget.attribute = {}), Object.assign(transientTarget.attribute, attributes), null === (_a = transientTarget.onAttributeUpdate) || void 0 === _a || _a.call(transientTarget, context)) : transientTarget.setAttributesAndPreventAnimate(attributes, !1, context) : transientTarget.applyTransientAttributes(attributes, !1, context) : transientTarget.applyAnimationTransientAttributes(attributes, !1, context);
+  const context = getAnimationContext(type);
+  target.applyAnimationTransientAttributes(attributes, !1, context);
 }
 function applyAppearStartAttributes(target, attributes) {
   applyAnimationTransientAttributes(target, attributes, AttributeUpdateType.ANIMATE_BIND);
@@ -33471,8 +32466,7 @@ class Step {
   constructor(type, props, duration, easing) {
     var _a;
     this._startTime = 0, this._hasFirstRun = !1, this._syncAttributeUpdate = () => {
-      var _a, _b, _c, _d, _e, _f;
-      null === (_b = (_a = this.target).addUpdateShapeAndBoundsTag) || void 0 === _b || _b.call(_a), null === (_d = (_c = this.target).addUpdatePositionTag) || void 0 === _d || _d.call(_c), null === (_f = (_e = this.target).onAttributeUpdate) || void 0 === _f || _f.call(_e, {
+      this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag(), this.target.onAttributeUpdate({
         type: AttributeUpdateType.ANIMATE_UPDATE
       });
     }, this.type = type, this.props = props, this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : null !== (_a = Easing[easing]) && void 0 !== _a ? _a : Easing.linear : Easing.linear, "wait" === type && (this.onUpdate = noop), this.id = Generator.GenAutoIncrementId(), this.syncAttributeUpdate = noop;
@@ -33545,15 +32539,10 @@ class Step {
     }
   }
   tryPreventConflict() {
-    var _a, _b;
     const animate = this.animate,
       target = this.target,
-      forEachTrackedAnimate = null !== (_b = null === (_a = target.forEachTrackedAnimate) || void 0 === _a ? void 0 : _a.bind(target)) && void 0 !== _b ? _b : cb => {
-        var _a;
-        null === (_a = target.animates) || void 0 === _a || _a.forEach(cb);
-      },
       propKeys = this.propKeys;
-    forEachTrackedAnimate(a => {
+    target.forEachTrackedAnimate(a => {
       if (a === animate || a.priority > animate.priority || a.priority === 1 / 0) return;
       const fromProps = a.getStartProps();
       let conflictKeys = null;
@@ -33780,19 +32769,13 @@ class FromTo extends ACustomAnimate {
     super(from, to, duration, easing, params), this.from = null != from ? from : {};
   }
   applyTransientFromAttributes() {
-    var _a, _b;
-    const target = this.target;
-    "function" != typeof target.applyTransientAttributes ? (Object.assign(null !== (_a = target.attribute) && void 0 !== _a ? _a : {}, this.from), null === (_b = target.onAttributeUpdate) || void 0 === _b || _b.call(target, {
-      type: AttributeUpdateType.ANIMATE_START
-    })) : target.applyTransientAttributes(this.from, !1, {
-      type: AttributeUpdateType.ANIMATE_START
-    });
+    applyAnimationTransientAttributes(this.target, this.from, AttributeUpdateType.ANIMATE_START);
   }
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind(), Object.keys(this.from).forEach(key => {
       null == this.props[key] && (this.props[key] = this.target.getGraphicAttribute(key));
-    }), "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState) && (null === (_c = (_b = this.target).applyFinalAttributeToAttribute) || void 0 === _c || _c.call(_b)), !1 !== (null === (_e = null === (_d = this.params) || void 0 === _d ? void 0 : _d.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && this.applyTransientFromAttributes();
+    }), "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState) && this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_c = null === (_b = this.params) || void 0 === _b ? void 0 : _b.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.applyTransientFromAttributes();
   }
   onFirstRun() {
     this.from = Object.assign(Object.assign({}, this.getLastProps()), this.from);
@@ -33853,8 +32836,8 @@ class Animate {
   bind(target) {
     this.target = target;
     const trackerTarget = this.target;
-    return "function" == typeof trackerTarget.detachAttributeFromBaseAttributes && trackerTarget.detachAttributeFromBaseAttributes(), "function" == typeof trackerTarget.trackAnimate ? trackerTarget.trackAnimate(this) : (this.target.animates || (this.target.animates = new Map()), this.target.animates.set(this.id, this)), this.onRemove(() => {
-      this.stop(), this.__skipRestoreStaticAttributeOnRemove || "function" != typeof trackerTarget.restoreStaticAttribute || trackerTarget.restoreStaticAttribute(), "function" == typeof trackerTarget.untrackAnimate ? trackerTarget.untrackAnimate(this.id) : this.target.animates.delete(this.id);
+    return trackerTarget.detachAttributeFromBaseAttributes(), trackerTarget.trackAnimate(this), this.onRemove(() => {
+      this.stop(), this.__skipRestoreStaticAttributeOnRemove || trackerTarget.restoreStaticAttribute(), trackerTarget.untrackAnimate(this.id);
     }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
   }
   to(props, duration = 300, easing = "linear") {
@@ -33991,8 +32974,7 @@ class Animate {
     if (nextTime < this._startTime) return void (this.currentTime = nextTime);
     if (nextTime >= this._startTime + this._totalDuration) {
       null === (_a = this._lastStep) || void 0 === _a || _a.onUpdate(!0, 1, {}), null === (_b = this._lastStep) || void 0 === _b || _b.onEnd(), this.onEnd(), this.status = AnimateStatus.END;
-      const trackerTarget = this.target;
-      return "function" == typeof (null == trackerTarget ? void 0 : trackerTarget.restoreStaticAttribute) && trackerTarget.restoreStaticAttribute(), void (this.__skipRestoreStaticAttributeOnRemove = !0);
+      return this.target.restoreStaticAttribute(), void (this.__skipRestoreStaticAttributeOnRemove = !0);
     }
     this.status = AnimateStatus.RUNNING, this.currentTime <= this._startTime && this.onStart(), this.currentTime = nextTime;
     let cycleTime = nextTime - this._startTime,
@@ -34684,9 +33666,8 @@ class AnimateExecutor {
   }
   syncFinalAttrsFromContext(graphic) {
     var _a;
-    const finalAttrs = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.finalAttrs,
-      setFinalAttributes = graphic.setFinalAttributes;
-    finalAttrs && "function" == typeof setFinalAttributes && setFinalAttributes.call(graphic, finalAttrs);
+    const finalAttrs = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.finalAttrs;
+    finalAttrs && graphic.setFinalAttributes(finalAttrs);
   }
   executeItem(params, graphic, index = 0, count = 1) {
     if (Array.isArray(params)) {
@@ -34939,8 +33920,7 @@ class GraphicStateExtension {
 
 class AnimateExtension {
   visitTrackedAnimates(cb) {
-    const target = this;
-    "function" != typeof target.forEachTrackedAnimate ? target.animates && target.animates.forEach(cb) : target.forEachTrackedAnimate(cb);
+    this.forEachTrackedAnimate(cb);
   }
   getAttributes(final = !1) {
     return final && this.finalAttribute ? this.finalAttribute : this.attribute;
@@ -34976,15 +33956,12 @@ class AnimateExtension {
   applyFinalAttributeToAttribute() {
     const finalAttribute = this.getFinalAttribute();
     if (!finalAttribute) return;
-    const target = this;
-    "function" != typeof target.setAttributesAndPreventAnimate ? console.warn("[AnimateExtension] applyFinalAttributeToAttribute requires target.setAttributesAndPreventAnimate() to avoid committing finalAttribute into base attributes.") : target.setAttributesAndPreventAnimate(finalAttribute, !1, {
+    this.setAttributesAndPreventAnimate(finalAttribute, !1, {
       type: AttributeUpdateType.ANIMATE_BIND
     });
   }
   restoreStaticAttribute() {
-    const target = this;
-    if ("function" != typeof target._restoreAttributeFromStaticTruth) return "function" == typeof target.onStop ? (console.warn("[AnimateExtension] restoreStaticAttribute is using deprecated target.onStop(); implement _restoreAttributeFromStaticTruth() for explicit transient restore semantics."), void target.onStop()) : void console.warn("[AnimateExtension] restoreStaticAttribute requires target._restoreAttributeFromStaticTruth() or an equivalent transient restore path.");
-    target._restoreAttributeFromStaticTruth({
+    this._restoreAttributeFromStaticTruth({
       type: AttributeUpdateType.ANIMATE_END
     });
   }
@@ -35657,7 +34634,7 @@ function buildAnimationStaticCommitAttrs(target, keys, animate, fallbackAttrs) {
   var _a;
   const commitTarget = target,
     contextFinalAttrs = null === (_a = commitTarget.context) || void 0 === _a ? void 0 : _a.finalAttrs,
-    finalAttribute = "function" == typeof commitTarget.getFinalAttribute ? commitTarget.getFinalAttribute() : commitTarget.finalAttribute;
+    finalAttribute = commitTarget.getFinalAttribute();
   let commitAttrs = null;
   for (let i = 0; i < keys.length; i++) {
     const key = keys[i];
@@ -35666,9 +34643,8 @@ function buildAnimationStaticCommitAttrs(target, keys, animate, fallbackAttrs) {
   return commitAttrs;
 }
 function commitAnimationStaticAttrs(target, keys, animate, fallbackAttrs) {
-  var _a, _b;
   const commitAttrs = buildAnimationStaticCommitAttrs(target, keys, animate, fallbackAttrs);
-  return !!commitAttrs && (null === (_b = (_a = target).setFinalAttributes) || void 0 === _b || _b.call(_a, commitAttrs), target.setAttributes(commitAttrs, !1, {
+  return !!commitAttrs && (target.setFinalAttributes(commitAttrs), target.setAttributes(commitAttrs, !1, {
     type: AttributeUpdateType.ANIMATE_END
   }), !0);
 }
@@ -35779,7 +34755,7 @@ class CommonIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind();
     const attrs = this.target.getFinalAttribute(),
       fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
@@ -35788,7 +34764,7 @@ class CommonIn extends ACustomAnimate {
     this.keys.forEach(key => {
       var _a, _b, _c;
       to[key] = null !== (_a = null == attrs ? void 0 : attrs[key]) && void 0 !== _a ? _a : 1, from[key] = null !== (_c = null !== (_b = from[key]) && void 0 !== _b ? _b : fromAttrs[key]) && void 0 !== _c ? _c : 0;
-    }), null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+    }), this.target.applyFinalAttributeToAttribute(), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, from);
   }
   onUpdate(end, ratio, out) {
     const attrs = {};
@@ -35840,8 +34816,7 @@ class RotateBySphereAnimate extends ACustomAnimate {
     super.onBind(), this.propKeys = ["x", "y", "z", "alpha", "zIndex"];
   }
   onFirstRun() {
-    var _a, _b;
-    super.onFirstRun(), null === (_b = (_a = this.target).applyFinalAttributeToAttribute) || void 0 === _b || _b.call(_a);
+    super.onFirstRun(), this.target.applyFinalAttributeToAttribute();
   }
   onStart() {
     var _a, _b;
@@ -35850,7 +34825,7 @@ class RotateBySphereAnimate extends ACustomAnimate {
         center: center,
         r: r
       } = "function" == typeof this.params ? this.params() : this.params,
-      source = null !== (_a = this.target.finalAttribute) && void 0 !== _a ? _a : this.target.attribute,
+      source = null !== (_a = this.target.getFinalAttribute()) && void 0 !== _a ? _a : this.target.attribute,
       startX = source.x,
       startY = source.y,
       startZ = null !== (_b = source.z) && void 0 !== _b ? _b : 0,
@@ -36049,14 +35024,14 @@ class GrowAngleBase extends ACustomAnimate {
 }
 class GrowAngleIn extends GrowAngleBase {
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
         to: to
       } = growAngleIn(this.target, this.params.options, this.params),
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
-    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs), this.determineUpdateFunction();
+    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs), this.determineUpdateFunction();
   }
 }
 class GrowAngleOut extends GrowAngleBase {
@@ -36199,14 +35174,14 @@ class GrowCenterIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
         to: to
       } = growCenterIn(this.target, this.params.options, this.params),
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
-    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
+    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -36304,14 +35279,14 @@ class GrowHeightIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
         to: to
       } = growHeightIn(this.target, this.params.options, this.params),
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
-    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
+    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -36415,13 +35390,13 @@ class GworPointsBase extends ACustomAnimate {
 }
 class GrowPointsIn extends GworPointsBase {
   onBind() {
-    var _a, _b, _c;
+    var _a;
     if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
       const {
         from: from,
         to: to
       } = growPointsIn(this.target, this.params.options, this.params);
-      this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, null === (_b = (_a = this.target).applyFinalAttributeToAttribute) || void 0 === _b || _b.call(_a), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+      this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && applyAppearStartAttributes(this.target, from);
     } else this.valid = !1;
   }
 }
@@ -36477,13 +35452,13 @@ const changePointsX = (graphic, options, animationParameters) => graphic.getFina
   };
 class GrowPointsXIn extends GworPointsBase {
   onBind() {
-    var _a, _b, _c;
+    var _a;
     if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
       const {
         from: from,
         to: to
       } = growPointsXIn(this.target, this.params.options, this.params);
-      this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, null === (_b = (_a = this.target).applyFinalAttributeToAttribute) || void 0 === _b || _b.call(_a), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+      this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && applyAppearStartAttributes(this.target, from);
     } else this.valid = !1;
   }
 }
@@ -36539,13 +35514,13 @@ const changePointsY = (graphic, options, animationParameters) => graphic.getFina
   };
 class GrowPointsYIn extends GworPointsBase {
   onBind() {
-    var _a, _b, _c;
+    var _a;
     if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
       const {
         from: from,
         to: to
       } = growPointsYIn(this.target, this.params.options, this.params);
-      this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, null === (_b = (_a = this.target).applyFinalAttributeToAttribute) || void 0 === _b || _b.call(_a), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+      this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && applyAppearStartAttributes(this.target, from);
     } else this.valid = !1;
   }
 }
@@ -36650,14 +35625,14 @@ class GrowPointsBase extends ACustomAnimate {
 }
 class GrowRadiusIn extends GrowPointsBase {
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
         to: to
       } = growRadiusIn(this.target, this.params.options, this.params),
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
-    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
+    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
   }
 }
 class GrowRadiusOut extends GrowPointsBase {
@@ -36772,14 +35747,14 @@ class GrowWidthIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
         to: to
       } = growWidthIn(this.target, this.params.options, this.params),
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
-    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, null === (_d = (_c = this.target).applyFinalAttributeToAttribute) || void 0 === _d || _d.call(_c), !1 !== (null === (_e = this.params.controlOptions) || void 0 === _e ? void 0 : _e.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
+    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, fromAttrs);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -37543,36 +36518,40 @@ class ScaleIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     let from, to;
     super.onBind();
     const attrs = this.target.getFinalAttribute(),
-      fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
-    switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
+      fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
+      options = null === (_b = this.params) || void 0 === _b ? void 0 : _b.options,
+      direction = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) && void 0 !== _d ? _d : null == options ? void 0 : options.direction,
+      fromScaleX = null !== (_j = null !== (_g = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromScaleX) && void 0 !== _f ? _f : null == options ? void 0 : options.fromScaleX) && void 0 !== _g ? _g : null === (_h = this.params) || void 0 === _h ? void 0 : _h.fromScale) && void 0 !== _j ? _j : null == options ? void 0 : options.fromScale,
+      fromScaleY = null !== (_p = null !== (_m = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromScaleY) && void 0 !== _l ? _l : null == options ? void 0 : options.fromScaleY) && void 0 !== _m ? _m : null === (_o = this.params) || void 0 === _o ? void 0 : _o.fromScale) && void 0 !== _p ? _p : null == options ? void 0 : options.fromScale;
+    switch (direction) {
       case "x":
         from = {
-          scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
+          scaleX: null !== (_q = null != fromScaleX ? fromScaleX : fromAttrs.scaleX) && void 0 !== _q ? _q : 0
         }, to = {
-          scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+          scaleX: null !== (_r = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _r ? _r : 1
         }, this._updateFunction = this.updateX;
         break;
       case "y":
         from = {
-          scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
+          scaleY: null !== (_s = null != fromScaleY ? fromScaleY : fromAttrs.scaleY) && void 0 !== _s ? _s : 0
         }, to = {
-          scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+          scaleY: null !== (_t = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _t ? _t : 1
         }, this._updateFunction = this.updateY;
         break;
       default:
         from = {
-          scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
-          scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
+          scaleX: null !== (_u = null != fromScaleX ? fromScaleX : fromAttrs.scaleX) && void 0 !== _u ? _u : 0,
+          scaleY: null !== (_v = null != fromScaleY ? fromScaleY : fromAttrs.scaleY) && void 0 !== _v ? _v : 0
         }, to = {
-          scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
-          scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+          scaleX: null !== (_w = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _w ? _w : 1,
+          scaleY: null !== (_x = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _x ? _x : 1
         }, this._updateFunction = this.updateXY;
     }
-    null === (_m = (_l = this.target).applyFinalAttributeToAttribute) || void 0 === _m || _m.call(_l), this.props = to, this.from = from, this.to = to, !1 !== (null === (_o = this.params.controlOptions) || void 0 === _o ? void 0 : _o.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+    this.target.applyFinalAttributeToAttribute(), this.props = to, this.from = from, this.to = to, !1 !== (null === (_y = this.params.controlOptions) || void 0 === _y ? void 0 : _y.immediatelyApply) && applyAppearStartAttributes(this.target, from);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -38139,9 +37118,7 @@ class Update extends ACustomAnimate {
     const {
       options: options
     } = this.params;
-    diffAttrs = filterExcludedChannels(diffAttrs, null == options ? void 0 : options.excludeChannels), this.props = diffAttrs;
-    const consumeTransientFromAttrs = this.target.consumeTransientFromAttrsBeforePreventAnimate;
-    this.updateFromAttrs = "function" == typeof consumeTransientFromAttrs ? consumeTransientFromAttrs.call(this.target, diffAttrs) : null, this.clipPathSyncKeys = Object.keys(diffAttrs).filter(key => clipPathGeometryAttrs[key]), this.clipPathSyncDisabled = !this.clipPathSyncKeys.length, this.syncParentClipPathToTarget();
+    diffAttrs = filterExcludedChannels(diffAttrs, null == options ? void 0 : options.excludeChannels), this.props = diffAttrs, this.updateFromAttrs = this.target.consumeTransientFromAttrsBeforePreventAnimate(diffAttrs), this.clipPathSyncKeys = Object.keys(diffAttrs).filter(key => clipPathGeometryAttrs[key]), this.clipPathSyncDisabled = !this.clipPathSyncKeys.length, this.syncParentClipPathToTarget();
   }
   trySyncStartProps() {
     const updateFromAttrs = this.updateFromAttrs;
@@ -38159,7 +37136,7 @@ class Update extends ACustomAnimate {
     this.runInterpolateUpdate(this.fromProps, this.props, easedRatio), this.syncParentClipPathToTarget(), this.onUpdate(end, easedRatio, out);
   }
   syncParentClipPathToTarget() {
-    var _a, _b, _c, _d;
+    var _a, _b;
     if (this.clipPathSyncDisabled) return;
     const target = this.target,
       parent = target.parent,
@@ -38170,20 +37147,19 @@ class Update extends ACustomAnimate {
     const clipGraphic = path[childIndex];
     if (!(null == clipGraphic ? void 0 : clipGraphic.attribute) || clipGraphic.type !== target.type || !this.isClipPathStaticTarget(clipGraphic)) return;
     const syncAttrs = this.buildClipPathTransientAttrs(clipGraphic);
-    syncAttrs && (applyAnimationFrameAttributes(clipGraphic, syncAttrs), null === (_c = clipGraphic.addUpdatePositionTag) || void 0 === _c || _c.call(clipGraphic), null === (_d = clipGraphic.addUpdateShapeAndBoundsTag) || void 0 === _d || _d.call(clipGraphic));
+    syncAttrs && (applyAnimationFrameAttributes(clipGraphic, syncAttrs), clipGraphic.addUpdatePositionTag(), clipGraphic.addUpdateShapeAndBoundsTag());
   }
   getClipPathSyncChildIndex(parent) {
-    var _a;
     if (this.clipPathSyncParent === parent && this.clipPathSyncChildIndex >= 0) return this.clipPathSyncChildIndex;
     const target = this.target;
     let childIndex = -1;
-    return null === (_a = parent.forEachChildren) || void 0 === _a || _a.call(parent, (child, index) => child === target && (childIndex = index, !0)), this.clipPathSyncParent = parent, this.clipPathSyncChildIndex = childIndex, childIndex;
+    return parent.forEachChildren((child, index) => child === target && (childIndex = index, !0)), this.clipPathSyncParent = parent, this.clipPathSyncChildIndex = childIndex, childIndex;
   }
   isClipPathStaticTarget(clipGraphic) {
     var _a, _b;
     const target = this.target,
       targetFinalAttrs = this.getTargetFinalAttrs(),
-      clipGraphicFinalAttrs = "function" == typeof clipGraphic.getFinalAttribute ? clipGraphic.getFinalAttribute() : clipGraphic.finalAttribute,
+      clipGraphicFinalAttrs = clipGraphic.getFinalAttribute(),
       clipFinalAttrs = null !== (_a = null != clipGraphicFinalAttrs ? clipGraphicFinalAttrs : clipGraphic.baseAttributes) && void 0 !== _a ? _a : clipGraphic.attribute,
       keys = null !== (_b = this.clipPathSyncKeys) && void 0 !== _b ? _b : [];
     return !!(keys.length && targetFinalAttrs && clipFinalAttrs) && keys.every(key => {
@@ -38194,7 +37170,7 @@ class Update extends ACustomAnimate {
   getTargetFinalAttrs() {
     var _a, _b, _c;
     const target = this.target;
-    return null !== (_c = null !== (_b = null === (_a = target.context) || void 0 === _a ? void 0 : _a.finalAttrs) && void 0 !== _b ? _b : "function" == typeof target.getFinalAttribute ? target.getFinalAttribute() : target.finalAttribute) && void 0 !== _c ? _c : null;
+    return null !== (_c = null !== (_b = null === (_a = target.context) || void 0 === _a ? void 0 : _a.finalAttrs) && void 0 !== _b ? _b : target.getFinalAttribute()) && void 0 !== _c ? _c : null;
   }
   isSameClipPathValue(a, b) {
     return "number" == typeof a && "number" == typeof b ? Math.abs(a - b) < 1e-8 : a === b;
@@ -38322,13 +37298,13 @@ class MoveBase extends ACustomAnimate {
 }
 class MoveIn extends MoveBase {
   onBind() {
-    var _a, _b, _c;
+    var _a;
     super.onBind();
     const {
       from: from,
       to: to
     } = moveIn(this.target, this.params.options, this.params);
-    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, null === (_b = (_a = this.target).applyFinalAttributeToAttribute) || void 0 === _b || _b.call(_a), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+    this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && applyAppearStartAttributes(this.target, from);
   }
 }
 class MoveOut extends MoveBase {
@@ -38381,13 +37357,13 @@ class RotateBase extends ACustomAnimate {
 }
 class RotateIn extends RotateBase {
   onBind() {
-    var _a, _b, _c;
+    var _a;
     super.onBind();
     const {
       from: from,
       to: to
     } = rotateIn(this.target, this.params.options);
-    this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to, null === (_b = (_a = this.target).applyFinalAttributeToAttribute) || void 0 === _b || _b.call(_a), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+    this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to, this.target.applyFinalAttributeToAttribute(), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && applyAppearStartAttributes(this.target, from);
   }
 }
 class RotateOut extends RotateBase {
@@ -39894,7 +38870,7 @@ class AbstractComponent extends Group {
       [key]: value
     }, this.attribute, key, context);
     if (params) return this._setAttributes(params, forceUpdateTag);
-    isPlainObject$4(this.attribute[key]) && isPlainObject$4(value) && !isFunction$1(this.attribute[key]) && !isFunction$1(value) ? merge(this.attribute[key], value) : this.attribute[key] = value, this._skipRenderAttributes.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
+    isPlainObject$3(this.attribute[key]) && isPlainObject$3(value) && !isFunction$1(this.attribute[key]) && !isFunction$1(value) ? merge(this.attribute[key], value) : this.attribute[key] = value, this._skipRenderAttributes.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
   }
   setAttributes(params, forceUpdateTag, context) {
     return params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this._setAttributes(params, forceUpdateTag);
@@ -39907,7 +38883,7 @@ class AbstractComponent extends Group {
     isNil$1(keys) && (keys = Object.keys(params));
     for (let i = 0; i < keys.length; i++) {
       const key = keys[i];
-      !isPlainObject$4(this.attribute[key]) || isFunction$1(this.attribute[key]) || isFunction$1(params[key]) ? this.attribute[key] = params[key] : merge(this.attribute[key], params[key]);
+      !isPlainObject$3(this.attribute[key]) || isFunction$1(this.attribute[key]) || isFunction$1(params[key]) ? this.attribute[key] = params[key] : merge(this.attribute[key], params[key]);
     }
   }
   bindEvents() {}
@@ -40692,7 +39668,7 @@ function loadTagComponent() {
   registerGroup(), registerRect(), registerSymbol(), registerRichtext(), registerText();
 }
 
-var __rest$e = undefined && undefined.__rest || function (s, e) {
+var __rest$d = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -40746,7 +39722,7 @@ class Tag extends AbstractComponent {
     const {
         visible: shapeVisible
       } = shape,
-      shapeStyle = __rest$e(shape, ["visible"]);
+      shapeStyle = __rest$d(shape, ["visible"]);
     if (isBoolean$1(shapeVisible)) {
       const size = (null == shapeStyle ? void 0 : shapeStyle.size) || 10,
         maxSize = isNumber$2(size) ? size : Math.max(size[0], size[1]);
@@ -40847,7 +39823,7 @@ class Tag extends AbstractComponent {
     const {
         visible: bgVisible
       } = panel,
-      backgroundStyle = __rest$e(panel, ["visible"]);
+      backgroundStyle = __rest$d(panel, ["visible"]);
     if (visible && isBoolean$1(bgVisible)) {
       const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
         visible: bgVisible && !!text,
@@ -40929,7 +39905,7 @@ function setPoptipTheme(defaultPoptipTheme) {
   merge(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);
 }
 
-var __rest$d = undefined && undefined.__rest || function (s, e) {
+var __rest$c = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -41038,7 +40014,7 @@ class PopTip extends AbstractComponent {
         visible: bgVisible,
         square: square
       } = panel,
-      backgroundStyle = __rest$d(panel, ["visible", "square"]);
+      backgroundStyle = __rest$c(panel, ["visible", "square"]);
     if (square) {
       const maxWH = max(popTipWidth, poptipHeight);
       popTipWidth = maxWH;
@@ -43019,7 +41995,7 @@ function loadCircleAxisGridComponent() {
   registerGroup(), registerPath();
 }
 
-var __rest$c = undefined && undefined.__rest || function (s, e) {
+var __rest$b = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -43126,7 +42102,7 @@ class LineAxis extends AxisBase {
         style: style,
         state: state
       } = _a,
-      restLineAttrs = __rest$c(_a, ["startSymbol", "endSymbol", "style", "state"]),
+      restLineAttrs = __rest$b(_a, ["startSymbol", "endSymbol", "style", "state"]),
       lineAttrs = Object.assign({
         startSymbol: startSymbol,
         endSymbol: endSymbol,
@@ -43167,7 +42143,7 @@ class LineAxis extends AxisBase {
         state = {},
         maxWidth: maxWidth
       } = _d,
-      restAttrs = __rest$c(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
+      restAttrs = __rest$b(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
     let percent = .5;
     "start" === position ? percent = 0 : "end" === position && (percent = 1);
     const {
@@ -43269,7 +42245,7 @@ class LineAxis extends AxisBase {
         text: textContent = "",
         maxWidth: maxWidth
       } = _c,
-      restAttrs = __rest$c(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
+      restAttrs = __rest$b(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
       point = this.getTickCoord(0);
     "bottom" === orient || "top" === orient ? point.x = position : point.y = position;
     let tickLength = 0;
@@ -43641,7 +42617,7 @@ function circleAutoLimit(labels, config) {
   });
 }
 
-var __rest$b = undefined && undefined.__rest || function (s, e) {
+var __rest$a = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -43700,7 +42676,7 @@ class CircleAxis extends AxisBase {
         background: background,
         state = {}
       } = _d,
-      restAttrs = __rest$b(_d, ["space", "textStyle", "shape", "background", "state"]);
+      restAttrs = __rest$a(_d, ["space", "textStyle", "shape", "background", "state"]);
     let titlePoint = center,
       labelHeight = 0;
     (null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.label.inside && (labelHeight = get$1(this.attribute.label, "style.fontSize", 12) + get$1(this.attribute.label, "space", 4));
@@ -43967,7 +42943,7 @@ const getCartesianLabelBounds = (scale, domain, op) => {
   for (let i = 0; i < domain.length; i++) {
     const v = domain[i],
       str = labelFormatter ? labelFormatter(v) : `${v}`;
-    if (isPlainObject$4(str)) {
+    if (isPlainObject$3(str)) {
       labelBoundsList = void 0;
       break;
     }
@@ -45259,15 +44235,6 @@ function getAlignOffset(align) {
   return "left" === align ? 0 : "right" === align ? 1 : .5;
 }
 
-var __rest$a = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
-    var i = 0;
-    for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-  }
-  return t;
-};
 class LabelUpdate extends AComponentAnimate {
   onBind() {
     const animator = createComponentAnimator(this.target);
@@ -45283,8 +44250,8 @@ class LabelUpdate extends AComponentAnimate {
       } = this.params,
       diff = {};
     for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
-    const rest = __rest$a(diff, ["text"]);
-    animator.animate(prevText, {
+    const rest = Object.assign({}, diff);
+    delete rest.text, animator.animate(prevText, {
       type: "to",
       to: rest,
       duration: duration,
@@ -48746,6 +47713,10 @@ class Marker extends AbstractComponent {
   }
 }
 
+function getSegmentLineGraphics(segment) {
+  var _a;
+  return segment ? [...(null !== (_a = segment.lines) && void 0 !== _a ? _a : []), segment.line].filter(Boolean) : [];
+}
 function graphicFadeIn(graphic, delay, duration, easing) {
   var _a, _b, _c, _d, _e;
   if (!graphic) return;
@@ -48764,7 +47735,7 @@ function graphicFadeIn(graphic, delay, duration, easing) {
   }, duration, easing);
 }
 function segmentFadeIn(segment, delay, duration, easing) {
-  segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), segment.lines.forEach(line => graphicFadeIn(line, delay, duration, easing)), graphicFadeIn(segment.line, delay, duration, easing), graphicFadeIn(segment.endSymbol, delay, duration, easing));
+  segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach(line => graphicFadeIn(line, delay, duration, easing)), graphicFadeIn(segment.endSymbol, delay, duration, easing));
 }
 function tagFadeIn(tag, delay, duration, easing) {
   tag && (graphicFadeIn(tag.getTextShape(), delay, duration, easing), graphicFadeIn(tag.getBgRect(), delay, duration, easing));
@@ -48783,7 +47754,7 @@ function graphicFadeOut(graphic, delay, duration, easing) {
   }, duration, easing));
 }
 function segmentFadeOut(segment, delay, duration, easing) {
-  segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), segment.lines.forEach(line => graphicFadeOut(line, delay, duration, easing)), graphicFadeOut(segment.line, delay, duration, easing), graphicFadeOut(segment.endSymbol, delay, duration, easing));
+  segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach(line => graphicFadeOut(line, delay, duration, easing)), graphicFadeOut(segment.endSymbol, delay, duration, easing));
 }
 function tagFadeOut(tag, delay, duration, easing) {
   tag && (graphicFadeOut(tag.getTextShape(), delay, duration, easing), graphicFadeOut(tag.getBgRect(), delay, duration, easing));
@@ -48794,12 +47765,14 @@ function commonLineClipIn(line, label, duration, delay, easing) {
     lineDuration = .7 * duration,
     endSymbolDuration = .1 * duration,
     labelDuration = .1 * duration;
-  graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing), line.lines.forEach(line => commitUpdateAnimationTarget(line, {
+  graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing);
+  const lines = getSegmentLineGraphics(line);
+  lines.forEach(line => commitUpdateAnimationTarget(line, {
     clipRange: 1
   }, {
     clipRange: 0
-  })), line.lines.forEach((l, index) => {
-    const stepDuration = lineDuration / line.lines.length;
+  })), lines.forEach((l, index) => {
+    const stepDuration = lineDuration / lines.length;
     l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
       clipRange: 1
     }, stepDuration, easing);
@@ -48856,12 +47829,14 @@ function pointCallIn(itemLine, decorativeLine, item, duration, delay, easing) {
     decorativeDuration = .05 * duration,
     endSymbolDuration = .1 * duration,
     labelDuration = .1 * duration;
-  graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing), itemLine.lines.forEach(line => commitUpdateAnimationTarget(line, {
+  graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing);
+  const lines = getSegmentLineGraphics(itemLine);
+  lines.forEach(line => commitUpdateAnimationTarget(line, {
     clipRange: 1
   }, {
     clipRange: 0
-  })), itemLine.lines.forEach((l, index) => {
-    const stepDuration = lineDuration / itemLine.lines.length;
+  })), lines.forEach((l, index) => {
+    const stepDuration = lineDuration / lines.length;
     l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
       clipRange: 1
     }, stepDuration, easing);
@@ -55873,48 +54848,6 @@ TableSeriesNumber.defaultAttributes = {
 };
 
 const BOOTSTRAP_STATE = Symbol.for('vrender.bootstrap.state');
-const installBrowserEnvToAppWithParams = installBrowserEnvToApp;
-const installNodeEnvToAppWithParams = installNodeEnvToApp;
-const runtimeKits = VRenderKitsRuntime;
-const miniEnvBootstraps = {
-    taro: { installEnv: runtimeKits.installTaroEnvToApp, loadEnv: runtimeKits.loadTaroEnv },
-    feishu: { installEnv: runtimeKits.installFeishuEnvToApp, loadEnv: runtimeKits.loadFeishuEnv },
-    tt: { installEnv: runtimeKits.installTTEnvToApp, loadEnv: runtimeKits.loadTTEnv },
-    wx: { installEnv: runtimeKits.installWxEnvToApp, loadEnv: runtimeKits.loadWxEnv },
-    lynx: { installEnv: runtimeKits.installLynxEnvToApp, loadEnv: runtimeKits.loadLynxEnv },
-    harmony: { installEnv: runtimeKits.installHarmonyEnvToApp, loadEnv: runtimeKits.loadHarmonyEnv }
-};
-const pluginRegistrations = [
-    registerFlexLayoutPlugin,
-    registerViewTransform3dPlugin,
-    registerHtmlAttributePlugin,
-    registerReactAttributePlugin,
-    registerDirectionalLight,
-    registerOrthoCamera
-];
-const animationRegistrations = [registerCustomAnimate, registerAnimate];
-const legacyGraphicRegistrations = [
-    registerArc,
-    registerArc3d,
-    registerArea,
-    registerCircle,
-    registerGlyph,
-    registerGifImage,
-    registerGroup,
-    registerImage,
-    registerLine,
-    registerPath,
-    registerPolygon,
-    registerPyramid3d,
-    registerRect,
-    registerRect3d,
-    registerRichtext,
-    registerShadowRoot,
-    registerSymbol,
-    registerText,
-    registerWrapText,
-    registerStar
-];
 function ensureBootstrap(target, key) {
     var _a;
     const state = (_a = target[BOOTSTRAP_STATE]) !== null && _a !== void 0 ? _a : new Set();
@@ -55925,10 +54858,6 @@ function ensureBootstrap(target, key) {
     state.add(key);
     return true;
 }
-function registerDefaultPipeline() {
-    pluginRegistrations.forEach(register => register());
-    animationRegistrations.forEach(register => register());
-}
 function createBootstrapEntryKey(entry, prefix) {
     var _a, _b, _c, _d;
     const type = (_a = entry === null || entry === void 0 ? void 0 : entry.type) !== null && _a !== void 0 ? _a : 'unknown';
@@ -55972,6 +54901,52 @@ function syncLegacyPickersToApp(app, pickerContribution) {
         app.registry.picker.register(key, picker);
     });
 }
+
+const installBrowserEnvToAppWithParams = installBrowserEnvToApp;
+const installNodeEnvToAppWithParams = installNodeEnvToApp;
+const miniEnvBootstraps = {
+    taro: { installEnv: installTaroEnvToApp, loadEnv: loadTaroEnv },
+    feishu: { installEnv: installFeishuEnvToApp, loadEnv: loadFeishuEnv },
+    tt: { installEnv: installTTEnvToApp, loadEnv: loadTTEnv },
+    wx: { installEnv: installWxEnvToApp, loadEnv: loadWxEnv },
+    lynx: { installEnv: installLynxEnvToApp, loadEnv: loadLynxEnv },
+    harmony: { installEnv: installHarmonyEnvToApp, loadEnv: loadHarmonyEnv }
+};
+const pluginRegistrations = [
+    registerFlexLayoutPlugin,
+    registerViewTransform3dPlugin,
+    registerHtmlAttributePlugin,
+    registerReactAttributePlugin,
+    registerDirectionalLight,
+    registerOrthoCamera
+];
+const animationRegistrations = [registerCustomAnimate, registerAnimate];
+const legacyGraphicRegistrations = [
+    registerArc,
+    registerArc3d,
+    registerArea,
+    registerCircle,
+    registerGlyph,
+    registerGifImage,
+    registerGroup,
+    registerImage,
+    registerLine,
+    registerPath,
+    registerPolygon,
+    registerPyramid3d,
+    registerRect,
+    registerRect3d,
+    registerRichtext,
+    registerShadowRoot,
+    registerSymbol,
+    registerText,
+    registerWrapText,
+    registerStar
+];
+function registerDefaultPipeline() {
+    pluginRegistrations.forEach(register => register());
+    animationRegistrations.forEach(register => register());
+}
 function bootstrapVRenderBrowserApp(app, envParams) {
     const target = app;
     if (!ensureBootstrap(target, 'browser')) {
@@ -56027,7 +55002,7 @@ function bootstrapVRenderMiniApp(app, env, envParams) {
     const bootstrap = miniEnvBootstraps[env];
     bootstrap.installEnv(app, envParams);
     installDefaultGraphicsToApp(app);
-    runtimeKits.installMathPickersToApp(app);
+    installMathPickersToApp(app);
     bootstrap.loadEnv();
     legacyGraphicRegistrations.forEach(register => register());
     syncLegacyRenderersToApp(app);
@@ -56073,7 +55048,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const { createBrowserApp } = VRenderCore;
 function createBrowserVRenderApp(options = {}) {
     const { envParams } = options, entryOptions = __rest(options, ["envParams"]);
     return bootstrapVRenderBrowserApp(createBrowserApp(entryOptions), envParams);
@@ -56109,8 +55083,8 @@ function createNodeVRenderApp(options = {}) {
     return bootstrapVRenderNodeApp(createNodeApp(entryOptions), envParams);
 }
 
-const SHARED_APP_REGISTRY_KEY = Symbol.for('visactor.vrender.sharedAppRegistry');
 const DEFAULT_SHARED_APP_KEY = 'default';
+const SHARED_APP_REGISTRY_KEY = Symbol.for('visactor.vrender.sharedAppRegistry');
 function getSharedAppRegistry() {
     var _a;
     const target = globalThis;
@@ -56150,36 +55124,8 @@ function releaseSharedAppRecord(env, key, record) {
     removeSharedAppRecord(env, key, record);
     record.releaseApp();
 }
-function createAppForSharedEnv(options) {
-    const { env } = options;
-    const entryOptions = Object.assign({}, options);
-    delete entryOptions.env;
-    delete entryOptions.key;
-    if (env === 'browser') {
-        return createBrowserVRenderApp(entryOptions);
-    }
-    if (env === 'node') {
-        return createNodeVRenderApp(entryOptions);
-    }
-    if (env === 'taro') {
-        return createTaroVRenderApp(entryOptions);
-    }
-    if (env === 'feishu') {
-        return createFeishuVRenderApp(entryOptions);
-    }
-    if (env === 'tt') {
-        return createTTVRenderApp(entryOptions);
-    }
-    if (env === 'wx') {
-        return createWxVRenderApp(entryOptions);
-    }
-    if (env === 'lynx') {
-        return createLynxVRenderApp(entryOptions);
-    }
-    return createHarmonyVRenderApp(entryOptions);
-}
-function createSharedAppRecord(env, key, options) {
-    const app = createAppForSharedEnv(options);
+function createSharedAppRecord(env, key, options, createApp) {
+    const app = createApp(options);
     const originalRelease = app.release.bind(app);
     const record = {
         app,
@@ -56190,45 +55136,45 @@ function createSharedAppRecord(env, key, options) {
     app.release = () => releaseSharedAppRecord(env, key, record);
     return record;
 }
-function createSharedAppHandle(env, key, record) {
+function createSharedAppHandle(registryEnv, handleEnv, key, record) {
     let released = false;
     return {
         app: record.app,
-        env,
+        env: handleEnv,
         key,
         release() {
             if (released) {
                 return;
             }
             released = true;
-            const envRegistry = getSharedAppEnvRegistry(env, false);
+            const envRegistry = getSharedAppEnvRegistry(registryEnv, false);
             if ((envRegistry === null || envRegistry === void 0 ? void 0 : envRegistry.get(key)) !== record || record.released) {
                 return;
             }
             record.refCount -= 1;
             if (record.refCount <= 0) {
-                releaseSharedAppRecord(env, key, record);
+                releaseSharedAppRecord(registryEnv, key, record);
             }
         }
     };
 }
-function acquireSharedVRenderApp(options) {
+function acquireSharedApp(registryEnv, options, createApp, handleEnv = registryEnv) {
     var _a;
     const key = (_a = options.key) !== null && _a !== void 0 ? _a : DEFAULT_SHARED_APP_KEY;
-    const envRegistry = getOrCreateSharedAppEnvRegistry(options.env);
+    const envRegistry = getOrCreateSharedAppEnvRegistry(registryEnv);
     let record = envRegistry.get(key);
     if (record === null || record === void 0 ? void 0 : record.app.released) {
-        releaseSharedAppRecord(options.env, key, record);
+        releaseSharedAppRecord(registryEnv, key, record);
         record = undefined;
     }
     if (!record) {
-        record = createSharedAppRecord(options.env, key, options);
+        record = createSharedAppRecord(registryEnv, key, options, createApp);
         envRegistry.set(key, record);
     }
     record.refCount += 1;
-    return createSharedAppHandle(options.env, key, record);
+    return createSharedAppHandle(registryEnv, handleEnv, key, record);
 }
-function getSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
+function getSharedApp(env, key = DEFAULT_SHARED_APP_KEY) {
     var _a;
     const record = (_a = getSharedAppEnvRegistry(env, false)) === null || _a === void 0 ? void 0 : _a.get(key);
     if (!record || record.released || record.app.released) {
@@ -56236,7 +55182,7 @@ function getSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
     }
     return record.app;
 }
-function releaseSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
+function releaseSharedApp(env, key = DEFAULT_SHARED_APP_KEY) {
     var _a;
     const record = (_a = getSharedAppEnvRegistry(env, false)) === null || _a === void 0 ? void 0 : _a.get(key);
     if (record) {
@@ -56244,6 +55190,44 @@ function releaseSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
     }
 }
 
+function createAppForSharedEnv(options) {
+    const { env } = options;
+    const entryOptions = Object.assign({}, options);
+    delete entryOptions.env;
+    delete entryOptions.key;
+    if (env === 'browser') {
+        return createBrowserVRenderApp(entryOptions);
+    }
+    if (env === 'node') {
+        return createNodeVRenderApp(entryOptions);
+    }
+    if (env === 'taro') {
+        return createTaroVRenderApp(entryOptions);
+    }
+    if (env === 'feishu') {
+        return createFeishuVRenderApp(entryOptions);
+    }
+    if (env === 'tt') {
+        return createTTVRenderApp(entryOptions);
+    }
+    if (env === 'wx') {
+        return createWxVRenderApp(entryOptions);
+    }
+    if (env === 'lynx') {
+        return createLynxVRenderApp(entryOptions);
+    }
+    return createHarmonyVRenderApp(entryOptions);
+}
+function acquireSharedVRenderApp(options) {
+    return acquireSharedApp(options.env, options, createAppForSharedEnv, options.env);
+}
+function getSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
+    return getSharedApp(env, key);
+}
+function releaseSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
+    releaseSharedApp(env, key);
+}
+
 let browserApp;
 let nodeApp;
 function resolveLegacyApp() {
@@ -56258,6 +55242,6 @@ function createStage(params) {
     return resolveLegacyApp().createStage(params);
 }
 
-const version = "1.1.0-alpha.23";
+const version = "1.1.0-alpha.25";
 
-export { AComponentAnimate, ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AStageAnimate, AXIS_ELEMENT_NAME, AbstractComponent, AbstractGraphicRender, Animate, AnimateExecutor, AnimateMode, AnimateStatus, Step as AnimateStep, AnimateStepType, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, AppContext, Application, Arc, Arc3d, Arc3dRender, ArcInfo, ArcLabel, ArcRender, ArcRenderContribution, ArcSegment, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, AxisStateValue, BaseCanvas, BaseEnvContribution, BasePlayer, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEntry, BrowserEnvContribution, Brush, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasStarPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CheckBox, Circle, CircleAxis, CircleAxisGrid, CircleCrosshair, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ColorContinuousLegend, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, ComponentAnimator, Context2dFactory, ContinuousPlayer, ContributionProvider, ContributionRegistry, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TEXT_FONT_FAMILY$1 as DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, 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, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionEnum, DirectionalLight, DiscreteLegend, DiscretePlayer, Dissolve, Distortion, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EmptyTip, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeIn, FadeOut, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, FromTo, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, GaussianBlur, Generator, Gesture, GifImage, Glitch, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicFactory, GraphicPicker, GraphicRender, GraphicService, GraphicStateExtension, GraphicUtil, Grayscale, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupTransition, GroupUpdateAABBBoundsMode, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, HtmlAttributePlugin, IContainPointMode, IDataZoomEvent, IDataZoomInteractiveEvent, IMAGE_NUMBER_TYPE, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, Indicator, InputRichText, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LEGEND_ELEMENT_NAME, LINE_NUMBER_TYPE, LabelBase, LabelItemAppear, LabelItemDisappear, Layer, LayerFactory, LayerService, LegendEvent, LegendStateValue, Line$1 as Line, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LineRender, Linear, LinearClosed, LinkPath, Lottie, ManualTicker, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathRichTextPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, MiniappEntry, MonotoneX, MonotoneY, MorphingPath, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, NodeEntry, OrthoCamera, OutputRichText, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Pager, Particle, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerRegistry, PickerService, Pixelation, PlayerEventEnum, PluginRegistry, PluginService, Polygon, PolygonCrosshair, PolygonRender, PolygonRenderContribution, PolygonSectorCrosshair, PopTip, PoptipAppear, PoptipDisappear, PulseAnimate, Pyramid3d, Pyramid3dRender, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, Radio, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectCrosshair, RectLabel, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, RendererRegistry, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, RotateIn, RotateOut, SLIDER_ELEMENT_NAME, 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, ScaleIn, ScaleOut, ScrollBar, SectorCrosshair, SegContext, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SizeContinuousLegend, SlideIn, SlideOut, SlideOutRichText, SlideRichText, Slider, SpinIn, SpinOut, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StageFactory, Star, StarRender, StarRenderContribution, State, StateDefinitionCompiler, StateEngine, StaticLayerHandlerContribution, Step$1 as Step, StepClosed, StoryLabelItem, StreamLight, StrokeIn, StrokeOut, Switch, Symbol$1 as Symbol, SymbolLabel, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TableSeriesNumber, Tag, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, Timeline, Title, Tooltip, TopZIndex, TransformUtil, Update, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VTag, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WeatherBox, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, acquireSharedVRenderApp, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, alignTextInLine, alternatingWave, angle, angleLabelOrientAttribute, angleTo, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindArc3dCanvasPickerContribution, bindArc3dRenderModule, bindArcCanvasPickerContribution, bindArcMathPickerContribution, bindArcRenderModule, bindAreaCanvasPickerContribution, bindAreaMathPickerContribution, bindAreaRenderModule, bindBrowserEnv, bindCircleCanvasPickerContribution, bindCircleMathPickerContribution, bindCircleRenderModule, bindContributionProvider, bindContributionProviderNoSingletonScope, bindFeishuEnv, bindGifImageCanvasPickerContribution, bindGifImageRenderContribution, bindGlyphCanvasPickerContribution, bindGlyphMathPickerContribution, bindGlyphRenderModule, bindHarmonyEnv, bindImageCanvasPickerContribution, bindImageMathPickerContribution, bindImageRenderModule, bindLineCanvasPickerContribution, bindLineMathPickerContribution, bindLineRenderModule, bindLottieCanvasPickerContribution, bindLottieRenderContribution, bindLynxEnv, bindMathPicker, bindNodeEnv, bindPathCanvasPickerContribution, bindPathMathPickerContribution, bindPathRenderModule, bindPolygonCanvasPickerContribution, bindPolygonMathPickerContribution, bindPolygonRenderModule, bindPyramid3dCanvasPickerContribution, bindPyramid3dRenderModule, bindRect3dCanvasPickerContribution, bindRect3dRenderModule, bindRectCanvasPickerContribution, bindRectMathPickerContribution, bindRectRenderModule, bindRichTextMathPickerContribution, bindRichtextCanvasPickerContribution, bindRichtextRenderModule, bindStarRenderModule, bindSymbolCanvasPickerContribution, bindSymbolMathPickerContribution, bindSymbolRenderModule, bindTTEnv, bindTaroEnv, bindTextCanvasPickerContribution, bindTextMathPickerContribution, bindTextRenderModule, bindWxEnv, bootstrapLegacyVRenderRuntime, bootstrapVRenderBrowserApp, bootstrapVRenderMiniApp, bootstrapVRenderNodeApp, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, cartesianTicks, centerToCorner, centroidOfSubpath, circleBounds, circleModule, clampRadian, clock, colorEqual, colorStringInterpolationToStr, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeOffsetForlimit, configureRuntimeApplicationForApp, container, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, cornerTangents, cornerToCenter, createBrowserApp$1 as createApp, createArc, createArc3d, createArea, createBrowserApp$1 as createBrowserApp, createBrowserVRenderApp, createCanvasEventTransformer, createCircle, createColor, createComponentAnimator, createConicalGradient, createContributionProvider$1 as createContributionProvider, createEventTransformer, createFeishuVRenderApp, createGifImage, createGlyph, createGraphic$1 as createGraphic, createGroup, createHarmonyVRenderApp, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createLynxVRenderApp, createMat4, createMiniappApp$1 as createMiniappApp, createNodeApp$1 as createNodeApp, createNodeVRenderApp, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createTTVRenderApp, createTaroVRenderApp, createText, createTextGraphicByType, createWrapText, createWxVRenderApp, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, deltaXYToAngle, diagonalCenterToEdge, diagonalTopLeftToBottomRight, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, fuzzyEqualNumber, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getAxisBreakSymbolAttrs, getBackgroundImage, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getElMap, getExtraModelMatrix, getHorizontalPath, getLegacyBindingContext, getMarksByName, getModelMatrix, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getRichTextBounds, getRuntimeInstallerBindingContext, getRuntimeInstallerGlobal, getScaledStroke, getSharedVRenderApp, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextBounds, getTextType, getTheme, getThemeFromGroup, getVerticalCoord, getVerticalPath, globalTheme, glyphModule, graphicCreator$1 as graphicCreator, graphicService, graphicUtil, hasOverlap, htmlAttributeTransform, identityMat4, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initTextMeasure, initWxEnv, installBrowserEnvToApp, installBrowserPickersToApp, installDefaultGraphicsToApp, installFeishuEnvToApp, installHarmonyEnvToApp, installLynxEnvToApp, installMathPickersToApp, installNodeEnvToApp, installNodePickersToApp, installPoptipToApp, installRuntimeDrawContributionsToApp, installRuntimeGraphicRenderersToApp, installRuntimePickersToApp, installScrollbarToApp, installTTEnvToApp, installTaroEnvToApp, installWxEnvToApp, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isInRange, isNoRepeatSizingMode, isNodeEnv, isPostiveXAxis, isRichText, isSvg, isVisible, isXML, jsx, labelSmartInvert, layerService, length, limitShapeInBounds, lineModule, linearDiscreteTicks, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadMathPicker, loadNodeEnv, loadPoptip, loadScrollbar, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, measureTextSize, morphPath, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, newThemeObj, normalize$1 as normalize, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, particleEffect, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polarAngleAxisDiscreteTicks, polarTicks, polygonModule, preLoadAllModule, pulseWave, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, randomOpacity, reactAttributeTransform, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, refreshRuntimeInstallerContributions, registerAnimate, registerArc, registerArc3d, registerArc3dGraphic, registerArcDataLabel, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerCustomAnimate, registerDirectionalLight, registerFlexLayoutPlugin, registerGifGraphic, registerGifImage, registerGlobalEventTransformer, registerGlyph, registerGlyphGraphic, registerGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineDataLabel, registerLineGraphic, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectDataLabel, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerStar, registerStarGraphic, registerSymbol, registerSymbolDataLabel, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapText, registerWrapTextGraphic, releaseSharedVRenderApp, removeRepeatPoint, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveContainerBinding$1 as resolveContainerBinding, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richTextAttributeTransform, richtextModule, rippleEffect, rotateX, rotateY, rotateZ, rotationScan, roughModule, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, runFill, runStroke, scale, scaleMat4, segments, setPoptipTheme, shouldClipImageByLayout, shouldUseMat4, smartInvertStrategy, snakeWave, snapLength, spiralEffect, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, tan2AngleToAngle, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textIntersect, textLayoutOffsetY, textModule, ticks, transformMat4, transformPointForCanvas, transformUtil, transitionRegistry, translate, traverseGroup, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { AComponentAnimate, ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AStageAnimate, AXIS_ELEMENT_NAME, AbstractComponent, AbstractGraphicRender, Animate, AnimateExecutor, AnimateMode, AnimateStatus, Step as AnimateStep, AnimateStepType, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, AppContext, Application, Arc, Arc3d, Arc3dRender, ArcInfo, ArcLabel, ArcRender, ArcRenderContribution, ArcSegment, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, AxisStateValue, BaseCanvas, BaseEnvContribution, BasePlayer, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEntry, BrowserEnvContribution, Brush, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasStarPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CheckBox, Circle, CircleAxis, CircleAxisGrid, CircleCrosshair, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ColorContinuousLegend, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, ComponentAnimator, Context2dFactory, ContinuousPlayer, ContributionProvider, ContributionRegistry, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TEXT_FONT_FAMILY$1 as DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, 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, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionEnum, DirectionalLight, DiscreteLegend, DiscretePlayer, Dissolve, Distortion, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EmptyTip, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeIn, FadeOut, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, FromTo, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, GaussianBlur, Generator, Gesture, GifImage, Glitch, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicFactory, GraphicPicker, GraphicRender, GraphicService, GraphicStateExtension, GraphicUtil, Grayscale, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupTransition, GroupUpdateAABBBoundsMode, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, HtmlAttributePlugin, IContainPointMode, IDataZoomEvent, IDataZoomInteractiveEvent, IMAGE_NUMBER_TYPE, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, Indicator, InputRichText, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LEGEND_ELEMENT_NAME, LINE_NUMBER_TYPE, LabelBase, LabelItemAppear, LabelItemDisappear, Layer, LayerFactory, LayerService, LegendEvent, LegendStateValue, Line$1 as Line, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LineRender, Linear, LinearClosed, LinkPath, Lottie, ManualTicker, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathRichTextPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, MiniappEntry, MonotoneX, MonotoneY, MorphingPath, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, NodeEntry, OrthoCamera, OutputRichText, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Pager, Particle, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerRegistry, PickerService, Pixelation, PlayerEventEnum, PluginRegistry, PluginService, Polygon, PolygonCrosshair, PolygonRender, PolygonRenderContribution, PolygonSectorCrosshair, PopTip, PoptipAppear, PoptipDisappear, PulseAnimate, Pyramid3d, Pyramid3dRender, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, Radio, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectCrosshair, RectLabel, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, RendererRegistry, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, RotateIn, RotateOut, SLIDER_ELEMENT_NAME, 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, ScaleIn, ScaleOut, ScrollBar, SectorCrosshair, SegContext, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SizeContinuousLegend, SlideIn, SlideOut, SlideOutRichText, SlideRichText, Slider, SpinIn, SpinOut, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StageFactory, Star, StarRender, StarRenderContribution, State, StateDefinitionCompiler, StateEngine, StaticLayerHandlerContribution, Step$1 as Step, StepClosed, StoryLabelItem, StreamLight, StrokeIn, StrokeOut, Switch, Symbol$1 as Symbol, SymbolLabel, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TableSeriesNumber, Tag, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, Timeline, Title, Tooltip, TopZIndex, TransformUtil, Update, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VTag, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WeatherBox, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, acquireSharedVRenderApp, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, alignTextInLine, alternatingWave, angle, angleLabelOrientAttribute, angleTo, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindArc3dCanvasPickerContribution, bindArc3dRenderModule, bindArcCanvasPickerContribution, bindArcMathPickerContribution, bindArcRenderModule, bindAreaCanvasPickerContribution, bindAreaMathPickerContribution, bindAreaRenderModule, bindBrowserEnv, bindCircleCanvasPickerContribution, bindCircleMathPickerContribution, bindCircleRenderModule, bindContributionProvider, bindContributionProviderNoSingletonScope, bindFeishuEnv, bindGifImageCanvasPickerContribution, bindGifImageRenderContribution, bindGlyphCanvasPickerContribution, bindGlyphMathPickerContribution, bindGlyphRenderModule, bindHarmonyEnv, bindImageCanvasPickerContribution, bindImageMathPickerContribution, bindImageRenderModule, bindLineCanvasPickerContribution, bindLineMathPickerContribution, bindLineRenderModule, bindLottieCanvasPickerContribution, bindLottieRenderContribution, bindLynxEnv, bindMathPicker, bindNodeEnv, bindPathCanvasPickerContribution, bindPathMathPickerContribution, bindPathRenderModule, bindPolygonCanvasPickerContribution, bindPolygonMathPickerContribution, bindPolygonRenderModule, bindPyramid3dCanvasPickerContribution, bindPyramid3dRenderModule, bindRect3dCanvasPickerContribution, bindRect3dRenderModule, bindRectCanvasPickerContribution, bindRectMathPickerContribution, bindRectRenderModule, bindRichTextMathPickerContribution, bindRichtextCanvasPickerContribution, bindRichtextRenderModule, bindStarRenderModule, bindSymbolCanvasPickerContribution, bindSymbolMathPickerContribution, bindSymbolRenderModule, bindTTEnv, bindTaroEnv, bindTextCanvasPickerContribution, bindTextMathPickerContribution, bindTextRenderModule, bindWxEnv, bootstrapLegacyVRenderRuntime, bootstrapVRenderBrowserApp, bootstrapVRenderMiniApp, bootstrapVRenderNodeApp, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, cartesianTicks, centerToCorner, centroidOfSubpath, circleBounds, circleModule, clampRadian, clock, colorEqual, colorStringInterpolationToStr, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeOffsetForlimit, configureRuntimeApplicationForApp, container, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, cornerTangents, cornerToCenter, createBrowserApp as createApp, createArc, createArc3d, createArea, createBrowserApp, createBrowserVRenderApp, createCanvasEventTransformer, createCircle, createColor, createComponentAnimator, createConicalGradient, createContributionProvider$1 as createContributionProvider, createEventTransformer, createFeishuVRenderApp, createGifImage, createGlyph, createGraphic$1 as createGraphic, createGroup, createHarmonyVRenderApp, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createLynxVRenderApp, createMat4, createMiniappApp$1 as createMiniappApp, createNodeApp$1 as createNodeApp, createNodeVRenderApp, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createTTVRenderApp, createTaroVRenderApp, createText, createTextGraphicByType, createWrapText, createWxVRenderApp, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, deltaXYToAngle, diagonalCenterToEdge, diagonalTopLeftToBottomRight, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, fuzzyEqualNumber, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getAxisBreakSymbolAttrs, getBackgroundImage, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getElMap, getExtraModelMatrix, getHorizontalPath, getLegacyBindingContext, getMarksByName, getModelMatrix, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getRichTextBounds, getRuntimeInstallerBindingContext, getRuntimeInstallerGlobal, getScaledStroke, getSharedVRenderApp, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextBounds, getTextType, getTheme, getThemeFromGroup, getVerticalCoord, getVerticalPath, globalTheme, glyphModule, graphicCreator$1 as graphicCreator, graphicService, graphicUtil, hasOverlap, htmlAttributeTransform, identityMat4, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initTextMeasure, initWxEnv, installBrowserEnvToApp, installBrowserPickersToApp, installDefaultGraphicsToApp, installFeishuEnvToApp, installHarmonyEnvToApp, installLynxEnvToApp, installMathPickersToApp, installNodeEnvToApp, installNodePickersToApp, installPoptipToApp, installRuntimeDrawContributionsToApp, installRuntimeGraphicRenderersToApp, installRuntimePickersToApp, installScrollbarToApp, installTTEnvToApp, installTaroEnvToApp, installWxEnvToApp, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isInRange, isNoRepeatSizingMode, isNodeEnv, isPostiveXAxis, isRichText, isSvg, isVisible, isXML, jsx, labelSmartInvert, layerService, length, limitShapeInBounds, lineModule, linearDiscreteTicks, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadMathPicker, loadNodeEnv, loadPoptip, loadScrollbar, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, measureTextSize, morphPath, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, newThemeObj, normalize$1 as normalize, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, particleEffect, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polarAngleAxisDiscreteTicks, polarTicks, polygonModule, preLoadAllModule, pulseWave, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, randomOpacity, reactAttributeTransform, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, refreshRuntimeInstallerContributions, registerAnimate, registerArc, registerArc3d, registerArc3dGraphic, registerArcDataLabel, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerCustomAnimate, registerDirectionalLight, registerFlexLayoutPlugin, registerGifGraphic, registerGifImage, registerGlobalEventTransformer, registerGlyph, registerGlyphGraphic, registerGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineDataLabel, registerLineGraphic, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectDataLabel, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerStar, registerStarGraphic, registerSymbol, registerSymbolDataLabel, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapText, registerWrapTextGraphic, releaseSharedVRenderApp, removeRepeatPoint, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveContainerBinding$1 as resolveContainerBinding, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richTextAttributeTransform, richtextModule, rippleEffect, rotateX, rotateY, rotateZ, rotationScan, roughModule, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, runFill, runStroke, scale, scaleMat4, segments, setPoptipTheme, shouldClipImageByLayout, shouldUseMat4, smartInvertStrategy, snakeWave, snapLength, spiralEffect, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, tan2AngleToAngle, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textIntersect, textLayoutOffsetY, textModule, ticks, transformMat4, transformPointForCanvas, transformUtil, transitionRegistry, translate, traverseGroup, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };