apeman-react-range/doc/demo/demo.component.js

apeman react package for range input component.

"use strict";

var React = require('react'),
    ApRange = require('../../lib/ap_range');

module.exports = React.createClass({
    displayName: 'exports',

    getInitialState: function () {
        return {};
    },
    setDebugText: function (text) {
        var s = this;
        s.setState({
            debugText: text
        });
        console.debug(text);
    },
    render: function () {
        var s = this,
            state = s.state;
        return React.createElement(
            'div',
            { style: {
                    'position': 'relative'
                } },
            React.createElement(ApRange, {
                step: 0.1,
                onChange: function (from, to, ui) {
                    s.setDebugText('Value changed: ' + from + ' ' + to);
                } }),
            React.createElement('br', null),
            React.createElement('br', null),
            React.createElement(
                'div',
                null,
                React.createElement(
                    'span',
                    null,
                    state.debugText
                )
            )
        );
    }
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRlbW8uY29tcG9uZW50LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7O0FBRWIsSUFBSSxLQUFLLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztJQUN4QixPQUFPLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUM7O0FBRTVDLE1BQU0sQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQzs7O0FBQy9CLG1CQUFlLEVBQUUsWUFBWTtBQUN6QixlQUFPLEVBQUUsQ0FBQztLQUNiO0FBQ0QsZ0JBQVksRUFBRSxVQUFVLElBQUksRUFBRTtBQUMxQixZQUFJLENBQUMsR0FBRyxJQUFJLENBQUM7QUFDYixTQUFDLENBQUMsUUFBUSxDQUFDO0FBQ1AscUJBQVMsRUFBRSxJQUFJO1NBQ2xCLENBQUMsQ0FBQztBQUNILGVBQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDdkI7QUFDRCxVQUFNLEVBQUUsWUFBWTtBQUNoQixZQUFJLENBQUMsR0FBRyxJQUFJO1lBQ1IsS0FBSyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFDcEIsZUFDSTs7Y0FBSyxLQUFLLEVBQ047QUFDSSw4QkFBVSxFQUFFLFVBQVU7aUJBQ3pCLEFBQ0o7WUFDRyxvQkFBQyxPQUFPO0FBQ0osb0JBQUksRUFBRSxHQUFHLEFBQUM7QUFDVix3QkFBUSxFQUFFLFVBQVUsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUU7QUFDOUIscUJBQUMsQ0FBQyxZQUFZLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztpQkFDdkQsQUFBQyxHQUNJO1lBQ1YsK0JBQUs7WUFDTCwrQkFBSztZQUVMOzs7Z0JBQ0k7OztvQkFBTyxLQUFLLENBQUMsU0FBUztpQkFBUTthQUM1QjtTQUNKLENBQ1I7S0FDTDtDQUNKLENBQUMsQ0FBQyIsImZpbGUiOiJkZW1vLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGl0YWthL3Byb2plY3RzL2FwZW1hbi1yZWFjdC1sYWJvL2FwZW1hbi1yZWFjdC1yYW5nZS9kb2MvZGVtbyIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG52YXIgUmVhY3QgPSByZXF1aXJlKCdyZWFjdCcpLFxuICAgIEFwUmFuZ2UgPSByZXF1aXJlKCcuLi8uLi9saWIvYXBfcmFuZ2UnKTtcblxubW9kdWxlLmV4cG9ydHMgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG4gICAgZ2V0SW5pdGlhbFN0YXRlOiBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHJldHVybiB7fTtcbiAgICB9LFxuICAgIHNldERlYnVnVGV4dDogZnVuY3Rpb24gKHRleHQpIHtcbiAgICAgICAgdmFyIHMgPSB0aGlzO1xuICAgICAgICBzLnNldFN0YXRlKHtcbiAgICAgICAgICAgIGRlYnVnVGV4dDogdGV4dFxuICAgICAgICB9KTtcbiAgICAgICAgY29uc29sZS5kZWJ1Zyh0ZXh0KTtcbiAgICB9LFxuICAgIHJlbmRlcjogZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgcyA9IHRoaXMsXG4gICAgICAgICAgICBzdGF0ZSA9IHMuc3RhdGU7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICdwb3NpdGlvbic6ICdyZWxhdGl2ZSdcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgIDxBcFJhbmdlXG4gICAgICAgICAgICAgICAgICAgIHN0ZXA9ezAuMX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2Z1bmN0aW9uIChmcm9tLCB0bywgdWkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHMuc2V0RGVidWdUZXh0KCdWYWx1ZSBjaGFuZ2VkOiAnICsgZnJvbSArICcgJyArIHRvKTtcbiAgICAgICAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgICAgPC9BcFJhbmdlPlxuICAgICAgICAgICAgICAgIDxici8+XG4gICAgICAgICAgICAgICAgPGJyLz5cblxuICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPntzdGF0ZS5kZWJ1Z1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgfVxufSk7XG5cblxuIl19