react-image-lightbox/example/dist/app.js

A lightbox component for React.js

require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
'use strict';

var React = require('react');
var ReactDOM = require('react-dom');
var Lightbox = require('react-image-lightbox');

var images = ['//placekitten.com/1500/500', '//placekitten.com/4000/3000', '//placekitten.com/800/1200',
// '//placekitten.com/300/400',
'//placekitten.com/1500/1500'];

var App = React.createClass({
    displayName: 'App',

    getInitialState: function getInitialState() {
        return {
            index: 0,
            isOpen: false
        };
    },
    openLightbox: function openLightbox() {
        this.setState({ isOpen: true });
    },
    closeLightbox: function closeLightbox() {
        this.setState({ isOpen: false });
    },
    moveNext: function moveNext() {
        this.setState({ index: (this.state.index + 1) % images.length });
    },
    movePrev: function movePrev() {
        this.setState({ index: (this.state.index + images.length - 1) % images.length });
    },
    render: function render() {
        var lightbox = '';
        if (this.state.isOpen) {
            lightbox = React.createElement(Lightbox, {
                mainSrc: images[this.state.index],
                nextSrc: images[(this.state.index + 1) % images.length],
                prevSrc: images[(this.state.index + images.length - 1) % images.length],

                onCloseRequest: this.closeLightbox,
                onMovePrevRequest: this.movePrev,
                onMoveNextRequest: this.moveNext
            });
        }

        return React.createElement(
            'div',
            null,
            React.createElement(
                'button',
                { type: 'button', onClick: this.openLightbox },
                'Open Lightbox'
            ),
            lightbox
        );
    }
});

ReactDOM.render(React.createElement(App, null), document.getElementById('app'));

},{"react":undefined,"react-dom":undefined,"react-image-lightbox":undefined}]},{},[1])
//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9yZWFjdC1jb21wb25lbnQtZ3VscC10YXNrcy9ub2RlX21vZHVsZXMvYnJvd3Nlci1wYWNrL19wcmVsdWRlLmpzIiwiL1VzZXJzL2ZyaXR6LmNocmlzdG9waGVyL1dvcmsvcmVhY3QtaW1hZ2UtbGlnaHRib3gvZXhhbXBsZS9zcmMvYXBwLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7QUNBQSxJQUFJLEtBQUssR0FBTSxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDaEMsSUFBSSxRQUFRLEdBQUcsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBQ3BDLElBQUksUUFBUSxHQUFHLE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDOztBQUUvQyxJQUFJLE1BQU0sR0FBRyxDQUNULDRCQUE0QixFQUM1Qiw2QkFBNkIsRUFDN0IsNEJBQTRCOztBQUU1Qiw2QkFBNkIsQ0FDaEMsQ0FBQzs7QUFFRixJQUFJLEdBQUcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDOzs7QUFDeEIsbUJBQWUsRUFBRSwyQkFBVztBQUN4QixlQUFPO0FBQ0gsaUJBQUssRUFBRSxDQUFDO0FBQ1Isa0JBQU0sRUFBRSxLQUFLO1NBQ2hCLENBQUM7S0FDTDtBQUNELGdCQUFZLEVBQUUsd0JBQVc7QUFDckIsWUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBQ25DO0FBQ0QsaUJBQWEsRUFBRSx5QkFBVztBQUN0QixZQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7S0FDcEM7QUFDRCxZQUFRLEVBQUUsb0JBQVc7QUFDakIsWUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQSxHQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0tBQ3BFO0FBQ0QsWUFBUSxFQUFFLG9CQUFXO0FBQ2pCLFlBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQSxHQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0tBQ3BGO0FBQ0QsVUFBTSxFQUFFLGtCQUFXO0FBQ2YsWUFBSSxRQUFRLEdBQUcsRUFBRSxDQUFDO0FBQ2xCLFlBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7QUFDbkIsb0JBQVEsR0FDSixvQkFBQyxRQUFRO0FBQ0wsdUJBQU8sRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQUFBQztBQUNsQyx1QkFBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQSxHQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsQUFBQztBQUN4RCx1QkFBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBLEdBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxBQUFDOztBQUV4RSw4QkFBYyxFQUFFLElBQUksQ0FBQyxhQUFhLEFBQUM7QUFDbkMsaUNBQWlCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQUFBQztBQUNqQyxpQ0FBaUIsRUFBRSxJQUFJLENBQUMsUUFBUSxBQUFDO2NBQ25DLEFBQ0wsQ0FBQztTQUNMOztBQUVELGVBQ0k7OztZQUNJOztrQkFBUSxJQUFJLEVBQUMsUUFBUSxFQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsWUFBWSxBQUFDOzthQUF1QjtZQUN2RSxRQUFRO1NBQ1AsQ0FDUjtLQUNMO0NBQ0osQ0FBQyxDQUFDOztBQUVILFFBQVEsQ0FBQyxNQUFNLENBQUMsb0JBQUMsR0FBRyxPQUFFLEVBQUUsUUFBUSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDIiwiZmlsZSI6ImdlbmVyYXRlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIoZnVuY3Rpb24gZSh0LG4scil7ZnVuY3Rpb24gcyhvLHUpe2lmKCFuW29dKXtpZighdFtvXSl7dmFyIGE9dHlwZW9mIHJlcXVpcmU9PVwiZnVuY3Rpb25cIiYmcmVxdWlyZTtpZighdSYmYSlyZXR1cm4gYShvLCEwKTtpZihpKXJldHVybiBpKG8sITApO3ZhciBmPW5ldyBFcnJvcihcIkNhbm5vdCBmaW5kIG1vZHVsZSAnXCIrbytcIidcIik7dGhyb3cgZi5jb2RlPVwiTU9EVUxFX05PVF9GT1VORFwiLGZ9dmFyIGw9bltvXT17ZXhwb3J0czp7fX07dFtvXVswXS5jYWxsKGwuZXhwb3J0cyxmdW5jdGlvbihlKXt2YXIgbj10W29dWzFdW2VdO3JldHVybiBzKG4/bjplKX0sbCxsLmV4cG9ydHMsZSx0LG4scil9cmV0dXJuIG5bb10uZXhwb3J0c312YXIgaT10eXBlb2YgcmVxdWlyZT09XCJmdW5jdGlvblwiJiZyZXF1aXJlO2Zvcih2YXIgbz0wO288ci5sZW5ndGg7bysrKXMocltvXSk7cmV0dXJuIHN9KSIsInZhciBSZWFjdCAgICA9IHJlcXVpcmUoJ3JlYWN0Jyk7XG52YXIgUmVhY3RET00gPSByZXF1aXJlKCdyZWFjdC1kb20nKTtcbnZhciBMaWdodGJveCA9IHJlcXVpcmUoJ3JlYWN0LWltYWdlLWxpZ2h0Ym94Jyk7XG5cbnZhciBpbWFnZXMgPSBbXG4gICAgJy8vcGxhY2VraXR0ZW4uY29tLzE1MDAvNTAwJyxcbiAgICAnLy9wbGFjZWtpdHRlbi5jb20vNDAwMC8zMDAwJyxcbiAgICAnLy9wbGFjZWtpdHRlbi5jb20vODAwLzEyMDAnLFxuICAgIC8vICcvL3BsYWNla2l0dGVuLmNvbS8zMDAvNDAwJyxcbiAgICAnLy9wbGFjZWtpdHRlbi5jb20vMTUwMC8xNTAwJ1xuXTtcblxudmFyIEFwcCA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgICBnZXRJbml0aWFsU3RhdGU6IGZ1bmN0aW9uKCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgaW5kZXg6IDAsXG4gICAgICAgICAgICBpc09wZW46IGZhbHNlXG4gICAgICAgIH07XG4gICAgfSxcbiAgICBvcGVuTGlnaHRib3g6IGZ1bmN0aW9uKCkge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgaXNPcGVuOiB0cnVlIH0pO1xuICAgIH0sXG4gICAgY2xvc2VMaWdodGJveDogZnVuY3Rpb24oKSB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBpc09wZW46IGZhbHNlIH0pO1xuICAgIH0sXG4gICAgbW92ZU5leHQ6IGZ1bmN0aW9uKCkge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgaW5kZXg6ICh0aGlzLnN0YXRlLmluZGV4ICsgMSkgJSBpbWFnZXMubGVuZ3RoIH0pO1xuICAgIH0sXG4gICAgbW92ZVByZXY6IGZ1bmN0aW9uKCkge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgaW5kZXg6ICh0aGlzLnN0YXRlLmluZGV4ICsgaW1hZ2VzLmxlbmd0aCAtIDEpICUgaW1hZ2VzLmxlbmd0aCB9KTtcbiAgICB9LFxuICAgIHJlbmRlcjogZnVuY3Rpb24oKSB7XG4gICAgICAgIHZhciBsaWdodGJveCA9ICcnO1xuICAgICAgICBpZiAodGhpcy5zdGF0ZS5pc09wZW4pIHtcbiAgICAgICAgICAgIGxpZ2h0Ym94ID0gKFxuICAgICAgICAgICAgICAgIDxMaWdodGJveFxuICAgICAgICAgICAgICAgICAgICBtYWluU3JjPXtpbWFnZXNbdGhpcy5zdGF0ZS5pbmRleF19XG4gICAgICAgICAgICAgICAgICAgIG5leHRTcmM9e2ltYWdlc1sodGhpcy5zdGF0ZS5pbmRleCArIDEpICUgaW1hZ2VzLmxlbmd0aF19XG4gICAgICAgICAgICAgICAgICAgIHByZXZTcmM9e2ltYWdlc1sodGhpcy5zdGF0ZS5pbmRleCArIGltYWdlcy5sZW5ndGggLSAxKSAlIGltYWdlcy5sZW5ndGhdfVxuXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xvc2VSZXF1ZXN0PXt0aGlzLmNsb3NlTGlnaHRib3h9XG4gICAgICAgICAgICAgICAgICAgIG9uTW92ZVByZXZSZXF1ZXN0PXt0aGlzLm1vdmVQcmV2fVxuICAgICAgICAgICAgICAgICAgICBvbk1vdmVOZXh0UmVxdWVzdD17dGhpcy5tb3ZlTmV4dH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIG9uQ2xpY2s9e3RoaXMub3BlbkxpZ2h0Ym94fT5PcGVuIExpZ2h0Ym94PC9idXR0b24+XG4gICAgICAgICAgICAgICAge2xpZ2h0Ym94fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgfVxufSk7XG5cblJlYWN0RE9NLnJlbmRlcig8QXBwLz4sIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhcHAnKSk7XG4iXX0=