Component porting status

portStatus.dot

digraph G {

  // Dependency graph of Paper/Iron elements
  // 
  // solid (default) lines = dependency
  // sotted lines = devDependency
  // 
  // green = generally works under Polymer 2.0: unit tests pass, demo looks reasonable (except for styling)
  // yellow = some porting work has been done
  // gray = porting status unknown or not begun
  // 
  // This graph omits common dependencies: polymer, test-fixture, iron-component-page, iron-demo-helpers.

  node [shape=box,style=filled,fillcolor=lightgray];
  
  "iron-a11y-keys-behavior" [fillcolor=green];
  "iron-a11y-keys-behavior" -> "paper-styles" [style=dotted];
  
  "iron-behaviors" [style=filled,fillcolor=green];
  "iron-behaviors" -> "iron-a11y-keys-behavior";
  "iron-behaviors" -> "paper-styles" [style=dotted];
  
  "iron-checked-element-behavior" -> "iron-validatable-behavior";
  "iron-checked-element-behavior" -> "iron-form-element-behavior";
  "iron-checked-element-behavior" -> "paper-styles" [style=dotted];
  "iron-checked-element-behavior" -> "paper-button" [style=dotted];
  
  "iron-demo-helpers" -> "paper-styles";
  "iron-demo-helpers" -> "iron-location";
  "iron-demo-helpers" -> "iron-flex-layout";
  
  "iron-dropdown" [fillcolor=yellow];
  "iron-dropdown" -> "iron-behaviors";
  "iron-dropdown" -> "iron-overlay-behavior";
  "iron-dropdown" -> "iron-resizable-behavior";
  "iron-dropdown" -> "neon-animation";
  "iron-dropdown" -> "paper-styles" [style=dotted];
  "iron-dropdown" -> "iron-image" [style=dotted];
  
  "iron-form-element-behavior" -> "paper-styles" [style=dotted];
  
  "iron-icon" -> "iron-flex-layout"
  "iron-icon" -> "iron-meta"
  "iron-icon" -> "iron-iconset" [style=dotted]
  "iron-icon" -> "iron-icons" [style=dotted]
  
  "iron-iconset" -> "iron-meta"
  "iron-iconset" -> "iron-icon" [style=dotted]
  
  "iron-image" -> "paper-styles" [style=dotted];
  
  "iron-location" -> "promise-polyfill" [style=dotted];
  "iron-location" -> "iron-flex-layout" [style=dotted];
  
  "iron-meta" -> "paper-styles" [style=dotted];
  
  "iron-overlay-behavior" [fillcolor=yellow];
  "iron-overlay-behavior" -> "iron-a11y-keys-behavior";
  "iron-overlay-behavior" -> "iron-fit-behavior";
  "iron-overlay-behavior" -> "iron-resizable-behavior";
  "iron-overlay-behavior" -> "iron-flex-layout" [style=dotted];
  "iron-overlay-behavior" -> "paper-styles" [style=dotted];
  
  "iron-validatable-behavior" -> "iron-meta";
  "iron-validatable-behavior" -> "paper-styles" [style=dotted];
  "iron-validatable-behavior" -> "iron-validator-behavior" [style=dotted];
  
  "neon-animation" -> "iron-meta";
  "neon-animation" -> "iron-resizable-behavior";
  "neon-animation" -> "iron-selector";
  "neon-animation" -> "iron-flex-layout" [style=dotted];
  "neon-animation" -> "paper-toolbar" [style=dotted];
  "neon-animation" -> "paper-item" [style=dotted];
  "neon-animation" -> "paper-styles" [style=dotted];
  "neon-animation" -> "iron-icon" [style=dotted];
  "neon-animation" -> "iron-icons" [style=dotted];
  "neon-animation" -> "paper-icon-button" [style=dotted];
  
  "paper-behaviors" -> "iron-behaviors";
  "paper-behaviors" -> "iron-checked-element-behavior";
  "paper-behaviors" -> "paper-ripple";
  "paper-behaviors" -> "paper-material";
  
  "paper-button" [fillcolor=green];
  "paper-button" -> "iron-flex-layout";
  "paper-button" -> "paper-behaviors";
  "paper-button" -> "paper-material";
  "paper-button" -> "iron-icon" [style=dotted];
  "paper-button" -> "iron-icons" [style=dotted];
  "paper-button" -> "paper-styles" [style=dotted];
  
  "paper-icon-button" -> "iron-icon";
  "paper-icon-button" -> "paper-behaviors";
  "paper-icon-button" -> "paper-styles";
  "paper-icon-button" -> "iron-icons" [style=dotted];
  
  "paper-material" -> "paper-styles";
  
  "paper-menu-button" -> "iron-a11y-keys-behavior";
  "paper-menu-button" -> "iron-behaviors";
  "paper-menu-button" -> "iron-dropdown";
  "paper-menu-button" -> "iron-fit-behavior";
  "paper-menu-button" -> "neon-animation";
  "paper-menu-button" -> "paper-styles";
  "paper-menu-button" -> "iron-icon" [style=dotted];
  "paper-menu-button" -> "iron-icons" [style=dotted];
  "paper-menu-button" -> "iron-image" [style=dotted];
  "paper-menu-button" -> "paper-button" [style=dotted];
  "paper-menu-button" -> "paper-icon-button" [style=dotted];
  "paper-menu-button" -> "paper-item" [style=dotted];
  "paper-menu-button" -> "paper-menu" [style=dotted];

  "paper-ripple" [style=filled,fillcolor=green];
  "paper-ripple" -> "iron-a11y-keys-behavior";
  "paper-ripple" -> "iron-icon" [style=dotted];
  "paper-ripple" -> "iron-icons" [style=dotted];
  "paper-ripple" -> "paper-styles" [style=dotted];
  
  "paper-styles" [style=filled,fillcolor=green];

}

To view the graph:

1. Click the Raw button to open the raw file in a new tab.
2. Copy the address of the raw file.
3. Open http://g.gravizo.com/source?<address of raw file>