'use strict'
var _extends =
  Object.assign ||
  function(a) {
    for (var b, c = 1; c < arguments.length; c++)
      for (var d in ((b = arguments[c]), b))
        Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d])
    return a
  }
!(function(require, directRequire) {
  const a = require('react'),
    { connect: b } = require('react-redux'),
    c = require('./fc137838572a83604db39acff8e909e0.js'),
    d = require('./d3976cc01aeebc5b09e11c4135b6bd8d.js'),
    e = require('./a8a5e64abb9f7f8caefeee1a1f0c9d3a.js'),
    f = require('./eadce02c750c875a10680bcfedadec88.js'),
    g = require('./56c390e04c10e91a4aa2a2c19d9a885d.js'),
    h = [
      { name: '100%', value: 1 },
      { name: '85%', value: 0.85 },
      { name: '75%', value: 0.75 },
      { name: '50%', value: 0.5 }
    ]
  class i extends a.Component {
    constructor(a) {
      super(a)
    }
    onSelectClick(a) {
      event.stopPropagation(),
        this.props.onSelectClick && this.props.onSelectClick(a)
    }
    render() {
      return a.createElement(
        e,
        _extends({}, this.props, {
          id: this.props.id + '-popup',
          left: this.props.left,
          top: this.props.top,
          onSelectClick: this.onSelectClick.bind(this)
        })
      )
    }
  }
  module.exports = b(
    a => {
      let b = a.toolbar.deviceScale,
        c = -1
      return (
        h.forEach((a, d) => {
          a.value == b && (c = d)
        }),
        { list: h, current: c }
      )
    },
    a => {
      return {
        onSelectClick: b => {
          a(c.setDeviceScale(h[b].value)), a(c.toggleClickKey(f.NONE))
        }
      }
    }
  )(i)
})(require('lazyload'), require)
