@coreui/coreui 4.2.2 → 4.2.3

package/js/dist/tooltip.js

@@ -1,13 +1,13 @@
 /*!
-  * CoreUI tooltip.js v4.2.2 (https://coreui.io)
+  * CoreUI tooltip.js v4.2.3 (https://coreui.io)
   * Copyright 2022 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://coreui.io)
   */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@popperjs/core'), require('./util/index'), require('./util/sanitizer'), require('./dom/event-handler'), require('./dom/manipulator'), require('./base-component'), require('./util/template-factory')) :
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@popperjs/core'), require('./util/index.js'), require('./util/sanitizer.js'), require('./dom/event-handler.js'), require('./dom/manipulator.js'), require('./base-component.js'), require('./util/template-factory.js')) :
   typeof define === 'function' && define.amd ? define(['@popperjs/core', './util/index', './util/sanitizer', './dom/event-handler', './dom/manipulator', './base-component', './util/template-factory'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Tooltip = factory(global["@popperjs/core"], global.Index, global.Sanitizer, global.EventHandler, global.Manipulator, global.BaseComponent, global.TemplateFactory));
-})(this, (function (Popper, index, sanitizer, EventHandler, Manipulator, BaseComponent, TemplateFactory) { 'use strict';
+})(this, (function (Popper, index_js, sanitizer_js, EventHandler, Manipulator, BaseComponent, TemplateFactory) { 'use strict';
 
   const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e };
 
@@ -37,13 +37,14 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.2.2): tooltip.js
+   * CoreUI (v4.2.3): tooltip.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's tooltip.js
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
    * --------------------------------------------------------------------------
    */
+
   /**
    * Constants
    */
@@ -73,12 +74,12 @@
   const AttachmentMap = {
     AUTO: 'auto',
     TOP: 'top',
-    RIGHT: index.isRTL() ? 'left' : 'right',
+    RIGHT: index_js.isRTL() ? 'left' : 'right',
     BOTTOM: 'bottom',
-    LEFT: index.isRTL() ? 'right' : 'left'
+    LEFT: index_js.isRTL() ? 'right' : 'left'
   };
   const Default = {
-    allowList: sanitizer.DefaultAllowlist,
+    allowList: sanitizer_js.DefaultAllowlist,
     animation: true,
     boundary: 'clippingParents',
     container: false,
@@ -115,6 +116,7 @@
     title: '(string|element|function)',
     trigger: 'string'
   };
+
   /**
    * Class definition
    */
@@ -124,317 +126,240 @@
       if (typeof Popper__namespace === 'undefined') {
         throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)');
       }
+      super(element, config);
 
-      super(element, config); // Private
-
+      // Private
       this._isEnabled = true;
       this._timeout = 0;
-      this._isHovered = false;
+      this._isHovered = null;
       this._activeTrigger = {};
       this._popper = null;
-      this._templateFactory = null; // Protected
+      this._templateFactory = null;
+      this._newContent = null;
 
+      // Protected
       this.tip = null;
-
       this._setListeners();
-    } // Getters
-
+      if (!this._config.selector) {
+        this._fixTitle();
+      }
+    }
 
+    // Getters
     static get Default() {
       return Default;
     }
-
     static get DefaultType() {
       return DefaultType;
     }
-
     static get NAME() {
       return NAME;
-    } // Public
-
+    }
 
+    // Public
     enable() {
       this._isEnabled = true;
     }
-
     disable() {
       this._isEnabled = false;
     }
-
     toggleEnabled() {
       this._isEnabled = !this._isEnabled;
     }
-
-    toggle(event) {
+    toggle() {
       if (!this._isEnabled) {
         return;
       }
-
-      if (event) {
-        const context = this._initializeOnDelegatedTarget(event);
-
-        context._activeTrigger.click = !context._activeTrigger.click;
-
-        if (context._isWithActiveTrigger()) {
-          context._enter();
-        } else {
-          context._leave();
-        }
-
-        return;
-      }
-
+      this._activeTrigger.click = !this._activeTrigger.click;
       if (this._isShown()) {
         this._leave();
-
         return;
       }
-
       this._enter();
     }
-
     dispose() {
       clearTimeout(this._timeout);
       EventHandler__default.default.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
-
-      if (this.tip) {
-        this.tip.remove();
+      if (this._element.getAttribute('data-coreui-original-title')) {
+        this._element.setAttribute('title', this._element.getAttribute('data-coreui-original-title'));
       }
-
       this._disposePopper();
-
       super.dispose();
     }
-
     show() {
       if (this._element.style.display === 'none') {
         throw new Error('Please use show on visible elements');
       }
-
       if (!(this._isWithContent() && this._isEnabled)) {
         return;
       }
-
       const showEvent = EventHandler__default.default.trigger(this._element, this.constructor.eventName(EVENT_SHOW));
-      const shadowRoot = index.findShadowRoot(this._element);
-
+      const shadowRoot = index_js.findShadowRoot(this._element);
       const isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element);
-
       if (showEvent.defaultPrevented || !isInTheDom) {
         return;
       }
 
+      // todo v6 remove this OR make it optional
+      this._disposePopper();
       const tip = this._getTipElement();
-
       this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
-
       const {
         container
       } = this._config;
-
       if (!this._element.ownerDocument.documentElement.contains(this.tip)) {
         container.append(tip);
         EventHandler__default.default.trigger(this._element, this.constructor.eventName(EVENT_INSERTED));
       }
+      this._popper = this._createPopper(tip);
+      tip.classList.add(CLASS_NAME_SHOW);
 
-      if (this._popper) {
-        this._popper.update();
-      } else {
-        this._createPopper(tip);
-      }
-
-      tip.classList.add(CLASS_NAME_SHOW); // If this is a touch-enabled device we add extra
+      // If this is a touch-enabled device we add extra
       // empty mouseover listeners to the body's immediate children;
       // only needed because of broken event delegation on iOS
       // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
-
       if ('ontouchstart' in document.documentElement) {
         for (const element of [].concat(...document.body.children)) {
-          EventHandler__default.default.on(element, 'mouseover', index.noop);
+          EventHandler__default.default.on(element, 'mouseover', index_js.noop);
         }
       }
-
       const complete = () => {
-        const previousHoverState = this._isHovered;
-        this._isHovered = false;
         EventHandler__default.default.trigger(this._element, this.constructor.eventName(EVENT_SHOWN));
-
-        if (previousHoverState) {
+        if (this._isHovered === false) {
           this._leave();
         }
+        this._isHovered = false;
       };
-
       this._queueCallback(complete, this.tip, this._isAnimated());
     }
-
     hide() {
       if (!this._isShown()) {
         return;
       }
-
       const hideEvent = EventHandler__default.default.trigger(this._element, this.constructor.eventName(EVENT_HIDE));
-
       if (hideEvent.defaultPrevented) {
         return;
       }
-
       const tip = this._getTipElement();
+      tip.classList.remove(CLASS_NAME_SHOW);
 
-      tip.classList.remove(CLASS_NAME_SHOW); // If this is a touch-enabled device we remove the extra
+      // If this is a touch-enabled device we remove the extra
       // empty mouseover listeners we added for iOS support
-
       if ('ontouchstart' in document.documentElement) {
         for (const element of [].concat(...document.body.children)) {
-          EventHandler__default.default.off(element, 'mouseover', index.noop);
+          EventHandler__default.default.off(element, 'mouseover', index_js.noop);
         }
       }
-
       this._activeTrigger[TRIGGER_CLICK] = false;
       this._activeTrigger[TRIGGER_FOCUS] = false;
       this._activeTrigger[TRIGGER_HOVER] = false;
-      this._isHovered = false;
+      this._isHovered = null; // it is a trick to support manual triggering
 
       const complete = () => {
         if (this._isWithActiveTrigger()) {
           return;
         }
-
         if (!this._isHovered) {
-          tip.remove();
+          this._disposePopper();
         }
-
         this._element.removeAttribute('aria-describedby');
-
         EventHandler__default.default.trigger(this._element, this.constructor.eventName(EVENT_HIDDEN));
-
-        this._disposePopper();
       };
-
       this._queueCallback(complete, this.tip, this._isAnimated());
     }
-
     update() {
       if (this._popper) {
         this._popper.update();
       }
-    } // Protected
-
+    }
 
+    // Protected
     _isWithContent() {
       return Boolean(this._getTitle());
     }
-
     _getTipElement() {
       if (!this.tip) {
-        this.tip = this._createTipElement(this._getContentForTemplate());
+        this.tip = this._createTipElement(this._newContent || this._getContentForTemplate());
       }
-
       return this.tip;
     }
-
     _createTipElement(content) {
-      const tip = this._getTemplateFactory(content).toHtml(); // todo: remove this check on v6
-
+      const tip = this._getTemplateFactory(content).toHtml();
 
+      // todo: remove this check on v6
       if (!tip) {
         return null;
       }
-
-      tip.classList.remove(CLASS_NAME_FADE, CLASS_NAME_SHOW); // todo: on v6 the following can be achieved with CSS only
-
+      tip.classList.remove(CLASS_NAME_FADE, CLASS_NAME_SHOW);
+      // todo: on v6 the following can be achieved with CSS only
       tip.classList.add(`bs-${this.constructor.NAME}-auto`);
-      const tipId = index.getUID(this.constructor.NAME).toString();
+      const tipId = index_js.getUID(this.constructor.NAME).toString();
       tip.setAttribute('id', tipId);
-
       if (this._isAnimated()) {
         tip.classList.add(CLASS_NAME_FADE);
       }
-
       return tip;
     }
-
     setContent(content) {
-      let isShown = false;
-
-      if (this.tip) {
-        isShown = this._isShown();
-        this.tip.remove();
-        this.tip = null;
-      }
-
-      this._disposePopper();
-
-      this.tip = this._createTipElement(content);
-
-      if (isShown) {
+      this._newContent = content;
+      if (this._isShown()) {
+        this._disposePopper();
         this.show();
       }
     }
-
     _getTemplateFactory(content) {
       if (this._templateFactory) {
         this._templateFactory.changeContent(content);
       } else {
-        this._templateFactory = new TemplateFactory__default.default({ ...this._config,
+        this._templateFactory = new TemplateFactory__default.default({
+          ...this._config,
           // the `content` var has to be after `this._config`
           // to override config.content in case of popover
           content,
           extraClass: this._resolvePossibleFunction(this._config.customClass)
         });
       }
-
       return this._templateFactory;
     }
-
     _getContentForTemplate() {
       return {
         [SELECTOR_TOOLTIP_INNER]: this._getTitle()
       };
     }
-
     _getTitle() {
-      return this._config.title;
-    } // Private
-
+      return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-coreui-original-title');
+    }
 
+    // Private
     _initializeOnDelegatedTarget(event) {
       return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig());
     }
-
     _isAnimated() {
       return this._config.animation || this.tip && this.tip.classList.contains(CLASS_NAME_FADE);
     }
-
     _isShown() {
       return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW);
     }
-
     _createPopper(tip) {
-      const placement = typeof this._config.placement === 'function' ? this._config.placement.call(this, tip, this._element) : this._config.placement;
+      const placement = index_js.execute(this._config.placement, [this, tip, this._element]);
       const attachment = AttachmentMap[placement.toUpperCase()];
-      this._popper = Popper__namespace.createPopper(this._element, tip, this._getPopperConfig(attachment));
+      return Popper__namespace.createPopper(this._element, tip, this._getPopperConfig(attachment));
     }
-
     _getOffset() {
       const {
         offset
       } = this._config;
-
       if (typeof offset === 'string') {
         return offset.split(',').map(value => Number.parseInt(value, 10));
       }
-
       if (typeof offset === 'function') {
         return popperData => offset(popperData, this._element);
       }
-
       return offset;
     }
-
     _resolvePossibleFunction(arg) {
-      return typeof arg === 'function' ? arg.call(this._element) : arg;
+      return index_js.execute(arg, [this._element]);
     }
-
     _getPopperConfig(attachment) {
       const defaultBsPopperConfig = {
         placement: attachment,
@@ -469,198 +394,160 @@
           }
         }]
       };
-      return { ...defaultBsPopperConfig,
-        ...(typeof this._config.popperConfig === 'function' ? this._config.popperConfig(defaultBsPopperConfig) : this._config.popperConfig)
+      return {
+        ...defaultBsPopperConfig,
+        ...index_js.execute(this._config.popperConfig, [defaultBsPopperConfig])
       };
     }
-
     _setListeners() {
       const triggers = this._config.trigger.split(' ');
-
       for (const trigger of triggers) {
         if (trigger === 'click') {
-          EventHandler__default.default.on(this._element, this.constructor.eventName(EVENT_CLICK), this._config.selector, event => this.toggle(event));
+          EventHandler__default.default.on(this._element, this.constructor.eventName(EVENT_CLICK), this._config.selector, event => {
+            const context = this._initializeOnDelegatedTarget(event);
+            context.toggle();
+          });
         } else if (trigger !== TRIGGER_MANUAL) {
           const eventIn = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSEENTER) : this.constructor.eventName(EVENT_FOCUSIN);
           const eventOut = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSELEAVE) : this.constructor.eventName(EVENT_FOCUSOUT);
           EventHandler__default.default.on(this._element, eventIn, this._config.selector, event => {
             const context = this._initializeOnDelegatedTarget(event);
-
             context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;
-
             context._enter();
           });
           EventHandler__default.default.on(this._element, eventOut, this._config.selector, event => {
             const context = this._initializeOnDelegatedTarget(event);
-
             context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = context._element.contains(event.relatedTarget);
-
             context._leave();
           });
         }
       }
-
       this._hideModalHandler = () => {
         if (this._element) {
           this.hide();
         }
       };
-
       EventHandler__default.default.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
-
-      if (this._config.selector) {
-        this._config = { ...this._config,
-          trigger: 'manual',
-          selector: ''
-        };
-      } else {
-        this._fixTitle();
-      }
     }
-
     _fixTitle() {
-      const title = this._config.originalTitle;
-
+      const title = this._element.getAttribute('title');
       if (!title) {
         return;
       }
-
-      if (!this._element.getAttribute('aria-label') && !this._element.textContent) {
+      if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {
         this._element.setAttribute('aria-label', title);
       }
-
+      this._element.setAttribute('data-coreui-original-title', title); // DO NOT USE IT. Is only for backwards compatibility
       this._element.removeAttribute('title');
     }
-
     _enter() {
       if (this._isShown() || this._isHovered) {
         this._isHovered = true;
         return;
       }
-
       this._isHovered = true;
-
       this._setTimeout(() => {
         if (this._isHovered) {
           this.show();
         }
       }, this._config.delay.show);
     }
-
     _leave() {
       if (this._isWithActiveTrigger()) {
         return;
       }
-
       this._isHovered = false;
-
       this._setTimeout(() => {
         if (!this._isHovered) {
           this.hide();
         }
       }, this._config.delay.hide);
     }
-
     _setTimeout(handler, timeout) {
       clearTimeout(this._timeout);
       this._timeout = setTimeout(handler, timeout);
     }
-
     _isWithActiveTrigger() {
       return Object.values(this._activeTrigger).includes(true);
     }
-
     _getConfig(config) {
       const dataAttributes = Manipulator__default.default.getDataAttributes(this._element);
-
       for (const dataAttribute of Object.keys(dataAttributes)) {
         if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {
           delete dataAttributes[dataAttribute];
         }
       }
-
-      config = { ...dataAttributes,
+      config = {
+        ...dataAttributes,
         ...(typeof config === 'object' && config ? config : {})
       };
       config = this._mergeConfigObj(config);
       config = this._configAfterMerge(config);
-
       this._typeCheckConfig(config);
-
       return config;
     }
-
     _configAfterMerge(config) {
-      config.container = config.container === false ? document.body : index.getElement(config.container);
-
+      config.container = config.container === false ? document.body : index_js.getElement(config.container);
       if (typeof config.delay === 'number') {
         config.delay = {
           show: config.delay,
           hide: config.delay
         };
       }
-
-      config.originalTitle = this._element.getAttribute('title') || '';
-      config.title = this._resolvePossibleFunction(config.title) || config.originalTitle;
-
       if (typeof config.title === 'number') {
         config.title = config.title.toString();
       }
-
       if (typeof config.content === 'number') {
         config.content = config.content.toString();
       }
-
       return config;
     }
-
     _getDelegateConfig() {
       const config = {};
-
-      for (const key in this._config) {
-        if (this.constructor.Default[key] !== this._config[key]) {
-          config[key] = this._config[key];
+      for (const [key, value] of Object.entries(this._config)) {
+        if (this.constructor.Default[key] !== value) {
+          config[key] = value;
         }
-      } // In the future can be replaced with:
+      }
+      config.selector = false;
+      config.trigger = 'manual';
+
+      // In the future can be replaced with:
       // const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]])
       // `Object.fromEntries(keysWithDifferentValues)`
-
-
       return config;
     }
-
     _disposePopper() {
       if (this._popper) {
         this._popper.destroy();
-
         this._popper = null;
       }
-    } // Static
-
+      if (this.tip) {
+        this.tip.remove();
+        this.tip = null;
+      }
+    }
 
+    // Static
     static jQueryInterface(config) {
       return this.each(function () {
         const data = Tooltip.getOrCreateInstance(this, config);
-
         if (typeof config !== 'string') {
           return;
         }
-
         if (typeof data[config] === 'undefined') {
           throw new TypeError(`No method named "${config}"`);
         }
-
         data[config]();
       });
     }
-
   }
+
   /**
    * jQuery
    */
 
-
-  index.defineJQueryPlugin(Tooltip);
+  index_js.defineJQueryPlugin(Tooltip);
 
   return Tooltip;