const LeafletMap = (function (factory) {
  // Packaging/modules magic dance
  var L;
  if (typeof define === 'function' && define.amd) {
    // AMD
    define(['leaflet'], factory);
  } else if (typeof module !== 'undefined') {
    // Node/CommonJS
    L = require('leaflet');
    module.exports = factory(L);
  } else {
    // Browser globals
    if (typeof window.L === 'undefined') {
      throw new Error('Leaflet must be loaded first');
        }
    factory(window.L);
  }
}(function (L) {
  'use strict';

  L.Control.Zoominfo = (function () {

    var Zoominfo = L.Control.extend({
      options: {
        position: 'topleft',
        styleNS: 'leaflet-control-zoominfo'
      },

      onAdd: function (map) {
        this._map = map;
        this._ui = this._createUI();

        map.whenReady(this._initInfo,        this)
          .whenReady(this._initEvents,      this)
          .whenReady(this._updateInfoValue, this)
          .whenReady(this._updateDisabled,  this);
        return this._ui.bar;
      },

      onRemove: function (map) {
        map.off('zoomlevelschange',         this._updateSize,      this)
          .off('zoomend zoomlevelschange', this._updateInfoValue, this)
          .off('zoomend zoomlevelschange', this._updateDisabled,  this);
      },

      _createUI: function () {
        var ui = {},
          ns = this.options.styleNS;

        ui.bar     = L.DomUtil.create('div', ns + ' leaflet-bar');
        ui.zoomIn  = this._createZoomBtn('in', 'top', ui.bar);
        ui.wrap    = L.DomUtil.create('div', ns + '-wrap leaflet-bar-part', ui.bar);
        ui.zoomOut = this._createZoomBtn('out', 'bottom', ui.bar);
        ui.body    = L.DomUtil.create('div', ns + '-body', ui.wrap);
        ui.info    = L.DomUtil.create('div', ns + '-info');

        L.DomEvent.disableClickPropagation(ui.bar);
        L.DomEvent.disableClickPropagation(ui.info);

        return ui;
      },
      _createZoomBtn: function (zoomDir, end, container) {
        var classDef = this.options.styleNS + '-' + zoomDir +
            ' leaflet-bar-part' +
            ' leaflet-bar-part-' + end,
          link = L.DomUtil.create('a', classDef, container);

        link.href = '#';
        link.title = 'Zoom ' + zoomDir;

        L.DomEvent.on(link, 'click', L.DomEvent.preventDefault);

        return link;
      },

      _initInfo: function () {
        this._ui.body.appendChild(this._ui.info);
      },
      _initEvents: function () {
        this._map
          .on('zoomend zoomlevelschange', this._updateInfoValue, this)
          .on('zoomend zoomlevelschange', this._updateDisabled,  this);

        L.DomEvent.on(this._ui.zoomIn,  'click', this._zoomIn,        this);
        L.DomEvent.on(this._ui.zoomOut, 'click', this._zoomOut,       this);
      },

      _zoomIn: function (e) {
        this._map.zoomIn(e.shiftKey ? 3 : 1);
      },
      _zoomOut: function (e) {
        this._map.zoomOut(e.shiftKey ? 3 : 1);
      },

      _zoomLevels: function () {
        var zoomLevels = this._map.getMaxZoom() - this._map.getMinZoom() + 1;
        return zoomLevels < Infinity ? zoomLevels : 0;
      },
      _toZoomLevel: function (value) {
        return value + this._map.getMinZoom();
      },
      _toValue: function (zoomLevel) {
        return zoomLevel - this._map.getMinZoom();
      },

      _updateInfoValue: function () {
        this._ui.info.innerHTML = '<strong>'+ this._map.getZoom() + '</strong>';
      },
      _updateDisabled: function () {
        var zoomLevel = this._map.getZoom(),
          className = this.options.styleNS + '-disabled';

        L.DomUtil.removeClass(this._ui.zoomIn,  className);
        L.DomUtil.removeClass(this._ui.zoomOut, className);

        if (zoomLevel === this._map.getMinZoom()) {
          L.DomUtil.addClass(this._ui.zoomOut, className);
        }
        if (zoomLevel === this._map.getMaxZoom()) {
          L.DomUtil.addClass(this._ui.zoomIn, className);
        }
      }
    });

    return Zoominfo;
  })();

  L.Map.addInitHook(function () {
    if (this.options.zoominfoControl) {
      this.zoominfoControl = new L.Control.Zoominfo();
      this.addControl(this.zoominfoControl);
    }
  });

  L.control.zoominfo = function (options) {
    return new L.Control.Zoominfo(options);
  };
}));

export default LeafletMap