title-switcher 2.1.16 → 2.1.18

package/dist/main.js

@@ -1,21 +1,21 @@
-'use strict'
+'use strict';
 
-require('core-js/modules/esnext.weak-map.delete-all.js')
-const __classPrivateFieldSet = void 0 && (void 0).__classPrivateFieldSet || function (receiver, state, value, kind, f) {
-  if (kind === 'm') throw new TypeError('Private method is not writable')
-  if (kind === 'a' && !f) throw new TypeError('Private accessor was defined without a setter')
-  if (typeof state === 'function' ? receiver !== state || !f : !state.has(receiver)) throw new TypeError('Cannot write private member to an object whose class did not declare it')
-  return kind === 'a' ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value
-}
-const __classPrivateFieldGet = void 0 && (void 0).__classPrivateFieldGet || function (receiver, state, kind, f) {
-  if (kind === 'a' && !f) throw new TypeError('Private accessor was defined without a getter')
-  if (typeof state === 'function' ? receiver !== state || !f : !state.has(receiver)) throw new TypeError('Cannot read private member from an object whose class did not declare it')
-  return kind === 'm' ? f : kind === 'a' ? f.call(receiver) : f ? f.value : state.get(receiver)
-}
-let _TitleSwitcher_active, _TitleSwitcher_currentClass, _TitleSwitcher_currentIndex, _TitleSwitcher_delayEffect, _TitleSwitcher_delaySwitch, _TitleSwitcher_isRandom, _TitleSwitcher_titles, _TitleSwitcher_titlesContainer, _TitleSwitcher_switchStyle, _TitleSwitcher_typeSurface
-Object.defineProperty(exports, '__esModule', {
+require("core-js/modules/esnext.weak-map.delete-all.js");
+var __classPrivateFieldSet = void 0 && (void 0).__classPrivateFieldSet || function (receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = void 0 && (void 0).__classPrivateFieldGet || function (receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TitleSwitcher_active, _TitleSwitcher_currentClass, _TitleSwitcher_currentIndex, _TitleSwitcher_delayEffect, _TitleSwitcher_delaySwitch, _TitleSwitcher_isRandom, _TitleSwitcher_titles, _TitleSwitcher_titlesContainer, _TitleSwitcher_switchStyle, _TitleSwitcher_typeSurface;
+Object.defineProperty(exports, "__esModule", {
   value: true
-})
+});
 class TitleSwitcher {
   /**
    * Instantiate this as a class to get an instance of TitleSwitcher
@@ -23,89 +23,80 @@ class TitleSwitcher {
    * @param switchStyle - The function or function name for the effect to apply
    * @constructor
    */
-  constructor (titlesContainer = '', switchStyle = 'typingEffect') {
-    _TitleSwitcher_active.set(this, false)
-    _TitleSwitcher_currentClass.set(this, 'displayTitle')
-    _TitleSwitcher_currentIndex.set(this, 0)
-    _TitleSwitcher_delayEffect.set(this, 200)
-    _TitleSwitcher_delaySwitch.set(this, 400)
-    _TitleSwitcher_isRandom.set(this, false)
-    _TitleSwitcher_titles.set(this, [])
-    _TitleSwitcher_titlesContainer.set(this, '')
-    _TitleSwitcher_switchStyle.set(this, void 0)
-    _TitleSwitcher_typeSurface.set(this, void 0)
-    __classPrivateFieldSet(this, _TitleSwitcher_currentClass, 'displayTitle', 'f')
+  constructor(titlesContainer = '', switchStyle = 'typingEffect') {
+    _TitleSwitcher_active.set(this, false);
+    _TitleSwitcher_currentClass.set(this, 'displayTitle');
+    _TitleSwitcher_currentIndex.set(this, 0);
+    _TitleSwitcher_delayEffect.set(this, 200);
+    _TitleSwitcher_delaySwitch.set(this, 400);
+    _TitleSwitcher_isRandom.set(this, false);
+    _TitleSwitcher_titles.set(this, []);
+    _TitleSwitcher_titlesContainer.set(this, '');
+    _TitleSwitcher_switchStyle.set(this, void 0);
+    _TitleSwitcher_typeSurface.set(this, void 0);
+    __classPrivateFieldSet(this, _TitleSwitcher_currentClass, 'displayTitle', "f");
     if (typeof switchStyle === 'string') {
       // @ts-ignore Obnoxious error "type 'string' can't be used to index type 'TitleSwitcher'"
-      __classPrivateFieldSet(this, _TitleSwitcher_switchStyle, typeof this[switchStyle] === 'function' ? this[switchStyle] : this.typingEffect, 'f')
+      __classPrivateFieldSet(this, _TitleSwitcher_switchStyle, typeof this[switchStyle] === 'function' ? this[switchStyle] : this.typingEffect, "f");
     } else {
-      __classPrivateFieldSet(this, _TitleSwitcher_switchStyle, switchStyle, 'f')
+      __classPrivateFieldSet(this, _TitleSwitcher_switchStyle, switchStyle, "f");
     }
-    __classPrivateFieldSet(this, _TitleSwitcher_titlesContainer, titlesContainer, 'f')
-    __classPrivateFieldSet(this, _TitleSwitcher_titles, [], 'f')
-    const foundContainers = titlesContainer ? document.querySelectorAll(titlesContainer) : []
+    __classPrivateFieldSet(this, _TitleSwitcher_titlesContainer, titlesContainer, "f");
+    __classPrivateFieldSet(this, _TitleSwitcher_titles, [], "f");
+    const foundContainers = titlesContainer ? document.querySelectorAll(titlesContainer) : [];
     if (foundContainers && foundContainers[0]) {
-      __classPrivateFieldSet(this, _TitleSwitcher_titlesContainer, foundContainers[0], 'f')
-      __classPrivateFieldSet(this, _TitleSwitcher_titles, foundContainers[0].children, 'f')
+      __classPrivateFieldSet(this, _TitleSwitcher_titlesContainer, foundContainers[0], "f");
+      __classPrivateFieldSet(this, _TitleSwitcher_titles, foundContainers[0].children, "f");
     }
   }
-
   /**
    * Retrieve active
    */
-  get active () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_active, 'f')
+  get active() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_active, "f");
   }
-
   /**
    * Retrieve currentClass
    */
-  get currentClass () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_currentClass, 'f')
+  get currentClass() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_currentClass, "f");
   }
-
   /**
    * Retrieve currentIndex
    */
-  get currentIndex () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_currentIndex, 'f')
+  get currentIndex() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_currentIndex, "f");
   }
-
   /**
    * Retrieve delayEffect
    */
-  get delayEffect () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_delayEffect, 'f')
+  get delayEffect() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_delayEffect, "f");
   }
-
   /**
    * Retrieve delaySwitch
    */
-  get delaySwitch () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_delaySwitch, 'f')
+  get delaySwitch() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_delaySwitch, "f");
   }
-
   /**
    * Retrieve switchStyle
    */
-  get switchStyle () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_switchStyle, 'f')
+  get switchStyle() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_switchStyle, "f");
   }
-
   /**
    * Retrieve list of titles DOM elements
    */
-  get titles () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_titles, 'f')
+  get titles() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_titles, "f");
   }
-
   /**
    * Retrieve typeSurface used
    */
-  get typeSurface () {
-    return __classPrivateFieldGet(this, _TitleSwitcher_typeSurface, 'f')
+  get typeSurface() {
+    return __classPrivateFieldGet(this, _TitleSwitcher_typeSurface, "f");
   }
-
   /**
    * This is the function to begin the switching titles
    * @param settings
@@ -114,75 +105,72 @@ class TitleSwitcher {
    * @param settings.isRandom
    * @param settings.immediatePause
    */
-  startTitles ({
+  startTitles({
     delaySwitch = 400,
     delayEffect = 200,
     isRandom = false,
     immediatePause = false
   } = {}) {
-    const typeSurface = 'typeSurface'
-    __classPrivateFieldSet(this, _TitleSwitcher_delaySwitch, delaySwitch, 'f')
-    __classPrivateFieldSet(this, _TitleSwitcher_delayEffect, delayEffect, 'f')
-    __classPrivateFieldSet(this, _TitleSwitcher_isRandom, isRandom, 'f')
-    __classPrivateFieldSet(this, _TitleSwitcher_active, !immediatePause, 'f')
-    if (__classPrivateFieldGet(this, _TitleSwitcher_currentIndex, 'f') >= __classPrivateFieldGet(this, _TitleSwitcher_titles, 'f').length || typeof __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, 'f') === 'string') {
-      __classPrivateFieldSet(this, _TitleSwitcher_active, false, 'f')
-      console.warn(`No titles found for '${__classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, 'f')}'`)
-      return this
+    const typeSurface = 'typeSurface';
+    __classPrivateFieldSet(this, _TitleSwitcher_delaySwitch, delaySwitch, "f");
+    __classPrivateFieldSet(this, _TitleSwitcher_delayEffect, delayEffect, "f");
+    __classPrivateFieldSet(this, _TitleSwitcher_isRandom, isRandom, "f");
+    __classPrivateFieldSet(this, _TitleSwitcher_active, !immediatePause, "f");
+    if (__classPrivateFieldGet(this, _TitleSwitcher_currentIndex, "f") >= __classPrivateFieldGet(this, _TitleSwitcher_titles, "f").length || typeof __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, "f") === 'string') {
+      __classPrivateFieldSet(this, _TitleSwitcher_active, false, "f");
+      console.warn(`No titles found for '${__classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, "f")}'`);
+      return this;
     }
-    if (__classPrivateFieldGet(this, _TitleSwitcher_isRandom, 'f')) {
-      __classPrivateFieldSet(this, _TitleSwitcher_currentIndex, Math.round(Math.random() * (__classPrivateFieldGet(this, _TitleSwitcher_titles, 'f').length - 2)) + 1, 'f')
+    if (__classPrivateFieldGet(this, _TitleSwitcher_isRandom, "f")) {
+      __classPrivateFieldSet(this, _TitleSwitcher_currentIndex, Math.round(Math.random() * (__classPrivateFieldGet(this, _TitleSwitcher_titles, "f").length - 2)) + 1, "f");
     }
-    const currentTitle = __classPrivateFieldGet(this, _TitleSwitcher_titles, 'f')[__classPrivateFieldGet(this, _TitleSwitcher_currentIndex, 'f')]
+    const currentTitle = __classPrivateFieldGet(this, _TitleSwitcher_titles, "f")[__classPrivateFieldGet(this, _TitleSwitcher_currentIndex, "f")];
     if (currentTitle.classList) {
-      currentTitle.classList.add(__classPrivateFieldGet(this, _TitleSwitcher_currentClass, 'f'))
+      currentTitle.classList.add(__classPrivateFieldGet(this, _TitleSwitcher_currentClass, "f"));
     } else {
-      currentTitle.className += ' ' + __classPrivateFieldGet(this, _TitleSwitcher_currentClass, 'f')
+      currentTitle.className += ' ' + __classPrivateFieldGet(this, _TitleSwitcher_currentClass, "f");
     }
     // @ts-ignore The Node returned is of type Element, or it should be
-    const typeElement = __classPrivateFieldGet(this, _TitleSwitcher_titles, 'f')[0].cloneNode(true)
+    const typeElement = __classPrivateFieldGet(this, _TitleSwitcher_titles, "f")[0].cloneNode(true);
     if (typeElement.classList) {
-      typeElement.classList.add(typeSurface)
+      typeElement.classList.add(typeSurface);
     } else {
-      typeElement.className += ' ' + typeSurface
+      typeElement.className += ' ' + typeSurface;
     }
     if (typeElement.classList) {
-      typeElement.classList.remove(__classPrivateFieldGet(this, _TitleSwitcher_currentClass, 'f'))
+      typeElement.classList.remove(__classPrivateFieldGet(this, _TitleSwitcher_currentClass, "f"));
     } else {
-      typeElement.className = typeElement.className.replace(new RegExp('(^|\\b)' + typeElement.className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ')
+      typeElement.className = typeElement.className.replace(new RegExp('(^|\\b)' + typeElement.className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
     }
-    __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, 'f').insertBefore(typeElement, __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, 'f').firstChild)
+    __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, "f").insertBefore(typeElement, __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, "f").firstChild);
     // @ts-ignore the returned Node is a type of HTMLElement
-    __classPrivateFieldSet(this, _TitleSwitcher_typeSurface, __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, 'f').querySelectorAll('.' + typeSurface)[0], 'f')
-    __classPrivateFieldGet(this, _TitleSwitcher_typeSurface, 'f').innerHTML = ''
-    __classPrivateFieldGet(this, _TitleSwitcher_typeSurface, 'f').style.display = 'block'
-    Array.prototype.forEach.call(__classPrivateFieldGet(this, _TitleSwitcher_titles, 'f'), function (title) {
-      title.style.display = 'none'
-    })
+    __classPrivateFieldSet(this, _TitleSwitcher_typeSurface, __classPrivateFieldGet(this, _TitleSwitcher_titlesContainer, "f").querySelectorAll('.' + typeSurface)[0], "f");
+    __classPrivateFieldGet(this, _TitleSwitcher_typeSurface, "f").innerHTML = '';
+    __classPrivateFieldGet(this, _TitleSwitcher_typeSurface, "f").style.display = 'block';
+    Array.prototype.forEach.call(__classPrivateFieldGet(this, _TitleSwitcher_titles, "f"), function (title) {
+      title.style.display = 'none';
+    });
     // currentTitle, not this.#titles[this.#currentIndex]: inserting typeElement above shifted every later index by
     // one, so #currentIndex (computed before that insert) no longer points at the title it was set for - switchTitle
     // would remove the 'displayTitle' class from whatever title now happens to sit at that stale index instead of
     // from currentTitle, leaving more than one title carrying the class at once.
-    return this.switchTitle(currentTitle, __classPrivateFieldGet(this, _TitleSwitcher_switchStyle, 'f'), this)
+    return this.switchTitle(currentTitle, __classPrivateFieldGet(this, _TitleSwitcher_switchStyle, "f"), this);
   }
-
   /**
    * This is the function to pause between switching
    */
-  pause () {
-    __classPrivateFieldSet(this, _TitleSwitcher_active, false, 'f')
+  pause() {
+    __classPrivateFieldSet(this, _TitleSwitcher_active, false, "f");
   }
-
   /**
    * This is the function to resume after a pause.
    */
-  resume () {
-    if (!__classPrivateFieldGet(this, _TitleSwitcher_active, 'f')) {
-      __classPrivateFieldSet(this, _TitleSwitcher_active, true, 'f')
-      this.switchTitle(__classPrivateFieldGet(this, _TitleSwitcher_titles, 'f')[__classPrivateFieldGet(this, _TitleSwitcher_currentIndex, 'f')], __classPrivateFieldGet(this, _TitleSwitcher_switchStyle, 'f'), this)
+  resume() {
+    if (!__classPrivateFieldGet(this, _TitleSwitcher_active, "f")) {
+      __classPrivateFieldSet(this, _TitleSwitcher_active, true, "f");
+      this.switchTitle(__classPrivateFieldGet(this, _TitleSwitcher_titles, "f")[__classPrivateFieldGet(this, _TitleSwitcher_currentIndex, "f")], __classPrivateFieldGet(this, _TitleSwitcher_switchStyle, "f"), this);
     }
   }
-
   /**
    * This is the core function for switching titles
    * @param currentTitle
@@ -190,53 +178,53 @@ class TitleSwitcher {
    * @param self
    * @param runOnce
    */
-  switchTitle (currentTitle, callBackFunction, self, runOnce = false) {
-    self = self || this
-    let currentIndex = 1
-    const size = __classPrivateFieldGet(self, _TitleSwitcher_titles, 'f').length
+  switchTitle(currentTitle, callBackFunction, self, runOnce = false) {
+    self = self || this;
+    let currentIndex = 1;
+    const size = __classPrivateFieldGet(self, _TitleSwitcher_titles, "f").length;
     for (let i = 1; i < size; ++i) {
-      if (__classPrivateFieldGet(self, _TitleSwitcher_titles, 'f')[i] === currentTitle) {
-        currentIndex = i
-        break
+      if (__classPrivateFieldGet(self, _TitleSwitcher_titles, "f")[i] === currentTitle) {
+        currentIndex = i;
+        break;
       }
     }
-    if (!__classPrivateFieldGet(self, _TitleSwitcher_active, 'f')) {
-      __classPrivateFieldSet(self, _TitleSwitcher_currentIndex, currentIndex, 'f')
-      return self
+    if (!__classPrivateFieldGet(self, _TitleSwitcher_active, "f")) {
+      __classPrivateFieldSet(self, _TitleSwitcher_currentIndex, currentIndex, "f");
+      return self;
     }
-    const maxIndex = __classPrivateFieldGet(self, _TitleSwitcher_titles, 'f').length - 1
-    let nextIndex = 1
+    const maxIndex = __classPrivateFieldGet(self, _TitleSwitcher_titles, "f").length - 1;
+    let nextIndex = 1;
     if (maxIndex === 1) {
-      return callBackFunction(currentTitle, runOnce ? () => self : self.switchTitle, self, runOnce)
+      return callBackFunction(currentTitle, runOnce ? () => self : self.switchTitle, self, runOnce);
     }
-    if (__classPrivateFieldGet(self, _TitleSwitcher_isRandom, 'f')) {
+    if (__classPrivateFieldGet(self, _TitleSwitcher_isRandom, "f")) {
       if (!self.typeSurface.textContent.trim()) {
-        currentIndex = -1
+        currentIndex = -1;
       }
       do {
-        nextIndex = Math.round(Math.random() * (maxIndex - 1)) + 1
-      } while (nextIndex === currentIndex)
+        nextIndex = Math.round(Math.random() * (maxIndex - 1)) + 1;
+      } while (nextIndex === currentIndex);
     } else {
       if (!self.typeSurface.textContent.trim()) {
-        currentIndex = maxIndex
+        currentIndex = maxIndex;
       }
-      nextIndex = currentIndex < maxIndex ? currentIndex + 1 : 1
+      nextIndex = currentIndex < maxIndex ? currentIndex + 1 : 1;
     }
-    const nextTitle = __classPrivateFieldGet(self, _TitleSwitcher_titles, 'f')[nextIndex]
+    const nextTitle = __classPrivateFieldGet(self, _TitleSwitcher_titles, "f")[nextIndex];
     if (currentTitle.classList) {
-      currentTitle.classList.remove(self.currentClass)
+      currentTitle.classList.remove(self.currentClass);
     } else {
-      currentTitle.className = currentTitle.className.replace(new RegExp('(^|\\b)' + currentTitle.className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ')
+      currentTitle.className = currentTitle.className.replace(new RegExp('(^|\\b)' + currentTitle.className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
     }
     if (nextTitle.classList) {
-      nextTitle.classList.add(self.currentClass)
+      nextTitle.classList.add(self.currentClass);
     } else {
-      nextTitle.className += ' ' + self.currentClass
+      nextTitle.className += ' ' + self.currentClass;
     }
-    return callBackFunction(nextTitle, runOnce ? () => self : self.switchTitle, self, runOnce)
+    return callBackFunction(nextTitle, runOnce ? () => self : self.switchTitle, self, runOnce);
   }
 }
-_TitleSwitcher_active = new WeakMap(), _TitleSwitcher_currentClass = new WeakMap(), _TitleSwitcher_currentIndex = new WeakMap(), _TitleSwitcher_delayEffect = new WeakMap(), _TitleSwitcher_delaySwitch = new WeakMap(), _TitleSwitcher_isRandom = new WeakMap(), _TitleSwitcher_titles = new WeakMap(), _TitleSwitcher_titlesContainer = new WeakMap(), _TitleSwitcher_switchStyle = new WeakMap(), _TitleSwitcher_typeSurface = new WeakMap()
+_TitleSwitcher_active = new WeakMap(), _TitleSwitcher_currentClass = new WeakMap(), _TitleSwitcher_currentIndex = new WeakMap(), _TitleSwitcher_delayEffect = new WeakMap(), _TitleSwitcher_delaySwitch = new WeakMap(), _TitleSwitcher_isRandom = new WeakMap(), _TitleSwitcher_titles = new WeakMap(), _TitleSwitcher_titlesContainer = new WeakMap(), _TitleSwitcher_switchStyle = new WeakMap(), _TitleSwitcher_typeSurface = new WeakMap();
 /**
  * This is a helper function to improve the default 'typingEffect'
  * @param blinkOn
@@ -244,48 +232,92 @@ _TitleSwitcher_active = new WeakMap(), _TitleSwitcher_currentClass = new WeakMap
  */
 TitleSwitcher.prototype.cursorBlink = (blinkOn, self) => {
   // display cursor effect
-  self = self || void 0
+  self = self || void 0;
   if (blinkOn) {
-    self.typeSurface.innerHTML = self.typeSurface.innerHTML.replace(/\||&nbsp;*(<\/span>)?$/, '$1').trim()
-    self.typeSurface.innerHTML = self.typeSurface.innerHTML + '<span style="display: inline-block;font-weight: normal; color: black; text-decoration: none">&#124;</span>'
+    self.typeSurface.innerHTML = self.typeSurface.innerHTML.replace(/\||&nbsp;*(<\/span>)?$/, '$1').trim();
+    self.typeSurface.innerHTML = self.typeSurface.innerHTML + '<span style="display: inline-block;font-weight: normal; color: black; text-decoration: none">&#124;</span>';
   } else {
-    self.typeSurface.innerHTML = self.typeSurface.innerHTML.replace(/\|(<\/span>)$/, '&nbsp;$1')
+    self.typeSurface.innerHTML = self.typeSurface.innerHTML.replace(/\|(<\/span>)$/, '&nbsp;$1');
   }
-  return self
-}
+  return self;
+};
 /**
- * Build the markup for the first `remaining` characters of domObject's text, keeping whichever
- * of its nested tags (em, strong, ...) that content falls under. This lets the typing effect
- * reveal a title's formatting as each character is typed, instead of only applying it once the
- * whole tag has been typed out.
+ * Count how many typed "units" domObject's text takes to fully reveal via typedPartialHtml - one unit per
+ * non-whitespace character, but a whole run of consecutive whitespace (most often the newline and indentation
+ * left behind where a title's HTML source wraps onto a new line) counts as a single unit, matching how many
+ * steps typedPartialHtml actually needs to reveal it all. Typing through that whitespace one character at a
+ * time would type through several units a browser renders as a single collapsed space, with no visible change
+ * in between - not a slower typing speed, but a real stall followed by the next word suddenly catching up.
+ * @param domObject
+ */
+const typedLength = domObject => {
+  let length = 0;
+  Array.prototype.forEach.call(domObject.childNodes, child => {
+    if (child.nodeType === 3) {
+      const text = child.textContent || '';
+      let position = 0;
+      while (position < text.length) {
+        if (/\s/.test(text[position])) {
+          while (position < text.length && /\s/.test(text[position])) {
+            ++position;
+          }
+        } else {
+          ++position;
+        }
+        ++length;
+      }
+    } else if (child.nodeType === 1) {
+      length += typedLength(child);
+    }
+  });
+  return length;
+};
+/**
+ * Build the markup for the first `remaining` typed units of domObject's text (see typedLength), keeping
+ * whichever of its nested tags (em, strong, ...) that content falls under. This lets the typing effect reveal
+ * a title's formatting as each character is typed, instead of only applying it once the whole tag has been
+ * typed out.
  * @param domObject
  * @param remaining
  */
 const typedPartialHtml = (domObject, remaining) => {
-  let html = ''
-  const children = Array.prototype.slice.call(domObject.childNodes)
+  let html = '';
+  const children = Array.prototype.slice.call(domObject.childNodes);
   for (let i = 0; i < children.length && remaining > 0; ++i) {
-    const child = children[i]
+    const child = children[i];
     if (child.nodeType === 3) {
-      const text = child.textContent || ''
-      const take = Math.min(remaining, text.length)
-      html += text.slice(0, take)
-      remaining -= take
+      const text = child.textContent || '';
+      let position = 0;
+      let taken = '';
+      while (position < text.length && remaining > 0) {
+        if (/\s/.test(text[position])) {
+          const runStart = position;
+          while (position < text.length && /\s/.test(text[position])) {
+            ++position;
+          }
+          taken += text.slice(runStart, position);
+        } else {
+          taken += text[position];
+          ++position;
+        }
+        --remaining;
+      }
+      html += taken;
     } else if (child.nodeType === 1) {
-      const result = typedPartialHtml(child, remaining)
+      const result = typedPartialHtml(child, remaining);
       if (result.html) {
-        const wrapper = child.cloneNode(false)
-        wrapper.innerHTML = result.html
-        html += wrapper.outerHTML
+        const wrapper = child.cloneNode(false);
+        wrapper.innerHTML = result.html;
+        html += wrapper.outerHTML;
       }
-      remaining = result.remaining
+      remaining = result.remaining;
     }
   }
   return {
     html,
     remaining
-  }
-}
+  };
+};
 /**
  * This is the default and example of an effect being implemented when Titles are switched
  * These functions take the currentElement in focus, the switchTitle function as a callback
@@ -296,70 +328,70 @@ const typedPartialHtml = (domObject, remaining) => {
  * @param runOnce
  */
 TitleSwitcher.prototype.typingEffect = (domObject, callBackFunction, self, runOnce = false) => {
-  self = self || void 0
-  const size = self.titles.length
-  let currentIndex = 0
+  self = self || void 0;
+  const size = self.titles.length;
+  let currentIndex = 0;
   for (let i = 1; i < size; ++i) {
     if (self.titles[i] === domObject) {
-      currentIndex = i
-      break
+      currentIndex = i;
+      break;
     }
   }
-  domObject = domObject || self.titles[currentIndex + 1]
-  let blinkOn = true
-  const numBlinks = 4
+  domObject = domObject || self.titles[currentIndex + 1];
+  let blinkOn = true;
+  const numBlinks = 4;
   if (self.typeSurface.hasAttribute('style')) {
-    self.typeSurface.removeAttribute('style')
+    self.typeSurface.removeAttribute('style');
   }
   if (domObject.hasAttribute('style')) {
-    self.typeSurface.setAttribute('style', domObject.getAttribute('style'))
+    self.typeSurface.setAttribute('style', domObject.getAttribute('style'));
   }
   // If we copied the title style, then display:none is set, so we need to ensure the surface is display:block
-  self.typeSurface.innerHTML = ''
-  self.typeSurface.style.display = 'block'
+  self.typeSurface.innerHTML = '';
+  self.typeSurface.style.display = 'block';
   // Initialize with a few cursor blinks
   for (let i = 0; i < numBlinks; ++i) {
     setTimeout(() => {
-      self.cursorBlink(blinkOn, self)
-      blinkOn = !blinkOn
-    }, i * self.delaySwitch)
+      self.cursorBlink(blinkOn, self);
+      blinkOn = !blinkOn;
+    }, i * self.delaySwitch);
   }
   setTimeout(() => {
     // Empty the surface, and display the cursor (cursor is always solid while typing / not flashing)
-    self.typeSurface.innerHTML = ''
-    self.cursorBlink(true, self)
+    self.typeSurface.innerHTML = '';
+    self.cursorBlink(true, self);
     // Copy each letter from the current title, keeping whichever tags (em, strong, ...) it falls under
-    const totalLength = domObject.textContent.length
+    const totalLength = typedLength(domObject);
     for (let i = 0; i < totalLength; ++i) {
       setTimeout(() => {
         // Reveal one more character, wrapped in whatever tags its position in the title falls under,
         // then append a formatted cursor on the end
-        self.typeSurface.innerHTML = typedPartialHtml(domObject, i + 1).html + '<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>'
+        self.typeSurface.innerHTML = typedPartialHtml(domObject, i + 1).html + '<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>';
         // If the text content equals the title content with a cursor appended then we reached the end.
         if (domObject.textContent + '|' === self.typeSurface.textContent) {
           // Replace html with old html on last letter, so we get all the html formatting applied
-          self.typeSurface.innerHTML = domObject.innerHTML + '<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>'
+          self.typeSurface.innerHTML = domObject.innerHTML + '<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>';
           // Run the blinking cursor two times the regular time in order to let the text be readable before switching
           for (let j = 0; j < numBlinks * 2; ++j) {
             setTimeout(() => {
-              --j
-              self.cursorBlink(blinkOn, self)
+              --j;
+              self.cursorBlink(blinkOn, self);
               if (j === 0) {
-                callBackFunction(domObject, runOnce ? () => self : self.switchStyle, self, runOnce)
+                callBackFunction(domObject, runOnce ? () => self : self.switchStyle, self, runOnce);
               }
-            }, j * self.delaySwitch)
+            }, j * self.delaySwitch);
           }
         }
-      }, i * self.delayEffect)
+      }, i * self.delayEffect);
     }
-  }, numBlinks * self.delaySwitch)
-  return self
-}
-exports.default = TitleSwitcher
+  }, numBlinks * self.delaySwitch);
+  return self;
+};
+exports.default = TitleSwitcher;
 if (void 0) {
   // @ts-ignore 'this' is used in node as the global, and the key CAN be referenced by string
-  (void 0).TitleSwitcher = TitleSwitcher
+  (void 0)['TitleSwitcher'] = TitleSwitcher;
 } else if (typeof window !== 'undefined') {
   // @ts-ignore YES, we can use a string to add a property to Window
-  window.TitleSwitcher = TitleSwitcher
-}
+  window['TitleSwitcher'] = TitleSwitcher;
+}

package/dist/main.min.js

@@ -1 +1 @@
-"use strict";require("core-js/modules/esnext.weak-map.delete-all.js");var _TitleSwitcher_active,_TitleSwitcher_currentClass,_TitleSwitcher_currentIndex,_TitleSwitcher_delayEffect,_TitleSwitcher_delaySwitch,_TitleSwitcher_isRandom,_TitleSwitcher_titles,_TitleSwitcher_titlesContainer,_TitleSwitcher_switchStyle,_TitleSwitcher_typeSurface,__classPrivateFieldSet=function(e,t,i,s,l){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!l:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?l.call(e,i):l?l.value=i:t.set(e,i),i},__classPrivateFieldGet=function(e,t,i,s){if("a"===i&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?s:"a"===i?s.call(e):s?s.value:t.get(e)};Object.defineProperty(exports,"__esModule",{value:!0});class TitleSwitcher{constructor(e="",t="typingEffect"){_TitleSwitcher_active.set(this,!1),_TitleSwitcher_currentClass.set(this,"displayTitle"),_TitleSwitcher_currentIndex.set(this,0),_TitleSwitcher_delayEffect.set(this,200),_TitleSwitcher_delaySwitch.set(this,400),_TitleSwitcher_isRandom.set(this,!1),_TitleSwitcher_titles.set(this,[]),_TitleSwitcher_titlesContainer.set(this,""),_TitleSwitcher_switchStyle.set(this,void 0),_TitleSwitcher_typeSurface.set(this,void 0),__classPrivateFieldSet(this,_TitleSwitcher_currentClass,"displayTitle","f"),__classPrivateFieldSet(this,_TitleSwitcher_switchStyle,"string"==typeof t?"function"==typeof this[t]?this[t]:this.typingEffect:t,"f"),__classPrivateFieldSet(this,_TitleSwitcher_titlesContainer,e,"f"),__classPrivateFieldSet(this,_TitleSwitcher_titles,[],"f");const i=e?document.querySelectorAll(e):[];i&&i[0]&&(__classPrivateFieldSet(this,_TitleSwitcher_titlesContainer,i[0],"f"),__classPrivateFieldSet(this,_TitleSwitcher_titles,i[0].children,"f"))}get active(){return __classPrivateFieldGet(this,_TitleSwitcher_active,"f")}get currentClass(){return __classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f")}get currentIndex(){return __classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")}get delayEffect(){return __classPrivateFieldGet(this,_TitleSwitcher_delayEffect,"f")}get delaySwitch(){return __classPrivateFieldGet(this,_TitleSwitcher_delaySwitch,"f")}get switchStyle(){return __classPrivateFieldGet(this,_TitleSwitcher_switchStyle,"f")}get titles(){return __classPrivateFieldGet(this,_TitleSwitcher_titles,"f")}get typeSurface(){return __classPrivateFieldGet(this,_TitleSwitcher_typeSurface,"f")}startTitles({delaySwitch:e=400,delayEffect:t=200,isRandom:i=!1,immediatePause:s=!1}={}){const l="typeSurface";if(__classPrivateFieldSet(this,_TitleSwitcher_delaySwitch,e,"f"),__classPrivateFieldSet(this,_TitleSwitcher_delayEffect,t,"f"),__classPrivateFieldSet(this,_TitleSwitcher_isRandom,i,"f"),__classPrivateFieldSet(this,_TitleSwitcher_active,!s,"f"),__classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")>=__classPrivateFieldGet(this,_TitleSwitcher_titles,"f").length||"string"==typeof __classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f"))return __classPrivateFieldSet(this,_TitleSwitcher_active,!1,"f"),console.warn(`No titles found for '${__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f")}'`),this;__classPrivateFieldGet(this,_TitleSwitcher_isRandom,"f")&&__classPrivateFieldSet(this,_TitleSwitcher_currentIndex,Math.round(Math.random()*(__classPrivateFieldGet(this,_TitleSwitcher_titles,"f").length-2))+1,"f");const r=__classPrivateFieldGet(this,_TitleSwitcher_titles,"f")[__classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")];r.classList?r.classList.add(__classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f")):r.className+=" "+__classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f");const a=__classPrivateFieldGet(this,_TitleSwitcher_titles,"f")[0].cloneNode(!0);return a.classList?a.classList.add(l):a.className+=" "+l,a.classList?a.classList.remove(__classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f")):a.className=a.className.replace(new RegExp("(^|\\b)"+a.className.split(" ").join("|")+"(\\b|$)","gi")," "),__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f").insertBefore(a,__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f").firstChild),__classPrivateFieldSet(this,_TitleSwitcher_typeSurface,__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f").querySelectorAll("."+l)[0],"f"),__classPrivateFieldGet(this,_TitleSwitcher_typeSurface,"f").innerHTML="",__classPrivateFieldGet(this,_TitleSwitcher_typeSurface,"f").style.display="block",Array.prototype.forEach.call(__classPrivateFieldGet(this,_TitleSwitcher_titles,"f"),(function(e){e.style.display="none"})),this.switchTitle(r,__classPrivateFieldGet(this,_TitleSwitcher_switchStyle,"f"),this)}pause(){__classPrivateFieldSet(this,_TitleSwitcher_active,!1,"f")}resume(){__classPrivateFieldGet(this,_TitleSwitcher_active,"f")||(__classPrivateFieldSet(this,_TitleSwitcher_active,!0,"f"),this.switchTitle(__classPrivateFieldGet(this,_TitleSwitcher_titles,"f")[__classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")],__classPrivateFieldGet(this,_TitleSwitcher_switchStyle,"f"),this))}switchTitle(e,t,i,s=!1){let l=1;const r=__classPrivateFieldGet(i=i||this,_TitleSwitcher_titles,"f").length;for(let t=1;t<r;++t)if(__classPrivateFieldGet(i,_TitleSwitcher_titles,"f")[t]===e){l=t;break}if(!__classPrivateFieldGet(i,_TitleSwitcher_active,"f"))return __classPrivateFieldSet(i,_TitleSwitcher_currentIndex,l,"f"),i;const a=__classPrivateFieldGet(i,_TitleSwitcher_titles,"f").length-1;let c=1;if(1===a)return t(e,s?()=>i:i.switchTitle,i,s);if(__classPrivateFieldGet(i,_TitleSwitcher_isRandom,"f")){i.typeSurface.textContent.trim()||(l=-1);do{c=Math.round(Math.random()*(a-1))+1}while(c===l)}else i.typeSurface.textContent.trim()||(l=a),c=l<a?l+1:1;const _=__classPrivateFieldGet(i,_TitleSwitcher_titles,"f")[c];return e.classList?e.classList.remove(i.currentClass):e.className=e.className.replace(new RegExp("(^|\\b)"+e.className.split(" ").join("|")+"(\\b|$)","gi")," "),_.classList?_.classList.add(i.currentClass):_.className+=" "+i.currentClass,t(_,s?()=>i:i.switchTitle,i,s)}}_TitleSwitcher_active=new WeakMap,_TitleSwitcher_currentClass=new WeakMap,_TitleSwitcher_currentIndex=new WeakMap,_TitleSwitcher_delayEffect=new WeakMap,_TitleSwitcher_delaySwitch=new WeakMap,_TitleSwitcher_isRandom=new WeakMap,_TitleSwitcher_titles=new WeakMap,_TitleSwitcher_titlesContainer=new WeakMap,_TitleSwitcher_switchStyle=new WeakMap,_TitleSwitcher_typeSurface=new WeakMap,TitleSwitcher.prototype.cursorBlink=(e,t)=>(t=t||void 0,e?(t.typeSurface.innerHTML=t.typeSurface.innerHTML.replace(/\||&nbsp;*(<\/span>)?$/,"$1").trim(),t.typeSurface.innerHTML=t.typeSurface.innerHTML+'<span style="display: inline-block;font-weight: normal; color: black; text-decoration: none">&#124;</span>'):t.typeSurface.innerHTML=t.typeSurface.innerHTML.replace(/\|(<\/span>)$/,"&nbsp;$1"),t);const typedPartialHtml=(e,t)=>{let i="";const s=Array.prototype.slice.call(e.childNodes);for(let e=0;e<s.length&&t>0;++e){const l=s[e];if(3===l.nodeType){const e=l.textContent||"",s=Math.min(t,e.length);i+=e.slice(0,s),t-=s}else if(1===l.nodeType){const e=typedPartialHtml(l,t);if(e.html){const t=l.cloneNode(!1);t.innerHTML=e.html,i+=t.outerHTML}t=e.remaining}}return{html:i,remaining:t}};TitleSwitcher.prototype.typingEffect=(e,t,i,s=!1)=>{const l=(i=i||void 0).titles.length;let r=0;for(let t=1;t<l;++t)if(i.titles[t]===e){r=t;break}e=e||i.titles[r+1];let a=!0;i.typeSurface.hasAttribute("style")&&i.typeSurface.removeAttribute("style"),e.hasAttribute("style")&&i.typeSurface.setAttribute("style",e.getAttribute("style")),i.typeSurface.innerHTML="",i.typeSurface.style.display="block";for(let e=0;e<4;++e)setTimeout((()=>{i.cursorBlink(a,i),a=!a}),e*i.delaySwitch);return setTimeout((()=>{i.typeSurface.innerHTML="",i.cursorBlink(!0,i);const l=e.textContent.length;for(let r=0;r<l;++r)setTimeout((()=>{if(i.typeSurface.innerHTML=typedPartialHtml(e,r+1).html+'<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>',e.textContent+"|"===i.typeSurface.textContent){i.typeSurface.innerHTML=e.innerHTML+'<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>';for(let l=0;l<8;++l)setTimeout((()=>{--l,i.cursorBlink(a,i),0===l&&t(e,s?()=>i:i.switchStyle,i,s)}),l*i.delaySwitch)}}),r*i.delayEffect)}),4*i.delaySwitch),i},exports.default=TitleSwitcher,"undefined"!=typeof window&&(window.TitleSwitcher=TitleSwitcher);
+"use strict";require("core-js/modules/esnext.weak-map.delete-all.js");var _TitleSwitcher_active,_TitleSwitcher_currentClass,_TitleSwitcher_currentIndex,_TitleSwitcher_delayEffect,_TitleSwitcher_delaySwitch,_TitleSwitcher_isRandom,_TitleSwitcher_titles,_TitleSwitcher_titlesContainer,_TitleSwitcher_switchStyle,_TitleSwitcher_typeSurface,__classPrivateFieldSet=function(e,t,i,s,l){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!l:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?l.call(e,i):l?l.value=i:t.set(e,i),i},__classPrivateFieldGet=function(e,t,i,s){if("a"===i&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?s:"a"===i?s.call(e):s?s.value:t.get(e)};Object.defineProperty(exports,"__esModule",{value:!0});class TitleSwitcher{constructor(e="",t="typingEffect"){_TitleSwitcher_active.set(this,!1),_TitleSwitcher_currentClass.set(this,"displayTitle"),_TitleSwitcher_currentIndex.set(this,0),_TitleSwitcher_delayEffect.set(this,200),_TitleSwitcher_delaySwitch.set(this,400),_TitleSwitcher_isRandom.set(this,!1),_TitleSwitcher_titles.set(this,[]),_TitleSwitcher_titlesContainer.set(this,""),_TitleSwitcher_switchStyle.set(this,void 0),_TitleSwitcher_typeSurface.set(this,void 0),__classPrivateFieldSet(this,_TitleSwitcher_currentClass,"displayTitle","f"),__classPrivateFieldSet(this,_TitleSwitcher_switchStyle,"string"==typeof t?"function"==typeof this[t]?this[t]:this.typingEffect:t,"f"),__classPrivateFieldSet(this,_TitleSwitcher_titlesContainer,e,"f"),__classPrivateFieldSet(this,_TitleSwitcher_titles,[],"f");const i=e?document.querySelectorAll(e):[];i&&i[0]&&(__classPrivateFieldSet(this,_TitleSwitcher_titlesContainer,i[0],"f"),__classPrivateFieldSet(this,_TitleSwitcher_titles,i[0].children,"f"))}get active(){return __classPrivateFieldGet(this,_TitleSwitcher_active,"f")}get currentClass(){return __classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f")}get currentIndex(){return __classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")}get delayEffect(){return __classPrivateFieldGet(this,_TitleSwitcher_delayEffect,"f")}get delaySwitch(){return __classPrivateFieldGet(this,_TitleSwitcher_delaySwitch,"f")}get switchStyle(){return __classPrivateFieldGet(this,_TitleSwitcher_switchStyle,"f")}get titles(){return __classPrivateFieldGet(this,_TitleSwitcher_titles,"f")}get typeSurface(){return __classPrivateFieldGet(this,_TitleSwitcher_typeSurface,"f")}startTitles({delaySwitch:e=400,delayEffect:t=200,isRandom:i=!1,immediatePause:s=!1}={}){const l="typeSurface";if(__classPrivateFieldSet(this,_TitleSwitcher_delaySwitch,e,"f"),__classPrivateFieldSet(this,_TitleSwitcher_delayEffect,t,"f"),__classPrivateFieldSet(this,_TitleSwitcher_isRandom,i,"f"),__classPrivateFieldSet(this,_TitleSwitcher_active,!s,"f"),__classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")>=__classPrivateFieldGet(this,_TitleSwitcher_titles,"f").length||"string"==typeof __classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f"))return __classPrivateFieldSet(this,_TitleSwitcher_active,!1,"f"),console.warn(`No titles found for '${__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f")}'`),this;__classPrivateFieldGet(this,_TitleSwitcher_isRandom,"f")&&__classPrivateFieldSet(this,_TitleSwitcher_currentIndex,Math.round(Math.random()*(__classPrivateFieldGet(this,_TitleSwitcher_titles,"f").length-2))+1,"f");const r=__classPrivateFieldGet(this,_TitleSwitcher_titles,"f")[__classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")];r.classList?r.classList.add(__classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f")):r.className+=" "+__classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f");const a=__classPrivateFieldGet(this,_TitleSwitcher_titles,"f")[0].cloneNode(!0);return a.classList?a.classList.add(l):a.className+=" "+l,a.classList?a.classList.remove(__classPrivateFieldGet(this,_TitleSwitcher_currentClass,"f")):a.className=a.className.replace(new RegExp("(^|\\b)"+a.className.split(" ").join("|")+"(\\b|$)","gi")," "),__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f").insertBefore(a,__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f").firstChild),__classPrivateFieldSet(this,_TitleSwitcher_typeSurface,__classPrivateFieldGet(this,_TitleSwitcher_titlesContainer,"f").querySelectorAll("."+l)[0],"f"),__classPrivateFieldGet(this,_TitleSwitcher_typeSurface,"f").innerHTML="",__classPrivateFieldGet(this,_TitleSwitcher_typeSurface,"f").style.display="block",Array.prototype.forEach.call(__classPrivateFieldGet(this,_TitleSwitcher_titles,"f"),(function(e){e.style.display="none"})),this.switchTitle(r,__classPrivateFieldGet(this,_TitleSwitcher_switchStyle,"f"),this)}pause(){__classPrivateFieldSet(this,_TitleSwitcher_active,!1,"f")}resume(){__classPrivateFieldGet(this,_TitleSwitcher_active,"f")||(__classPrivateFieldSet(this,_TitleSwitcher_active,!0,"f"),this.switchTitle(__classPrivateFieldGet(this,_TitleSwitcher_titles,"f")[__classPrivateFieldGet(this,_TitleSwitcher_currentIndex,"f")],__classPrivateFieldGet(this,_TitleSwitcher_switchStyle,"f"),this))}switchTitle(e,t,i,s=!1){let l=1;const r=__classPrivateFieldGet(i=i||this,_TitleSwitcher_titles,"f").length;for(let t=1;t<r;++t)if(__classPrivateFieldGet(i,_TitleSwitcher_titles,"f")[t]===e){l=t;break}if(!__classPrivateFieldGet(i,_TitleSwitcher_active,"f"))return __classPrivateFieldSet(i,_TitleSwitcher_currentIndex,l,"f"),i;const a=__classPrivateFieldGet(i,_TitleSwitcher_titles,"f").length-1;let c=1;if(1===a)return t(e,s?()=>i:i.switchTitle,i,s);if(__classPrivateFieldGet(i,_TitleSwitcher_isRandom,"f")){i.typeSurface.textContent.trim()||(l=-1);do{c=Math.round(Math.random()*(a-1))+1}while(c===l)}else i.typeSurface.textContent.trim()||(l=a),c=l<a?l+1:1;const _=__classPrivateFieldGet(i,_TitleSwitcher_titles,"f")[c];return e.classList?e.classList.remove(i.currentClass):e.className=e.className.replace(new RegExp("(^|\\b)"+e.className.split(" ").join("|")+"(\\b|$)","gi")," "),_.classList?_.classList.add(i.currentClass):_.className+=" "+i.currentClass,t(_,s?()=>i:i.switchTitle,i,s)}}_TitleSwitcher_active=new WeakMap,_TitleSwitcher_currentClass=new WeakMap,_TitleSwitcher_currentIndex=new WeakMap,_TitleSwitcher_delayEffect=new WeakMap,_TitleSwitcher_delaySwitch=new WeakMap,_TitleSwitcher_isRandom=new WeakMap,_TitleSwitcher_titles=new WeakMap,_TitleSwitcher_titlesContainer=new WeakMap,_TitleSwitcher_switchStyle=new WeakMap,_TitleSwitcher_typeSurface=new WeakMap,TitleSwitcher.prototype.cursorBlink=(e,t)=>(t=t||void 0,e?(t.typeSurface.innerHTML=t.typeSurface.innerHTML.replace(/\||&nbsp;*(<\/span>)?$/,"$1").trim(),t.typeSurface.innerHTML=t.typeSurface.innerHTML+'<span style="display: inline-block;font-weight: normal; color: black; text-decoration: none">&#124;</span>'):t.typeSurface.innerHTML=t.typeSurface.innerHTML.replace(/\|(<\/span>)$/,"&nbsp;$1"),t);const typedLength=e=>{let t=0;return Array.prototype.forEach.call(e.childNodes,(e=>{if(3===e.nodeType){const i=e.textContent||"";let s=0;for(;s<i.length;){if(/\s/.test(i[s]))for(;s<i.length&&/\s/.test(i[s]);)++s;else++s;++t}}else 1===e.nodeType&&(t+=typedLength(e))})),t},typedPartialHtml=(e,t)=>{let i="";const s=Array.prototype.slice.call(e.childNodes);for(let e=0;e<s.length&&t>0;++e){const l=s[e];if(3===l.nodeType){const e=l.textContent||"";let s=0,r="";for(;s<e.length&&t>0;){if(/\s/.test(e[s])){const t=s;for(;s<e.length&&/\s/.test(e[s]);)++s;r+=e.slice(t,s)}else r+=e[s],++s;--t}i+=r}else if(1===l.nodeType){const e=typedPartialHtml(l,t);if(e.html){const t=l.cloneNode(!1);t.innerHTML=e.html,i+=t.outerHTML}t=e.remaining}}return{html:i,remaining:t}};TitleSwitcher.prototype.typingEffect=(e,t,i,s=!1)=>{const l=(i=i||void 0).titles.length;let r=0;for(let t=1;t<l;++t)if(i.titles[t]===e){r=t;break}e=e||i.titles[r+1];let a=!0;i.typeSurface.hasAttribute("style")&&i.typeSurface.removeAttribute("style"),e.hasAttribute("style")&&i.typeSurface.setAttribute("style",e.getAttribute("style")),i.typeSurface.innerHTML="",i.typeSurface.style.display="block";for(let e=0;e<4;++e)setTimeout((()=>{i.cursorBlink(a,i),a=!a}),e*i.delaySwitch);return setTimeout((()=>{i.typeSurface.innerHTML="",i.cursorBlink(!0,i);const l=typedLength(e);for(let r=0;r<l;++r)setTimeout((()=>{if(i.typeSurface.innerHTML=typedPartialHtml(e,r+1).html+'<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>',e.textContent+"|"===i.typeSurface.textContent){i.typeSurface.innerHTML=e.innerHTML+'<span style="font-weight: normal; color: black; text-decoration: none">&#124;</span>';for(let l=0;l<8;++l)setTimeout((()=>{--l,i.cursorBlink(a,i),0===l&&t(e,s?()=>i:i.switchStyle,i,s)}),l*i.delaySwitch)}}),r*i.delayEffect)}),4*i.delaySwitch),i},exports.default=TitleSwitcher,"undefined"!=typeof window&&(window.TitleSwitcher=TitleSwitcher);