/*****************************************************************************
 * Open MCT, Copyright (c) 2014-2024, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
 * Administration. All rights reserved.
 *
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * Open MCT includes source code licensed under additional open source
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 * this source code distribution or the Licensing information page available
 * at runtime from the About dialog for additional information.
 *****************************************************************************/

import { EventEmitter } from 'eventemitter3';
import mount from 'utils/mount';

import TooltipComponent from './components/TooltipComponent.vue';

class Tooltip extends EventEmitter {
  constructor(
    { toolTipText, toolTipLocation, parentElement } = {
      tooltipText: '',
      toolTipLocation: 'below',
      parentElement: null
    }
  ) {
    super();

    const { vNode, destroy } = mount({
      components: {
        TooltipComponent: TooltipComponent
      },
      provide: {
        toolTipText,
        toolTipLocation,
        parentElement
      },
      template: '<tooltip-component toolTipText="toolTipText"></tooltip-component>'
    });

    this.component = vNode.componentInstance;
    this._destroy = destroy;

    this.isActive = null;
  }

  destroy() {
    if (!this.isActive) {
      return;
    }
    this._destroy();
    this.isActive = false;
  }

  /**
   * @private
   **/
  show() {
    document.body.appendChild(this.component.$el);
    this.isActive = true;
  }
}

export default Tooltip;