dmail

export const listenActiveElement = (element, listener) => {
   let { activeElement } = document
   
   const check = (event) => {
     const previousActiveElement = activeElement
     activeElement = document.activeElement
     if (previousActiveElement !== activeElement) {
       listener({ previousActiveElement, activeElement, event })
     }
   }

dmail

// keep in mind element may be inside an iframe
// var childWindow = elem.document.frames.window;
// while (childWindow != parentWindow) {
//   offset.left = offset.left + childWindow.frameElement.getBoundingClientRect().left;
//   offset.top = offset.top + childWindow.frameElement.getBoundingClientRect().top;
//   childWindow = childWindow.parent;
// }

const getRelativeBoundingClientRect = (element, relativeElement) => {
  const { left, top, right, bottom } = element.getBoundingClientRect()

dmail

export const delayFunction = ({ fn, ms = 0 } = {}) => {
  let delayed = false
  let delayedMs
  let paused = false
  let pausedMs
  let id
  
  const callback = () => {
    delayed = false
    fn()

dmail

export const batchUIMutation = (fnMutatingUI) => {
  if (typeof window !== 'undefined' && window.requestAnimationFrame) {
    const id = requestAnimationFrame(() => {
      cancelAnimationFrame(id)
      fnMutatingUI()
    })
    return () => cancelAnimationFrame(id)
  }

  const id = setTimeout(() => {

dmail

/*
                                                           href
                   ┌────────────────────────────────────────┴──────────────────────────────────────────────┐
                origin                                                                                     │
      ┌────────────┴──────────────┐                                                                        │
      │                       authority                                                                    │
      │           ┌───────────────┴───────────────────────────┐                                            │
      │           │                                         host                                       resource
      │           │                                ┌──────────┴─────────────────┐             ┌────────────┴───────────┬───────┐
      │           │                             hostname                        │          pathname                    │       │

dmail

const isAncestorOf = (node, possibleDescendantNode) => {
  let ancestor = possibleDescendantNode.parentNode
  while (ancestor) {
    if (ancestor === node) {
      return true
    }
    ancestor = ancestor.parentNode
  }
  return false
}

dmail

const bubbleIframeEvents = (iframe, document) => {
  const iframeWindow = iframe.contentWindow

  iframeWindow.addEventListener(
    'mousemove',
    (event) => {
      const boundingClientRect = iframe.getBoundingClientRect()
      const fakeEvent = new CustomEvent(
        'mousemove',
        {

dmail

const STRING = 0; // name is a string it cannot be an array index
const INFINITE = 1; // name is casted to Infinity, NaN or -Infinity, it cannot be an array index
const FLOATING = 2; // name is casted to a floating number, it cannot be an array index
const NEGATIVE = 3; // name is casted to a negative integer, it cannot be an array index
const TOO_BIG = 4; // name is casted to a integer above Math.pow(2, 32) - 1, it cannot be an array index
const VALID = 5; // name is a valid array index
const maxArrayIndexValue = Math.pow(2, 32) - 1;

function getArrayIndexStatusForString(name) {
    if (isNaN(name)) {

dmail

import lazy from './lazy-error.js';

const fn = lazy();
  
function test() {
  fn();
}

test();

dmail

if (!Function.prototype.bindSoft) { // set once    
    const originalFunctionSymbol = Symbol();
    Function.prototype.bindSoft = function(thisValue) {
        const originalFunction = this;
        const boundFunction = originalFunction.bind(thisValue);
        // store pointer to original function
        boundFunction[originalFunctionSymbol] = originalFunction;
        return boundFunction;  
    };