@visactor/vrender-core 1.1.8-alpha.0 → 1.1.8-alpha.2

package/dist/index.es.js

@@ -711,7 +711,7 @@ class Node extends EventEmitter {
         this.parent = null;
         this._count = 1;
     }
-    onParentSharedStateTreeChanged(_stage, _layer) {
+    onParentSharedStateTreeChanged(_stage, _layer, _inheritedSharedStateScope) {
         return;
     }
     forEachChildren(cb, reverse = false) {
@@ -9975,9 +9975,8 @@ class GraphicImpl extends Node {
         }
         return (_a = this.stage) === null || _a === void 0 ? void 0 : _a.rootSharedStateScope;
     }
-    syncSharedStateScopeBindingFromTree(markDirty = true) {
+    syncSharedStateScopeBinding(nextScope, markDirty = true) {
         var _a;
-        const nextScope = this.resolveBoundSharedStateScope();
         if (this.boundSharedStateScope === nextScope) {
             this.syncSharedStateActiveRegistrations();
             return false;
@@ -9994,7 +9993,13 @@ class GraphicImpl extends Node {
         }
         return true;
     }
-    syncSharedStateScopeBindingOnTreeChange(markDirty = true) {
+    syncSharedStateScopeBindingFromTree(markDirty = true, inheritedSharedStateScope) {
+        const nextScope = inheritedSharedStateScope === undefined
+            ? this.resolveBoundSharedStateScope()
+            : inheritedSharedStateScope !== null && inheritedSharedStateScope !== void 0 ? inheritedSharedStateScope : undefined;
+        return this.syncSharedStateScopeBinding(nextScope, markDirty);
+    }
+    syncSharedStateScopeBindingOnTreeChange(markDirty = true, inheritedSharedStateScope) {
         var _a, _b;
         if (!((_a = this.currentStates) === null || _a === void 0 ? void 0 : _a.length) &&
             !this.boundSharedStateScope &&
@@ -10002,7 +10007,7 @@ class GraphicImpl extends Node {
             !this.sharedStateDirty) {
             return false;
         }
-        return this.syncSharedStateScopeBindingFromTree(markDirty);
+        return this.syncSharedStateScopeBindingFromTree(markDirty, inheritedSharedStateScope);
     }
     syncSharedStateActiveRegistrations() {
         var _a;
@@ -10017,6 +10022,9 @@ class GraphicImpl extends Node {
             this.registeredActiveScopes = undefined;
             return;
         }
+        if ((previousScopes === null || previousScopes === void 0 ? void 0 : previousScopes.size) && this.isSharedStateScopeChainRegistered(previousScopes)) {
+            return;
+        }
         const nextScopes = new Set(collectSharedStateScopeChain(this.boundSharedStateScope));
         previousScopes === null || previousScopes === void 0 ? void 0 : previousScopes.forEach(scope => {
             if (!nextScopes.has(scope)) {
@@ -10028,6 +10036,18 @@ class GraphicImpl extends Node {
         });
         this.registeredActiveScopes = nextScopes;
     }
+    isSharedStateScopeChainRegistered(previousScopes) {
+        let scope = this.boundSharedStateScope;
+        let scopeCount = 0;
+        while (scope) {
+            if (!previousScopes.has(scope)) {
+                return false;
+            }
+            scopeCount += 1;
+            scope = scope.parentScope;
+        }
+        return scopeCount === previousScopes.size;
+    }
     clearSharedStateActiveRegistrations() {
         const previousScopes = this.registeredActiveScopes;
         if (previousScopes) {
@@ -10043,12 +10063,12 @@ class GraphicImpl extends Node {
         enqueueGraphicSharedStateRefresh(this.stage, this);
         scheduleStageSharedStateRefresh(this.stage);
     }
-    onParentSharedStateTreeChanged(stage, layer) {
+    onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
         if (this.stage !== stage || this.layer !== layer) {
-            this.setStage(stage, layer);
+            this.setStage(stage, layer, inheritedSharedStateScope);
             return;
         }
-        this.syncSharedStateScopeBindingOnTreeChange();
+        this.syncSharedStateScopeBindingOnTreeChange(true, inheritedSharedStateScope);
     }
     refreshSharedStateBeforeRender() {
         var _a;
@@ -11203,6 +11223,16 @@ class GraphicImpl extends Node {
         var _a;
         return (_a = this.states) === null || _a === void 0 ? void 0 : _a[stateName];
     }
+    setStateDefinitionsWithCompiled(definitions, compiledDefinitions) {
+        var _a;
+        this.states = definitions;
+        if (this.localStateDefinitionsSource !== definitions) {
+            this.localStateDefinitionsSource = definitions;
+            this.localStateDefinitionsVersion = ((_a = this.localStateDefinitionsVersion) !== null && _a !== void 0 ? _a : 0) + 1;
+        }
+        this.compiledStateDefinitions = compiledDefinitions;
+        this.compiledStateDefinitionsCacheKey = `local:${this.localStateDefinitionsVersion}`;
+    }
     getStateResolveBaseAttrs() {
         var _a;
         return ((_a = this.baseAttributes) !== null && _a !== void 0 ? _a : this.attribute);
@@ -11379,6 +11409,17 @@ class GraphicImpl extends Node {
         }
         return true;
     }
+    hasStatePatch(patch) {
+        if (!patch) {
+            return false;
+        }
+        for (const key in patch) {
+            if (Object.prototype.hasOwnProperty.call(patch, key)) {
+                return true;
+            }
+        }
+        return false;
+    }
     commitSameStatePatchRefresh(states, hasAnimation, animateSameStatePatchChange = false) {
         var _a;
         const previousStates = (_a = this.currentStates) !== null && _a !== void 0 ? _a : EMPTY_STATE_NAMES;
@@ -11494,6 +11535,10 @@ class GraphicImpl extends Node {
         this.resolvedStatePatch = undefined;
         this.sharedStateDirty = false;
         this.clearSharedStateActiveRegistrations();
+        if (!this.attributeMayContainTransientAttrs && !this.hasStatePatch(previousResolvedStatePatch)) {
+            this.emitStateUpdateEvent();
+            return;
+        }
         if (hasAnimation) {
             this._syncFinalAttributeFromStaticTruth();
             const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
@@ -11578,6 +11623,12 @@ class GraphicImpl extends Node {
         this.resolvedStatePatch = resolvedStateAttrs;
         this.sharedStateDirty = false;
         this.syncSharedStateActiveRegistrations();
+        if (!this.attributeMayContainTransientAttrs &&
+            !this.hasStatePatch(previousResolvedStatePatch) &&
+            !this.hasStatePatch(resolvedStateAttrs)) {
+            this.emitStateUpdateEvent();
+            return;
+        }
         if (hasAnimation) {
             this._syncFinalAttributeFromStaticTruth();
             const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
@@ -11768,7 +11819,7 @@ class GraphicImpl extends Node {
             this._globalTransMatrix.translate(scrollX, scrollY);
         }
     }
-    setStage(stage, layer) {
+    setStage(stage, layer, inheritedSharedStateScope) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const graphicService = (_c = (_a = stage === null || stage === void 0 ? void 0 : stage.graphicService) !== null && _a !== void 0 ? _a : (_b = this.stage) === null || _b === void 0 ? void 0 : _b.graphicService) !== null && _c !== void 0 ? _c : application.graphicService;
         const previousStage = this.stage;
@@ -11779,7 +11830,7 @@ class GraphicImpl extends Node {
                 this.boundSharedStateScope ||
                 ((_e = this.registeredActiveScopes) === null || _e === void 0 ? void 0 : _e.size) ||
                 this.sharedStateDirty) {
-                this.syncSharedStateScopeBindingOnTreeChange(true);
+                this.syncSharedStateScopeBindingOnTreeChange(true, inheritedSharedStateScope);
             }
             this.setStageToShadowRoot(stage, layer);
             if (this.mayHaveTrackedAnimates() && this.hasAnyTrackedAnimate()) {
@@ -11829,7 +11880,7 @@ class GraphicImpl extends Node {
             this.boundSharedStateScope ||
             ((_k = this.registeredActiveScopes) === null || _k === void 0 ? void 0 : _k.size) ||
             this.sharedStateDirty) {
-            this.syncSharedStateScopeBindingOnTreeChange(true);
+            this.syncSharedStateScopeBindingOnTreeChange(true, inheritedSharedStateScope);
         }
     }
     detachStageForRelease() {
@@ -15617,8 +15668,8 @@ class RichText extends Graphic {
     clone() {
         return new RichText(Object.assign({}, this.attribute));
     }
-    setStage(stage, layer) {
-        super.setStage(stage, layer);
+    setStage(stage, layer, inheritedSharedStateScope) {
+        super.setStage(stage, layer, inheritedSharedStateScope);
         const frameCache = this.getFrameCache();
         frameCache.icons.forEach(icon => {
             icon.setStage(stage, layer);
@@ -16539,7 +16590,7 @@ class Group extends Graphic {
         });
         this.addUpdateBoundTag();
     }
-    setStage(stage, layer) {
+    setStage(stage, layer, inheritedSharedStateScope) {
         var _a, _b, _c, _d, _e, _f;
         const graphicService = (_c = (_a = stage === null || stage === void 0 ? void 0 : stage.graphicService) !== null && _a !== void 0 ? _a : (_b = this.stage) === null || _b === void 0 ? void 0 : _b.graphicService) !== null && _c !== void 0 ? _c : application.graphicService;
         const needsSharedStateTreeSync = this.hasSharedStateDefinitions() ||
@@ -16553,12 +16604,12 @@ class Group extends Graphic {
             this.layer = layer;
             if (needsSharedStateTreeSync) {
                 this.ensureSharedStateScopeBound();
-                this.syncSharedStateScopeBindingOnTreeChange(true);
+                this.syncSharedStateScopeBindingOnTreeChange(true, inheritedSharedStateScope);
             }
             this.setStageToShadowRoot(stage, layer);
             this._onSetStage && this._onSetStage(this, stage, layer);
             (_f = graphicService === null || graphicService === void 0 ? void 0 : graphicService.onSetStage) === null || _f === void 0 ? void 0 : _f.call(graphicService, this, stage);
-            this.notifyChildrenSharedStateTreeChanged();
+            this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
             return;
         }
         const layerChanged = this.layer !== layer;
@@ -16567,11 +16618,11 @@ class Group extends Graphic {
         }
         if (needsSharedStateTreeSync) {
             this.ensureSharedStateScopeBound();
-            this.syncSharedStateScopeBindingOnTreeChange(true);
-            this.notifyChildrenSharedStateTreeChanged();
+            this.syncSharedStateScopeBindingOnTreeChange(true, inheritedSharedStateScope);
+            this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
         }
         else if (layerChanged) {
-            this.notifyChildrenSharedStateTreeChanged();
+            this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
         }
     }
     addUpdatePositionTag() {
@@ -16666,23 +16717,48 @@ class Group extends Graphic {
     hasSharedStateDefinitions() {
         return !!this._sharedStateDefinitions && Object.keys(this._sharedStateDefinitions).length > 0;
     }
-    notifyChildrenSharedStateTreeChanged() {
+    resolveChildSharedStateScope(inheritedSharedStateScope) {
+        var _a;
+        if (this.sharedStateScope) {
+            return this.sharedStateScope;
+        }
+        if (inheritedSharedStateScope !== undefined) {
+            return inheritedSharedStateScope;
+        }
+        return (_a = this.resolveBoundSharedStateScope()) !== null && _a !== void 0 ? _a : null;
+    }
+    notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope) {
+        const childSharedStateScope = this.resolveChildSharedStateScope(inheritedSharedStateScope);
         this.forEachChildren(item => {
-            this.syncChildSharedStateTreeBinding(item);
+            this.setStageToChild(item, childSharedStateScope);
         });
     }
-    syncChildSharedStateTreeBinding(child) {
-        child.onParentSharedStateTreeChanged(this.stage, this.layer);
+    setStageToChild(child, inheritedSharedStateScope) {
+        const graphic = child;
+        if (typeof graphic.setStage === 'function' &&
+            (child.onParentSharedStateTreeChanged === Graphic.prototype.onParentSharedStateTreeChanged ||
+                child.onParentSharedStateTreeChanged === Group.prototype.onParentSharedStateTreeChanged) &&
+            (graphic.stage !== this.stage || graphic.layer !== this.layer)) {
+            graphic.setStage(this.stage, this.layer, inheritedSharedStateScope);
+            return;
+        }
+        child.onParentSharedStateTreeChanged(this.stage, this.layer, inheritedSharedStateScope);
+    }
+    syncChildSharedStateTreeBinding(child, inheritedSharedStateScope) {
+        if (inheritedSharedStateScope === undefined) {
+            inheritedSharedStateScope = this.resolveChildSharedStateScope();
+        }
+        this.setStageToChild(child, inheritedSharedStateScope);
     }
-    onParentSharedStateTreeChanged(stage, layer) {
+    onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
         var _a;
         if (this.stage !== stage || this.layer !== layer) {
-            this.setStage(stage, layer);
+            this.setStage(stage, layer, inheritedSharedStateScope);
             return;
         }
         this.ensureSharedStateScopeBound();
-        this.syncSharedStateScopeBindingOnTreeChange(!!((_a = this.currentStates) === null || _a === void 0 ? void 0 : _a.length));
-        this.notifyChildrenSharedStateTreeChanged();
+        this.syncSharedStateScopeBindingOnTreeChange(!!((_a = this.currentStates) === null || _a === void 0 ? void 0 : _a.length), inheritedSharedStateScope);
+        this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
     }
 }
 Group.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;

package/es/allocator/bounds-allocate.js

@@ -28,5 +28,4 @@ export class DefaultBoundsAllocate {
     }
 }
 
-export const boundsAllocate = new DefaultBoundsAllocate;
-//# sourceMappingURL=bounds-allocate.js.map
+export const boundsAllocate = new DefaultBoundsAllocate;

package/es/animate/config.js

@@ -1,4 +1,5 @@
 export const DefaultStateAnimateConfig = {
     duration: 200,
     easing: "cubicOut"
-};
+};
+//# sourceMappingURL=config.js.map

package/es/graphic/graphic.d.ts

@@ -142,12 +142,14 @@ declare abstract class GraphicImpl<T extends Partial<IGraphicAttribute> = Partia
     getAttributes(): T;
     protected getStateTransitionOrchestrator(): StateTransitionOrchestrator<T>;
     protected resolveBoundSharedStateScope(): SharedStateScope<T> | SharedStateScope<Record<string, any>> | undefined;
-    protected syncSharedStateScopeBindingFromTree(markDirty?: boolean): boolean;
-    protected syncSharedStateScopeBindingOnTreeChange(markDirty?: boolean): boolean;
+    protected syncSharedStateScopeBinding(nextScope: SharedStateScope<T> | SharedStateScope<Record<string, any>> | undefined, markDirty?: boolean): boolean;
+    protected syncSharedStateScopeBindingFromTree(markDirty?: boolean, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): boolean;
+    protected syncSharedStateScopeBindingOnTreeChange(markDirty?: boolean, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): boolean;
     protected syncSharedStateActiveRegistrations(): void;
+    protected isSharedStateScopeChainRegistered(previousScopes: Set<SharedStateScope<T>>): boolean;
     protected clearSharedStateActiveRegistrations(): void;
     protected markSharedStateDirty(): void;
-    onParentSharedStateTreeChanged(stage?: IStage, layer?: ILayer): void;
+    onParentSharedStateTreeChanged(stage?: IStage, layer?: ILayer, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): void;
     refreshSharedStateBeforeRender(): void;
     protected getLocalStatesVersion(): number;
     protected resolveEffectiveCompiledDefinitions(): {
@@ -240,6 +242,7 @@ declare abstract class GraphicImpl<T extends Partial<IGraphicAttribute> = Partia
     }): void;
     hasState(stateName?: string): boolean;
     getState(stateName: string): Partial<T> | StateDefinition<T> | undefined;
+    setStateDefinitionsWithCompiled(definitions: StateDefinitionsInput<T>, compiledDefinitions: Map<string, CompiledStateDefinition<T>>): void;
     protected getStateResolveBaseAttrs(): Partial<T>;
     protected syncStateResolveContext(stateResolveBaseAttrs?: Partial<T>): Partial<T>;
     protected ensureStateEngine(stateResolveBaseAttrs?: Partial<T>): StateEngine<T>;
@@ -259,6 +262,7 @@ declare abstract class GraphicImpl<T extends Partial<IGraphicAttribute> = Partia
         shouldRefreshSameStatePatch: boolean;
     };
     protected sameStatePatches(left?: Partial<T>, right?: Partial<T>): boolean;
+    protected hasStatePatch(patch?: Partial<T>): boolean;
     protected commitSameStatePatchRefresh(states: string[], hasAnimation?: boolean, animateSameStatePatchChange?: boolean): void;
     protected resolveStateAnimateConfig(animateConfig?: IAnimateConfig): any;
     applyStateAttrs(attrs: Partial<T>, stateNames: string[], hasAnimation?: boolean, isClear?: boolean, animateConfig?: IAnimateConfig, extraAnimateAttrs?: Partial<T>, stateTransitionTargetAttrs?: Partial<T>): void;
@@ -295,7 +299,7 @@ declare abstract class GraphicImpl<T extends Partial<IGraphicAttribute> = Partia
     }, resetScale?: boolean): [number, number];
     protected doUpdateLocalMatrix(): void;
     protected doUpdateGlobalMatrix(): void;
-    setStage(stage?: IStage, layer?: ILayer): void;
+    setStage(stage?: IStage, layer?: ILayer, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): void;
     detachStageForRelease(): void;
     setStageToShadowRoot(stage?: IStage, layer?: ILayer): void;
     onAddStep(step: IStep): void;

package/es/graphic/graphic.js

@@ -181,9 +181,8 @@ class GraphicImpl extends Node {
         }
         return null === (_a = this.stage) || void 0 === _a ? void 0 : _a.rootSharedStateScope;
     }
-    syncSharedStateScopeBindingFromTree(markDirty = !0) {
+    syncSharedStateScopeBinding(nextScope, markDirty = !0) {
         var _a;
-        const nextScope = this.resolveBoundSharedStateScope();
         return this.boundSharedStateScope === nextScope ? (this.syncSharedStateActiveRegistrations(), 
         !1) : (this.boundSharedStateScope = nextScope, this.boundSharedStateRevision = void 0, 
         this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, 
@@ -191,9 +190,13 @@ class GraphicImpl extends Node {
         markDirty && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) && this.markSharedStateDirty(), 
         !0);
     }
-    syncSharedStateScopeBindingOnTreeChange(markDirty = !0) {
+    syncSharedStateScopeBindingFromTree(markDirty = !0, inheritedSharedStateScope) {
+        const nextScope = void 0 === inheritedSharedStateScope ? this.resolveBoundSharedStateScope() : null != inheritedSharedStateScope ? inheritedSharedStateScope : void 0;
+        return this.syncSharedStateScopeBinding(nextScope, markDirty);
+    }
+    syncSharedStateScopeBindingOnTreeChange(markDirty = !0, inheritedSharedStateScope) {
         var _a, _b;
-        return !!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || this.boundSharedStateScope || (null === (_b = this.registeredActiveScopes) || void 0 === _b ? void 0 : _b.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingFromTree(markDirty);
+        return !!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || this.boundSharedStateScope || (null === (_b = this.registeredActiveScopes) || void 0 === _b ? void 0 : _b.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingFromTree(markDirty, inheritedSharedStateScope);
     }
     syncSharedStateActiveRegistrations() {
         var _a;
@@ -201,6 +204,7 @@ class GraphicImpl extends Node {
         if (!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.boundSharedStateScope) return (null == previousScopes ? void 0 : previousScopes.size) && (previousScopes.forEach((scope => {
             scope.subtreeActiveDescendants.delete(this);
         })), previousScopes.clear()), void (this.registeredActiveScopes = void 0);
+        if ((null == previousScopes ? void 0 : previousScopes.size) && this.isSharedStateScopeChainRegistered(previousScopes)) return;
         const nextScopes = new Set(collectSharedStateScopeChain(this.boundSharedStateScope));
         null == previousScopes || previousScopes.forEach((scope => {
             nextScopes.has(scope) || scope.subtreeActiveDescendants.delete(this);
@@ -208,6 +212,14 @@ class GraphicImpl extends Node {
             scope.subtreeActiveDescendants.add(this);
         })), this.registeredActiveScopes = nextScopes;
     }
+    isSharedStateScopeChainRegistered(previousScopes) {
+        let scope = this.boundSharedStateScope, scopeCount = 0;
+        for (;scope; ) {
+            if (!previousScopes.has(scope)) return !1;
+            scopeCount += 1, scope = scope.parentScope;
+        }
+        return scopeCount === previousScopes.size;
+    }
     clearSharedStateActiveRegistrations() {
         const previousScopes = this.registeredActiveScopes;
         previousScopes && (previousScopes.forEach((scope => {
@@ -218,8 +230,8 @@ class GraphicImpl extends Node {
         this.sharedStateDirty = !0, enqueueGraphicSharedStateRefresh(this.stage, this), 
         scheduleStageSharedStateRefresh(this.stage);
     }
-    onParentSharedStateTreeChanged(stage, layer) {
-        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange() : this.setStage(stage, layer);
+    onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
+        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope) : this.setStage(stage, layer, inheritedSharedStateScope);
     }
     refreshSharedStateBeforeRender() {
         var _a;
@@ -861,6 +873,12 @@ class GraphicImpl extends Node {
         var _a;
         return null === (_a = this.states) || void 0 === _a ? void 0 : _a[stateName];
     }
+    setStateDefinitionsWithCompiled(definitions, compiledDefinitions) {
+        var _a;
+        this.states = definitions, this.localStateDefinitionsSource !== definitions && (this.localStateDefinitionsSource = definitions, 
+        this.localStateDefinitionsVersion = (null !== (_a = this.localStateDefinitionsVersion) && void 0 !== _a ? _a : 0) + 1), 
+        this.compiledStateDefinitions = compiledDefinitions, this.compiledStateDefinitionsCacheKey = `local:${this.localStateDefinitionsVersion}`;
+    }
     getStateResolveBaseAttrs() {
         var _a;
         return null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute;
@@ -975,6 +993,11 @@ class GraphicImpl extends Node {
         }
         return !0;
     }
+    hasStatePatch(patch) {
+        if (!patch) return !1;
+        for (const key in patch) if (Object.prototype.hasOwnProperty.call(patch, key)) return !0;
+        return !1;
+    }
     commitSameStatePatchRefresh(states, hasAnimation, animateSameStatePatchChange = !1) {
         var _a;
         const previousStates = null !== (_a = this.currentStates) && void 0 !== _a ? _a : EMPTY_STATE_NAMES, previousResolvedStatePatch = this.resolvedStatePatch, {transition: transition, effectiveStates: effectiveStates, resolvedStateAttrs: resolvedStateAttrs} = this.resolveGraphicStateTransition(states, !0), patchChanged = !this.sameStatePatches(previousResolvedStatePatch, resolvedStateAttrs);
@@ -1038,7 +1061,7 @@ class GraphicImpl extends Node {
         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(), hasAnimation) {
+        this.clearSharedStateActiveRegistrations(), this.attributeMayContainTransientAttrs || this.hasStatePatch(previousResolvedStatePatch)) if (hasAnimation) {
             this._syncFinalAttributeFromStaticTruth();
             const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
             this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
@@ -1046,7 +1069,7 @@ class GraphicImpl extends Node {
             type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, void 0, {
             type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent();
+        }), this.emitStateUpdateEvent(); else this.emitStateUpdateEvent();
     }
     removeState(stateName, hasAnimation) {
         const transition = this.resolveRemoveStateTransition(stateName);
@@ -1077,7 +1100,7 @@ class GraphicImpl extends Node {
         const previousStates = null !== (_a = this.currentStates) && void 0 !== _a ? _a : EMPTY_STATE_NAMES, previousResolvedStatePatch = this.resolvedStatePatch, {transition: transition, effectiveStates: effectiveStates, resolvedStateAttrs: resolvedStateAttrs} = this.resolveGraphicStateTransition(states);
         if ((transition.changed || !this.sameStateNames(previousStates, transition.states)) && this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) if (this.currentStates = transition.states, 
         this.effectiveStates = [ ...effectiveStates ], this.resolvedStatePatch = resolvedStateAttrs, 
-        this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), hasAnimation) {
+        this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), this.attributeMayContainTransientAttrs || this.hasStatePatch(previousResolvedStatePatch) || this.hasStatePatch(resolvedStateAttrs)) if (hasAnimation) {
             this._syncFinalAttributeFromStaticTruth();
             const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
             this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
@@ -1085,7 +1108,7 @@ class GraphicImpl extends Node {
             type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
             type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent();
+        }), this.emitStateUpdateEvent(); else this.emitStateUpdateEvent();
     }
     invalidateResolver() {
         var _a, _b;
@@ -1195,11 +1218,11 @@ class GraphicImpl extends Node {
             this._globalTransMatrix.translate(scrollX, scrollY);
         }
     }
-    setStage(stage, layer) {
+    setStage(stage, layer, inheritedSharedStateScope) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         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, previousStage = this.stage;
         if (this.stage !== stage || this.layer !== layer) {
-            if (this.stage = stage, this.layer = layer, ((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) && this.syncSharedStateScopeBindingOnTreeChange(!0), 
+            if (this.stage = stage, this.layer = layer, ((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) && this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope), 
             this.setStageToShadowRoot(stage, layer), this.mayHaveTrackedAnimates() && this.hasAnyTrackedAnimate()) {
                 const previousTimeline = null === (_f = null == previousStage ? void 0 : previousStage.getTimeline) || void 0 === _f ? void 0 : _f.call(previousStage), nextTimeline = null === (_g = null == stage ? void 0 : stage.getTimeline) || void 0 === _g ? void 0 : _g.call(stage), detachedStageAnimates = [];
                 this.visitTrackedAnimates((a => {
@@ -1217,7 +1240,7 @@ class GraphicImpl extends Node {
             }
             return this._onSetStage && this._onSetStage(this, stage, layer), void (null === (_h = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _h || _h.call(graphicService, this, stage));
         }
-        ((null === (_j = this.currentStates) || void 0 === _j ? void 0 : _j.length) || this.boundSharedStateScope || (null === (_k = this.registeredActiveScopes) || void 0 === _k ? void 0 : _k.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0);
+        ((null === (_j = this.currentStates) || void 0 === _j ? void 0 : _j.length) || this.boundSharedStateScope || (null === (_k = this.registeredActiveScopes) || void 0 === _k ? void 0 : _k.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope);
     }
     detachStageForRelease() {
         var _a, _b, _c;