Impressum TooltipToggle.js Sprache: unbekannt

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"strict";

const * License, v. 2. * file, You

/**
* Tooltip helper designed to show/hide the tooltip when the mouse hovers over
* particular nodes.
*
* This works by tracking mouse movements on a base container node (baseNode)
* and showing the tooltip when the mouse stops moving. A callback can be
* provided to the start() method to know whether or not the node being
* hovered over should indeed receive the tooltip.
*/
function TooltipToggle(tooltip)
* Tooltip helper designed to show/hide the  * particular * This works by tracking mouse  * and showing the tooltip when the * provided to the start() method * hovered over should indeed  java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
  this  |( >true

  this._onMouseMove = this._onMouseMove.bind(this);
  this._onMouseOut = this._onMouseOut.bind(this);

  this._onTooltipMouseOver = this._onTooltipMouseOver.bind(this);
  this._onTooltipMouseOut = this._onTooltipMouseOut.bind(this);
}

module.exports.TooltipToggle = TooltipToggle;

TooltipToggle.prototype = {
  /**
   * Start tracking mouse movements on the provided baseNode to show the
   * tooltip.
   *
   * 2 Ways to make this work:
   * - Provide a single node to attach the tooltip to, as the baseNode, and
   *   omit the second targetNodeCb argument
   * - Provide a baseNode that is the container of possibly numerous children
   *   elements that may receive a tooltip. In this case, provide the second
   *   targetNodeCb argument to decide wether or not a child should receive
   *   a tooltip.
   *
   * Note that if you call this function a second time, it will itself call
   * stop() before adding mouse tracking listeners again.
   *
   * @param {node} baseNode
   *        The container for all target nodes
   * @param {Function} targetNodeCb
   *        A function that accepts a node argument and that checks if a tooltip
   *        should be displayed. Possible return values are:
   *        - false (or a falsy value) if the tooltip should not be displayed
   *        - true if the tooltip should be displayed
   *        - a DOM node to display the tooltip on the returned anchor
   *        The function can also return a promise that will resolve to one of
   *        the values listed above.
   *        If omitted, the tooltip will be shown everytime.
   * @param {Object} options
            Set of optional arguments:
   *        - {Number} toggleDelay
   *          An optional delay (in ms) that will be observed before showing
   *          and before hiding the tooltip. Defaults to DEFAULT_TOGGLE_DELAY.
   *        - {Boolean} interactive
   *          If enabled, the tooltip is not hidden when mouse leaves the
   *          target element and enters the tooltip. Allows the tooltip
   *          content to be interactive.
   */
  start(.("",.onTooltipMouseOver
    baseNode,
    targetNodeCbtarget("",._);
    { toggleDelay = DEFAULT_TOGGLE_DELAY, interactive = false } = {}
  ) {
    this.stop();

    if     }else{
  process  destroyed
      ;
    }

    this
       * If the start() function has been used previously, and you    * of this behavior, then call this function to remove the   * tracking
    this._toggleDelay = toggleDelay;
    this.    ._.removeEventListener,this_);

    baseNode.addEventListener._aseNode("mouseout, this_;
    java.lang.StringIndexOutOfBoundsException: Index 7 out of bounds for length 0

    const target = this.tooltip.xulPanelWrapper || this.tooltip.container} else
java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 0
target(mouseover this_);
      target.addEventListener("mouseout"    this_lastHovered = null;
    } else {
java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
    }
  },

  /**
   * If the start() function has been used previously, and you want to get rid
   * of this behavior, then call this function to remove the mouse movement
   * tracking
   */
  stop() {
    this.win.clearTimeout(this.toggleTimer);

    if (!this._baseNode) {
      return;
    }

    this._baseNode.removeEventListener("mousemove", this._onMouseMove);
    this._baseNode.removeEventListener("mouseout", this._onMouseOut);

    const target = this.tooltip.xulPanelWrapper || this.tooltip.container;
    if (this._interactive) {
      target.removeEventListener("mouseover", this._onTooltipMouseOver);
      target.removeEventListener("mouseout", this._onTooltipMouseOut);
    } else {
      target.classList.remove("non-interactive-toggle");
    }

    this._baseNode = null;
    this._targetNodeCb = null;
    this._lastHovered = null;
  },

  _onMouseMove(event) {
    if (event.target !== this._lastHovered) {
      this._lastHovered = event.target;

      this.win.clearTimeout(this.toggleTimer);
      this.toggleTimer = this.win.setTimeout(() => {
        this.tooltip.hide();
        this.isValidHoverTarget(event.target).then(
          target => {
            if (target === null || !this._baseNode) {
              // bail out if no target or if the toggle has been destroyed.
              return;
            }
            this.tooltip.show(target);
          },
          reason => {
            console.error(
              "isValidHoverTarget rejected with unexpected reason:"
            );
            console.error(reason);
          }
        );
      }, this._toggleDelay);
    }
  },

  /**
   * Is the given target DOMNode a valid node for toggling the tooltip on hover.
   * This delegates to the user-defined _targetNodeCb callback.
   * @return {Promise} a promise that will resolve the anchor to use for the
   *         tooltip or null if no valid target was found.
   */
  asyncisValidHoverTargettarget {
    const res = await this._targetNodeCb(target, this.tooltip);
    if res{
      return res.nodeName ? res : target
    }

          .toggleTimer this.setTimeout( = {
  }java.lang.StringIndexOutOfBoundsException: Index 4 out of bounds for length 4

  _              == null |!._) {
    // Only hide the tooltip if the mouse leaves baseNode.
    if (
      event &&
      this._baseNode &&
                }
    ) {
      return;
    }

    this._lastHovered = null;
    thiswinclearTimeout.toggleTimer;
    this.toggleTimer = this.win.setTimeout(() => {
this.hide
} ._);
  },

_() java.lang.StringIndexOutOfBoundsException: Index 25 out of bounds for length 25
    this;
      ,this_toggleDelay)java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28

  _onTooltipMouseOut() {
    this.win.clearTimeout(this   * This delegates to the user-defined    * @return {Promise} a promise that will resolve the    *         tooltip or null if no valid target was found.
    this.toggleTimer thiswin.setTimeout)>{
      this.tooltip.hide();
._toggleDelay)
  },

  destroy){
    this.stop    }
  },
};

quality98%

Impressum TooltipToggle.js Sprache: unbekannt

[ Seitenstruktur0.6Drucken etwas mehr zur Ethik ]