First Basic Version - Single Animation Only

bower.json

@@ -21,8 +21,7 @@
   "dependencies": {
     "polymer": "Polymer/polymer#1.9 - 2",
     "iron-behaviors": "PolymerElements/iron-behaviors#1 - 2",
-    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0",
-    "neon-animation": "PolymerElements/neon-animation#1 - 2"
+    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
@@ -38,8 +37,7 @@
       "dependencies": {
         "polymer": "Polymer/polymer#^1.9",
         "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
-        "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0",
-        "neon-animation": "PolymerElements/neon-animation#^1.0.0"
+        "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0"
       },
       "devDependencies": {
         "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

demo/index.html

@@ -19,8 +19,7 @@
   <link rel="import" href="../../iron-image/iron-image.html">
   <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
   <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
-  <link rel="import" href="../../neon-animation/web-animations.html">
-
+
   <link rel="import" href="x-select.html">
 
   <custom-style><style is="custom-style" include="demo-pages-shared-styles">

demo/x-select.html

@@ -9,8 +9,6 @@
 -->
 
 <link rel="import" href="../iron-dropdown.html">
-<link rel="import" href="../../neon-animation/neon-animations.html">
-<link rel="import" href="grow-height-animation.html">
 
 <dom-module id="x-select">
   <template>

iron-dropdown-scroll-manager.d.ts

@@ -8,6 +8,6 @@
  *   iron-dropdown-scroll-manager.html
  */
 
-/// <reference path="../iron-overlay-behavior/iron-scroll-manager.d.ts" />
+/// <reference path="bower_components\iron-overlay-behavior\iron-scroll-manager.d.ts" />
 /// <reference path="iron-dropdown-scroll-manager-extra.d.ts" />
 

iron-dropdown.d.ts

@@ -8,10 +8,9 @@
  *   iron-dropdown.html
  */
 
-/// <reference path="../polymer/types/polymer.d.ts" />
-/// <reference path="../iron-behaviors/iron-control-state.d.ts" />
-/// <reference path="../iron-overlay-behavior/iron-overlay-behavior.d.ts" />
-/// <reference path="../neon-animation/neon-animation-runner-behavior.d.ts" />
+/// <reference path="bower_components\polymer\polymer.d.ts" />
+/// <reference path="bower_components\iron-behaviors\iron-control-state.d.ts" />
+/// <reference path="bower_components\iron-overlay-behavior\iron-overlay-behavior.d.ts" />
 /// <reference path="iron-dropdown-scroll-manager.d.ts" />
 
 /**
@@ -37,7 +36,7 @@
  * hidden until the dropdown element has `opened` set to true, or when the `open`
  * method is called on the element.
  */
-interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState, Polymer.IronA11yKeysBehavior, Polymer.IronOverlayBehavior, Polymer.NeonAnimationRunnerBehavior {
+interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState, Polymer.IronA11yKeysBehavior, Polymer.IronOverlayBehavior {
 
   /**
    * The orientation against which to align the dropdown content
@@ -69,6 +68,22 @@ interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState,
    */
   closeAnimationConfig: object|null|undefined;
 
+  /**
+   * The animation that will be played on open.  This replaces the
+   * deprecated openAnimationConfig.  Entries here will override the
+   * animationConfig settings.  You can enter your own animation
+   * by setting it to the css class name.
+   */
+  openAnimation: string|null|undefined;
+
+  /**
+   * The animation that will be played on close.  This replaces the
+   * deprecated closeAnimationConfig.  Entries here will override the
+   * animationConfig settings.  You can enter your own animation
+   * by setting it to the css class name.
+   */
+  closeAnimation: string|null|undefined;
+
   /**
    * If provided, this will be the element that will be focused when
    * the dropdown opens.
@@ -120,20 +135,31 @@ interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState,
    * Apply focus to focusTarget or containedElement
    */
   _applyFocus(): void;
+  _addListeners(): void;
+  _removeListeners(): void;
 
   /**
-   * Called when animation finishes on the dropdown (when opening or
-   * closing). Responsible for "completing" the process of opening or
-   * closing the dropdown by positioning it or setting its display to
-   * none.
+   * Constructs the final animation config using deprecated neon-animation
+   * design.  New method is to use openAnimation and closeAnimation which
+   * directly selects animation.
+   * This work-around is restricted to one animation and if a value is found
+   * writes the value found into the openAnimation.
    */
-  _onNeonAnimationFinish(): void;
+  _updateAnimationConfig(): void;
 
   /**
-   * Constructs the final animation config from different properties used
-   * to configure specific parts of the opening and closing animations.
+   * Replaces Neon-Animation playAnimation - just calls show and hide.
+   *
+   * @param type Either `open` or `close`
    */
-  _updateAnimationConfig(): void;
+  playAnimation(type: string): void;
+  _openAnimation(): void;
+  _closeAnimation(): void;
+
+  /**
+   * Cancels the animation and either fully open or fully close's iron-dropdown
+   */
+  cancelAnimation(): void;
 
   /**
    * Updates the overlay position based on configured horizontal