diff --git a/dist/react-onsenui.js b/dist/react-onsenui.js
index 58fc7ff..fefc172 100644
--- a/dist/react-onsenui.js
+++ b/dist/react-onsenui.js
@@ -1,4 +1,4 @@
-/*! react-onsenui v0.7.3 - Mon Aug 01 2016 19:40:24 GMT+0900 (JST) */
+/*! react-onsenui v0.7.4 - Fri Aug 05 2016 14:38:31 GMT+0900 (JST) */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('onsenui')) :
   typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom', 'onsenui'], factory) :
@@ -6,7 +6,7 @@
 }(this, function (exports,React,ReactDOM,ons) { 'use strict';
 
   React = 'default' in React ? React['default'] : React;
-  ReactDOM = 'default' in ReactDOM ? ReactDOM['default'] : ReactDOM;
+  var ReactDOM__default = 'default' in ReactDOM ? ReactDOM['default'] : ReactDOM;
   ons = 'default' in ons ? ons['default'] : ons;
 
   var Util = {
@@ -207,7 +207,7 @@
         this.node.removeEventListener('prehide', this.props.onPreHide);
         this.node.removeEventListener('posthide', this.props.onPostHide);
 
-        ReactDOM.unmountComponentAtNode(this.node);
+        ReactDOM__default.unmountComponentAtNode(this.node);
         document.body.removeChild(this.node);
       }
     }, {
@@ -239,7 +239,7 @@
         Util.convert(newProps, 'animationOptions', { fun: Util.animationOptionsConverter, newName: 'animation-options' });
 
         var element = React.createElement(this._getDomNodeName(), newProps);
-        ReactDOM.render(element, this.node, this._update.bind(this, isShown));
+        ReactDOM__default.render(element, this.node, this._update.bind(this, isShown));
       }
     }, {
       key: 'shouldComponentUpdate',
@@ -469,7 +469,7 @@
     createClass(BasicComponent, [{
       key: 'updateClasses',
       value: function updateClasses() {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         if (typeof this.props.className !== 'undefined') {
           if (this.lastClass) {
@@ -559,7 +559,7 @@
     }, {
       key: '_updateOnClick',
       value: function _updateOnClick(props) {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         if (props.onClick) {
           node.onClick = function () {
@@ -776,10 +776,20 @@
       key: 'componentWillReceiveProps',
       value: function componentWillReceiveProps(props) {
         var node = ReactDOM.findDOMNode(this);
+
         if (this.props.index !== props.index) {
           node.setActiveIndex(props.index, props.animationOptions);
         }
       }
+    }, {
+      key: 'componentDidUpdate',
+      value: function componentDidUpdate(props) {
+        var node = ReactDOM.findDOMNode(this);
+
+        if (this.props.children.length !== props.children.length) {
+          node.refresh();
+        }
+      }
     }, {
       key: 'componentWillUnmount',
       value: function componentWillUnmount() {
@@ -1511,7 +1521,7 @@
         var _this2 = this;
 
         get(Object.getPrototypeOf(Input.prototype), 'componentDidMount', this).call(this);
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         EVENT_TYPES.forEach(function (eventType) {
           node.addEventListener(eventType, _this2.props.onChange);
@@ -1522,7 +1532,7 @@
       value: function componentWillUnmount() {
         var _this3 = this;
 
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         EVENT_TYPES.forEach(function (eventType) {
           node.removeEventListener(eventType, _this3.props.onChange);
@@ -1531,7 +1541,7 @@
     }, {
       key: 'componentWillReceiveProps',
       value: function componentWillReceiveProps(props) {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         if (typeof props.value !== 'undefined' && node.value !== props.value) {
           node.value = props.value;
@@ -1851,7 +1861,7 @@
     * @type string
     * @description
     *  [en]
-    *  Specify modifier name to specify custom styles.
+    *    Source of the list data. Should be an array.
     *  [/en]
     *  [jp] どうしよう[/jp]
     */
@@ -1986,7 +1996,7 @@
       key: 'componentDidMount',
       value: function componentDidMount() {
         get(Object.getPrototypeOf(ListItem.prototype), 'componentDidMount', this).call(this);
-        this.node = ReactDOM.findDOMNode(this);
+        this.node = ReactDOM__default.findDOMNode(this);
       }
     }, {
       key: 'componentDidUpdate',
@@ -2514,7 +2524,7 @@
       key: 'componentDidMount',
       value: function componentDidMount() {
         get(Object.getPrototypeOf(Modal.prototype), 'componentDidMount', this).call(this);
-        this.node = ReactDOM.findDOMNode(this);
+        this.node = ReactDOM__default.findDOMNode(this);
         CustomElements.upgrade(this.node);
 
         this._update(this.props, false);
@@ -2536,7 +2546,7 @@
           this.node.show(animationOptions).then(function () {
             return props.onShow && props.onShow();
           });
-        } else {
+        } else if (!props.isOpen && isOpen) {
           this.node.hide(animationOptions).then(function () {
             return props.onHide && props.onHide();
           });
@@ -2650,7 +2660,7 @@
       key: 'componentDidMount',
       value: function componentDidMount() {
         get(Object.getPrototypeOf(Page.prototype), 'componentDidMount', this).call(this);
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         CustomElements.upgrade(node);
         node.addEventListener('init', this.props.onInit);
         node.addEventListener('show', this.props.onShow);
@@ -2659,7 +2669,7 @@
     }, {
       key: 'componentWillUnmount',
       value: function componentWillUnmount() {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         node.removeEventListener('init', this.props.onInit);
         node.removeEventListener('show', this.props.onShow);
         node.removeEventListener('hide', this.props.onHide);
@@ -2839,7 +2849,7 @@
       key: 'show',
       value: function show() {
         var target = this.props.getTarget();
-        target = ReactDOM.findDOMNode(target);
+        target = ReactDOM__default.findDOMNode(target);
         return this.node.firstChild.show(target);
       }
     }]);
@@ -3206,7 +3216,7 @@
       key: 'componentDidMount',
       value: function componentDidMount() {
         get(Object.getPrototypeOf(PullHook.prototype), 'componentDidMount', this).call(this);
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         node.addEventListener('changestate', this.props.onChange);
         CustomElements.upgrade(this.refs.pullHook);
         this.refs.pullHook.onAction = this.props.onLoad;
@@ -3214,7 +3224,7 @@
     }, {
       key: 'componentWillUnmount',
       value: function componentWillUnmount() {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         node.removeEventListener('changestate', this.props.onChange);
       }
     }, {
@@ -3326,7 +3336,7 @@
         var _this2 = this;
 
         get(Object.getPrototypeOf(Range.prototype), 'componentDidMount', this).call(this);
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         EVENT_TYPES$1.forEach(function (eventType) {
           node.addEventListener(eventType, _this2.props.onChange);
@@ -3337,7 +3347,7 @@
       value: function componentWillUnmount() {
         var _this3 = this;
 
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
 
         EVENT_TYPES$1.forEach(function (eventType) {
           node.removeEventListener(eventType, _this3.props.onChange);
@@ -3346,7 +3356,7 @@
     }, {
       key: 'componentWillReceiveProps',
       value: function componentWillReceiveProps(props) {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         node.value = props.value;
       }
     }, {
@@ -3643,14 +3653,14 @@
       key: 'componentDidMount',
       value: function componentDidMount() {
         get(Object.getPrototypeOf(SpeedDialItem.prototype), 'componentDidMount', this).call(this);
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         CustomElements.upgrade(node);
         node.addEventListener('click', this.props.onClick);
       }
     }, {
       key: 'componentWillUnmount',
       value: function componentWillUnmount() {
-        var node = ReactDOM.findDOMNode(this);
+        var node = ReactDOM__default.findDOMNode(this);
         node.removeEventListener('click', this.props.onClick);
       }
     }]);
@@ -3862,7 +3872,7 @@
       key: 'componentDidMount',
       value: function componentDidMount() {
         get(Object.getPrototypeOf(SplitterSide.prototype), 'componentDidMount', this).call(this);
-        this.node = ReactDOM.findDOMNode(this);
+        this.node = ReactDOM__default.findDOMNode(this);
         this.componentWillReceiveProps(this.props);
 
         this.node.addEventListener('postopen', this.props.onOpen);
@@ -4318,7 +4328,7 @@
 
         Util.convert(others, 'animationOptions', { fun: Util.animationOptionsConverter, newName: 'animation-options' });
 
-        return React.createElement('ons-tabbar', _extends({}, this.props, { ref: 'tabbar', activeIndex: this.props.index, _compiled: 'true' }), React.createElement('div', { 'no-status-bar-fill': true, className: 'ons-tab-bar__content tab-bar__content' + (this.props.position === 'top' ? ' tab-bar--top__content' : '') }, this.tabPages), React.createElement('div', { className: 'tab-bar ons-tab-bar__footer ons-tabbar-inner' + (this.props.position === 'top' ? ' tab-bar--top' : '') }, tabs.map(function (tab) {
+        return React.createElement('ons-tabbar', _extends({}, this.props, { ref: 'tabbar', activeIndex: this.props.index, _compiled: 'true' }), React.createElement('div', { className: 'ons-tab-bar__content tab-bar__content' + (this.props.position === 'top' ? ' tab-bar--top__content' : '') }, this.tabPages), React.createElement('div', { className: 'tab-bar ons-tab-bar__footer ons-tabbar-inner' + (this.props.position === 'top' ? ' tab-bar--top' : '') }, tabs.map(function (tab) {
           return tab.tab;
         })));
       }
diff --git a/dist/react-onsenui.js.map b/dist/react-onsenui.js.map
index f0101f5..f39f7cf 100644
--- a/dist/react-onsenui.js.map
+++ b/dist/react-onsenui.js.map
@@ -1 +1 @@
-{"version":3,"file":null,"sources":["../src/components/Util.js","../src/components/BaseDialog.jsx","../src/components/AlertDialog.jsx","../src/components/BasicComponent.jsx","../src/components/SimpleWrapper.jsx","../src/components/BackButton.jsx","../src/components/BottomToolbar.jsx","../src/components/Button.jsx","../src/components/Carousel.jsx","../src/components/CarouselItem.jsx","../src/components/Col.jsx","../src/components/Dialog.jsx","../src/components/Fab.jsx","../src/components/Icon.jsx","../src/components/Input.jsx","../src/components/LazyList.jsx","../src/components/List.jsx","../src/components/ListHeader.jsx","../src/components/ListItem.jsx","../src/components/Navigator.jsx","../src/components/Modal.jsx","../src/components/Page.jsx","../src/components/Popover.jsx","../src/components/ProgressBar.jsx","../src/components/ProgressCircular.jsx","../src/components/PullHook.jsx","../src/components/Range.jsx","../src/components/Ripple.jsx","../src/components/Row.jsx","../src/components/SpeedDial.jsx","../src/components/SpeedDialItem.jsx","../src/components/Splitter.jsx","../src/components/SplitterContent.jsx","../src/components/SplitterSide.jsx","../src/components/Switch.jsx","../src/components/Tab.jsx","../src/components/TabActive.jsx","../src/components/TabInactive.jsx","../src/components/Tabbar.jsx","../src/components/Toolbar.jsx","../src/components/ToolbarButton.jsx"],"sourcesContent":["export default {\n  sizeConverter(item) {\n    if (typeof (item) === 'number') {\n      return `${item}px`;\n    } else {\n      return item;\n    }\n  },\n\n  numberConverter(item) {\n    return `${item}px`;\n  },\n\n  animationOptionsConverter(options) {\n    var keys = Object.keys(options);\n    var innerString = keys.map((key) => key + ': \"' + options[key] + '\"');\n    return '{' + innerString.join(',') + '}';\n  },\n\n  convert(dict, name, additionalDict = {}) {\n    const fun = additionalDict.fun ? additionalDict.fun : (x) => x;\n    const newName = additionalDict.newName ? additionalDict.newName : name;\n\n    var val = dict[name];\n    if (val) {\n      if (newName !== name) {\n        delete dict[name];\n      }\n      dict[newName] = fun(val);\n    } else {\n      dict[newName] = null;\n    }\n    return dict;\n  }\n};\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Util from './Util.js';\n\nclass BaseDialog extends React.Component {\n  show() {\n    this.node.firstChild.show();\n  }\n\n  updateClasses() {\n    var node = this.node.firstChild;\n\n    if (this.props.className) {\n      if (this.lastClass) {\n        node.className = node.className.replace(this.lastClass, '');\n      }\n\n      this.lastClass = ' ' + this.props.className;\n      node.className += this.lastClass;\n    }\n  }\n\n  hide() {\n    this.node.firstChild.hide();\n  }\n\n  componentDidMount() {\n    this.node = document.createElement('div');\n    document.body.appendChild(this.node);\n\n    this.node.addEventListener('dialog-cancel', this.props.onCancel);\n    this.node.addEventListener('preshow', this.props.onPreShow);\n    this.node.addEventListener('postshow', this.props.onPostShow);\n    this.node.addEventListener('prehide', this.props.onPreHide);\n    this.node.addEventListener('posthide', this.props.onPostHide);\n\n    this.renderPortal(this.props, false);\n  }\n\n  componentWillReceiveProps(newProps) {\n    this.renderPortal(newProps, this.props.isOpen);\n  }\n\n  componentWillUnmount() {\n    this.node.removeEventListener('cancel', this.props.onCancel);\n    this.node.removeEventListener('preshow', this.props.onPreShow);\n    this.node.removeEventListener('postshow', this.props.onPostShow);\n    this.node.removeEventListener('prehide', this.props.onPreHide);\n    this.node.removeEventListener('posthide', this.props.onPostHide);\n\n    ReactDOM.unmountComponentAtNode(this.node);\n    document.body.removeChild(this.node);\n  }\n\n  _update(isShown) {\n    CustomElements.upgrade(this.node.firstChild);\n    if (this.props.isOpen) {\n      if (!isShown) {\n        this.show();\n      }\n    } else {\n      this.hide();\n    }\n    this.updateClasses();\n  }\n\n  _getDomNodeName() {\n    throw new Error('_getDomNodeName is not implemented');\n  }\n\n  renderPortal(props, isShown) {\n    var {...newProps} = props;\n\n    Util.convert(newProps, 'isCancelable', {newName: 'cancelable'});\n    Util.convert(newProps, 'isDisabled', {newName: 'disabled'});\n    Util.convert(newProps, 'maskColor', {newName: 'mask-color'});\n    Util.convert(newProps, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    var element = React.createElement(this._getDomNodeName(), newProps);\n    ReactDOM.render(element, this.node, this._update.bind(this, isShown));\n  }\n\n  shouldComponentUpdate() {\n    return false;\n  }\n\n  render() {\n    return React.DOM.noscript();\n  }\n}\n\nBaseDialog.propTypes = {\n  onCancel: React.PropTypes.func,\n  isOpen: React.PropTypes.bool.isRequired,\n  isCancelable: React.PropTypes.bool,\n  isDisabled: React.PropTypes.bool,\n  animation: React.PropTypes.string,\n  maskColor: React.PropTypes.string,\n  animationOptions: React.PropTypes.object,\n  onPreShow: React.PropTypes.func,\n  onPostShow: React.PropTypes.func,\n  onPreHide: React.PropTypes.func,\n  onPostHide: React.PropTypes.func\n};\n\nBaseDialog.defaultProps = {\n  isCancelable: true,\n  isDisabled: false\n};\n\nexport default BaseDialog;\n","import BaseDialog from './BaseDialog.jsx';\nimport React from 'react';\n\n/**\n * @original ons-alert-dialog\n * @category dialog\n * @tutorial react/Reference/dialog\n * @description\n * [en]\n *   Alert dialog that is displayed on top of the current screen. Useful for displaying questions, warnings or error messages to the user. The title, content and buttons can be easily customized and it will automatically switch style based on the platform.\n * [/en]\n * [jp][/jp]\n * @example\n   <AlertDialog isOpen={this.state.isOpen} onCancel={this.handleCancel.bind(this)} cancelable>\n     <div className=\"alert-dialog-title\">Warning!</div>\n     <div className=\"alert-dialog-content\">\n       An error has occurred!\n     </div>\n     <div className=\"alert-dialog-footer\">\n       <Button onClick={this.handleCancel.bind(this)} className=\"alert-dialog-button\">\n         Cancel\n       </Button>\n       <Button onClick={this.handleCancel.bind(this)} className=\"alert-dialog-button\">\n         Ok\n       </Button>\n     </div>\n   </AlertDialog>\n */\nclass AlertDialog extends BaseDialog {\n  _getDomNodeName() {\n    return 'ons-alert-dialog';\n  }\n}\n\nAlertDialog.propTypes = {\n  /**\n   * @name onCancel\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called only if isCancelable is true. It will be called after tapping the background or by pressing the back button on Android devices.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onCancel: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @required true\n   * @description\n   *  [en]\n   *  Indicates whether the dialog is open and shown.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool.isRequired,\n\n  /**\n   * @name isCancelable\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is cancelable or not.\n   *  A cancelable dialog will call onCancel  when tapping the background or or  pressing the back button on Android devices\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isCancelable: React.PropTypes.bool,\n\n  /**\n   * @name isDisabled\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isDisabled: React.PropTypes.bool,\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]\n   *  The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the dialog.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name maskColor\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background mask. Default is \"rgba(0, 0, 0, 0.2)\"[/en]\n   *  [jp] [/jp]\n   */\n  maskColor: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just before the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPreShow: React.PropTypes.func,\n\n  /**\n   * @name onPostShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just after the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPostShow: React.PropTypes.func,\n\n  /**\n   * @name onPreHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPreHide: React.PropTypes.func,\n\n  /**\n   * @name onPostHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPostHide: React.PropTypes.func\n};\n\nexport default AlertDialog;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport ons from 'onsenui';\n\nclass BasicComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.updateClasses = this.updateClasses.bind(this);\n  }\n\n  updateClasses() {\n    var node = ReactDOM.findDOMNode(this);\n\n    if (typeof this.props.className !== 'undefined') {\n      if (this.lastClass) {\n        node.className = node.className.replace(this.lastClass, ' ');\n      }\n\n      this.lastClass = ' ' + this.props.className.trim();\n\n      node.className = node.className.trim() + this.lastClass;\n    }\n\n    if (!ons) {\n      throw new Error(\"react-onsenui requires `onsenui`, make sure you are loading it with `import onsenui` or `require('onsenui')` before using the components\");\n    }\n\n    ons._autoStyle.prepare(node);\n  }\n\n  componentDidMount() {\n    this.updateClasses();\n  }\n\n  componentDidUpdate() {\n    this.updateClasses();\n  }\n}\n\nexport default BasicComponent;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\nclass SimpleWrapper extends BasicComponent {\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'disabled');\n    Util.convert(others, 'ripple');\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n};\n\nexport default SimpleWrapper;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\n/**\n * @original ons-back-button\n * @category toolbar\n * @tutorial react/Reference/navigator\n * @description\n * [en]\n *   Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.\n *\n *   The default behavior can be overridden using the `onClick` prop.\n * [/en]\n * [jp][/jp]\n * @example\n * <Toolbar modifier={this.props.modifier} >\n      <div className=\"left\"><BackButton modifier={this.props.modifier}>Back</BackButton></div>\n      <div className=\"center\">{this.props.title}</div>\n   </Toolbar>\n */\nclass BackButton extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-back-button';\n  }\n\n  _updateOnClick(props) {\n    const node = ReactDOM.findDOMNode(this);\n\n    if (props.onClick) {\n      node.onClick = () => null;\n    } else {\n      delete node.onClick;\n    }\n  }\n\n  componentDidMount() {\n    this._updateOnClick(this.props);\n  }\n\n  componentWillReceiveProps(props) {\n    this._updateOnClick(props);\n  }\n};\n\nBackButton.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the back button.[/en]\n   *  [jp][/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en]This function will be called ones the button is clicked. It overrides the default behavior of the back button.[/en]\n   *  [jp][/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default BackButton;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-bottom-toolbar\n * @category toolbar\n * @description\n * [en] Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.  [/en]\n * [jp][/jp]\n * @example\n *<BottomToolbar modifier=\"material\"> Content </BottomToolbar>\n */\nclass BottomToolbar extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-bottom-toolbar';\n  }\n};\n\nBottomToolbar.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default BottomToolbar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-button\n * @category button\n * @tutorial react/Reference/button\n * @description\n * [en] Button component. If you want to place a button in a toolbar, use `ToolbarButton` or `BackButton` instead. Will automatically display as a Material Design button with a ripple effect on Android.\n [/en]\n * [jp][/jp]\n * @example\n * <Button modifier=\"large--cta\">\n *   Tap Me\n * </Button>\n */\nclass Button extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-button';\n  }\n};\n\nButton.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the button is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name ripple\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the button has a ripple effect.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  ripple: React.PropTypes.bool,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en] This function will be called ones the button is clicked. [/en]\n   *  [jp] [/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default Button;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Util from './Util.js';\n\n/**\n * @original ons-carousel\n * @category carousel\n * @tutorial react/Reference/carousel\n * @description\n * [en] Carousel component. A carousel can be used to display several items in the same space.\n *     The component supports displaying content both horizontally and vertically. The user can scroll through the items by dragging and it can also be controller programmatically.\n [/en]\n * [jp][/jp]\n * @example\n *    <Carousel\n          onPostChange={() => console.log('onPostChange')}\n          onOverscroll={() => console.log('onOverscroll')}\n          onRefresh={() => console.log('onRefresh')}\n          ref='carousel' swipeable overscrollable autoScroll fullscreen autoScrollRatio={0.2}>\n          <CarouselItem style={{backgroundColor: 'gray'}}>\n            <div className='item-label'>GRAY</div>\n          </CarouselItem>\n          <CarouselItem style={{backgroundColor: '#085078'}}>\n            <div className='item-label'>BLUE</div>\n          </CarouselItem>\n        </Carousel>\n\n */\nclass Carousel extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-carousel';\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(node);\n    node.addEventListener('postchange', this.props.onPostChange);\n    node.addEventListener('refresh', this.props.onRefresh);\n    node.addEventListener('overscroll', this.props.onOverscroll);\n  }\n\n  componentWillReceiveProps(props) {\n    var node = ReactDOM.findDOMNode(this);\n    if (this.props.index !== props.index) {\n      node.setActiveIndex(props.index, props.animationOptions);\n    }\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('postchange', this.props.onPostChange);\n    node.removeEventListener('refresh', this.props.onRefresh);\n    node.removeEventListener('overscroll', this.props.onOverscroll);\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    ['fullscreen', 'swipeable', 'disabled', 'centered', 'overscrollable', 'centered'].forEach((el) => {\n      Util.convert(others, el);\n    });\n\n    Util.convert(others, 'itemWidth', {fun: Util.sizeConverter, newName: 'item-width'});\n    Util.convert(others, 'itemHeight', {fun: Util.sizeConverter, newName: 'item-height'});\n    Util.convert(others, 'autoScroll', {newName: 'auto-scroll'});\n    Util.convert(others, 'autoRefresh', {newName: 'auto-refresh'});\n    Util.convert(others, 'autoScrollRatio', {newName: 'auto-scroll-ratio'});\n    Util.convert(others, 'index', {newName: 'initial-index'});\n    Util.convert(others, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n};\n\nCarousel.propTypes = {\n\n  /**\n   * @name direction\n   * @type string\n   * @required false\n   * @description\n   *  [en]The direction of the carousel. Can be either \"horizontal\" or \"vertical\". Default is \"horizontal\".[/en]\n   *  [jp] [/jp]\n   */\n  direction: React.PropTypes.oneOf(['horizontal', 'vertical']),\n\n  /**\n   * @name fullscreen\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will cover the whole screen.[/en]\n   *  [jp] [/jp]\n   */\n  fullscreen: React.PropTypes.bool,\n\n  /**\n   * @name overscrollable\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will be scrollable over the edge. It will bounce back when released.[/en]\n   *  [jp] [/jp]\n   */\n  overscrollable: React.PropTypes.bool,\n\n  /**\n   * @name centered\n   * @type bool\n   * @description\n   *  [en]If true, the carousel then the selected item will be in the center of the carousel instead of the beginning. Useful only when the items are smaller than the carousel.[/en]\n   *  [jp] [/jp]\n   */\n  centered: React.PropTypes.bool,\n\n  /**\n   * @name itemWidth\n   * @type number\n   * @description\n   *  [en]ons-carousel-item's width. Only works when the direction is set to \"horizontal\".[/en]\n   *  [jp] [/jp]\n   */\n  itemWidth: React.PropTypes.oneOf([React.PropTypes.string, React.PropTypes.number]),\n\n  /**\n   * @name itemHeight\n   * @type number\n   * @description\n   *  [en]ons-carousel-item's height. Only works when the direction is set to \"vertical\".[/en]\n   *  [jp] [/jp]\n   */\n  itemHeight: React.PropTypes.oneOf([React.PropTypes.string, React.PropTypes.number]),\n\n  /**\n   * @name autoScroll\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will be automatically scrolled to the closest item border when released.[/en]\n   *  [jp] [/jp]\n   */\n  autoScroll: React.PropTypes.bool,\n\n  /**\n   * @name autoScrollRatio\n   * @type number\n   * @description\n   *  [en]A number between 0.0 and 1.0 that specifies how much the user must drag the carousel in order for it to auto scroll to the next item.[/en]\n   *  [jp] [/jp]\n   */\n  autoScrollRatio: React.PropTypes.number,\n\n  /**\n   * @name swipeable\n   * @type bool\n   * @description\n   *  [en]If true, the carousel can be scrolled by drag or swipe.[/en]\n   *  [jp] [/jp]\n   */\n  swipeable: React.PropTypes.bool,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will be disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name index\n   * @type number\n   * @description\n   *  [en]Specify the index of the ons-carousel-item to show. Default is 0.[/en]\n   *  [jp] [/jp]\n   */\n  index: React.PropTypes.number,\n\n  /**\n   * @name autoRefresh\n   * @type bool\n   * @description\n   *  [en]When this attribute is set the carousel will automatically refresh when the number of child nodes change.[/en]\n   *  [jp] [/jp]\n   */\n  autoRefresh: React.PropTypes.bool,\n\n  /**\n   * @name onPostChange\n   * @type function\n   * @description\n   *  [en]Called just after the current carousel item has changed.  [/en]\n   *  [jp] [/jp]\n   */\n  onPostChange: React.PropTypes.func,\n\n  /**\n   * @name onRefresh\n   * @type function\n   * @description\n   *  [en]Called when the carousel has been refreshed. [/en]\n   *  [jp] [/jp]\n   */\n  onRefresh: React.PropTypes.func,\n\n  /**\n   * @name onOverscroll\n   * @type function\n   * @description\n   *  [en]Called when the carousel has been overscrolled. [/en]\n   *  [jp] [/jp]\n   */\n  onOverscroll: React.PropTypes.func,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object\n};\n\nexport default Carousel;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-carousel-item\n * @category carousel\n * @tutorial react/Reference/carousel\n * @description\n * [en] Carousel item component. Used as a child of the `<ons-carousel>` element.\n [/en]\n * [jp][/jp]\n * @example\n*  <Carousel swipeable overscrollable autoScroll fullscreen >\n     <CarouselItem style={{backgroundColor: 'gray'}}>\n       <div className='item-label'>GRAY</div>\n     </CarouselItem>\n     <CarouselItem style={{backgroundColor: '#085078'}}>\n       <div className='item-label'>BLUE</div>\n     </CarouselItem>\n   </Carousel>\n */\nclass CarouselItem extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-carousel-item';\n  }\n};\n\nCarouselItem.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default CarouselItem;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-col\n * @category grid\n * @description\n * [en]\n * Represents a column in the grid system. Use with `<ons-row>` to layout components.\n * [/en]\n * [jp][/jp]\n * <Row>\n *   <Col width={50}>\n  *   <ons-icon icon=\"fa-twitter\"></ons-icon>\n *   </Col>\n *   <Col>Text</Col>\n * </Row>\n */\nclass Col extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-col';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'verticalAlign', {newName: 'vertical-align'});\n    Util.convert(others, 'width', {fun: Util.sizeConverter});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nCol.propTypes = {\n\n  /**\n  * @name verticalAlign\n  * @type {String}\n  * @description\n  *   [en]Short hand attribute for aligning vertically. Valid values are top, bottom, and center.[/en]\n  *   [ja][/ja]\n  */\n  verticalAlign: React.PropTypes.oneOf(['top', 'bottom', 'center']),\n\n  /**\n  * @name width\n  * @type {String}\n  * @description\n  *   [en]The width of the column. Valid values are css width values (\"10%\", 50).[/en]\n  *   [ja][/ja]\n  */\n  width: React.PropTypes.oneOfType([React.PropTypes.number, React.PropTypes.string])\n};\n\nexport default Col;\n","import BaseDialog from './BaseDialog.jsx';\nimport React from 'react';\n\n/**\n * @original ons-dialog\n * @category dialog\n * @tutorial react/Reference/dialog\n * @description\n * [en]  Dialog that is displayed on top of current screen. As opposed to the AlertDialog element, this component can contain any kind of content.  The dialog is useful for displaying menus, additional information or to ask the user to make a decision.  It will automatically be displayed as Material Design when running on an Android device.\n [/en]\n * [jp][/jp]\n * @example\n   <Dialog onCancel={this.onCancel}\n     isOpen={this.props.isOpen}\n     style={{height: 250}}  cancelable>\n     <Page>\n       Page Content\n     </Page>\n    </Dialog>\n\n */\nclass Dialog extends BaseDialog {\n  _getDomNodeName() {\n    return 'ons-dialog';\n  }\n}\n\nDialog.propTypes = {\n  /**\n   * @name onCancel\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called only if isCancelable is true. It will be called after tapping the background or by pressing the back button on Android devices.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onCancel: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @required true\n   * @description\n   *  [en]\n   *  Indicates whether the dialog is open and shown.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool.isRequired,\n\n  /**\n   * @name isCancelable\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is cancelable or not.\n   *  A cancelable dialog will call onCancel  when tapping the background or or  pressing the back button on Android devices\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isCancelable: React.PropTypes.bool,\n\n  /**\n   * @name isDisabled\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isDisabled: React.PropTypes.bool,\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]\n   *  The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the dialog.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name maskColor\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background mask. Default is \"rgba(0, 0, 0, 0.2)\"[/en]\n   *  [jp] [/jp]\n   */\n  maskColor: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just before the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPreShow: React.PropTypes.func,\n\n  /**\n   * @name onPostShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just after the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPostShow: React.PropTypes.func,\n\n  /**\n   * @name onPreHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPreHide: React.PropTypes.func,\n\n  /**\n   * @name onPostHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPostHide: React.PropTypes.func\n};\n\nexport default Dialog;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-fab\n * @category fab\n * @tutorial react/Reference/fab\n * @description\n * [en] The Floating action button is a circular button defined in the [Material Design specification](https://www.google.com/design/spec/components/buttons-floating-action-button.html). They are often used to promote the primary action of the app.\n *     It can be displayed either as an inline element or in one of the corners. Normally it will be positioned in the lower right corner of the screen.\n [/en]\n * [jp][/jp]\n * @example\n * <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>\n  */\nclass Fab extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-fab';\n  }\n};\n\nFab.propTypes = {\n    /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name ripple\n   * @type bool\n   * @description\n   *  [en]If true,  the button will have a ripple effect when tapped.[/en]\n   *  [jp] [/jp]\n   */\n  ripple: React.PropTypes.bool,\n\n  /**\n   * @namep position\n   * @type string\n   * @required false\n   * @description\n   *  [en]The position of the button. Should be a string like `\"bottom right\"` or `\"top left\"`. If this attribute is not defined it will be displayed as an inline element.[/en]\n   *  [jp] [/jp]\n   */\n  position: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] If true, the button will be disabled. [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.string,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en] This function will be called ones the button is clicked. [/en]\n   *  [jp] [/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default Fab;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-icon\n * @category icon\n * @tutorial react/Reference/icon\n * @description\n * [en]\n * Displays an icon. The following icon suites are available:\n *   *  [Font Awesome](https://fortawesome.github.io/Font-Awesome/)\n *   *  [Ionicons](http://ionicons.com/)\n *   *  [Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/)\n * [/en]\n * [jp][/jp]\n * @example\n  <Icon\n    size={{default: 32, material: 40}}\n    icon={{default: 'ion-navicon', material: 'md-menu'}}\n  />\n*/\nclass Icon extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-icon';\n  }\n\n  render() {\n    var {icon, size, ...others} = this.props;\n\n    Util.convert(others, 'fixedWidth', {newName: 'fixed-width'});\n    Util.convert(others, 'spin');\n\n    if (icon) {\n      if ((typeof icon) === 'string') {\n        others.icon = icon;\n      } else {\n        let keys = Object.keys(icon).filter((a) => a !== 'default');\n        let innerString = keys.map((key) => key + ':' + icon[key] + '');\n        others.icon = icon.default + ', ' + innerString.join(',');\n      }\n    }\n\n    if (size) {\n      if ((typeof size) === 'number') {\n        others.size = `${size}px`;\n      } else {\n        let keys = Object.keys(size).filter((a) => a !== 'default');\n        let innerString = keys.map((key) => key + ':' + size[key] + 'px');\n        others.size = size.default + 'px, ' + innerString.join(',');\n      }\n    }\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nIcon.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the icon.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name icon\n   * @type 'object or string'\n   * @description\n   *  [en] can be either a string or an object. If it is an string, it is set to an specific icon like 'ions-navicon'. If it is an object, it represents a dictionary of the icons depending on the modifier e.g.   `{{default: 'ion-navicon', material: 'md-menu'}}` [/en]\n   *  [jp] [/jp]\n   */\n  icon: React.PropTypes.oneOfType([\n    React.PropTypes.string,\n    React.PropTypes.objectOf(React.PropTypes.string)\n  ]),\n\n  /**\n   * @name size\n   * @type 'object or number'\n   * @description\n   *  [en] can be either a number or an object. If it is an number, it  specifies the icon size with a number in pixels. If it is an object, it represents a dictionary of the icon sizes depending on the modifier e.g.   `{{default: 20, material: 18}}` [/en]\n   *  [jp] [/jp]\n   */\n  size: React.PropTypes.oneOfType([\n    React.PropTypes.number,\n    React.PropTypes.objectOf(React.PropTypes.number)\n  ]),\n\n  /**\n   * @name rotate\n   * @type number\n   * @description\n   *  [en] Number of degrees to rotate the icon. Valid values are 90, 180 and 270. [/en]\n   *  [jp] [/jp]\n   */\n  rotate: React.PropTypes.oneOf([0, 90, 180, 270]),\n\n  /**\n   * @name fixedWidth\n   * @type bool\n   * @description\n   * [en] When used in a list, you want the icons to have the same width so that they align vertically by defining this attribute. [/en]\n   *  [jp] [/jp]\n   */\n  fixedWidth: React.PropTypes.bool,\n\n  /**\n   * @name spin\n   * @type bool\n   * @description\n   * [en] Specify whether the icon should be spinning. [/en]\n   *  [jp] [/jp]\n   */\n  spin: React.PropTypes.bool\n\n};\n\nexport default Icon;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\nconst EVENT_TYPES = ['change', 'input'];\n\n/**\n * @original ons-input\n * @category input\n * @tutorial react/Reference/input\n * @description\n * [en]\n * An input element. The `type` attribute can be used to change the input type. All text input types as well as `checkbox` and `radio` are supported. The component will automatically render as a Material Design input on Android devices. Most attributes that can be used for a normal `<input>` element can also be used on the `<ons-input>` element..\n [/en]\n * [jp][/jp]\n * @example\n * <Input\n *   value={this.state.text} float\n *   onChange={(event) => { this.setState({text: event.target.value})} }\n *   modifier='material'\n *   placeholder='Username' />\n */\nclass Input extends BasicComponent {\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.addEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.removeEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillReceiveProps(props) {\n    var node = ReactDOM.findDOMNode(this);\n\n    if (typeof props.value !== 'undefined' && node.value !== props.value) {\n      node.value = props.value;\n    }\n\n    if (typeof props.checked !== 'undefined') {\n      node.checked = props.checked;\n    }\n  }\n\n  render() {\n    var {checked, ...other} = this.props;\n    other['input-id'] = this.props.inputId;\n\n    Util.convert(other, 'disabled');\n\n    return (\n      <ons-input checked={checked ? '' : null} {...other} />\n    );\n  }\n}\n\nInput.propTypes = {\n    /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the input.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the input is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name onChange\n   * @type function\n   * @description\n   *  [en] Called when the text of the input changes.[/en]\n   *  [jp][/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name value\n   * @type string\n   * @description\n   *  [en] Content of the input.[/en]\n   *  [jp][/jp]\n   */\n  value: React.PropTypes.string,\n\n  /**\n   * @name placehoder\n   * @type string\n   * @description\n   *  [en] Placeholder text. In Material Design this placeholder will be a floating label. [/en]\n   *  [jp][/jp]\n   */\n  placeholder: React.PropTypes.string,\n\n  /**\n   * @name type\n   * @type string\n   * @description\n   *  [en]  Specify the input type. This is the same as the \"type\" attribute for normal inputs.\n   *    Please take a look at [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-type) for an exhaustive list of possible values. Depending on the platform and browser version some of these might not work.\n [/en]\n   *  [jp][/jp]\n   */\n  type: React.PropTypes.string,\n\n  /**\n   * @name inputId\n   * @type string\n   * @description\n   *  [en]  Specify the \"id\" attribute of the inner <input> element. This is useful when using <label for=\"...\"> elements [/en]\n   *  [jp][/jp]\n   */\n  inputId: React.PropTypes.string,\n\n  /**\n   * @name float\n   * @type bool\n   * @description\n   *  [en]  If this attribute is present, the placeholder will be animated in Material Design.  [/en]\n   *  [jp][/jp]\n   */\n  'float': React.PropTypes.bool\n};\n\nexport default Input;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-lazy-repeat\n * @category lazy-list\n * @tutorial react/Reference/lazy-list\n * @description\n * [en] Using this component a list with millions of items can be rendered without a drop in performance.\n *     It does that by \"lazily\" loading elements into the DOM when they come into view and\n *     removing items from the DOM when they are not visible.\n [/en]\n * [jp][/jp]\n * @example\n *\n  renderRow(index) {\n    return (\n      <ListItem key={index}>\n        {'Item ' + (index + 1)}\n      </ListItem>\n    );\n  }\n\n  render() {\n    return (\n      <Page renderToolbar={() => <MyToolbar title='LazyList' />} >\n        <div style={{height: 100}}>\n          <LazyList\n            length={1000}\n            renderRow={() =>\n              <ListItem key={index}>\n                {'Item ' + (index + 1)}\n              </ListItem>\n            }\n            calculateItemHeight={() => 44}\n          />\n        </div>\n      </Page>\n    );\n  }\n}\n */\nclass LazyList extends BasicComponent {\n  constructor(props) {\n    super(props);\n    this.state = {children: []};\n    this.update = this.update.bind(this);\n  }\n\n  update(props) {\n    var self = this;\n    CustomElements.upgrade(this.refs.lazyRepeat);\n\n    this.refs.lazyRepeat.delegate = {\n      calculateItemHeight: function(index) {\n        return props.calculateItemHeight(index);\n      },\n      _render: function(items, newHeight) {\n        var createElement = function({index: index, top: top}) {\n          return props.renderRow(index);\n        };\n\n        var el = items.map(createElement);\n        self.setState({children: el, height: newHeight},\n                      () => {\n                        var list = this.refs.list;\n                        // ignore i=0 <lazy repat\n                        for (var i = 1; i < list.children.length; i++) {\n                          list.children[i].style.position = 'absolute';\n                          list.children[i].style.top = items[i - 1].top + 'px';\n                          list.children[i].style.left = '0px';\n                          list.children[i].style.right = '0px';\n                        }\n                      });\n      }.bind(this),\n      countItems: function() {\n        return props.length;\n      }\n    };\n  }\n\n  componentWillReceiveProps(newProps) {\n    var helpProps = {\n      ...this.props,\n      ...newProps\n    };\n    this.update(helpProps);\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.update(this.props);\n  }\n\n  render() {\n    return (\n      <ons-list {...this.props} ref='list'\n        class='list' style={{position: 'relative', height: this.state.height}}\n        >\n        <ons-lazy-repeat ref='lazyRepeat' />\n        {this.state.children}\n       </ons-list>\n    );\n  }\n}\n\nLazyList.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the lazy list.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name length\n   * @type number\n   * @description\n   *  [en]The length of the list.[/en]\n   *  [jp] [/jp]\n   */\n  length: React.PropTypes.number.isRequired,\n\n  /**\n   * @name renderRow\n   * @type function\n   * @description\n   *  [en] A function given the index of the to display row, renders it.[/en]\n   *  [jp] [/jp]\n   */\n  renderRow: React.PropTypes.func.isRequired,\n\n  /**\n   * @name calculateItemHeight\n   * @type function\n   * @description\n   *  [en] A function given the index of the to row, returns the height of it.[/en]\n   *  [jp] [/jp]\n   */\n  calculateItemHeight: React.PropTypes.func.isRequired\n};\n\nexport default LazyList;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-list\n * @category list\n * @tutorial react/Reference/list\n * @description\n *   [en]\n *     Component for representing a list. It takes an array called datasrouce and calls renderRow(row, index) for every row.  Furthermore, the header and the footer can be specified with `renderRow` and `renderHeader` respectivly. [/en]\n * [jp][/jp]\n * @example\n  <List\n    dataSource={['Row 1', 'Row 2']}\n    renderHeader={this.renderHeader}\n    renderRow={(row, idx) => (\n      <ListItem modifier={idx === this.state.data.length - 1 ? 'longdivider' : null}>\n      {row}\n  <Button modifier=\"quiet\" onClick={this.remove.bind(this, idx)}>Remove</Button>\n  </ListItem>\n  )}\n  renderFooter={this.renderFooter}\n  />\n */\nclass List extends BasicComponent {\n  render() {\n    var pages = this.props.dataSource.map((data, idx) => this.props.renderRow(data, idx));\n\n    return (\n      <ons-list {...this.props} ref='list'>\n        {this.props.renderHeader()}\n        {pages}\n        {this.props.renderFooter()}\n      </ons-list>\n    );\n  }\n}\n\nList.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string,\n\n   /**\n   * @name dataSource\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  dataSource: React.PropTypes.array.isRequired,\n\n   /**\n   * @name renderRow\n   * @type function\n   * @description\n   *  [en]\n   *  Function to specify the rendering function for every element in\n   *  in the dataSouce.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderRow: React.PropTypes.func.isRequired,\n\n   /**\n   * @name renderHeader\n   * @type function\n   * @description\n   *  [en]\n   *  Function to specify the rendering function for the header\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderHeader: React.PropTypes.func,\n\n   /**\n   * @name renderFooter\n   * @type function\n   * @description\n   *  [en]\n   *  Function to specify the rendering function for the footer\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderFooter: React.PropTypes.func\n};\n\nList.defaultProps = {\n  renderHeader: () => null,\n  renderFooter: () => null\n};\n\nexport default List;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-list-header\n * @category list\n * @tutorial react/Reference/list\n * @description\n * [en] Header element for list items. Must be put inside ons-list component.\n [/en]\n * [jp][/jp]\n * @example\n   <List\n     dataSource={this.state.data}\n     renderHeader={() =>\n        <ListHeader style={{fontSize: 15}} className=\"testClass\"> Header Text </ListHeader> }\n    renderRow={(row, idx) => (\n      <ListItem > {row} </ListItem>\n    )}\n  />\n */\nclass ListHeader extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-list-header';\n  }\n};\n\nListHeader.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default ListHeader;\n","import ReactDOM from 'react-dom';\nimport React from 'react';\nimport SimpleWrapper from './SimpleWrapper.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-list-item\n * @category list\n * @tutorial react/Reference/list\n * @description\n *   [en]\n *   Component that represents each item in the list. Must be put inside the `List` component. The list item is composed of three parts that are represented with the `left`, `center` and `right` classes. These classes can be used to ensure that the content of the list items is properly aligned.\n *   [/en]\n * [jp][/jp]\n * @example\n   <ListItem>\n *   <div className=\"left\">Left</div>\n *   <div className=\"center\">Center</div>\n *   <div className=\"right\">Right</div>\n * </ListItem>\n */\nclass ListItem extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-list-item';\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.node = ReactDOM.findDOMNode(this);\n  }\n\n  componentDidUpdate() {\n    super.componentDidUpdate();\n    this.node._compile();\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'tappable');\n    Util.convert(others, 'tapBackgroundColor', {newName: 'tap-background-color'});\n    Util.convert(others, 'lockOnDrag', {newName: 'lock-on-drag'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n};\n\nListItem.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en] The appearance of the list item.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name tappable\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the list item is tappable.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  tappable: React.PropTypes.bool,\n\n  /**\n   * @name tapBackgroundColor\n   * @type string\n   * @description\n   *  [en]\n   *  Changes the background color when tapped. For this to work, the attribute \"tappable\" needs to be set. The default color is \"#d9d9d9\". It will display as a ripple effect on Android.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  tapBackgroundColor: React.PropTypes.string,\n\n  /**\n   * @name lockOnDrag\n   * @type bool\n   * @description\n   *  [en] Prevent vertical scrolling when the user drags horizontally. [/en]\n   *  [jp] [/jp]\n   */\n  lockOnDrag: React.PropTypes.bool\n};\n\nexport default ListItem;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-navigator\n * @category navigator\n * @tutorial react/Reference/navigator\n * @description\n * [en] This component is responsible for page transitioning and managing the pages of your OnsenUI application. In order to manage to display the pages, the  navigator needs to define the `renderPage` method, that takes an route and a navigator and  converts it to an page.  [/en]\n * [jp] どうしよう[/jp]\n * @example\n  <Navigator\n    renderPage={(route, navigator) =>\n     <MyPage\n       title={route.title}\n       onPop={() => navigator.popPage()}\n       />\n    }\n    initialRoute={{\n        title: 'First Page'\n    }} />\n   }\n }\n */\nclass Navigator extends BasicComponent {\n  constructor(props) {\n    super(props);\n    this.pages = [];\n    this.state = { };\n    this._prePush = this._prePush.bind(this);\n    this._postPush = this._postPush.bind(this);\n    this._prePop = this._prePop.bind(this);\n    this._postPop = this._postPop.bind(this);\n  }\n\n  update(pages, obj) {\n    this.pages = pages || [];\n    return new Promise((resolve) => {\n      this.setState({}, resolve);\n    });\n  }\n\n  /**\n   * @method resetPage\n   * @signature resetPage(route, options = {})\n   * @param {Object} route\n   *   [en] The route that the page should be reset to.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en]Promise which resolves to the revealed page.[/en]\n   *   [ja]明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en]Resets the current page[/en]\n   *   [ja]どうしよう[/ja]\n   */\n  resetPage(route, options = {}) {\n    return this.resetPageStack([route], options);\n  }\n\n  /**\n   * @method resetPageStack\n   * @signature resetPageStack(route, options = {})\n   * @param {Array} routes\n   *   [en] The routes that the navigator should be reset to.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en]Promise which resolves to the revealed page.[/en]\n   *   [ja]明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en] Resets the navigator to the current page stack[/en]\n   *   [ja] どうしよう[/ja]\n   */\n  resetPageStack(routes, options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    return new Promise((resolve) => {\n      var lastRoute = routes[routes.length - 1];\n      var newPage = this.props.renderPage(lastRoute, this);\n      this.routes.push(lastRoute);\n\n      this.refs.navi._pushPage(options, this.update.bind(this), this.pages, newPage).then(() => {\n        this.routes = routes;\n\n        var renderPage = (route) => {\n          return this.props.renderPage(route, this);\n        };\n\n        this.pages = routes.map(renderPage);\n        this.update(this.pages).then(resolve);\n      });\n    });\n  }\n\n  /**\n   * @method pushPage\n   * @signature pushPage(route, options = {})\n   * @param {Object} route\n   *   [en] The route that the navigator should push to.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en] Promise which resolves to the revealed page.[/en]\n   *   [ja] 明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en] Pushes a page to the page stack[/en]\n   *   [ja] どうしよう[/ja]\n   */\n  pushPage(route, options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    return new Promise((resolve) => {\n      var newPage = this.props.renderPage(route, this);\n\n      this.routes.push(route);\n      this.refs.navi\n        ._pushPage(\n          options,\n          this.update.bind(this),\n          this.pages,\n          newPage\n        )\n        .then(resolve)\n        .catch((error) => {\n          this.routes.pop();\n          this.pages.pop();\n          throw error;\n        });\n    });\n  }\n\n  isRunning() {\n    return this.refs.navi._isRunning;\n  }\n\n  /*\n   * @method replacePage\n   * @signature replacePage(route, [options])\n   * @param {Object} route\n   *   [en] The route that the navigator should replace the top page with.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en]Promise which resolves to the new page.[/en]\n   *   [ja]新しいページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en]Replaces the current top page with the specified one. Extends `pushPage()` parameters.[/en]\n   *   [ja]現在表示中のページをを指定したページに置き換えます。[/ja]\n   */\n  replacePage(route, options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    this.pushPage(route, options).then(() => {\n      const pos = this.pages.length - 2;\n      this.pages.splice(pos, 1);\n      this.routes.splice(pos, 1);\n      this.refs.navi.topPage.updateBackButton(this.pages.length > 1);\n      this.forceUpdate();\n    });\n  }\n\n  /**\n   * @method popPage\n   * @signature popPage(options = {})\n   * @return {Promise}\n   *   [en] Promise which resolves to the revealed page.[/en]\n   *   [ja] 明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en] Pops a page out of the page stack[/en]\n   *   [ja] どうしよう[/ja]\n   */\n  popPage(options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    this.routesBeforePop = this.routes.slice();\n\n    return this.refs.navi._popPage(options, this.update.bind(this), this.pages)\n      .then(\n        () => {\n          this.routes.pop();\n        }\n      );\n  }\n\n  _prePop(event) {\n    event.routes = {\n      poppingRoute: this.routesBeforePop[this.routesBeforePop.length - 1],\n      routes: this.routesBeforePop\n    };\n\n    this.props.onPrePop(event);\n  }\n\n  _postPop(event) {\n    event.routes = {\n      poppedRoute: this.routesBeforePop[this.routesBeforePop.length - 1],\n      routes: this.routesBeforePop.slice(0, this.routesBeforePop.length - 1)\n    };\n\n    this.props.onPostPop(event);\n  }\n\n  _prePush(event) {\n    event.routes = {\n      pushingRoute: this.routes[this.routes.length - 1],\n      routes: this.routes.slice(0, this.routes.length - 1)\n    };\n\n    this.props.onPrePush(event);\n  }\n\n  _postPush(event) {\n    event.routes = {\n      pushedRoute: this.routes[this.routes.length - 1],\n      routes: this.routes\n    };\n\n    this.props.onPostPush(event);\n  }\n\n  componentDidMount() {\n    const node = this.refs.navi;\n    node.popPage = this.popPage.bind(this);\n\n    node.addEventListener('prepush', this._prePush);\n    node.addEventListener('postpush', this._postPush);\n    node.addEventListener('prepop', this._prePop);\n    node.addEventListener('postpop', this._postPop);\n\n    if (this.props.initialRoute && this.props.initialRouteStack) {\n      throw new Error('In Navigator either initalRoute or initalRoutes can be set');\n    }\n\n    if (this.props.initialRoute) {\n      this.routes = [this.props.initialRoute];\n    } else if (this.props.initialRouteStack) {\n      this.routes = this.props.initialRouteStack;\n    } else {\n      this.routes = [];\n    }\n\n    this.pages = this.routes.map(\n      (route) => this.props.renderPage(route, this)\n    );\n    this.setState({});\n  }\n\n  componentWillUnmount() {\n    const node = this.refs.navi;\n    node.removeEventListener('prepush', this.props.onPrePush);\n    node.removeEventListener('postpush', this.props.onPostPush);\n    node.removeEventListener('prepop', this.props.onPrePop);\n    node.removeEventListener('postpop', this.props.onPostPop);\n  }\n\n  render() {\n    var {...others} = this.props;\n    Util.convert(others, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    return (\n      <ons-navigator {...others} ref='navi'>\n        {this.pages}\n      </ons-navigator>\n    );\n  }\n}\n\nNavigator.propTypes = {\n  /**\n   * @name renderPage\n   * @type function\n   * @required true\n   * @defaultValue null\n   * @description\n   *  [en] This function takes the current route object as a parameter and  creates returns a react componen.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderPage: React.PropTypes.func.isRequired,\n  /**\n   * @name initialRouteStack\n   * @type array\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This array contains the initial routes from the navigator,\n   *  which will be used to render the initial pages in the renderPage method.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  initialRouteStack: React.PropTypes.array,\n\n  /**\n   * @name initialRoute\n   * @type object\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This array contains the initial route of the navigator,\n   *  which will be used to render the initial pages in the\n   *  renderPage method.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  initialRoute: React.PropTypes.object,\n\n  /**\n   * @name onPrePush\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before a page is pushed.[/en]\n   */\n  onPrePush: React.PropTypes.func,\n\n  /**\n   * @name onPostPush\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after a page is pushed.[/en]\n   */\n  onPostPush: React.PropTypes.func,\n\n  /**\n   * @name onPrePop\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before a page is popped.[/en]\n   */\n  onPrePop: React.PropTypes.func,\n\n  /**\n   * @name onPostPop\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after a page is popped.[/en]\n   */\n  onPostPop: React.PropTypes.func,\n\n  /**\n   * @property animation\n   * @type {String}\n   * @description\n   *   [en]\n   *     Animation name. Available animations are `\"slide\"`, `\"lift\"`, `\"fade\"` and `\"none\"`.\n   *     These are platform based animations. For fixed animations, add `\"-ios\"` or `\"-md\"` suffix to the animation name. E.g. `\"lift-ios\"`, `\"lift-md\"`. Defaults values are `\"slide-ios\"` and `\"fade-md\"`.\n   *   [/en]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object\n};\n\nconst NOOP = () => null;\n\nNavigator.defaultProps = {\n  onPostPush: NOOP,\n  onPrePush: NOOP,\n  onPrePop: NOOP,\n  onPostPop: NOOP\n};\n\nexport default Navigator;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-modal\n * @category modal\n * @tutorial react/Reference/modal\n * @description\n * [en]\n *   A modal component covers the entire screen. Underlying components are not\n *   subject to any events while the modal component is shown.\n *\n *   This component can be used to block user input while some operation is\n *   running or to show some information to the user.\n * [/en]\n * [jp]\n *   画面全体をマスクするモーダル用コンポーネントです。下側にあるコンポーネントは、\n *   モーダルが表示されている間はイベント通知が行われません\n * [/jp]\n * @example\n  <Page\n    renderModal={() => (\n      <Modal isOpen={this.state.isLoading}>\n        Loading ...\n      </Modal>\n    )}>\n    <div> Page content </div>\n  </Page>\n */\nclass Modal extends BasicComponent {\n  constructor(props, context) {\n    super(props, context);\n    this.node = null;\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(this.node);\n\n    this._update(this.props, false);\n  }\n\n  componentWillReceiveProps(nextProps) {\n    this._update(nextProps, this.props.isOpen);\n  }\n\n  _update(props, isOpen) {\n    const animationOptions = {\n      animation: props.animation,\n      animationOptions: props.animationOptions\n    };\n\n    if (props.isOpen && !isOpen) {\n      this.node.show(animationOptions).then(() => props.onShow && props.onShow());\n    } else {\n      this.node.hide(animationOptions).then(() => props.onHide && props.onHide());\n    }\n  }\n\n  componentWillUnmount() {\n    this.node = null;\n  }\n\n  render() {\n    const {...others} = this.props;\n    return (\n      <ons-modal\n        {...others}\n      >\n        {this.props.children}\n      </ons-modal>\n    );\n  }\n};\n\nModal.propTypes = {\n  /**\n   * @property animation\n   * @type {String}\n   * @description\n   *   [en]\n   *     Animation name. Available animations are `\"slide\"`, `\"lift\"`, `\"fade\"` and `\"none\"`.\n   *     These are platform based animations. For fixed animations, add `\"-ios\"` or `\"-md\"` suffix to the animation name. E.g. `\"lift-ios\"`, `\"lift-md\"`. Defaults values are `\"slide-ios\"` and `\"fade-md\"`.\n   *   [/en]\n   */\n  animation: React.PropTypes.oneOf(['none', 'fade']),\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called Fired right after the modal is shown.\n   *  [/en]\n   */\n  onShow: React.PropTypes.func,\n\n  /**\n   * @name onHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called after the modal is hidden.\n   *  [/en]\n   */\n  onHide: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type boolean\n   * @description\n   *  [en]When `true` the modal will show itself.[/en]\n   */\n  isOpen: React.PropTypes.bool\n};\n\nModal.defaultProps = {\n  isOpen: false,\n  animation: 'none'\n};\n\nexport default Modal;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\n/**\n * @original ons-page\n * @category page\n * @tutorial react/Reference/page\n * @description\n * [en]\n *   This component is handling the entire page. The content can be scrolled.\n *\n *   To add fixed content that doesn't scroll with the page the `renderFixed` prop is used.\n *\n *   A page toolbar can be added with the `renderToolbar` prop.\n * [/en]\n * [jp] どうしよう[/jp]\n * @example\n  <Page\n    renderFixed={() => <Fab></Fab>}\n    renderToolbar={() => <Toolbar>...</Toolbar>}\n    contentStyle={{padding: 40}}>\n    <div> Page content </div>\n  </Page>\n */\nclass Page extends BasicComponent {\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(node);\n    node.addEventListener('init', this.props.onInit);\n    node.addEventListener('show', this.props.onShow);\n    node.addEventListener('hide', this.props.onHide);\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('init', this.props.onInit);\n    node.removeEventListener('show', this.props.onShow);\n    node.removeEventListener('hide', this.props.onHide);\n  }\n\n  render() {\n    const toolbar = this.props.renderToolbar(this);\n    const bottomToolbar = this.props.renderBottomToolbar(this);\n    const modal = this.props.renderModal(this);\n    const fixed = this.props.renderFixed(this);\n\n    const {contentStyle, ...props} = this.props;\n\n    return <ons-page {...props} >\n        {toolbar}\n        <div className='page__background'> </div>\n        <div className='page__content' style={contentStyle}>\n          {this.props.children}\n        </div>\n        <div className='page__extra' style={{zIndex: 10001}}>\n          {modal}\n        </div>\n        {fixed}\n        {bottomToolbar}\n      </ons-page>;\n  }\n};\n\nPage.propTypes = {\n\n  /**\n   * @name contentStyle\n   * @type Object\n   * @description\n   *  [en]\n   *  Specify the style of the page content. Optional.\n   *  [/en]\n   */\n  contentStyle: React.PropTypes.object,\n\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name renderModal\n   * @type function\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This function renders a modal that masks current screen.[/en]\n   */\n  renderModal: React.PropTypes.func,\n\n  /**\n   * @name renderToolbar\n   * @type function\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This function renders the toolbar of the page.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderToolbar: React.PropTypes.func,\n\n  /**\n   * @name renderBottomToolbar\n   * @type function\n   * @defaultValue null\n   * @description\n   *  [en] This function renders the bottom toolbar of the page.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderBottomToolbar: React.PropTypes.func,\n\n  /**\n   * @name renderFixed\n   * @type function\n   * @defaultValue null\n   * @description\n   *  [en] This function renders fixed content of the page. Can be used to render `Fab` or `SpeedDial` components as well as other components that don't scroll with the page.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderFixed: React.PropTypes.func,\n\n  /**\n   * @name onInit\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  \tFired right after the page is attached.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onInit: React.PropTypes.func,\n\n  /**\n   * @name onShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called Fired right after the page is shown.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onShow: React.PropTypes.func,\n\n  /**\n   * @name onHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called after the page is hidden.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onHide: React.PropTypes.func\n};\n\nconst NOOP = () => null;\n\nPage.defaultProps = {\n  renderToolbar: NOOP,\n  renderBottomToolbar: NOOP,\n  renderModal: NOOP,\n  renderFixed: NOOP\n};\n\nexport default Page;\n","import BaseDialog from './BaseDialog.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\n/**\n * @original ons-popover\n * @category popover\n * @tutorial react/Reference/popover\n * @description\n *   [en]\n *     A component that displays a popover next to an element. The popover can be used to display extra information about a component or a tooltip.\n *    Another common way to use the popover is to display a menu when a button on the screen is tapped.\n *   [/en]\n * [jp][/jp]\n * @example\n * <Page>\n *  <Button ref='btn'\n  *  onClick={() => this.setState({target: this.refs.btn, isOpen: true})}/>\n    <Popover\n      isOpen={this.state.isOpen}\n      onCancel={() => this.setState({isOpen: false})}\n      getTarget={() => this.state.target} >\n      <div style={{textAlign: 'center', opacity: 0.5}}>\n        <p>This is a popover!</p>\n          <p><small>Click the background to remove the popover.</small></p>\n        </div>\n        </Popover>\n * </Page>\n */\nclass Popover extends BaseDialog {\n  _getDomNodeName() {\n    return 'ons-popover';\n  }\n\n  show() {\n    var target = this.props.getTarget();\n    target = ReactDOM.findDOMNode(target);\n    return this.node.firstChild.show(target);\n  }\n}\n\nPopover.propTypes = {\n  /**\n   * @name getTarget\n   * @type function\n   * @required true\n   * @description\n   *  [en]\n   *  This function should return react component or a domnode that the popover is showing on.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  getTarget: React.PropTypes.func.isRequired,\n    /**\n   * @name onCancel\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called only if isCancelable is true. It will be called after tapping the background or by pressing the back button on Android devices.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onCancel: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @required true\n   * @description\n   *  [en]\n   *  Indicates whether the dialog is open and shown.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool.isRequired,\n\n  /**\n   * @name isCancelable\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is cancelable or not.\n   *  A cancelable dialog will call onCancel  when tapping the background or or  pressing the back button on Android devices\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isCancelable: React.PropTypes.bool,\n\n  /**\n   * @name isDisabled\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isDisabled: React.PropTypes.bool,\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]\n   *  The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the dialog.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name maskColor\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background mask. Default is \"rgba(0, 0, 0, 0.2)\"[/en]\n   *  [jp] [/jp]\n   */\n  maskColor: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just before the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPreShow: React.PropTypes.func,\n\n  /**\n   * @name onPostShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just after the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPostShow: React.PropTypes.func,\n\n  /**\n   * @name onPreHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPreHide: React.PropTypes.func,\n\n  /**\n   * @name onPostHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPostHide: React.PropTypes.func\n};\n\nexport default Popover;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-progress-bar\n * @category progress\n * @tutorial react/Reference/progress\n * @description\n * [en] The component is used to display a linear progress bar. It can either display a progress bar that shows the user how much of a task has been completed. In the case where the percentage is not known it can be used to display an animated progress bar so the user can see that an operation is in progress.  [/en]\n * [jp][/jp]\n * @example\n *<ProgressBar value={55} secondaryValue={87} />\n *<ProgressBar indeterminate />\n */\nclass ProgressBar extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-progress-bar';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'indeterminate');\n    Util.convert(others, 'secondaryValue', {newName: 'secondary-value'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nProgressBar.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the progress indicator.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name value\n   * @type number\n   * @description\n   *  [en]\n   *  Current progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  value: React.PropTypes.number,\n\n  /**\n   * @name secondaryValue\n   * @type bool\n   * @description\n   *  [en]\n   *  Current secondary progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  secondaryValue: React.PropTypes.number,\n\n  /**\n   * @name intermediate\n   * @type bool\n   * @description\n   *  [en] If this property is set, an infinite looping animation will be shown. [/en]\n   *  [jp] [/jp]\n   */\n  indeterminate: React.PropTypes.bool\n};\n\nexport default ProgressBar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-progress-circular\n * @category progress\n * @tutorial react/Reference/progress\n * @description\n * [en] This component displays a circular progress indicator. It can either be used to show how much of a task has been completed or to show a looping animation to indicate that an operation is currently running.\n * [/en]\n * [jp][/jp]\n * @example\n *<ProgressCircular value={55} secondaryValue={87} />\n *<ProgressCircular indeterminate />\n */\nclass ProgressCircular extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-progress-circular';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'indeterminate');\n    Util.convert(others, 'secondaryValue', {newName: 'secondary-value'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nProgressCircular.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the progress indicator.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name value\n   * @type number\n   * @description\n   *  [en]\n   *  Current progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  value: React.PropTypes.number,\n\n  /**\n   * @name secondaryValue\n   * @type bool\n   * @description\n   *  [en]\n   *  Current secondary progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  secondaryValue: React.PropTypes.number,\n\n  /**\n   * @name intermediate\n   * @type bool\n   * @description\n   *  [en] If this property is set, an infinite looping animation will be shown. [/en]\n   *  [jp] [/jp]\n   */\n  indeterminate: React.PropTypes.bool\n};\n\nexport default ProgressCircular;\n","import ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-pull-hook\n * @category pull-hook\n * @tutorial react/Reference/pull-hook\n * @description\n * [en]  Component that adds **Pull to refresh** functionality to an `<ons-page>` element.\n *     It can be used to perform a task when the user pulls down at the top of the page. A common usage is to refresh the data displayed in a page.\n [/en]\n * [jp] どうしよう[/jp]\n * @example\n\n    return (\n      <PullHook onChange={this.onChange} onLoad={this.onLoad}>\n      {\n       (this.state.pullHookState === 'initial') ?\n        <span >\n          <Icon size={35} spin={false} icon='ion-arrow-down-a' />\n          Pull down to refresh\n        </span> :\n        (this.state.pullHookState === 'preaction') ?\n         <span>\n           <Icon size={35} spin={false} icon='ion-arrow-up-a' />\n           Release to refresh\n        </span>\n        :\n        <span><Icon size={35} spin={true} icon='ion-load-d'></Icon> Loading data...</span>\n    }\n      </PullHook>\n    );\n */\nclass PullHook extends BasicComponent {\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    node.addEventListener('changestate', this.props.onChange);\n    CustomElements.upgrade(this.refs.pullHook);\n    this.refs.pullHook.onAction = this.props.onLoad;\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('changestate', this.props.onChange);\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    ['disabled'].forEach((el) => {\n      Util.convert(others, el);\n    });\n\n    Util.convert(others, 'height', {fun: Util.sizeConverter});\n    Util.convert(others, 'thresholdHeight', {fun: Util.sizeConverter, newName: 'threshold-height'});\n    Util.convert(others, 'fixedContent', {newName: 'fixed-content'});\n\n    return <ons-pull-hook ref='pullHook' {...others} />;\n  }\n}\n\nPullHook.propTypes = {\n  /**\n   * @name onChange\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called when the pull hook inner state is changed. The state can be either \"initial\", \"preaction\" or \"action\"[/en]\n   *  [jp] [/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name onLoad\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called when the pull hook is in the  `action` state[/en]\n   *  [jp] [/jp]\n   */\n  onLoad: React.PropTypes.func,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] When set to true, the pull hook will be disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name height\n   * @type number\n   * @description\n   *  [en] The height of the pull hook in pixels. The default value is 64.[/en]\n   *  [jp] [/jp]\n   */\n  height: React.PropTypes.number,\n\n  /**\n   * @name thresholdHeight\n   * @type number\n   * @description\n   *  [en] The threshold height of the pull hook in pixels. The default value is 96.[/en]\n   *  [jp] [/jp]\n   */\n  thresholdHeight: React.PropTypes.number,\n\n  /**\n   * @name fixedContent\n   * @type number\n   * @description\n   *  [en] If set to true, the content of the page will not move when pulling.[/en]\n   *  [jp] [/jp]\n   */\n  fixedContent: React.PropTypes.bool\n};\n\nexport default PullHook;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nconst EVENT_TYPES = ['change', 'input'];\n\n/**\n * @original ons-range\n * @category input\n * @tutorial react/Reference/input\n * @description\n * [en]\n *   Range input component.\n * [/en]\n * [jp][/jp]\n * @example\n * <Range modifier=\"material\"\n *   value={this.state.value}\n *   onChange={(event) => this.setState({value: parseInt(event.target.value)})}\n *   />\n */\nclass Range extends SimpleWrapper {\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.addEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.removeEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillReceiveProps(props) {\n    const node = ReactDOM.findDOMNode(this);\n    node.value = props.value;\n  }\n\n  _getDomNodeName() {\n    return 'ons-range';\n  }\n};\n\nRange.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the progress indicator.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name onChange\n   * @type function\n   * @description\n   *  [en] Called when the value of the input changes.[/en]\n   *  [jp][/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name value\n   * @type number\n   * @description\n   *  [en]\n   *  Current value of the element.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  value: React.PropTypes.number,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] If true, the element is disabled. [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default Range;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-ripple\n * @category ripple\n * @tutorial react/Reference/ripple\n * @description\n * [en]\n *   Adds a Material Design \"ripple\" effect to an element.\n * [/en]\n * [jp][/jp]\n * @example\n   <div className='myList'>\n     <Ripple color='red' />\n   </div>\n */\nclass Ripple extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-ripple';\n  }\n};\n\nRipple.propTypes = {\n  /**\n   * @name color\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the ripple effect.[/en]\n   *  [jp] [/jp]\n   */\n  color: React.PropTypes.string,\n\n  /**\n   * @name background\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background.[/en]\n   *  [jp] [/jp]\n   */\n  background: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the button is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default Ripple;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-row\n * @category grid\n * @description\n * [en]\n * Represents a row in the grid system. Use with `Col` to layout components.\n * [/en]\n * [jp][/jp]\n * <Row>\n *   <Col width={50}>\n  *   <ons-icon icon=\"fa-twitter\"></ons-icon>\n *   </Col>\n *   <Col>Text</Col>\n * </Row>\n */\nclass Row extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-row';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'verticalAlign', {newName: 'vertical-align'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nRow.propTypes = {\n\n  /**\n  * @name verticalAlign\n  * @type {String}\n  * @description\n  *   [en]Short hand attribute for aligning vertically. Valid values are top, bottom, and center.[/en]\n  *   [ja][/ja]\n  */\n  verticalAlign: React.PropTypes.oneOf(['top', 'bottom', 'center'])\n\n};\n\nexport default Row;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-speed-dial\n * @category speed-dial\n * @tutorial react/Reference/speed-dial\n * @description\n * [en] Element that displays a Material Design Speed Dialog component. It is useful when there are more than one primary action that can be performed in a page.\n *  The Speed dial looks like a `Fab` element but will expand a menu when tapped.\n [/en]\n * [jp][/jp]\n * @example\n * <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>\n */\nclass SpeedDial extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-speed-dial';\n  }\n};\n\nSpeedDial.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the speed dial.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name position\n   * @type string\n   * @description\n   *  [en]Specify the vertical and horizontal position of the component.\n   *     I.e. to display it in the top right corner specify \"right top\".\n   *     Choose from \"right\", \"left\", \"top\" and \"bottom\".\n[/en]\n   *  [jp] [/jp]\n   */\n  position: React.PropTypes.string,\n\n  /**\n   * @name direction\n   * @type string\n   * @description\n   *  [en]Specify the direction the items are displayed. Possible values are \"up\", \"down\", \"left\" and \"right\".[/en]\n   *  [jp] [/jp]\n   */\n  direction: React.PropTypes.oneOf(['up', 'down', 'left', 'right']),\n\n  /**\n   * @name disabled\n   * @type string\n   * @description\n   *  [en]Specify if button should be disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default SpeedDial;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport ReactDOM from 'react-dom';\nimport React from 'react';\n\n/**\n * @original ons-speed-dial-item\n * @category speed-dial\n * @tutorial react/Reference/speed-dial\n * @description\n * [en] This component displays the child elements of the Material Design Speed dial component. [/en]\n * [jp][/jp]\n * @example\n * <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>\n */\nclass SpeedDialItem extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-speed-dial-item';\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(node);\n    node.addEventListener('click', this.props.onClick);\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('click', this.props.onClick);\n  }\n};\n\nSpeedDialItem.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en] This function will be called ones the button is clicked. [/en]\n   *  [jp] [/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default SpeedDialItem;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-splitter\n * @category splitter\n * @tutorial react/Reference/splitter\n * @description\n * [en]  A component that enables responsive layout by implementing both a two-column layout and a sliding menu layout.\n *\n *    It can be configured to automatically expand into a column layout on large screens and collapse the menu on smaller screens. When the menu is collapsed the user can open it by swiping.\n [/en]\n * [jp] どうしよう[/jp]\n * @example\n  <Splitter>\n    <SplitterSide\n      side=\"left\"\n      width={200}\n      isSwipeable={true}>\n      <Page> Page Left </Page>\n    </SplitterSide>\n    <SplitterContent>\n      <Page> Page Content </Page>\n    </SplitterContent>\n    <SplitterSide\n      side=\"right\"\n      width={300}\n      collapse={!this.state.showRight}\n      isOpen={this.state.openRight}\n      onClose={this.handleRightClose.bind(this)}\n      onOpen={this.handleRightOpen.bind(this)}\n      isSwipeable={true}>\n      <Page> Page Right </Page>\n    </SplitterSide>\n  </Splitter>\n */\n\nclass Splitter extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-splitter';\n  }\n};\n\nexport default Splitter;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n/**\n * @original ons-splitter-content\n * @category splitter\n * @tutorial react/Reference/splitter\n * @description\n * [en]  The SplitterContent  element is used as a child element of Splitter.\n *    It contains the main content of the page while SplitterSide contains the list.\n [/en]\n * [jp][/jp]\n * @example\n  <Splitter>\n    <SplitterSide\n      side=\"left\"\n      width={200}\n      isSwipeable={true}>\n      <Page> Page Left </Page>\n    </SplitterSide>\n    <SplitterContent>\n      <Page> Page Content </Page>\n    </SplitterContent>\n    <SplitterSide\n      side=\"right\"\n      width={300}\n      collapse={!this.state.showRight}\n      isOpen={this.state.openRight}\n      onClose={this.handleRightClose.bind(this)}\n      onOpen={this.handleRightOpen.bind(this)}\n      isSwipeable={true}>\n      <Page> Page Right </Page>\n    </SplitterSide>\n  </Splitter>\n */\nclass SplitterContent extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-splitter-content';\n  }\n};\n\nexport default SplitterContent;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-splitter-side\n * @category splitter\n * @tutorial react/Reference/splitter\n * @description\n * [en]  The SplitterContent  element is used as a child element of Splitter.\n *    It contains the main content of the page while SplitterSide contains the list.\n [/en]\n * [jp][/jp]\n * @example\n  <Splitter>\n    <SplitterSide\n      side=\"left\"\n      width={200}\n      isSwipeable={true}>\n      <Page> Page Left </Page>\n    </SplitterSide>\n    <SplitterContent>\n      <Page> Page Content </Page>\n    </SplitterContent>\n    <SplitterSide\n      side=\"right\"\n      width={300}\n      collapse={!this.state.showRight}\n      isOpen={this.state.openRight}\n      onClose={this.handleRightClose.bind(this)}\n      onOpen={this.handleRightOpen.bind(this)}\n      isSwipeable={true}>\n      <Page> Page Right </Page>\n    </SplitterSide>\n  </Splitter>\n */\n\nclass SplitterSide extends BasicComponent {\n  render() {\n    var {...props} = this.props;\n\n    props.swipeable = this.props.isSwipeable ? 'swipeable' : null;\n\n    if (this.props.isCollapsed) {\n      console.error('The property `isCollapsed` is deprecated, please use `collapse`, see https://onsen.io/v2/docs/react/SplitterSide.html.');\n      delete props['isCollapsed'];\n    }\n\n    if (!props.collapse) props.collapse = null;\n\n    if (typeof props.collapse === 'boolean') {\n      if (props.collapse) {\n        props.collapse = 'collapse';\n      } else {\n        props.collapse = 'false';\n      }\n    }\n\n    Util.convert(props, 'width', {fun: Util.sizeConverter});\n    Util.convert(props, 'animation');\n    Util.convert(props, 'side');\n    Util.convert(props, 'mode');\n    Util.convert(props, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n    Util.convert(props, 'openThreshold', {newName: 'open-threshold'});\n    Util.convert(props, 'swipeTargetWidth', {fun: Util.sizeConverter, newName: 'swipe-target-width'});\n\n    return (\n      <ons-splitter-side {...props} >\n        {this.props.children}\n      </ons-splitter-side>\n    );\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.node = ReactDOM.findDOMNode(this);\n    this.componentWillReceiveProps(this.props);\n\n    this.node.addEventListener('postopen', this.props.onOpen);\n    this.node.addEventListener('postclose', this.props.onClose);\n    this.node.addEventListener('preopen', this.props.onPreOpen);\n    this.node.addEventListener('preclose', this.props.onPreClose);\n    this.node.addEventListener('modechange', this.props.onModeChange);\n  }\n\n  componentWillUnmount() {\n    this.node.removeEventListener('postopen', this.props.onOpen);\n    this.node.removeEventListener('postclose', this.props.onClose);\n    this.node.removeEventListener('preopen', this.props.onPreOpen);\n    this.node.removeEventListener('preclose', this.props.onPreClose);\n    this.node.removeEventListener('modechange', this.props.onModeChange);\n  }\n\n  componentWillReceiveProps(newProps) {\n    if (newProps.isOpen) {\n      this.node.open();\n    } else {\n      this.node.close();\n    }\n  }\n}\n\nSplitterSide.propTypes = {\n  /**\n   * @name collapse\n   * @type bool\n   * @description\n   *  [en] Specify the collapse behavior. Valid values are `\"portrait\"`, `\"landscape\"` or a media query.\n   *     The strings `\"portrait\"` and `\"landscape\"` means the view will collapse when device is in landscape or portrait orientation.\n   *     If the value is not defined, the view always be in `\"collapse\"` mode.\n[/en]\n   *  [jp] [/jp]\n   */\n  collapse: React.PropTypes.oneOfType([React.PropTypes.bool, React.PropTypes.string]),\n\n  /**\n   * @name isSwipeable\n   * @type bool\n   * @description\n   *  [en]Ennable swipe interaction on collapse mode.[/en]\n   *  [jp] [/jp]\n   */\n  isSwipeable: React.PropTypes.bool,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @description\n   *  [en]Specifies whether the menu is open.[/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool,\n\n  /**\n   * @name onOpen\n   * @type function\n   * @description\n   *  [en]Called after the menu is opened.[/en]\n   *  [jp] [/jp]\n   */\n  onOpen: React.PropTypes.func,\n\n  /**\n   * @name onClose\n   * @type function\n   * @description\n   *  [en]Called after the menu is closed.[/en]\n   *  [jp] [/jp]\n   */\n  onClose: React.PropTypes.func,\n\n  /**\n   * @name side\n   * @type string\n   * @description\n   *  [en]Specify which side of the screen the SplitterSide element is located. Possible values are `\"left\"` and `\"right\"`.[/en]\n   *  [jp] [/jp]\n   */\n  side: React.PropTypes.oneOf(['left', 'right']),\n\n  /**\n   * @name swipeTargetWidth\n   * @type number\n   * @description\n   *  [en]Specifies the width of the menu with a number (for pixels) or a string (e.g. \"20%\" for percentage).[/en]\n   *  [jp] [/jp]\n   */\n  swipeTargetWidth: React.PropTypes.number,\n\n  /**\n   * @name width\n   * @type  number\n   * @description\n   *  [en]Specifies the width of the menu with a number (for pixels) or a string (e.g. \"20%\" for percentage).[/en]\n   *  [jp] [/jp]\n   */\n  width: React.PropTypes.oneOfType([React.PropTypes.number, React.PropTypes.string]),\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]Specify the animation. Use one of `\"overlay\"`, and `\"default\"`.[/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name openThreshold\n   * @type object\n   * @required false\n   * @description\n   *  [en] Specify how much the menu needs to be swiped before opening. A value between `0` and `1`.  [/en]\n   *  [jp] [/jp]\n   */\n  openThreshold: React.PropTypes.number,\n\n  /**\n   * @name mode\n   * @type string\n   * @required false\n   * @description\n   *  [en] Current mode. Possible values are `\"collapse\"` or `\"split\"`. This attribute is read only.  [/en]\n   *  [jp] [/jp]\n   */\n  mode: React.PropTypes.oneOf(['collapse', 'split']),\n\n  /**\n   * @name onPreOpen\n   * @type string\n   * @description\n   *  [en] Called before the menu opens.  [/en]\n   *  [jp] [/jp]\n   */\n  onPreOpen: React.PropTypes.func,\n\n  /**\n   * @name onPreClose\n   * @type string\n   * @description\n   *  [en] Called before the menu closes.  [/en]\n   *  [jp] [/jp]\n   */\n  onPreClose: React.PropTypes.func,\n\n  /**\n   * @name onModeChange\n   * @type string\n   * @description\n   *  [en] Called after the component's mode changes. [/en]\n   *  [jp] [/jp]\n   */\n  onModeChange: React.PropTypes.func\n};\n\nexport default SplitterSide;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-switch\n * @category input\n * @tutorial react/Reference/input\n * @description\n * [en]   Switch component. The switch can be toggled both by dragging and tapping.\n *     Will automatically displays a Material Design switch on Android devices.\n [/en]\n * [jp][/jp]\n * @example\n * <Switch checked={this.state.checked} onChange={this.onChange} />\n */\nclass Switch extends BasicComponent {\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.refs.switch.addEventListener('change', this.props.onChange);\n  }\n\n  componentWillUnmount() {\n    this.refs.switch.removeEventListener('change', this.props.onChange);\n  }\n\n  render() {\n    var {checked, inputId, ...other} = this.props;\n\n    if (inputId) {\n      other['input-id'] = inputId;\n    }\n    return (\n      <ons-switch ref='switch' checked={checked ? '' : null} {...other} />\n    );\n  }\n};\n\nSwitch.propTypes = {\n    /**\n   * @name onChange\n   * @type function\n   * @description\n   *  [en] Called when the value of the switch changes (checked/unchecked) [/en]\n   *  [jp] [/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name checked\n   * @type bool\n   * @description\n   *  [en] Whether the switch is checked.[/en]\n   *  [jp] [/jp]\n   */\n  checked: React.PropTypes.bool,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] If set, the switch is disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name inputId\n   * @type bool\n   * @description\n   *  [en] Specify the `id` attribute of the inner `<input>` element. This is useful when using `<label for=\"...\">` elements.[/en]\n   *  [jp] [/jp]\n   */\n  inputId: React.PropTypes.string\n};\n\nexport default Switch;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-tab\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Represents a tab inside tab bar.\n [/en]\n * [jp][/jp]\n * @example\n * <Tap>\n *   Home\n * </Tap>\n */\nclass Tab extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-tab';\n  }\n};\n\nexport default Tab;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-tab-active\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Tab element for showing shown when the tab is active [/en]\n * [jp][/jp]\n * @example\n * <Tab>\n *   <TabActive>\n       HOME\n     </TabInActive>\n     <TabInActive>\n       home\n     </TabInActive>\n   </Tab>\n */\nclass TabActive extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-tab-active';\n  }\n};\n\nexport default TabActive;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-tab-inactive\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Tab element for showing shown when the tab is inactive [/en]\n * [jp][/jp]\n * @example\n * <Tab>\n *   <TabActive>\n       HOME\n     </TabInactive>\n     <TabInactive>\n       home\n     </TabInactive>\n   </Tab>\n */\nclass TabInactive extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-tab-inactive';\n  }\n};\n\nexport default TabInactive;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-tabbar\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Component to display a tabbar on either the top or the bottom of a page.\n * To define the tabs and the content the property renderTabs need to be implemented, that returns an array of tabs and their content. See the example for specifics. [/en]* [jp][/jp]\n * @example\n\n  <Page>\n    <Tabbar\n      onPreChange={({index}) => this.setState(index)}\n      onPostChange={() => console.log('postChange')}\n      onReactive={() => console.log('postChange')}\n      position='bottom'\n      index={this.state.index}\n      renderTabs={(activeIndex, tabbar) => [\n        {\n          content: <TabPage title=\"Home\" active={activeIndex === 0} tabbar={tabbar} />,\n          tab: <Tab label=\"Home\" icon=\"md-home\" />\n        },\n        {\n          content: <TabPage title=\"Settings\" active={activeIndex === 1} tabbar={tabbar} />,\n          tab: <Tab label=\"Settings\" icon=\"md-settings\" />\n        }]\n      }\n    />\n  </Page>\n */\n\nclass Tabbar extends BasicComponent {\n\n  componentDidMount() {\n    super.componentDidMount();\n    const node = this.refs.tabbar;\n    CustomElements.upgrade(node);\n    node.addEventListener('prechange', this.props.onPreChange);\n    node.addEventListener('postchange', this.props.onPostChange);\n    node.addEventListener('reactive', this.props.onReactive);\n  }\n\n  componentWillUnmount() {\n    const node = this.refs.tabbar;\n    node.removeEventListener('prechange', this.props.onPreChange);\n    node.removeEventListener('postchange', this.props.onPostChange);\n    node.removeEventListener('reactive', this.props.onReactive);\n  }\n\n  componentDidUpdate(prevProps) {\n    super.componentDidUpdate(prevProps);\n    if (prevProps.index !== this.props.index) {\n      this.refs.tabbar.setActiveTab(this.props.index);\n    }\n  }\n\n  render() {\n    const tabs = this.props.renderTabs(this.props.index, this);\n\n    if (!this.tabPages) {\n      this.tabPages = tabs.map((tab) => tab.content);\n    } else {\n      this.tabPages[this.props.index] = tabs[this.props.index].content;\n    }\n\n    var {...others} = this.props;\n\n    ['animation'].forEach((el) => {\n      Util.convert(others, el);\n    });\n\n    Util.convert(others, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    return (\n      <ons-tabbar {...this.props} ref='tabbar' activeIndex={this.props.index} _compiled='true'>\n        <div no-status-bar-fill className={'ons-tab-bar__content tab-bar__content' + (this.props.position === 'top' ? ' tab-bar--top__content' : '')}>\n          {this.tabPages}\n        </div>\n        <div className={'tab-bar ons-tab-bar__footer ons-tabbar-inner' + (this.props.position === 'top' ? ' tab-bar--top' : '')}>\n          {tabs.map((tab) => tab.tab)}\n        </div>\n      </ons-tabbar>\n    );\n  }\n}\n\nTabbar.propTypes = {\n  /**\n   * @name index\n   * @type number\n   * @required\n   * @description\n   *  [en] The index of the tab to highlight.[/en]\n   *  [jp] [/jp]\n   */\n  index: React.PropTypes.number.isRequired,\n\n  /**\n   * @name renderTabs\n   * @type function\n   * @description\n   *  [en] The index of the first tab to show.[/en]\n   *  [jp] [/jp]\n   */\n  renderTabs: React.PropTypes.func.isRequired,\n\n  /**\n   * @name position\n   * @type string\n   * @description\n   *  [en] Tabbar's position. Available values are `\"bottom\"` and `\"top\"`. Use `\"auto\"` to choose position depending on platform (iOS bottom, Android top). [/en]\n   *  [jp] [/jp]\n   */\n  position: React.PropTypes.string,\n\n  /**\n   * @name animation\n   * @type string\n   * @description\n   *  [en] Animation name. Available values are `\"none\"`, `\"slide\"` and `\"fade\"`. Default is `\"none\"`. [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.oneOf(['none', 'slide', 'fade']),\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreChange\n   * @type function\n   * @description\n   *  [en]Called just before the tab is changed.[/en]\n   *  [jp] [/jp]\n   */\n  onPreChange: React.PropTypes.func,\n\n  /**\n   * @name onPostChange\n   * @type function\n   * @description\n   *  [en]Called just after the tab is changed.[/en]\n   *  [jp] [/jp]\n   */\n  onPostChange: React.PropTypes.func,\n\n  /**\n   * @name onReactive\n   * @type function\n   * @description\n   *  [en]Called if the already open tab is tapped again.[/en]\n   *  [jp] [/jp]\n   */\n  onReactive: React.PropTypes.func\n};\n\nTabbar.defaultProps = {\n  index: 0\n};\n\nexport default Tabbar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-toolbar\n * @category toolbar\n * @tutorial react/Reference/toolbar\n * @description\n * [en]  Toolbar component that can be used with navigation. Left, center and right container can be specified by class names.  This component will automatically displays as a Material Design toolbar when running on Android devices.\n * [jp] どうしよう[/jp]\n * @example\n *\n<Page renderToolbar={() =>\n   <Toolbar>\n     <div className=\"left\">\n       <BackButton>\n         Back\n       </BackButton>\n     </div>\n     <div className=\"center\">\n       Title\n     </div>\n     <div className=\"right\">\n       <ToolbarButton>\n         <Icon icon=\"md-menu\" />\n       </ToolbarButton>\n     </div>\n   </Toolbar> } />\n */\nclass Toolbar extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-toolbar';\n  }\n};\n\nToolbar.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default Toolbar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-toolbar-button\n * @category toolbar\n * @tutorial react/Reference/toolbar\n * @description\n *   [en]\n *   Button component for the Toolbar. Using this component gives a nice default style.\n *\n *\n *   [/en]\n * [jp][/jp]\n * @example\n * <Page\n     renderToolbar = { () =>\n      <Toolbar>\n        <div className='left'><BackButton>Back</BackButton></div>\n        <div className='center'>Input</div>\n        <div className='right'>\n          <ToolbarButton onClick={this.add} >Add</ToolbarButton>\n        </div>\n      </Toolbar>\n     }>\n      Page Content\n    </Page>\n */\nclass ToolbarButton extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-toolbar-button';\n  }\n};\n\nToolbarButton.propTypes = {\n    /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Indicates whether the button is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default ToolbarButton;\n"],"names":["NOOP","EVENT_TYPES"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":null,"sources":["../src/components/Util.js","../src/components/BaseDialog.jsx","../src/components/AlertDialog.jsx","../src/components/BasicComponent.jsx","../src/components/SimpleWrapper.jsx","../src/components/BackButton.jsx","../src/components/BottomToolbar.jsx","../src/components/Button.jsx","../src/components/Carousel.jsx","../src/components/CarouselItem.jsx","../src/components/Col.jsx","../src/components/Dialog.jsx","../src/components/Fab.jsx","../src/components/Icon.jsx","../src/components/Input.jsx","../src/components/LazyList.jsx","../src/components/List.jsx","../src/components/ListHeader.jsx","../src/components/ListItem.jsx","../src/components/Navigator.jsx","../src/components/Modal.jsx","../src/components/Page.jsx","../src/components/Popover.jsx","../src/components/ProgressBar.jsx","../src/components/ProgressCircular.jsx","../src/components/PullHook.jsx","../src/components/Range.jsx","../src/components/Ripple.jsx","../src/components/Row.jsx","../src/components/SpeedDial.jsx","../src/components/SpeedDialItem.jsx","../src/components/Splitter.jsx","../src/components/SplitterContent.jsx","../src/components/SplitterSide.jsx","../src/components/Switch.jsx","../src/components/Tab.jsx","../src/components/TabActive.jsx","../src/components/TabInactive.jsx","../src/components/Tabbar.jsx","../src/components/Toolbar.jsx","../src/components/ToolbarButton.jsx"],"sourcesContent":["export default {\n  sizeConverter(item) {\n    if (typeof (item) === 'number') {\n      return `${item}px`;\n    } else {\n      return item;\n    }\n  },\n\n  numberConverter(item) {\n    return `${item}px`;\n  },\n\n  animationOptionsConverter(options) {\n    var keys = Object.keys(options);\n    var innerString = keys.map((key) => key + ': \"' + options[key] + '\"');\n    return '{' + innerString.join(',') + '}';\n  },\n\n  convert(dict, name, additionalDict = {}) {\n    const fun = additionalDict.fun ? additionalDict.fun : (x) => x;\n    const newName = additionalDict.newName ? additionalDict.newName : name;\n\n    var val = dict[name];\n    if (val) {\n      if (newName !== name) {\n        delete dict[name];\n      }\n      dict[newName] = fun(val);\n    } else {\n      dict[newName] = null;\n    }\n    return dict;\n  }\n};\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Util from './Util.js';\n\nclass BaseDialog extends React.Component {\n  show() {\n    this.node.firstChild.show();\n  }\n\n  updateClasses() {\n    var node = this.node.firstChild;\n\n    if (this.props.className) {\n      if (this.lastClass) {\n        node.className = node.className.replace(this.lastClass, '');\n      }\n\n      this.lastClass = ' ' + this.props.className;\n      node.className += this.lastClass;\n    }\n  }\n\n  hide() {\n    this.node.firstChild.hide();\n  }\n\n  componentDidMount() {\n    this.node = document.createElement('div');\n    document.body.appendChild(this.node);\n\n    this.node.addEventListener('dialog-cancel', this.props.onCancel);\n    this.node.addEventListener('preshow', this.props.onPreShow);\n    this.node.addEventListener('postshow', this.props.onPostShow);\n    this.node.addEventListener('prehide', this.props.onPreHide);\n    this.node.addEventListener('posthide', this.props.onPostHide);\n\n    this.renderPortal(this.props, false);\n  }\n\n  componentWillReceiveProps(newProps) {\n    this.renderPortal(newProps, this.props.isOpen);\n  }\n\n  componentWillUnmount() {\n    this.node.removeEventListener('cancel', this.props.onCancel);\n    this.node.removeEventListener('preshow', this.props.onPreShow);\n    this.node.removeEventListener('postshow', this.props.onPostShow);\n    this.node.removeEventListener('prehide', this.props.onPreHide);\n    this.node.removeEventListener('posthide', this.props.onPostHide);\n\n    ReactDOM.unmountComponentAtNode(this.node);\n    document.body.removeChild(this.node);\n  }\n\n  _update(isShown) {\n    CustomElements.upgrade(this.node.firstChild);\n    if (this.props.isOpen) {\n      if (!isShown) {\n        this.show();\n      }\n    } else {\n      this.hide();\n    }\n    this.updateClasses();\n  }\n\n  _getDomNodeName() {\n    throw new Error('_getDomNodeName is not implemented');\n  }\n\n  renderPortal(props, isShown) {\n    var {...newProps} = props;\n\n    Util.convert(newProps, 'isCancelable', {newName: 'cancelable'});\n    Util.convert(newProps, 'isDisabled', {newName: 'disabled'});\n    Util.convert(newProps, 'maskColor', {newName: 'mask-color'});\n    Util.convert(newProps, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    var element = React.createElement(this._getDomNodeName(), newProps);\n    ReactDOM.render(element, this.node, this._update.bind(this, isShown));\n  }\n\n  shouldComponentUpdate() {\n    return false;\n  }\n\n  render() {\n    return React.DOM.noscript();\n  }\n}\n\nBaseDialog.propTypes = {\n  onCancel: React.PropTypes.func,\n  isOpen: React.PropTypes.bool.isRequired,\n  isCancelable: React.PropTypes.bool,\n  isDisabled: React.PropTypes.bool,\n  animation: React.PropTypes.string,\n  maskColor: React.PropTypes.string,\n  animationOptions: React.PropTypes.object,\n  onPreShow: React.PropTypes.func,\n  onPostShow: React.PropTypes.func,\n  onPreHide: React.PropTypes.func,\n  onPostHide: React.PropTypes.func\n};\n\nBaseDialog.defaultProps = {\n  isCancelable: true,\n  isDisabled: false\n};\n\nexport default BaseDialog;\n","import BaseDialog from './BaseDialog.jsx';\nimport React from 'react';\n\n/**\n * @original ons-alert-dialog\n * @category dialog\n * @tutorial react/Reference/dialog\n * @description\n * [en]\n *   Alert dialog that is displayed on top of the current screen. Useful for displaying questions, warnings or error messages to the user. The title, content and buttons can be easily customized and it will automatically switch style based on the platform.\n * [/en]\n * [jp][/jp]\n * @example\n   <AlertDialog isOpen={this.state.isOpen} onCancel={this.handleCancel.bind(this)} cancelable>\n     <div className=\"alert-dialog-title\">Warning!</div>\n     <div className=\"alert-dialog-content\">\n       An error has occurred!\n     </div>\n     <div className=\"alert-dialog-footer\">\n       <Button onClick={this.handleCancel.bind(this)} className=\"alert-dialog-button\">\n         Cancel\n       </Button>\n       <Button onClick={this.handleCancel.bind(this)} className=\"alert-dialog-button\">\n         Ok\n       </Button>\n     </div>\n   </AlertDialog>\n */\nclass AlertDialog extends BaseDialog {\n  _getDomNodeName() {\n    return 'ons-alert-dialog';\n  }\n}\n\nAlertDialog.propTypes = {\n  /**\n   * @name onCancel\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called only if isCancelable is true. It will be called after tapping the background or by pressing the back button on Android devices.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onCancel: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @required true\n   * @description\n   *  [en]\n   *  Indicates whether the dialog is open and shown.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool.isRequired,\n\n  /**\n   * @name isCancelable\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is cancelable or not.\n   *  A cancelable dialog will call onCancel  when tapping the background or or  pressing the back button on Android devices\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isCancelable: React.PropTypes.bool,\n\n  /**\n   * @name isDisabled\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isDisabled: React.PropTypes.bool,\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]\n   *  The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the dialog.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name maskColor\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background mask. Default is \"rgba(0, 0, 0, 0.2)\"[/en]\n   *  [jp] [/jp]\n   */\n  maskColor: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just before the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPreShow: React.PropTypes.func,\n\n  /**\n   * @name onPostShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just after the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPostShow: React.PropTypes.func,\n\n  /**\n   * @name onPreHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPreHide: React.PropTypes.func,\n\n  /**\n   * @name onPostHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPostHide: React.PropTypes.func\n};\n\nexport default AlertDialog;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport ons from 'onsenui';\n\nclass BasicComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.updateClasses = this.updateClasses.bind(this);\n  }\n\n  updateClasses() {\n    var node = ReactDOM.findDOMNode(this);\n\n    if (typeof this.props.className !== 'undefined') {\n      if (this.lastClass) {\n        node.className = node.className.replace(this.lastClass, ' ');\n      }\n\n      this.lastClass = ' ' + this.props.className.trim();\n\n      node.className = node.className.trim() + this.lastClass;\n    }\n\n    if (!ons) {\n      throw new Error(\"react-onsenui requires `onsenui`, make sure you are loading it with `import onsenui` or `require('onsenui')` before using the components\");\n    }\n\n    ons._autoStyle.prepare(node);\n  }\n\n  componentDidMount() {\n    this.updateClasses();\n  }\n\n  componentDidUpdate() {\n    this.updateClasses();\n  }\n}\n\nexport default BasicComponent;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\nclass SimpleWrapper extends BasicComponent {\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'disabled');\n    Util.convert(others, 'ripple');\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n};\n\nexport default SimpleWrapper;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\n/**\n * @original ons-back-button\n * @category toolbar\n * @tutorial react/Reference/navigator\n * @description\n * [en]\n *   Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.\n *\n *   The default behavior can be overridden using the `onClick` prop.\n * [/en]\n * [jp][/jp]\n * @example\n * <Toolbar modifier={this.props.modifier} >\n      <div className=\"left\"><BackButton modifier={this.props.modifier}>Back</BackButton></div>\n      <div className=\"center\">{this.props.title}</div>\n   </Toolbar>\n */\nclass BackButton extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-back-button';\n  }\n\n  _updateOnClick(props) {\n    const node = ReactDOM.findDOMNode(this);\n\n    if (props.onClick) {\n      node.onClick = () => null;\n    } else {\n      delete node.onClick;\n    }\n  }\n\n  componentDidMount() {\n    this._updateOnClick(this.props);\n  }\n\n  componentWillReceiveProps(props) {\n    this._updateOnClick(props);\n  }\n};\n\nBackButton.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the back button.[/en]\n   *  [jp][/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en]This function will be called ones the button is clicked. It overrides the default behavior of the back button.[/en]\n   *  [jp][/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default BackButton;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-bottom-toolbar\n * @category toolbar\n * @description\n * [en] Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.  [/en]\n * [jp][/jp]\n * @example\n *<BottomToolbar modifier=\"material\"> Content </BottomToolbar>\n */\nclass BottomToolbar extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-bottom-toolbar';\n  }\n};\n\nBottomToolbar.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default BottomToolbar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-button\n * @category button\n * @tutorial react/Reference/button\n * @description\n * [en] Button component. If you want to place a button in a toolbar, use `ToolbarButton` or `BackButton` instead. Will automatically display as a Material Design button with a ripple effect on Android.\n [/en]\n * [jp][/jp]\n * @example\n * <Button modifier=\"large--cta\">\n *   Tap Me\n * </Button>\n */\nclass Button extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-button';\n  }\n};\n\nButton.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the button is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name ripple\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the button has a ripple effect.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  ripple: React.PropTypes.bool,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en] This function will be called ones the button is clicked. [/en]\n   *  [jp] [/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default Button;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport Util from './Util.js';\n\n/**\n * @original ons-carousel\n * @category carousel\n * @tutorial react/Reference/carousel\n * @description\n * [en] Carousel component. A carousel can be used to display several items in the same space.\n *     The component supports displaying content both horizontally and vertically. The user can scroll through the items by dragging and it can also be controller programmatically.\n [/en]\n * [jp][/jp]\n * @example\n *    <Carousel\n          onPostChange={() => console.log('onPostChange')}\n          onOverscroll={() => console.log('onOverscroll')}\n          onRefresh={() => console.log('onRefresh')}\n          ref='carousel' swipeable overscrollable autoScroll fullscreen autoScrollRatio={0.2}>\n          <CarouselItem style={{backgroundColor: 'gray'}}>\n            <div className='item-label'>GRAY</div>\n          </CarouselItem>\n          <CarouselItem style={{backgroundColor: '#085078'}}>\n            <div className='item-label'>BLUE</div>\n          </CarouselItem>\n        </Carousel>\n\n */\nclass Carousel extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-carousel';\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    const node = findDOMNode(this);\n    CustomElements.upgrade(node);\n    node.addEventListener('postchange', this.props.onPostChange);\n    node.addEventListener('refresh', this.props.onRefresh);\n    node.addEventListener('overscroll', this.props.onOverscroll);\n  }\n\n  componentWillReceiveProps(props) {\n    const node = findDOMNode(this);\n\n    if (this.props.index !== props.index) {\n      node.setActiveIndex(props.index, props.animationOptions);\n    }\n  }\n\n  componentDidUpdate(props) {\n    const node = findDOMNode(this);\n\n    if (this.props.children.length !== props.children.length) {\n      node.refresh();\n    }\n  }\n\n  componentWillUnmount() {\n    const node = findDOMNode(this);\n    node.removeEventListener('postchange', this.props.onPostChange);\n    node.removeEventListener('refresh', this.props.onRefresh);\n    node.removeEventListener('overscroll', this.props.onOverscroll);\n  }\n\n  render() {\n    const {...others} = this.props;\n\n    ['fullscreen', 'swipeable', 'disabled', 'centered', 'overscrollable', 'centered'].forEach((el) => {\n      Util.convert(others, el);\n    });\n\n    Util.convert(others, 'itemWidth', {fun: Util.sizeConverter, newName: 'item-width'});\n    Util.convert(others, 'itemHeight', {fun: Util.sizeConverter, newName: 'item-height'});\n    Util.convert(others, 'autoScroll', {newName: 'auto-scroll'});\n    Util.convert(others, 'autoRefresh', {newName: 'auto-refresh'});\n    Util.convert(others, 'autoScrollRatio', {newName: 'auto-scroll-ratio'});\n    Util.convert(others, 'index', {newName: 'initial-index'});\n    Util.convert(others, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n};\n\nCarousel.propTypes = {\n\n  /**\n   * @name direction\n   * @type string\n   * @required false\n   * @description\n   *  [en]The direction of the carousel. Can be either \"horizontal\" or \"vertical\". Default is \"horizontal\".[/en]\n   *  [jp] [/jp]\n   */\n  direction: React.PropTypes.oneOf(['horizontal', 'vertical']),\n\n  /**\n   * @name fullscreen\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will cover the whole screen.[/en]\n   *  [jp] [/jp]\n   */\n  fullscreen: React.PropTypes.bool,\n\n  /**\n   * @name overscrollable\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will be scrollable over the edge. It will bounce back when released.[/en]\n   *  [jp] [/jp]\n   */\n  overscrollable: React.PropTypes.bool,\n\n  /**\n   * @name centered\n   * @type bool\n   * @description\n   *  [en]If true, the carousel then the selected item will be in the center of the carousel instead of the beginning. Useful only when the items are smaller than the carousel.[/en]\n   *  [jp] [/jp]\n   */\n  centered: React.PropTypes.bool,\n\n  /**\n   * @name itemWidth\n   * @type number\n   * @description\n   *  [en]ons-carousel-item's width. Only works when the direction is set to \"horizontal\".[/en]\n   *  [jp] [/jp]\n   */\n  itemWidth: React.PropTypes.oneOf([React.PropTypes.string, React.PropTypes.number]),\n\n  /**\n   * @name itemHeight\n   * @type number\n   * @description\n   *  [en]ons-carousel-item's height. Only works when the direction is set to \"vertical\".[/en]\n   *  [jp] [/jp]\n   */\n  itemHeight: React.PropTypes.oneOf([React.PropTypes.string, React.PropTypes.number]),\n\n  /**\n   * @name autoScroll\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will be automatically scrolled to the closest item border when released.[/en]\n   *  [jp] [/jp]\n   */\n  autoScroll: React.PropTypes.bool,\n\n  /**\n   * @name autoScrollRatio\n   * @type number\n   * @description\n   *  [en]A number between 0.0 and 1.0 that specifies how much the user must drag the carousel in order for it to auto scroll to the next item.[/en]\n   *  [jp] [/jp]\n   */\n  autoScrollRatio: React.PropTypes.number,\n\n  /**\n   * @name swipeable\n   * @type bool\n   * @description\n   *  [en]If true, the carousel can be scrolled by drag or swipe.[/en]\n   *  [jp] [/jp]\n   */\n  swipeable: React.PropTypes.bool,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]If true, the carousel will be disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name index\n   * @type number\n   * @description\n   *  [en]Specify the index of the ons-carousel-item to show. Default is 0.[/en]\n   *  [jp] [/jp]\n   */\n  index: React.PropTypes.number,\n\n  /**\n   * @name autoRefresh\n   * @type bool\n   * @description\n   *  [en]When this attribute is set the carousel will automatically refresh when the number of child nodes change.[/en]\n   *  [jp] [/jp]\n   */\n  autoRefresh: React.PropTypes.bool,\n\n  /**\n   * @name onPostChange\n   * @type function\n   * @description\n   *  [en]Called just after the current carousel item has changed.  [/en]\n   *  [jp] [/jp]\n   */\n  onPostChange: React.PropTypes.func,\n\n  /**\n   * @name onRefresh\n   * @type function\n   * @description\n   *  [en]Called when the carousel has been refreshed. [/en]\n   *  [jp] [/jp]\n   */\n  onRefresh: React.PropTypes.func,\n\n  /**\n   * @name onOverscroll\n   * @type function\n   * @description\n   *  [en]Called when the carousel has been overscrolled. [/en]\n   *  [jp] [/jp]\n   */\n  onOverscroll: React.PropTypes.func,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object\n};\n\nexport default Carousel;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-carousel-item\n * @category carousel\n * @tutorial react/Reference/carousel\n * @description\n * [en] Carousel item component. Used as a child of the `<ons-carousel>` element.\n [/en]\n * [jp][/jp]\n * @example\n*  <Carousel swipeable overscrollable autoScroll fullscreen >\n     <CarouselItem style={{backgroundColor: 'gray'}}>\n       <div className='item-label'>GRAY</div>\n     </CarouselItem>\n     <CarouselItem style={{backgroundColor: '#085078'}}>\n       <div className='item-label'>BLUE</div>\n     </CarouselItem>\n   </Carousel>\n */\nclass CarouselItem extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-carousel-item';\n  }\n};\n\nCarouselItem.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default CarouselItem;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-col\n * @category grid\n * @description\n * [en]\n * Represents a column in the grid system. Use with `<ons-row>` to layout components.\n * [/en]\n * [jp][/jp]\n * <Row>\n *   <Col width={50}>\n  *   <ons-icon icon=\"fa-twitter\"></ons-icon>\n *   </Col>\n *   <Col>Text</Col>\n * </Row>\n */\nclass Col extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-col';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'verticalAlign', {newName: 'vertical-align'});\n    Util.convert(others, 'width', {fun: Util.sizeConverter});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nCol.propTypes = {\n\n  /**\n  * @name verticalAlign\n  * @type {String}\n  * @description\n  *   [en]Short hand attribute for aligning vertically. Valid values are top, bottom, and center.[/en]\n  *   [ja][/ja]\n  */\n  verticalAlign: React.PropTypes.oneOf(['top', 'bottom', 'center']),\n\n  /**\n  * @name width\n  * @type {String}\n  * @description\n  *   [en]The width of the column. Valid values are css width values (\"10%\", 50).[/en]\n  *   [ja][/ja]\n  */\n  width: React.PropTypes.oneOfType([React.PropTypes.number, React.PropTypes.string])\n};\n\nexport default Col;\n","import BaseDialog from './BaseDialog.jsx';\nimport React from 'react';\n\n/**\n * @original ons-dialog\n * @category dialog\n * @tutorial react/Reference/dialog\n * @description\n * [en]  Dialog that is displayed on top of current screen. As opposed to the AlertDialog element, this component can contain any kind of content.  The dialog is useful for displaying menus, additional information or to ask the user to make a decision.  It will automatically be displayed as Material Design when running on an Android device.\n [/en]\n * [jp][/jp]\n * @example\n   <Dialog onCancel={this.onCancel}\n     isOpen={this.props.isOpen}\n     style={{height: 250}}  cancelable>\n     <Page>\n       Page Content\n     </Page>\n    </Dialog>\n\n */\nclass Dialog extends BaseDialog {\n  _getDomNodeName() {\n    return 'ons-dialog';\n  }\n}\n\nDialog.propTypes = {\n  /**\n   * @name onCancel\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called only if isCancelable is true. It will be called after tapping the background or by pressing the back button on Android devices.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onCancel: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @required true\n   * @description\n   *  [en]\n   *  Indicates whether the dialog is open and shown.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool.isRequired,\n\n  /**\n   * @name isCancelable\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is cancelable or not.\n   *  A cancelable dialog will call onCancel  when tapping the background or or  pressing the back button on Android devices\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isCancelable: React.PropTypes.bool,\n\n  /**\n   * @name isDisabled\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isDisabled: React.PropTypes.bool,\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]\n   *  The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the dialog.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name maskColor\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background mask. Default is \"rgba(0, 0, 0, 0.2)\"[/en]\n   *  [jp] [/jp]\n   */\n  maskColor: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just before the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPreShow: React.PropTypes.func,\n\n  /**\n   * @name onPostShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just after the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPostShow: React.PropTypes.func,\n\n  /**\n   * @name onPreHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPreHide: React.PropTypes.func,\n\n  /**\n   * @name onPostHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPostHide: React.PropTypes.func\n};\n\nexport default Dialog;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-fab\n * @category fab\n * @tutorial react/Reference/fab\n * @description\n * [en] The Floating action button is a circular button defined in the [Material Design specification](https://www.google.com/design/spec/components/buttons-floating-action-button.html). They are often used to promote the primary action of the app.\n *     It can be displayed either as an inline element or in one of the corners. Normally it will be positioned in the lower right corner of the screen.\n [/en]\n * [jp][/jp]\n * @example\n * <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>\n  */\nclass Fab extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-fab';\n  }\n};\n\nFab.propTypes = {\n    /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name ripple\n   * @type bool\n   * @description\n   *  [en]If true,  the button will have a ripple effect when tapped.[/en]\n   *  [jp] [/jp]\n   */\n  ripple: React.PropTypes.bool,\n\n  /**\n   * @namep position\n   * @type string\n   * @required false\n   * @description\n   *  [en]The position of the button. Should be a string like `\"bottom right\"` or `\"top left\"`. If this attribute is not defined it will be displayed as an inline element.[/en]\n   *  [jp] [/jp]\n   */\n  position: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] If true, the button will be disabled. [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.string,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en] This function will be called ones the button is clicked. [/en]\n   *  [jp] [/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default Fab;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-icon\n * @category icon\n * @tutorial react/Reference/icon\n * @description\n * [en]\n * Displays an icon. The following icon suites are available:\n *   *  [Font Awesome](https://fortawesome.github.io/Font-Awesome/)\n *   *  [Ionicons](http://ionicons.com/)\n *   *  [Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/)\n * [/en]\n * [jp][/jp]\n * @example\n  <Icon\n    size={{default: 32, material: 40}}\n    icon={{default: 'ion-navicon', material: 'md-menu'}}\n  />\n*/\nclass Icon extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-icon';\n  }\n\n  render() {\n    var {icon, size, ...others} = this.props;\n\n    Util.convert(others, 'fixedWidth', {newName: 'fixed-width'});\n    Util.convert(others, 'spin');\n\n    if (icon) {\n      if ((typeof icon) === 'string') {\n        others.icon = icon;\n      } else {\n        let keys = Object.keys(icon).filter((a) => a !== 'default');\n        let innerString = keys.map((key) => key + ':' + icon[key] + '');\n        others.icon = icon.default + ', ' + innerString.join(',');\n      }\n    }\n\n    if (size) {\n      if ((typeof size) === 'number') {\n        others.size = `${size}px`;\n      } else {\n        let keys = Object.keys(size).filter((a) => a !== 'default');\n        let innerString = keys.map((key) => key + ':' + size[key] + 'px');\n        others.size = size.default + 'px, ' + innerString.join(',');\n      }\n    }\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nIcon.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the icon.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name icon\n   * @type 'object or string'\n   * @description\n   *  [en] can be either a string or an object. If it is an string, it is set to an specific icon like 'ions-navicon'. If it is an object, it represents a dictionary of the icons depending on the modifier e.g.   `{{default: 'ion-navicon', material: 'md-menu'}}` [/en]\n   *  [jp] [/jp]\n   */\n  icon: React.PropTypes.oneOfType([\n    React.PropTypes.string,\n    React.PropTypes.objectOf(React.PropTypes.string)\n  ]),\n\n  /**\n   * @name size\n   * @type 'object or number'\n   * @description\n   *  [en] can be either a number or an object. If it is an number, it  specifies the icon size with a number in pixels. If it is an object, it represents a dictionary of the icon sizes depending on the modifier e.g.   `{{default: 20, material: 18}}` [/en]\n   *  [jp] [/jp]\n   */\n  size: React.PropTypes.oneOfType([\n    React.PropTypes.number,\n    React.PropTypes.objectOf(React.PropTypes.number)\n  ]),\n\n  /**\n   * @name rotate\n   * @type number\n   * @description\n   *  [en] Number of degrees to rotate the icon. Valid values are 90, 180 and 270. [/en]\n   *  [jp] [/jp]\n   */\n  rotate: React.PropTypes.oneOf([0, 90, 180, 270]),\n\n  /**\n   * @name fixedWidth\n   * @type bool\n   * @description\n   * [en] When used in a list, you want the icons to have the same width so that they align vertically by defining this attribute. [/en]\n   *  [jp] [/jp]\n   */\n  fixedWidth: React.PropTypes.bool,\n\n  /**\n   * @name spin\n   * @type bool\n   * @description\n   * [en] Specify whether the icon should be spinning. [/en]\n   *  [jp] [/jp]\n   */\n  spin: React.PropTypes.bool\n\n};\n\nexport default Icon;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\nconst EVENT_TYPES = ['change', 'input'];\n\n/**\n * @original ons-input\n * @category input\n * @tutorial react/Reference/input\n * @description\n * [en]\n * An input element. The `type` attribute can be used to change the input type. All text input types as well as `checkbox` and `radio` are supported. The component will automatically render as a Material Design input on Android devices. Most attributes that can be used for a normal `<input>` element can also be used on the `<ons-input>` element..\n [/en]\n * [jp][/jp]\n * @example\n * <Input\n *   value={this.state.text} float\n *   onChange={(event) => { this.setState({text: event.target.value})} }\n *   modifier='material'\n *   placeholder='Username' />\n */\nclass Input extends BasicComponent {\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.addEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.removeEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillReceiveProps(props) {\n    var node = ReactDOM.findDOMNode(this);\n\n    if (typeof props.value !== 'undefined' && node.value !== props.value) {\n      node.value = props.value;\n    }\n\n    if (typeof props.checked !== 'undefined') {\n      node.checked = props.checked;\n    }\n  }\n\n  render() {\n    var {checked, ...other} = this.props;\n    other['input-id'] = this.props.inputId;\n\n    Util.convert(other, 'disabled');\n\n    return (\n      <ons-input checked={checked ? '' : null} {...other} />\n    );\n  }\n}\n\nInput.propTypes = {\n    /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the input.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the input is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name onChange\n   * @type function\n   * @description\n   *  [en] Called when the text of the input changes.[/en]\n   *  [jp][/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name value\n   * @type string\n   * @description\n   *  [en] Content of the input.[/en]\n   *  [jp][/jp]\n   */\n  value: React.PropTypes.string,\n\n  /**\n   * @name placehoder\n   * @type string\n   * @description\n   *  [en] Placeholder text. In Material Design this placeholder will be a floating label. [/en]\n   *  [jp][/jp]\n   */\n  placeholder: React.PropTypes.string,\n\n  /**\n   * @name type\n   * @type string\n   * @description\n   *  [en]  Specify the input type. This is the same as the \"type\" attribute for normal inputs.\n   *    Please take a look at [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-type) for an exhaustive list of possible values. Depending on the platform and browser version some of these might not work.\n [/en]\n   *  [jp][/jp]\n   */\n  type: React.PropTypes.string,\n\n  /**\n   * @name inputId\n   * @type string\n   * @description\n   *  [en]  Specify the \"id\" attribute of the inner <input> element. This is useful when using <label for=\"...\"> elements [/en]\n   *  [jp][/jp]\n   */\n  inputId: React.PropTypes.string,\n\n  /**\n   * @name float\n   * @type bool\n   * @description\n   *  [en]  If this attribute is present, the placeholder will be animated in Material Design.  [/en]\n   *  [jp][/jp]\n   */\n  'float': React.PropTypes.bool\n};\n\nexport default Input;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-lazy-repeat\n * @category lazy-list\n * @tutorial react/Reference/lazy-list\n * @description\n * [en] Using this component a list with millions of items can be rendered without a drop in performance.\n *     It does that by \"lazily\" loading elements into the DOM when they come into view and\n *     removing items from the DOM when they are not visible.\n [/en]\n * [jp][/jp]\n * @example\n *\n  renderRow(index) {\n    return (\n      <ListItem key={index}>\n        {'Item ' + (index + 1)}\n      </ListItem>\n    );\n  }\n\n  render() {\n    return (\n      <Page renderToolbar={() => <MyToolbar title='LazyList' />} >\n        <div style={{height: 100}}>\n          <LazyList\n            length={1000}\n            renderRow={() =>\n              <ListItem key={index}>\n                {'Item ' + (index + 1)}\n              </ListItem>\n            }\n            calculateItemHeight={() => 44}\n          />\n        </div>\n      </Page>\n    );\n  }\n}\n */\nclass LazyList extends BasicComponent {\n  constructor(props) {\n    super(props);\n    this.state = {children: []};\n    this.update = this.update.bind(this);\n  }\n\n  update(props) {\n    var self = this;\n    CustomElements.upgrade(this.refs.lazyRepeat);\n\n    this.refs.lazyRepeat.delegate = {\n      calculateItemHeight: function(index) {\n        return props.calculateItemHeight(index);\n      },\n      _render: function(items, newHeight) {\n        var createElement = function({index: index, top: top}) {\n          return props.renderRow(index);\n        };\n\n        var el = items.map(createElement);\n        self.setState({children: el, height: newHeight},\n                      () => {\n                        var list = this.refs.list;\n                        // ignore i=0 <lazy repat\n                        for (var i = 1; i < list.children.length; i++) {\n                          list.children[i].style.position = 'absolute';\n                          list.children[i].style.top = items[i - 1].top + 'px';\n                          list.children[i].style.left = '0px';\n                          list.children[i].style.right = '0px';\n                        }\n                      });\n      }.bind(this),\n      countItems: function() {\n        return props.length;\n      }\n    };\n  }\n\n  componentWillReceiveProps(newProps) {\n    var helpProps = {\n      ...this.props,\n      ...newProps\n    };\n    this.update(helpProps);\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.update(this.props);\n  }\n\n  render() {\n    return (\n      <ons-list {...this.props} ref='list'\n        class='list' style={{position: 'relative', height: this.state.height}}\n        >\n        <ons-lazy-repeat ref='lazyRepeat' />\n        {this.state.children}\n       </ons-list>\n    );\n  }\n}\n\nLazyList.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the lazy list.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name length\n   * @type number\n   * @description\n   *  [en]The length of the list.[/en]\n   *  [jp] [/jp]\n   */\n  length: React.PropTypes.number.isRequired,\n\n  /**\n   * @name renderRow\n   * @type function\n   * @description\n   *  [en] A function given the index of the to display row, renders it.[/en]\n   *  [jp] [/jp]\n   */\n  renderRow: React.PropTypes.func.isRequired,\n\n  /**\n   * @name calculateItemHeight\n   * @type function\n   * @description\n   *  [en] A function given the index of the to row, returns the height of it.[/en]\n   *  [jp] [/jp]\n   */\n  calculateItemHeight: React.PropTypes.func.isRequired\n};\n\nexport default LazyList;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-list\n * @category list\n * @tutorial react/Reference/list\n * @description\n *   [en]\n *     Component for representing a list. It takes an array called datasrouce and calls renderRow(row, index) for every row.  Furthermore, the header and the footer can be specified with `renderRow` and `renderHeader` respectivly. [/en]\n * [jp][/jp]\n * @example\n  <List\n    dataSource={['Row 1', 'Row 2']}\n    renderHeader={this.renderHeader}\n    renderRow={(row, idx) => (\n      <ListItem modifier={idx === this.state.data.length - 1 ? 'longdivider' : null}>\n      {row}\n  <Button modifier=\"quiet\" onClick={this.remove.bind(this, idx)}>Remove</Button>\n  </ListItem>\n  )}\n  renderFooter={this.renderFooter}\n  />\n */\nclass List extends BasicComponent {\n  render() {\n    var pages = this.props.dataSource.map((data, idx) => this.props.renderRow(data, idx));\n\n    return (\n      <ons-list {...this.props} ref='list'>\n        {this.props.renderHeader()}\n        {pages}\n        {this.props.renderFooter()}\n      </ons-list>\n    );\n  }\n}\n\nList.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string,\n\n   /**\n   * @name dataSource\n   * @type string\n   * @description\n   *  [en]\n   *    Source of the list data. Should be an array.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  dataSource: React.PropTypes.array.isRequired,\n\n   /**\n   * @name renderRow\n   * @type function\n   * @description\n   *  [en]\n   *  Function to specify the rendering function for every element in\n   *  in the dataSouce.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderRow: React.PropTypes.func.isRequired,\n\n   /**\n   * @name renderHeader\n   * @type function\n   * @description\n   *  [en]\n   *  Function to specify the rendering function for the header\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderHeader: React.PropTypes.func,\n\n   /**\n   * @name renderFooter\n   * @type function\n   * @description\n   *  [en]\n   *  Function to specify the rendering function for the footer\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderFooter: React.PropTypes.func\n};\n\nList.defaultProps = {\n  renderHeader: () => null,\n  renderFooter: () => null\n};\n\nexport default List;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-list-header\n * @category list\n * @tutorial react/Reference/list\n * @description\n * [en] Header element for list items. Must be put inside ons-list component.\n [/en]\n * [jp][/jp]\n * @example\n   <List\n     dataSource={this.state.data}\n     renderHeader={() =>\n        <ListHeader style={{fontSize: 15}} className=\"testClass\"> Header Text </ListHeader> }\n    renderRow={(row, idx) => (\n      <ListItem > {row} </ListItem>\n    )}\n  />\n */\nclass ListHeader extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-list-header';\n  }\n};\n\nListHeader.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default ListHeader;\n","import ReactDOM from 'react-dom';\nimport React from 'react';\nimport SimpleWrapper from './SimpleWrapper.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-list-item\n * @category list\n * @tutorial react/Reference/list\n * @description\n *   [en]\n *   Component that represents each item in the list. Must be put inside the `List` component. The list item is composed of three parts that are represented with the `left`, `center` and `right` classes. These classes can be used to ensure that the content of the list items is properly aligned.\n *   [/en]\n * [jp][/jp]\n * @example\n   <ListItem>\n *   <div className=\"left\">Left</div>\n *   <div className=\"center\">Center</div>\n *   <div className=\"right\">Right</div>\n * </ListItem>\n */\nclass ListItem extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-list-item';\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.node = ReactDOM.findDOMNode(this);\n  }\n\n  componentDidUpdate() {\n    super.componentDidUpdate();\n    this.node._compile();\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'tappable');\n    Util.convert(others, 'tapBackgroundColor', {newName: 'tap-background-color'});\n    Util.convert(others, 'lockOnDrag', {newName: 'lock-on-drag'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n};\n\nListItem.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en] The appearance of the list item.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name tappable\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the list item is tappable.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  tappable: React.PropTypes.bool,\n\n  /**\n   * @name tapBackgroundColor\n   * @type string\n   * @description\n   *  [en]\n   *  Changes the background color when tapped. For this to work, the attribute \"tappable\" needs to be set. The default color is \"#d9d9d9\". It will display as a ripple effect on Android.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  tapBackgroundColor: React.PropTypes.string,\n\n  /**\n   * @name lockOnDrag\n   * @type bool\n   * @description\n   *  [en] Prevent vertical scrolling when the user drags horizontally. [/en]\n   *  [jp] [/jp]\n   */\n  lockOnDrag: React.PropTypes.bool\n};\n\nexport default ListItem;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-navigator\n * @category navigator\n * @tutorial react/Reference/navigator\n * @description\n * [en] This component is responsible for page transitioning and managing the pages of your OnsenUI application. In order to manage to display the pages, the  navigator needs to define the `renderPage` method, that takes an route and a navigator and  converts it to an page.  [/en]\n * [jp] どうしよう[/jp]\n * @example\n  <Navigator\n    renderPage={(route, navigator) =>\n     <MyPage\n       title={route.title}\n       onPop={() => navigator.popPage()}\n       />\n    }\n    initialRoute={{\n        title: 'First Page'\n    }} />\n   }\n }\n */\nclass Navigator extends BasicComponent {\n  constructor(props) {\n    super(props);\n    this.pages = [];\n    this.state = { };\n    this._prePush = this._prePush.bind(this);\n    this._postPush = this._postPush.bind(this);\n    this._prePop = this._prePop.bind(this);\n    this._postPop = this._postPop.bind(this);\n  }\n\n  update(pages, obj) {\n    this.pages = pages || [];\n    return new Promise((resolve) => {\n      this.setState({}, resolve);\n    });\n  }\n\n  /**\n   * @method resetPage\n   * @signature resetPage(route, options = {})\n   * @param {Object} route\n   *   [en] The route that the page should be reset to.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en]Promise which resolves to the revealed page.[/en]\n   *   [ja]明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en]Resets the current page[/en]\n   *   [ja]どうしよう[/ja]\n   */\n  resetPage(route, options = {}) {\n    return this.resetPageStack([route], options);\n  }\n\n  /**\n   * @method resetPageStack\n   * @signature resetPageStack(route, options = {})\n   * @param {Array} routes\n   *   [en] The routes that the navigator should be reset to.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en]Promise which resolves to the revealed page.[/en]\n   *   [ja]明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en] Resets the navigator to the current page stack[/en]\n   *   [ja] どうしよう[/ja]\n   */\n  resetPageStack(routes, options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    return new Promise((resolve) => {\n      var lastRoute = routes[routes.length - 1];\n      var newPage = this.props.renderPage(lastRoute, this);\n      this.routes.push(lastRoute);\n\n      this.refs.navi._pushPage(options, this.update.bind(this), this.pages, newPage).then(() => {\n        this.routes = routes;\n\n        var renderPage = (route) => {\n          return this.props.renderPage(route, this);\n        };\n\n        this.pages = routes.map(renderPage);\n        this.update(this.pages).then(resolve);\n      });\n    });\n  }\n\n  /**\n   * @method pushPage\n   * @signature pushPage(route, options = {})\n   * @param {Object} route\n   *   [en] The route that the navigator should push to.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en] Promise which resolves to the revealed page.[/en]\n   *   [ja] 明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en] Pushes a page to the page stack[/en]\n   *   [ja] どうしよう[/ja]\n   */\n  pushPage(route, options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    return new Promise((resolve) => {\n      var newPage = this.props.renderPage(route, this);\n\n      this.routes.push(route);\n      this.refs.navi\n        ._pushPage(\n          options,\n          this.update.bind(this),\n          this.pages,\n          newPage\n        )\n        .then(resolve)\n        .catch((error) => {\n          this.routes.pop();\n          this.pages.pop();\n          throw error;\n        });\n    });\n  }\n\n  isRunning() {\n    return this.refs.navi._isRunning;\n  }\n\n  /*\n   * @method replacePage\n   * @signature replacePage(route, [options])\n   * @param {Object} route\n   *   [en] The route that the navigator should replace the top page with.[/en]\n   *   [ja] どうしよう [/ja]\n   * @return {Promise}\n   *   [en]Promise which resolves to the new page.[/en]\n   *   [ja]新しいページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en]Replaces the current top page with the specified one. Extends `pushPage()` parameters.[/en]\n   *   [ja]現在表示中のページをを指定したページに置き換えます。[/ja]\n   */\n  replacePage(route, options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    this.pushPage(route, options).then(() => {\n      const pos = this.pages.length - 2;\n      this.pages.splice(pos, 1);\n      this.routes.splice(pos, 1);\n      this.refs.navi.topPage.updateBackButton(this.pages.length > 1);\n      this.forceUpdate();\n    });\n  }\n\n  /**\n   * @method popPage\n   * @signature popPage(options = {})\n   * @return {Promise}\n   *   [en] Promise which resolves to the revealed page.[/en]\n   *   [ja] 明らかにしたページを解決するPromiseを返します。[/ja]\n   * @description\n   *   [en] Pops a page out of the page stack[/en]\n   *   [ja] どうしよう[/ja]\n   */\n  popPage(options = {}) {\n    if (this.isRunning()) {\n      return Promise.reject('Navigator is already running animation.');\n    }\n\n    this.routesBeforePop = this.routes.slice();\n\n    return this.refs.navi._popPage(options, this.update.bind(this), this.pages)\n      .then(\n        () => {\n          this.routes.pop();\n        }\n      );\n  }\n\n  _prePop(event) {\n    event.routes = {\n      poppingRoute: this.routesBeforePop[this.routesBeforePop.length - 1],\n      routes: this.routesBeforePop\n    };\n\n    this.props.onPrePop(event);\n  }\n\n  _postPop(event) {\n    event.routes = {\n      poppedRoute: this.routesBeforePop[this.routesBeforePop.length - 1],\n      routes: this.routesBeforePop.slice(0, this.routesBeforePop.length - 1)\n    };\n\n    this.props.onPostPop(event);\n  }\n\n  _prePush(event) {\n    event.routes = {\n      pushingRoute: this.routes[this.routes.length - 1],\n      routes: this.routes.slice(0, this.routes.length - 1)\n    };\n\n    this.props.onPrePush(event);\n  }\n\n  _postPush(event) {\n    event.routes = {\n      pushedRoute: this.routes[this.routes.length - 1],\n      routes: this.routes\n    };\n\n    this.props.onPostPush(event);\n  }\n\n  componentDidMount() {\n    const node = this.refs.navi;\n    node.popPage = this.popPage.bind(this);\n\n    node.addEventListener('prepush', this._prePush);\n    node.addEventListener('postpush', this._postPush);\n    node.addEventListener('prepop', this._prePop);\n    node.addEventListener('postpop', this._postPop);\n\n    if (this.props.initialRoute && this.props.initialRouteStack) {\n      throw new Error('In Navigator either initalRoute or initalRoutes can be set');\n    }\n\n    if (this.props.initialRoute) {\n      this.routes = [this.props.initialRoute];\n    } else if (this.props.initialRouteStack) {\n      this.routes = this.props.initialRouteStack;\n    } else {\n      this.routes = [];\n    }\n\n    this.pages = this.routes.map(\n      (route) => this.props.renderPage(route, this)\n    );\n    this.setState({});\n  }\n\n  componentWillUnmount() {\n    const node = this.refs.navi;\n    node.removeEventListener('prepush', this.props.onPrePush);\n    node.removeEventListener('postpush', this.props.onPostPush);\n    node.removeEventListener('prepop', this.props.onPrePop);\n    node.removeEventListener('postpop', this.props.onPostPop);\n  }\n\n  render() {\n    var {...others} = this.props;\n    Util.convert(others, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    return (\n      <ons-navigator {...others} ref='navi'>\n        {this.pages}\n      </ons-navigator>\n    );\n  }\n}\n\nNavigator.propTypes = {\n  /**\n   * @name renderPage\n   * @type function\n   * @required true\n   * @defaultValue null\n   * @description\n   *  [en] This function takes the current route object as a parameter and  creates returns a react componen.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderPage: React.PropTypes.func.isRequired,\n  /**\n   * @name initialRouteStack\n   * @type array\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This array contains the initial routes from the navigator,\n   *  which will be used to render the initial pages in the renderPage method.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  initialRouteStack: React.PropTypes.array,\n\n  /**\n   * @name initialRoute\n   * @type object\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This array contains the initial route of the navigator,\n   *  which will be used to render the initial pages in the\n   *  renderPage method.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  initialRoute: React.PropTypes.object,\n\n  /**\n   * @name onPrePush\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before a page is pushed.[/en]\n   */\n  onPrePush: React.PropTypes.func,\n\n  /**\n   * @name onPostPush\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after a page is pushed.[/en]\n   */\n  onPostPush: React.PropTypes.func,\n\n  /**\n   * @name onPrePop\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before a page is popped.[/en]\n   */\n  onPrePop: React.PropTypes.func,\n\n  /**\n   * @name onPostPop\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after a page is popped.[/en]\n   */\n  onPostPop: React.PropTypes.func,\n\n  /**\n   * @property animation\n   * @type {String}\n   * @description\n   *   [en]\n   *     Animation name. Available animations are `\"slide\"`, `\"lift\"`, `\"fade\"` and `\"none\"`.\n   *     These are platform based animations. For fixed animations, add `\"-ios\"` or `\"-md\"` suffix to the animation name. E.g. `\"lift-ios\"`, `\"lift-md\"`. Defaults values are `\"slide-ios\"` and `\"fade-md\"`.\n   *   [/en]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object\n};\n\nconst NOOP = () => null;\n\nNavigator.defaultProps = {\n  onPostPush: NOOP,\n  onPrePush: NOOP,\n  onPrePop: NOOP,\n  onPostPop: NOOP\n};\n\nexport default Navigator;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-modal\n * @category modal\n * @tutorial react/Reference/modal\n * @description\n * [en]\n *   A modal component covers the entire screen. Underlying components are not\n *   subject to any events while the modal component is shown.\n *\n *   This component can be used to block user input while some operation is\n *   running or to show some information to the user.\n * [/en]\n * [jp]\n *   画面全体をマスクするモーダル用コンポーネントです。下側にあるコンポーネントは、\n *   モーダルが表示されている間はイベント通知が行われません\n * [/jp]\n * @example\n  <Page\n    renderModal={() => (\n      <Modal isOpen={this.state.isLoading}>\n        Loading ...\n      </Modal>\n    )}>\n    <div> Page content </div>\n  </Page>\n */\nclass Modal extends BasicComponent {\n  constructor(props, context) {\n    super(props, context);\n    this.node = null;\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(this.node);\n\n    this._update(this.props, false);\n  }\n\n  componentWillReceiveProps(nextProps) {\n    this._update(nextProps, this.props.isOpen);\n  }\n\n  _update(props, isOpen) {\n    const animationOptions = {\n      animation: props.animation,\n      animationOptions: props.animationOptions\n    };\n\n    if (props.isOpen && !isOpen) {\n      this.node.show(animationOptions).then(() => props.onShow && props.onShow());\n    } else if (!props.isOpen && isOpen) {\n      this.node.hide(animationOptions).then(() => props.onHide && props.onHide());\n    }\n  }\n\n  componentWillUnmount() {\n    this.node = null;\n  }\n\n  render() {\n    const {...others} = this.props;\n    return (\n      <ons-modal\n        {...others}\n      >\n        {this.props.children}\n      </ons-modal>\n    );\n  }\n};\n\nModal.propTypes = {\n  /**\n   * @property animation\n   * @type {String}\n   * @description\n   *   [en]\n   *     Animation name. Available animations are `\"slide\"`, `\"lift\"`, `\"fade\"` and `\"none\"`.\n   *     These are platform based animations. For fixed animations, add `\"-ios\"` or `\"-md\"` suffix to the animation name. E.g. `\"lift-ios\"`, `\"lift-md\"`. Defaults values are `\"slide-ios\"` and `\"fade-md\"`.\n   *   [/en]\n   */\n  animation: React.PropTypes.oneOf(['none', 'fade']),\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called Fired right after the modal is shown.\n   *  [/en]\n   */\n  onShow: React.PropTypes.func,\n\n  /**\n   * @name onHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called after the modal is hidden.\n   *  [/en]\n   */\n  onHide: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type boolean\n   * @description\n   *  [en]When `true` the modal will show itself.[/en]\n   */\n  isOpen: React.PropTypes.bool\n};\n\nModal.defaultProps = {\n  isOpen: false,\n  animation: 'none'\n};\n\nexport default Modal;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\n/**\n * @original ons-page\n * @category page\n * @tutorial react/Reference/page\n * @description\n * [en]\n *   This component is handling the entire page. The content can be scrolled.\n *\n *   To add fixed content that doesn't scroll with the page the `renderFixed` prop is used.\n *\n *   A page toolbar can be added with the `renderToolbar` prop.\n * [/en]\n * [jp] どうしよう[/jp]\n * @example\n  <Page\n    renderFixed={() => <Fab></Fab>}\n    renderToolbar={() => <Toolbar>...</Toolbar>}\n    contentStyle={{padding: 40}}>\n    <div> Page content </div>\n  </Page>\n */\nclass Page extends BasicComponent {\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(node);\n    node.addEventListener('init', this.props.onInit);\n    node.addEventListener('show', this.props.onShow);\n    node.addEventListener('hide', this.props.onHide);\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('init', this.props.onInit);\n    node.removeEventListener('show', this.props.onShow);\n    node.removeEventListener('hide', this.props.onHide);\n  }\n\n  render() {\n    const toolbar = this.props.renderToolbar(this);\n    const bottomToolbar = this.props.renderBottomToolbar(this);\n    const modal = this.props.renderModal(this);\n    const fixed = this.props.renderFixed(this);\n\n    const {contentStyle, ...props} = this.props;\n\n    return <ons-page {...props} >\n        {toolbar}\n        <div className='page__background'> </div>\n        <div className='page__content' style={contentStyle}>\n          {this.props.children}\n        </div>\n        <div className='page__extra' style={{zIndex: 10001}}>\n          {modal}\n        </div>\n        {fixed}\n        {bottomToolbar}\n      </ons-page>;\n  }\n};\n\nPage.propTypes = {\n\n  /**\n   * @name contentStyle\n   * @type Object\n   * @description\n   *  [en]\n   *  Specify the style of the page content. Optional.\n   *  [/en]\n   */\n  contentStyle: React.PropTypes.object,\n\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name renderModal\n   * @type function\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This function renders a modal that masks current screen.[/en]\n   */\n  renderModal: React.PropTypes.func,\n\n  /**\n   * @name renderToolbar\n   * @type function\n   * @required false\n   * @defaultValue null\n   * @description\n   *  [en] This function renders the toolbar of the page.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderToolbar: React.PropTypes.func,\n\n  /**\n   * @name renderBottomToolbar\n   * @type function\n   * @defaultValue null\n   * @description\n   *  [en] This function renders the bottom toolbar of the page.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderBottomToolbar: React.PropTypes.func,\n\n  /**\n   * @name renderFixed\n   * @type function\n   * @defaultValue null\n   * @description\n   *  [en] This function renders fixed content of the page. Can be used to render `Fab` or `SpeedDial` components as well as other components that don't scroll with the page.[/en]\n   *  [jp] どうしよう[/jp]\n   */\n  renderFixed: React.PropTypes.func,\n\n  /**\n   * @name onInit\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  \tFired right after the page is attached.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onInit: React.PropTypes.func,\n\n  /**\n   * @name onShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called Fired right after the page is shown.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onShow: React.PropTypes.func,\n\n  /**\n   * @name onHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called after the page is hidden.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onHide: React.PropTypes.func\n};\n\nconst NOOP = () => null;\n\nPage.defaultProps = {\n  renderToolbar: NOOP,\n  renderBottomToolbar: NOOP,\n  renderModal: NOOP,\n  renderFixed: NOOP\n};\n\nexport default Page;\n","import BaseDialog from './BaseDialog.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\n/**\n * @original ons-popover\n * @category popover\n * @tutorial react/Reference/popover\n * @description\n *   [en]\n *     A component that displays a popover next to an element. The popover can be used to display extra information about a component or a tooltip.\n *    Another common way to use the popover is to display a menu when a button on the screen is tapped.\n *   [/en]\n * [jp][/jp]\n * @example\n * <Page>\n *  <Button ref='btn'\n  *  onClick={() => this.setState({target: this.refs.btn, isOpen: true})}/>\n    <Popover\n      isOpen={this.state.isOpen}\n      onCancel={() => this.setState({isOpen: false})}\n      getTarget={() => this.state.target} >\n      <div style={{textAlign: 'center', opacity: 0.5}}>\n        <p>This is a popover!</p>\n          <p><small>Click the background to remove the popover.</small></p>\n        </div>\n        </Popover>\n * </Page>\n */\nclass Popover extends BaseDialog {\n  _getDomNodeName() {\n    return 'ons-popover';\n  }\n\n  show() {\n    var target = this.props.getTarget();\n    target = ReactDOM.findDOMNode(target);\n    return this.node.firstChild.show(target);\n  }\n}\n\nPopover.propTypes = {\n  /**\n   * @name getTarget\n   * @type function\n   * @required true\n   * @description\n   *  [en]\n   *  This function should return react component or a domnode that the popover is showing on.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  getTarget: React.PropTypes.func.isRequired,\n    /**\n   * @name onCancel\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called only if isCancelable is true. It will be called after tapping the background or by pressing the back button on Android devices.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  onCancel: React.PropTypes.func,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @required true\n   * @description\n   *  [en]\n   *  Indicates whether the dialog is open and shown.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool.isRequired,\n\n  /**\n   * @name isCancelable\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is cancelable or not.\n   *  A cancelable dialog will call onCancel  when tapping the background or or  pressing the back button on Android devices\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isCancelable: React.PropTypes.bool,\n\n  /**\n   * @name isDisabled\n   * @type bool\n   * @required false\n   * @description\n   *  [en]\n   *  Specifies whether the dialog is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  isDisabled: React.PropTypes.bool,\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]\n   *  The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the dialog.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name maskColor\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background mask. Default is \"rgba(0, 0, 0, 0.2)\"[/en]\n   *  [jp] [/jp]\n   */\n  maskColor: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just before the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPreShow: React.PropTypes.func,\n\n  /**\n   * @name onPostShow\n   * @type function\n   * @required false\n   * @description\n   *  [en]\n   *  Called just after the alert dialog is displayed.\n   *  [/en]\n   *  [jp][/jp]\n   */\n  onPostShow: React.PropTypes.func,\n\n  /**\n   * @name onPreHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just before the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPreHide: React.PropTypes.func,\n\n  /**\n   * @name onPostHide\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called just after the alert dialog is hidden.[/en]\n   *  [jp][/jp]\n   */\n  onPostHide: React.PropTypes.func\n};\n\nexport default Popover;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-progress-bar\n * @category progress\n * @tutorial react/Reference/progress\n * @description\n * [en] The component is used to display a linear progress bar. It can either display a progress bar that shows the user how much of a task has been completed. In the case where the percentage is not known it can be used to display an animated progress bar so the user can see that an operation is in progress.  [/en]\n * [jp][/jp]\n * @example\n *<ProgressBar value={55} secondaryValue={87} />\n *<ProgressBar indeterminate />\n */\nclass ProgressBar extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-progress-bar';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'indeterminate');\n    Util.convert(others, 'secondaryValue', {newName: 'secondary-value'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nProgressBar.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the progress indicator.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name value\n   * @type number\n   * @description\n   *  [en]\n   *  Current progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  value: React.PropTypes.number,\n\n  /**\n   * @name secondaryValue\n   * @type bool\n   * @description\n   *  [en]\n   *  Current secondary progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  secondaryValue: React.PropTypes.number,\n\n  /**\n   * @name intermediate\n   * @type bool\n   * @description\n   *  [en] If this property is set, an infinite looping animation will be shown. [/en]\n   *  [jp] [/jp]\n   */\n  indeterminate: React.PropTypes.bool\n};\n\nexport default ProgressBar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-progress-circular\n * @category progress\n * @tutorial react/Reference/progress\n * @description\n * [en] This component displays a circular progress indicator. It can either be used to show how much of a task has been completed or to show a looping animation to indicate that an operation is currently running.\n * [/en]\n * [jp][/jp]\n * @example\n *<ProgressCircular value={55} secondaryValue={87} />\n *<ProgressCircular indeterminate />\n */\nclass ProgressCircular extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-progress-circular';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'indeterminate');\n    Util.convert(others, 'secondaryValue', {newName: 'secondary-value'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nProgressCircular.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the progress indicator.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name value\n   * @type number\n   * @description\n   *  [en]\n   *  Current progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  value: React.PropTypes.number,\n\n  /**\n   * @name secondaryValue\n   * @type bool\n   * @description\n   *  [en]\n   *  Current secondary progress. Should be a value between 0 and 100.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  secondaryValue: React.PropTypes.number,\n\n  /**\n   * @name intermediate\n   * @type bool\n   * @description\n   *  [en] If this property is set, an infinite looping animation will be shown. [/en]\n   *  [jp] [/jp]\n   */\n  indeterminate: React.PropTypes.bool\n};\n\nexport default ProgressCircular;\n","import ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-pull-hook\n * @category pull-hook\n * @tutorial react/Reference/pull-hook\n * @description\n * [en]  Component that adds **Pull to refresh** functionality to an `<ons-page>` element.\n *     It can be used to perform a task when the user pulls down at the top of the page. A common usage is to refresh the data displayed in a page.\n [/en]\n * [jp] どうしよう[/jp]\n * @example\n\n    return (\n      <PullHook onChange={this.onChange} onLoad={this.onLoad}>\n      {\n       (this.state.pullHookState === 'initial') ?\n        <span >\n          <Icon size={35} spin={false} icon='ion-arrow-down-a' />\n          Pull down to refresh\n        </span> :\n        (this.state.pullHookState === 'preaction') ?\n         <span>\n           <Icon size={35} spin={false} icon='ion-arrow-up-a' />\n           Release to refresh\n        </span>\n        :\n        <span><Icon size={35} spin={true} icon='ion-load-d'></Icon> Loading data...</span>\n    }\n      </PullHook>\n    );\n */\nclass PullHook extends BasicComponent {\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    node.addEventListener('changestate', this.props.onChange);\n    CustomElements.upgrade(this.refs.pullHook);\n    this.refs.pullHook.onAction = this.props.onLoad;\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('changestate', this.props.onChange);\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    ['disabled'].forEach((el) => {\n      Util.convert(others, el);\n    });\n\n    Util.convert(others, 'height', {fun: Util.sizeConverter});\n    Util.convert(others, 'thresholdHeight', {fun: Util.sizeConverter, newName: 'threshold-height'});\n    Util.convert(others, 'fixedContent', {newName: 'fixed-content'});\n\n    return <ons-pull-hook ref='pullHook' {...others} />;\n  }\n}\n\nPullHook.propTypes = {\n  /**\n   * @name onChange\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called when the pull hook inner state is changed. The state can be either \"initial\", \"preaction\" or \"action\"[/en]\n   *  [jp] [/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name onLoad\n   * @type function\n   * @required false\n   * @description\n   *  [en]Called when the pull hook is in the  `action` state[/en]\n   *  [jp] [/jp]\n   */\n  onLoad: React.PropTypes.func,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] When set to true, the pull hook will be disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name height\n   * @type number\n   * @description\n   *  [en] The height of the pull hook in pixels. The default value is 64.[/en]\n   *  [jp] [/jp]\n   */\n  height: React.PropTypes.number,\n\n  /**\n   * @name thresholdHeight\n   * @type number\n   * @description\n   *  [en] The threshold height of the pull hook in pixels. The default value is 96.[/en]\n   *  [jp] [/jp]\n   */\n  thresholdHeight: React.PropTypes.number,\n\n  /**\n   * @name fixedContent\n   * @type number\n   * @description\n   *  [en] If set to true, the content of the page will not move when pulling.[/en]\n   *  [jp] [/jp]\n   */\n  fixedContent: React.PropTypes.bool\n};\n\nexport default PullHook;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nconst EVENT_TYPES = ['change', 'input'];\n\n/**\n * @original ons-range\n * @category input\n * @tutorial react/Reference/input\n * @description\n * [en]\n *   Range input component.\n * [/en]\n * [jp][/jp]\n * @example\n * <Range modifier=\"material\"\n *   value={this.state.value}\n *   onChange={(event) => this.setState({value: parseInt(event.target.value)})}\n *   />\n */\nclass Range extends SimpleWrapper {\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.addEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n\n    EVENT_TYPES.forEach((eventType) => {\n      node.removeEventListener(eventType, this.props.onChange);\n    });\n  }\n\n  componentWillReceiveProps(props) {\n    const node = ReactDOM.findDOMNode(this);\n    node.value = props.value;\n  }\n\n  _getDomNodeName() {\n    return 'ons-range';\n  }\n};\n\nRange.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the progress indicator.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name onChange\n   * @type function\n   * @description\n   *  [en] Called when the value of the input changes.[/en]\n   *  [jp][/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name value\n   * @type number\n   * @description\n   *  [en]\n   *  Current value of the element.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  value: React.PropTypes.number,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] If true, the element is disabled. [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default Range;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-ripple\n * @category ripple\n * @tutorial react/Reference/ripple\n * @description\n * [en]\n *   Adds a Material Design \"ripple\" effect to an element.\n * [/en]\n * [jp][/jp]\n * @example\n   <div className='myList'>\n     <Ripple color='red' />\n   </div>\n */\nclass Ripple extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-ripple';\n  }\n};\n\nRipple.propTypes = {\n  /**\n   * @name color\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the ripple effect.[/en]\n   *  [jp] [/jp]\n   */\n  color: React.PropTypes.string,\n\n  /**\n   * @name background\n   * @type string\n   * @required false\n   * @description\n   *  [en]Color of the background.[/en]\n   *  [jp] [/jp]\n   */\n  background: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Specifies whether the button is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default Ripple;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\nimport Util from './Util.js';\n\n/**\n * @original ons-row\n * @category grid\n * @description\n * [en]\n * Represents a row in the grid system. Use with `Col` to layout components.\n * [/en]\n * [jp][/jp]\n * <Row>\n *   <Col width={50}>\n  *   <ons-icon icon=\"fa-twitter\"></ons-icon>\n *   </Col>\n *   <Col>Text</Col>\n * </Row>\n */\nclass Row extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-row';\n  }\n\n  render() {\n    var {...others} = this.props;\n\n    Util.convert(others, 'verticalAlign', {newName: 'vertical-align'});\n\n    return React.createElement(this._getDomNodeName(), others, this.props.children);\n  }\n\n};\n\nRow.propTypes = {\n\n  /**\n  * @name verticalAlign\n  * @type {String}\n  * @description\n  *   [en]Short hand attribute for aligning vertically. Valid values are top, bottom, and center.[/en]\n  *   [ja][/ja]\n  */\n  verticalAlign: React.PropTypes.oneOf(['top', 'bottom', 'center'])\n\n};\n\nexport default Row;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-speed-dial\n * @category speed-dial\n * @tutorial react/Reference/speed-dial\n * @description\n * [en] Element that displays a Material Design Speed Dialog component. It is useful when there are more than one primary action that can be performed in a page.\n *  The Speed dial looks like a `Fab` element but will expand a menu when tapped.\n [/en]\n * [jp][/jp]\n * @example\n * <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>\n */\nclass SpeedDial extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-speed-dial';\n  }\n};\n\nSpeedDial.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the speed dial.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name position\n   * @type string\n   * @description\n   *  [en]Specify the vertical and horizontal position of the component.\n   *     I.e. to display it in the top right corner specify \"right top\".\n   *     Choose from \"right\", \"left\", \"top\" and \"bottom\".\n[/en]\n   *  [jp] [/jp]\n   */\n  position: React.PropTypes.string,\n\n  /**\n   * @name direction\n   * @type string\n   * @description\n   *  [en]Specify the direction the items are displayed. Possible values are \"up\", \"down\", \"left\" and \"right\".[/en]\n   *  [jp] [/jp]\n   */\n  direction: React.PropTypes.oneOf(['up', 'down', 'left', 'right']),\n\n  /**\n   * @name disabled\n   * @type string\n   * @description\n   *  [en]Specify if button should be disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default SpeedDial;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport ReactDOM from 'react-dom';\nimport React from 'react';\n\n/**\n * @original ons-speed-dial-item\n * @category speed-dial\n * @tutorial react/Reference/speed-dial\n * @description\n * [en] This component displays the child elements of the Material Design Speed dial component. [/en]\n * [jp][/jp]\n * @example\n * <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>\n */\nclass SpeedDialItem extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-speed-dial-item';\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    var node = ReactDOM.findDOMNode(this);\n    CustomElements.upgrade(node);\n    node.addEventListener('click', this.props.onClick);\n  }\n\n  componentWillUnmount() {\n    var node = ReactDOM.findDOMNode(this);\n    node.removeEventListener('click', this.props.onClick);\n  }\n};\n\nSpeedDialItem.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name onClick\n   * @type function\n   * @description\n   *  [en] This function will be called ones the button is clicked. [/en]\n   *  [jp] [/jp]\n   */\n  onClick: React.PropTypes.func\n};\n\nexport default SpeedDialItem;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-splitter\n * @category splitter\n * @tutorial react/Reference/splitter\n * @description\n * [en]  A component that enables responsive layout by implementing both a two-column layout and a sliding menu layout.\n *\n *    It can be configured to automatically expand into a column layout on large screens and collapse the menu on smaller screens. When the menu is collapsed the user can open it by swiping.\n [/en]\n * [jp] どうしよう[/jp]\n * @example\n  <Splitter>\n    <SplitterSide\n      side=\"left\"\n      width={200}\n      isSwipeable={true}>\n      <Page> Page Left </Page>\n    </SplitterSide>\n    <SplitterContent>\n      <Page> Page Content </Page>\n    </SplitterContent>\n    <SplitterSide\n      side=\"right\"\n      width={300}\n      collapse={!this.state.showRight}\n      isOpen={this.state.openRight}\n      onClose={this.handleRightClose.bind(this)}\n      onOpen={this.handleRightOpen.bind(this)}\n      isSwipeable={true}>\n      <Page> Page Right </Page>\n    </SplitterSide>\n  </Splitter>\n */\n\nclass Splitter extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-splitter';\n  }\n};\n\nexport default Splitter;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n/**\n * @original ons-splitter-content\n * @category splitter\n * @tutorial react/Reference/splitter\n * @description\n * [en]  The SplitterContent  element is used as a child element of Splitter.\n *    It contains the main content of the page while SplitterSide contains the list.\n [/en]\n * [jp][/jp]\n * @example\n  <Splitter>\n    <SplitterSide\n      side=\"left\"\n      width={200}\n      isSwipeable={true}>\n      <Page> Page Left </Page>\n    </SplitterSide>\n    <SplitterContent>\n      <Page> Page Content </Page>\n    </SplitterContent>\n    <SplitterSide\n      side=\"right\"\n      width={300}\n      collapse={!this.state.showRight}\n      isOpen={this.state.openRight}\n      onClose={this.handleRightClose.bind(this)}\n      onOpen={this.handleRightOpen.bind(this)}\n      isSwipeable={true}>\n      <Page> Page Right </Page>\n    </SplitterSide>\n  </Splitter>\n */\nclass SplitterContent extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-splitter-content';\n  }\n};\n\nexport default SplitterContent;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-splitter-side\n * @category splitter\n * @tutorial react/Reference/splitter\n * @description\n * [en]  The SplitterContent  element is used as a child element of Splitter.\n *    It contains the main content of the page while SplitterSide contains the list.\n [/en]\n * [jp][/jp]\n * @example\n  <Splitter>\n    <SplitterSide\n      side=\"left\"\n      width={200}\n      isSwipeable={true}>\n      <Page> Page Left </Page>\n    </SplitterSide>\n    <SplitterContent>\n      <Page> Page Content </Page>\n    </SplitterContent>\n    <SplitterSide\n      side=\"right\"\n      width={300}\n      collapse={!this.state.showRight}\n      isOpen={this.state.openRight}\n      onClose={this.handleRightClose.bind(this)}\n      onOpen={this.handleRightOpen.bind(this)}\n      isSwipeable={true}>\n      <Page> Page Right </Page>\n    </SplitterSide>\n  </Splitter>\n */\n\nclass SplitterSide extends BasicComponent {\n  render() {\n    var {...props} = this.props;\n\n    props.swipeable = this.props.isSwipeable ? 'swipeable' : null;\n\n    if (this.props.isCollapsed) {\n      console.error('The property `isCollapsed` is deprecated, please use `collapse`, see https://onsen.io/v2/docs/react/SplitterSide.html.');\n      delete props['isCollapsed'];\n    }\n\n    if (!props.collapse) props.collapse = null;\n\n    if (typeof props.collapse === 'boolean') {\n      if (props.collapse) {\n        props.collapse = 'collapse';\n      } else {\n        props.collapse = 'false';\n      }\n    }\n\n    Util.convert(props, 'width', {fun: Util.sizeConverter});\n    Util.convert(props, 'animation');\n    Util.convert(props, 'side');\n    Util.convert(props, 'mode');\n    Util.convert(props, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n    Util.convert(props, 'openThreshold', {newName: 'open-threshold'});\n    Util.convert(props, 'swipeTargetWidth', {fun: Util.sizeConverter, newName: 'swipe-target-width'});\n\n    return (\n      <ons-splitter-side {...props} >\n        {this.props.children}\n      </ons-splitter-side>\n    );\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.node = ReactDOM.findDOMNode(this);\n    this.componentWillReceiveProps(this.props);\n\n    this.node.addEventListener('postopen', this.props.onOpen);\n    this.node.addEventListener('postclose', this.props.onClose);\n    this.node.addEventListener('preopen', this.props.onPreOpen);\n    this.node.addEventListener('preclose', this.props.onPreClose);\n    this.node.addEventListener('modechange', this.props.onModeChange);\n  }\n\n  componentWillUnmount() {\n    this.node.removeEventListener('postopen', this.props.onOpen);\n    this.node.removeEventListener('postclose', this.props.onClose);\n    this.node.removeEventListener('preopen', this.props.onPreOpen);\n    this.node.removeEventListener('preclose', this.props.onPreClose);\n    this.node.removeEventListener('modechange', this.props.onModeChange);\n  }\n\n  componentWillReceiveProps(newProps) {\n    if (newProps.isOpen) {\n      this.node.open();\n    } else {\n      this.node.close();\n    }\n  }\n}\n\nSplitterSide.propTypes = {\n  /**\n   * @name collapse\n   * @type bool\n   * @description\n   *  [en] Specify the collapse behavior. Valid values are `\"portrait\"`, `\"landscape\"` or a media query.\n   *     The strings `\"portrait\"` and `\"landscape\"` means the view will collapse when device is in landscape or portrait orientation.\n   *     If the value is not defined, the view always be in `\"collapse\"` mode.\n[/en]\n   *  [jp] [/jp]\n   */\n  collapse: React.PropTypes.oneOfType([React.PropTypes.bool, React.PropTypes.string]),\n\n  /**\n   * @name isSwipeable\n   * @type bool\n   * @description\n   *  [en]Ennable swipe interaction on collapse mode.[/en]\n   *  [jp] [/jp]\n   */\n  isSwipeable: React.PropTypes.bool,\n\n  /**\n   * @name isOpen\n   * @type bool\n   * @description\n   *  [en]Specifies whether the menu is open.[/en]\n   *  [jp] [/jp]\n   */\n  isOpen: React.PropTypes.bool,\n\n  /**\n   * @name onOpen\n   * @type function\n   * @description\n   *  [en]Called after the menu is opened.[/en]\n   *  [jp] [/jp]\n   */\n  onOpen: React.PropTypes.func,\n\n  /**\n   * @name onClose\n   * @type function\n   * @description\n   *  [en]Called after the menu is closed.[/en]\n   *  [jp] [/jp]\n   */\n  onClose: React.PropTypes.func,\n\n  /**\n   * @name side\n   * @type string\n   * @description\n   *  [en]Specify which side of the screen the SplitterSide element is located. Possible values are `\"left\"` and `\"right\"`.[/en]\n   *  [jp] [/jp]\n   */\n  side: React.PropTypes.oneOf(['left', 'right']),\n\n  /**\n   * @name swipeTargetWidth\n   * @type number\n   * @description\n   *  [en]Specifies the width of the menu with a number (for pixels) or a string (e.g. \"20%\" for percentage).[/en]\n   *  [jp] [/jp]\n   */\n  swipeTargetWidth: React.PropTypes.number,\n\n  /**\n   * @name width\n   * @type  number\n   * @description\n   *  [en]Specifies the width of the menu with a number (for pixels) or a string (e.g. \"20%\" for percentage).[/en]\n   *  [jp] [/jp]\n   */\n  width: React.PropTypes.oneOfType([React.PropTypes.number, React.PropTypes.string]),\n\n  /**\n   * @name animation\n   * @type string\n   * @required false\n   * @description\n   *  [en]Specify the animation. Use one of `\"overlay\"`, and `\"default\"`.[/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.string,\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name openThreshold\n   * @type object\n   * @required false\n   * @description\n   *  [en] Specify how much the menu needs to be swiped before opening. A value between `0` and `1`.  [/en]\n   *  [jp] [/jp]\n   */\n  openThreshold: React.PropTypes.number,\n\n  /**\n   * @name mode\n   * @type string\n   * @required false\n   * @description\n   *  [en] Current mode. Possible values are `\"collapse\"` or `\"split\"`. This attribute is read only.  [/en]\n   *  [jp] [/jp]\n   */\n  mode: React.PropTypes.oneOf(['collapse', 'split']),\n\n  /**\n   * @name onPreOpen\n   * @type string\n   * @description\n   *  [en] Called before the menu opens.  [/en]\n   *  [jp] [/jp]\n   */\n  onPreOpen: React.PropTypes.func,\n\n  /**\n   * @name onPreClose\n   * @type string\n   * @description\n   *  [en] Called before the menu closes.  [/en]\n   *  [jp] [/jp]\n   */\n  onPreClose: React.PropTypes.func,\n\n  /**\n   * @name onModeChange\n   * @type string\n   * @description\n   *  [en] Called after the component's mode changes. [/en]\n   *  [jp] [/jp]\n   */\n  onModeChange: React.PropTypes.func\n};\n\nexport default SplitterSide;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\n\n/**\n * @original ons-switch\n * @category input\n * @tutorial react/Reference/input\n * @description\n * [en]   Switch component. The switch can be toggled both by dragging and tapping.\n *     Will automatically displays a Material Design switch on Android devices.\n [/en]\n * [jp][/jp]\n * @example\n * <Switch checked={this.state.checked} onChange={this.onChange} />\n */\nclass Switch extends BasicComponent {\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.refs.switch.addEventListener('change', this.props.onChange);\n  }\n\n  componentWillUnmount() {\n    this.refs.switch.removeEventListener('change', this.props.onChange);\n  }\n\n  render() {\n    var {checked, inputId, ...other} = this.props;\n\n    if (inputId) {\n      other['input-id'] = inputId;\n    }\n    return (\n      <ons-switch ref='switch' checked={checked ? '' : null} {...other} />\n    );\n  }\n};\n\nSwitch.propTypes = {\n    /**\n   * @name onChange\n   * @type function\n   * @description\n   *  [en] Called when the value of the switch changes (checked/unchecked) [/en]\n   *  [jp] [/jp]\n   */\n  onChange: React.PropTypes.func,\n\n  /**\n   * @name checked\n   * @type bool\n   * @description\n   *  [en] Whether the switch is checked.[/en]\n   *  [jp] [/jp]\n   */\n  checked: React.PropTypes.bool,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en] If set, the switch is disabled.[/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool,\n\n  /**\n   * @name inputId\n   * @type bool\n   * @description\n   *  [en] Specify the `id` attribute of the inner `<input>` element. This is useful when using `<label for=\"...\">` elements.[/en]\n   *  [jp] [/jp]\n   */\n  inputId: React.PropTypes.string\n};\n\nexport default Switch;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-tab\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Represents a tab inside tab bar.\n [/en]\n * [jp][/jp]\n * @example\n * <Tap>\n *   Home\n * </Tap>\n */\nclass Tab extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-tab';\n  }\n};\n\nexport default Tab;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-tab-active\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Tab element for showing shown when the tab is active [/en]\n * [jp][/jp]\n * @example\n * <Tab>\n *   <TabActive>\n       HOME\n     </TabInActive>\n     <TabInActive>\n       home\n     </TabInActive>\n   </Tab>\n */\nclass TabActive extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-tab-active';\n  }\n};\n\nexport default TabActive;\n","import SimpleWrapper from './SimpleWrapper.jsx';\n\n/**\n * @original ons-tab-inactive\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Tab element for showing shown when the tab is inactive [/en]\n * [jp][/jp]\n * @example\n * <Tab>\n *   <TabActive>\n       HOME\n     </TabInactive>\n     <TabInactive>\n       home\n     </TabInactive>\n   </Tab>\n */\nclass TabInactive extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-tab-inactive';\n  }\n};\n\nexport default TabInactive;\n","import React from 'react';\nimport BasicComponent from './BasicComponent.jsx';\nimport Util from './Util.js';\n\n/**\n * @original ons-tabbar\n * @category tabbar\n * @tutorial react/Reference/tabbar\n * @description\n * [en] Component to display a tabbar on either the top or the bottom of a page.\n * To define the tabs and the content the property renderTabs need to be implemented, that returns an array of tabs and their content. See the example for specifics. [/en]* [jp][/jp]\n * @example\n\n  <Page>\n    <Tabbar\n      onPreChange={({index}) => this.setState(index)}\n      onPostChange={() => console.log('postChange')}\n      onReactive={() => console.log('postChange')}\n      position='bottom'\n      index={this.state.index}\n      renderTabs={(activeIndex, tabbar) => [\n        {\n          content: <TabPage title=\"Home\" active={activeIndex === 0} tabbar={tabbar} />,\n          tab: <Tab label=\"Home\" icon=\"md-home\" />\n        },\n        {\n          content: <TabPage title=\"Settings\" active={activeIndex === 1} tabbar={tabbar} />,\n          tab: <Tab label=\"Settings\" icon=\"md-settings\" />\n        }]\n      }\n    />\n  </Page>\n */\n\nclass Tabbar extends BasicComponent {\n\n  componentDidMount() {\n    super.componentDidMount();\n    const node = this.refs.tabbar;\n    CustomElements.upgrade(node);\n    node.addEventListener('prechange', this.props.onPreChange);\n    node.addEventListener('postchange', this.props.onPostChange);\n    node.addEventListener('reactive', this.props.onReactive);\n  }\n\n  componentWillUnmount() {\n    const node = this.refs.tabbar;\n    node.removeEventListener('prechange', this.props.onPreChange);\n    node.removeEventListener('postchange', this.props.onPostChange);\n    node.removeEventListener('reactive', this.props.onReactive);\n  }\n\n  componentDidUpdate(prevProps) {\n    super.componentDidUpdate(prevProps);\n    if (prevProps.index !== this.props.index) {\n      this.refs.tabbar.setActiveTab(this.props.index);\n    }\n  }\n\n  render() {\n    const tabs = this.props.renderTabs(this.props.index, this);\n\n    if (!this.tabPages) {\n      this.tabPages = tabs.map((tab) => tab.content);\n    } else {\n      this.tabPages[this.props.index] = tabs[this.props.index].content;\n    }\n\n    var {...others} = this.props;\n\n    ['animation'].forEach((el) => {\n      Util.convert(others, el);\n    });\n\n    Util.convert(others, 'animationOptions', {fun: Util.animationOptionsConverter, newName: 'animation-options'});\n\n    return (\n      <ons-tabbar {...this.props} ref='tabbar' activeIndex={this.props.index} _compiled='true'>\n        <div className={'ons-tab-bar__content tab-bar__content' + (this.props.position === 'top' ? ' tab-bar--top__content' : '')}>\n          {this.tabPages}\n        </div>\n        <div className={'tab-bar ons-tab-bar__footer ons-tabbar-inner' + (this.props.position === 'top' ? ' tab-bar--top' : '')}>\n          {tabs.map((tab) => tab.tab)}\n        </div>\n      </ons-tabbar>\n    );\n  }\n}\n\nTabbar.propTypes = {\n  /**\n   * @name index\n   * @type number\n   * @required\n   * @description\n   *  [en] The index of the tab to highlight.[/en]\n   *  [jp] [/jp]\n   */\n  index: React.PropTypes.number.isRequired,\n\n  /**\n   * @name renderTabs\n   * @type function\n   * @description\n   *  [en] The index of the first tab to show.[/en]\n   *  [jp] [/jp]\n   */\n  renderTabs: React.PropTypes.func.isRequired,\n\n  /**\n   * @name position\n   * @type string\n   * @description\n   *  [en] Tabbar's position. Available values are `\"bottom\"` and `\"top\"`. Use `\"auto\"` to choose position depending on platform (iOS bottom, Android top). [/en]\n   *  [jp] [/jp]\n   */\n  position: React.PropTypes.string,\n\n  /**\n   * @name animation\n   * @type string\n   * @description\n   *  [en] Animation name. Available values are `\"none\"`, `\"slide\"` and `\"fade\"`. Default is `\"none\"`. [/en]\n   *  [jp] [/jp]\n   */\n  animation: React.PropTypes.oneOf(['none', 'slide', 'fade']),\n\n  /**\n   * @name animationOptions\n   * @type object\n   * @required false\n   * @description\n   *  [en]Specify the animation's duration, delay and timing. E.g.  `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n   *  [jp] [/jp]\n   */\n  animationOptions: React.PropTypes.object,\n\n  /**\n   * @name onPreChange\n   * @type function\n   * @description\n   *  [en]Called just before the tab is changed.[/en]\n   *  [jp] [/jp]\n   */\n  onPreChange: React.PropTypes.func,\n\n  /**\n   * @name onPostChange\n   * @type function\n   * @description\n   *  [en]Called just after the tab is changed.[/en]\n   *  [jp] [/jp]\n   */\n  onPostChange: React.PropTypes.func,\n\n  /**\n   * @name onReactive\n   * @type function\n   * @description\n   *  [en]Called if the already open tab is tapped again.[/en]\n   *  [jp] [/jp]\n   */\n  onReactive: React.PropTypes.func\n};\n\nTabbar.defaultProps = {\n  index: 0\n};\n\nexport default Tabbar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-toolbar\n * @category toolbar\n * @tutorial react/Reference/toolbar\n * @description\n * [en]  Toolbar component that can be used with navigation. Left, center and right container can be specified by class names.  This component will automatically displays as a Material Design toolbar when running on Android devices.\n * [jp] どうしよう[/jp]\n * @example\n *\n<Page renderToolbar={() =>\n   <Toolbar>\n     <div className=\"left\">\n       <BackButton>\n         Back\n       </BackButton>\n     </div>\n     <div className=\"center\">\n       Title\n     </div>\n     <div className=\"right\">\n       <ToolbarButton>\n         <Icon icon=\"md-menu\" />\n       </ToolbarButton>\n     </div>\n   </Toolbar> } />\n */\nclass Toolbar extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-toolbar';\n  }\n};\n\nToolbar.propTypes = {\n  /**\n   * @name modifier\n   * @type string\n   * @description\n   *  [en]\n   *  Specify modifier name to specify custom styles. Optional.\n   *  [/en]\n   *  [jp] どうしよう[/jp]\n   */\n  modifier: React.PropTypes.string\n};\n\nexport default Toolbar;\n","import SimpleWrapper from './SimpleWrapper.jsx';\nimport React from 'react';\n\n/**\n * @original ons-toolbar-button\n * @category toolbar\n * @tutorial react/Reference/toolbar\n * @description\n *   [en]\n *   Button component for the Toolbar. Using this component gives a nice default style.\n *\n *\n *   [/en]\n * [jp][/jp]\n * @example\n * <Page\n     renderToolbar = { () =>\n      <Toolbar>\n        <div className='left'><BackButton>Back</BackButton></div>\n        <div className='center'>Input</div>\n        <div className='right'>\n          <ToolbarButton onClick={this.add} >Add</ToolbarButton>\n        </div>\n      </Toolbar>\n     }>\n      Page Content\n    </Page>\n */\nclass ToolbarButton extends SimpleWrapper {\n  _getDomNodeName() {\n    return 'ons-toolbar-button';\n  }\n};\n\nToolbarButton.propTypes = {\n    /**\n   * @name modifier\n   * @type string\n   * @required false\n   * @description\n   *  [en]The appearance of the button.[/en]\n   *  [jp] [/jp]\n   */\n  modifier: React.PropTypes.string,\n\n  /**\n   * @name disabled\n   * @type bool\n   * @description\n   *  [en]\n   *  Indicates whether the button is disabled.\n   *  [/en]\n   *  [jp] [/jp]\n   */\n  disabled: React.PropTypes.bool\n};\n\nexport default ToolbarButton;\n"],"names":["ReactDOM","findDOMNode","NOOP","EVENT_TYPES"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/List.json b/docs/List.json
index 162e9c1..f98638c 100644
--- a/docs/List.json
+++ b/docs/List.json
@@ -1 +1 @@
-{"description":"@original ons-list\n@category list\n@tutorial react/Reference/list\n@description\n  [en]\n    Component for representing a list. It takes an array called datasrouce and calls renderRow(row, index) for every row.  Furthermore, the header and the footer can be specified with `renderRow` and `renderHeader` respectivly. [/en]\n[jp][/jp]\n@example\n  <List\n    dataSource={['Row 1', 'Row 2']}\n    renderHeader={this.renderHeader}\n    renderRow={(row, idx) => (\n      <ListItem modifier={idx === this.state.data.length - 1 ? 'longdivider' : null}>\n      {row}\n  <Button modifier=\"quiet\" onClick={this.remove.bind(this, idx)}>Remove</Button>\n  </ListItem>\n  )}\n  renderFooter={this.renderFooter}\n  />","methods":[],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@description\n [en]\n Specify modifier name to specify custom styles.\n [/en]\n [jp] どうしよう[/jp]"},"dataSource":{"type":{"name":"array"},"required":true,"description":"@name dataSource\n@type string\n@description\n [en]\n Specify modifier name to specify custom styles.\n [/en]\n [jp] どうしよう[/jp]"},"renderRow":{"type":{"name":"func"},"required":true,"description":"@name renderRow\n@type function\n@description\n [en]\n Function to specify the rendering function for every element in\n in the dataSouce.\n [/en]\n [jp] どうしよう[/jp]"},"renderHeader":{"type":{"name":"func"},"required":false,"description":"@name renderHeader\n@type function\n@description\n [en]\n Function to specify the rendering function for the header\n [/en]\n [jp] どうしよう[/jp]","defaultValue":{"value":"() => null","computed":false}},"renderFooter":{"type":{"name":"func"},"required":false,"description":"@name renderFooter\n@type function\n@description\n [en]\n Function to specify the rendering function for the footer\n [/en]\n [jp] どうしよう[/jp]","defaultValue":{"value":"() => null","computed":false}}}}
+{"description":"@original ons-list\n@category list\n@tutorial react/Reference/list\n@description\n  [en]\n    Component for representing a list. It takes an array called datasrouce and calls renderRow(row, index) for every row.  Furthermore, the header and the footer can be specified with `renderRow` and `renderHeader` respectivly. [/en]\n[jp][/jp]\n@example\n  <List\n    dataSource={['Row 1', 'Row 2']}\n    renderHeader={this.renderHeader}\n    renderRow={(row, idx) => (\n      <ListItem modifier={idx === this.state.data.length - 1 ? 'longdivider' : null}>\n      {row}\n  <Button modifier=\"quiet\" onClick={this.remove.bind(this, idx)}>Remove</Button>\n  </ListItem>\n  )}\n  renderFooter={this.renderFooter}\n  />","methods":[],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@description\n [en]\n Specify modifier name to specify custom styles.\n [/en]\n [jp] どうしよう[/jp]"},"dataSource":{"type":{"name":"array"},"required":true,"description":"@name dataSource\n@type string\n@description\n [en]\n   Source of the list data. Should be an array.\n [/en]\n [jp] どうしよう[/jp]"},"renderRow":{"type":{"name":"func"},"required":true,"description":"@name renderRow\n@type function\n@description\n [en]\n Function to specify the rendering function for every element in\n in the dataSouce.\n [/en]\n [jp] どうしよう[/jp]"},"renderHeader":{"type":{"name":"func"},"required":false,"description":"@name renderHeader\n@type function\n@description\n [en]\n Function to specify the rendering function for the header\n [/en]\n [jp] どうしよう[/jp]","defaultValue":{"value":"() => null","computed":false}},"renderFooter":{"type":{"name":"func"},"required":false,"description":"@name renderFooter\n@type function\n@description\n [en]\n Function to specify the rendering function for the footer\n [/en]\n [jp] どうしよう[/jp]","defaultValue":{"value":"() => null","computed":false}}}}