@@ -15,7 +15,7 @@ export class AnimationHook {
15
15
return this . hasOption ( outlet , 'parallel' )
16
16
}
17
17
18
- beforeAdd ( outlet , el ) {
18
+ beforeEnter ( outlet , el ) {
19
19
20
20
}
21
21
@@ -140,7 +140,7 @@ function runTransition (el, name, type, cb) {
140
140
}
141
141
142
142
class GenericCSS extends AnimationHook {
143
- beforeAdd ( outlet , el ) {
143
+ beforeEnter ( outlet , el ) {
144
144
const name = outlet . getAttribute ( 'animation' ) || 'outlet'
145
145
el . classList . add ( `${ name } -enter` )
146
146
}
@@ -158,7 +158,7 @@ class GenericCSS extends AnimationHook {
158
158
}
159
159
160
160
export class AnimateCSS extends AnimationHook {
161
- beforeAdd ( outlet , el ) {
161
+ beforeEnter ( outlet , el ) {
162
162
const enter = this . getOption ( outlet , 'enter' )
163
163
if ( enter ) {
164
164
el . style . display = 'none'
@@ -218,7 +218,7 @@ export class AnimatedOutlet extends HTMLElement {
218
218
const hook = getAnimationHook ( this . getAttribute ( 'animation' ) )
219
219
const runParallel = hook . runParallel ( this )
220
220
221
- hook . beforeAdd ( this , el )
221
+ hook . beforeEnter ( this , el )
222
222
super . appendChild ( el )
223
223
if ( ! runParallel && this . removing ) {
224
224
// when removing a previous el, append animation is run after remove one
0 commit comments