import BaseLayer from 'ember-leaflet/components/base-layer';

export default BaseLayer.extend({

  leafletRequiredOptions: [
    'url'
  ],

  leafletOptions: [
    'minZoom', 'maxZoom', 'maxNativeZoom', 'tileSize', 'subDomains',
    'errorTileUrl', 'attribution', 'tms', 'continuousWorld', 'noWrap',
    'zoomOffset', 'zoomReverse', 'opacity', 'zIndex', 'unloadInvisibleTiles',
    'updateWhenIdle', 'detectRetina', 'reuseTiles', 'bounds'
  ],

  leafletEvents: [
    'loading', 'load', 'tileloadstart', 'tileload', 'tileunload'
  ],

  leafletProperties: [
    'url', 'zIndex', 'opacity'
  ],

  createLayer() {
    return this.L.tileLayer(...this.get('requiredOptions'), this.get('options'));
  },

  isLoading: false,

  loading() {
    this.set('isLoading', true);
  },

  load() {
    this.set('isLoading', false);
  }
});

@@ -693,133 +693,8 @@
 ));%0A
-  %7D,%0A%0A  isLoading: false,%0A%0A  loading() %7B%0A    this.set('isLoading', true);%0A  %7D,%0A%0A  load() %7B%0A    this.set('isLoading', false);%0A
   %7D%0A

remove unnecessary events