import { EventEmitter } from '../core/EventEmitter';
import { BoreholePopup } from '../controls/BoreholePopup';
import { Map } from '../core/Map';
import { Scene } from 'three/src/scenes/Scene';

abstract class Layer extends EventEmitter {

    // #region "properties"
    protected _map: Map;
    protected _popup: BoreholePopup;
    protected _popupHandlersAdded: boolean = false;
    // #endregion "properties"

    options = {
        pane: 'overlayPane',
        nonBubblingEvents: []  // Array of events that should not be bubbled to DOM parents (like the map)
    };

    constructor() {
        super();
    }

    abstract onAdd(map): void;
    abstract onRemove(map): void;
    abstract scaleZ(z): void;
    abstract setVisible(visible): void;
    abstract setWireframeMode(wireframe?: boolean): void;

    addTo(map: Map) {
        map.addLayer(this);
        return this;
    }

    async _layerAdd(e) {
        let map = e;//.target;

        // check in case layer gets added and then removed before the map is ready
        if (!map.hasLayer(this)) { return; }

        this._map = map;
        //this._zoomAnimated = map._zoomAnimated;

        //if (this.getEvents) {
        //    map.on(this.getEvents(), this);
        //}

        await this.onAdd(map);

        //if (this.getAttribution && this._map.attributionControl) {
        //    this._map.attributionControl.addAttribution(this.getAttribution());
        //}
        //this.fire('add');
        //map.fire('layeradd', { layer: this });
    }


    getScene(): Scene {
        return this._map.scene;
    }

    // @method bindPopup(content: String|HTMLElement|Function|Popup, options?: Popup options): this
    // Binds a popup to the layer with the passed `content` and sets up the
    // neccessary event listeners. If a `Function` is passed it will receive
    // the layer as the first argument and should return a `String` or `HTMLElement`.
    bindPopup(content) {

        if (content instanceof BoreholePopup) {
            //util.setOptions(content, options);
            this._popup = content;
            content._source = this;
        }

        if (!this._popup) {
            //this._popup = new L.Popup(options, this);
            this._popup = new BoreholePopup({});
            this._popup.addTo(this._map);
            this._popup.setChartContent(content);
        }



        if (!this._popupHandlersAdded) {
            this.on("click", this.openPopup, this); //remove: this.closePopup  //move: this._movePopup
            this.on('remove', this.closePopup, this);
            this._popupHandlersAdded = true;
        }

        //// save the originally passed offset
        //this._originalPopupOffset = this._popup.options.offset;

        return this;
    }

    setPopupChartData(content) {
        this._popup.setChartContent(content);
    }

    openPopup() {
        this._popup.show();
    }

    // @method closePopup(): this
    // Closes the popup bound to this layer if it is open.
    closePopup() {
        if (this._popup) {
            this._popup.close();
            //this._popup.removeFrom(this._map);
        }
        return this;
    }

}

export { Layer };