Tooltip constructor

Tooltip(Element element, { bool? animation, String? placement(Element elem)?, String? selector, String? template, String? trigger, String? title(Element elem)?, int? delay, int? showDelay, int? hideDelay, bool? html, dynamic container, NodeValidatorBuilder? htmlValidator, String defaultTemplate = _defaultTemplate, String defaultTrigger = 'hover focus', })

Construct a tooltip component and wire it to element. *

• • If animation is true, the show/hide action will be animated. Default: true.
• • placement function determines where to put the tooltip. Accepted output
• are 'top', 'bottom', 'left', 'right'. Default: a function which returns the
• attribute 'data-placement' on the element, or 'top' if absent.
• • selector determines on which descendants the tooltip can be triggered.
• If absent, the tooltip is triggered by the events on the element itself.
• • template determines the DOM structure of tooltip.
• • trigger determines the conditions which triggers the tooltip, separated
• by whitespace. Accepted values are 'click', 'hover', 'focus', 'manual'.
• Default value is 'hover focus'.
• • If the 'title' attribute is absent on the element, title function
• determines the message shown in tooltip.
• • delay value determines the delay time when showing/hiding tooltip, in
• milliseconds. You can specify showDelay and hideDelay to configurate
• the delay time separately. Default: 0. Delay time only apply to 'hover' and
• 'focus' trigger type.
• • If html is false, the component will html-escape the title when
• rendering.
• • If container is given, the tooltip Element will be inserted as a child
• of it. The value must be either a selector String, an Element, or an
• ElementQuery object. If absent, the tooltip Element will be inserted
• after the element.

Implementation

Tooltip(Element element, {bool? animation, String? placement(Element elem)?,
  String? selector, String? template, String? trigger, String? title(Element elem)?,
  int? delay, int? showDelay, int? hideDelay, bool? html, container,
  NodeValidatorBuilder? htmlValidator,
  String defaultTemplate = _defaultTemplate,
  String defaultTrigger = 'hover focus'}) :
this.animation  = _bool(animation, element, 'animation', true)!,
this.html       = _bool(html,      element, 'html',      false)!,
this.showDelay  = _int(showDelay, element, 'show-delay', _int(delay, element, 'delay', 0)!)!,
this.hideDelay  = _int(hideDelay, element, 'hide-delay', _int(delay, element, 'delay', 0)!)!,
this.selector   = _data(selector,  element, 'selector'),
this.template   = _data(template,  element, 'template', defaultTemplate),
this.trigger    = _data(trigger,   element, 'trigger',  defaultTrigger),
this.container  = _data(container, element, 'container'),
this._title     = title ?? ((Element elem) => elem.dataset['title']),
this._placement = placement ?? ((Element elem) => elem.dataset['placement']),
this._htmlValidator = htmlValidator,
super(element, _name) {

  for (final t in this.trigger.split(' ')) {
    if (t == 'click') {
      $element.on("click.$_type", (QueryEvent event) => toggle(), selector: selector);

    } else if (t != 'manual') {
      final eventIn = t == 'hover' ? 'mouseenter' : 'focus',
        eventOut = t == 'hover' ? 'mouseleave' : 'blur';
      $element.on("$eventIn.$_type", (QueryEvent event) => _enter(), selector: selector);
      $element.on("$eventOut.$_type", (QueryEvent event) => _leave(), selector: selector);

    }
  }

  /*
  this.options.selector ?
      (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
      this._fixTitle()
  */
  if (selector == null)
    _fixTitle();
}