fix(nav): animation backdrop

core/src/components.d.ts

@@ -1486,7 +1486,6 @@ declare global {
        * Returns the length of navigation stack
        */
       'isAnimating': () => boolean;
-      'length': () => number;
       /**
        * Call to navigate back from a current component. Similar to push(), you can also pass navigation options.
        */

core/src/components/animation-controller/animation-interface.tsx

@@ -23,7 +23,6 @@ export interface Animation {
   beforeClearStyles(propertyNames: string[]): Animation;
   beforeAddRead(domReadFn: () => void): Animation;
   beforeAddWrite(domWriteFn: () => void): Animation;
-  duringAddClass(className: string): Animation;
   afterAddClass(className: string): Animation;
   afterRemoveClass(className: string): Animation;
   afterStyles(styles: { [property: string]: any; }): Animation;

core/src/components/animation-controller/animator.tsx

@@ -248,15 +248,6 @@ export class Animator {
     return this;
   }
 
-  /**
-   * Sets a CSS class during the duration of the animation.
-   */
-  duringAddClass(className: string): Animator {
-    this.beforeAddClass(className);
-    this.afterRemoveClass(className);
-    return this;
-  }
-
   /**
    * Set CSS inline styles to this animation's elements
    * before the animation begins.
@@ -817,6 +808,7 @@ export class Animator {
       const elementClassList = el.classList;
 
       // css classes to add before the animation
+
       if (addClasses) {
         for (const c of addClasses) {
           // ******** DOM WRITE ****************

core/src/components/datetime/datetime.tsx

@@ -484,7 +484,6 @@ export class Datetime {
   private updateText() {
     // create the text of the formatted data
     const template = this.displayFormat || this.pickerFormat || DEFAULT_FORMAT;
-    // debugger;
     this.text = renderDatetime(template, this.datetimeValue, this.locale);
   }
 

core/src/components/nav/nav.tsx

@@ -441,11 +441,6 @@ export class Nav implements NavOutlet {
     return this.isTransitioning;
   }
 
-  @Method()
-  length() {
-    return this.views.length;
-  }
-
   // _queueTrns() adds a navigation stack change to the queue and schedules it to run:
   // 1. _nextTrns(): consumes the next transition in the queue
   // 2. _viewInit(): initializes enteringView if required

core/src/utils/animations/ios.transition.ts

@@ -33,7 +33,7 @@ export function iosTransitionAnimation(AnimationC: Animation, navEl: HTMLElement
     const navDecor = new AnimationC();
     navDecor
       .addElement(navEl)
-      .duringAddClass('show-decor');
+      .beforeAddClass('show-decor');
 
     rootTransition.add(navDecor);
   }