@webalternatif/js-core 1.6.4 → 1.6.6

package/src/onOff.js

@@ -49,8 +49,6 @@ const enableLongTap = function () {
     }
 
     const move = (ev) => {
-        // if (!timer) return;
-
         const pos = Mouse.getViewportPosition(ev)
 
         if (Math.hypot(pos.x - startX, pos.y - startY) > MOVE_TOLERANCE) {
@@ -84,17 +82,17 @@ const enableDblTap = function () {
     let lastTapTime = 0
     let lastPos = null
 
-    if (isTouchDevice()) {
-        document.addEventListener(
-            'dblclick',
-            (ev) => {
-                ev.preventDefault()
-                ev.stopPropagation()
-                ev.stopImmediatePropagation()
-            },
-            { capture: true },
-        )
-    }
+    // if (isTouchDevice()) {
+    //     document.addEventListener(
+    //         'dblclick',
+    //         (ev) => {
+    //             ev.preventDefault()
+    //             ev.stopPropagation()
+    //             ev.stopImmediatePropagation()
+    //         },
+    //         { capture: true },
+    //     )
+    // }
 
     const start = (ev) => {
         const target = ev.target
@@ -106,6 +104,8 @@ const enableDblTap = function () {
             const pos = Mouse.getViewportPosition(ev)
 
             if (Math.hypot(pos.x - lastPos.x, pos.y - lastPos.y) <= MOVE_TOLERANCE) {
+                ev.preventDefault()
+
                 target.dispatchEvent(
                     new CustomEvent('dbltap', {
                         bubbles: true,
@@ -120,10 +120,10 @@ const enableDblTap = function () {
         }
     }
 
-    document.addEventListener('touchstart', start, { passive: true })
+    document.addEventListener('touchstart', start, { passive: false })
 
     teardownDblTap = () => {
-        document.removeEventListener('touchstart', start, { passive: true })
+        document.removeEventListener('touchstart', start)
         teardownDblTap = null
     }
 }

package/src/traversal.js

@@ -12,7 +12,7 @@ import { sizeOf } from './utils.js'
 
 /**
  * @template T
- * @typedef {Array<T> | Set<T> | Map<any, T> | Object<string, T> | string | string[]} Collection
+ * @typedef {Array<T> | readonly T[] | Set<T> | Map<any, T> | Object<string, T> | string | string[]} Collection
  */
 
 /**

package/src/utils.js

@@ -240,3 +240,36 @@ export const debounce = function (func, wait, immediate = false, context = null)
         }, wait)
     }
 }
+
+export const getScrollbarWidth = (() => {
+    let scrollbarWidth = null
+
+    return function () {
+        if (scrollbarWidth === null) {
+            const outer = document.createElement('div')
+
+            outer.style.visibility = 'hidden'
+            outer.style.width = '100px'
+            outer.style.msOverflowStyle = 'scrollbar'
+
+            document.body.appendChild(outer)
+
+            const widthNoScroll = outer.offsetWidth
+
+            outer.style.overflow = 'scroll'
+
+            const inner = document.createElement('div')
+            inner.style.width = '100%'
+
+            outer.appendChild(inner)
+
+            const widthWithScroll = inner.offsetWidth
+
+            outer.remove()
+
+            scrollbarWidth = widthNoScroll - widthWithScroll
+        }
+
+        return scrollbarWidth
+    }
+})()

package/types/Mouse.d.ts

@@ -19,10 +19,21 @@ declare class Mouse {
     };
     static getElement(ev: any): Element | null;
     /**
-     * @param {Event|{originalEvent?: Event}} ev
-     * @returns {Event}
+     * Normalize an event
+     *
+     * @param {Event|{originalEvent?: Event}|{detail?: {originalEvent?: Event}}} ev
+     * @returns {{clientX:number, clientY:number, pageX:number, pageY:number}|null}
      */
     static "__#1@#getEvent"(ev: Event | {
         originalEvent?: Event;
-    }): Event;
+    } | {
+        detail?: {
+            originalEvent?: Event;
+        };
+    }): {
+        clientX: number;
+        clientY: number;
+        pageX: number;
+        pageY: number;
+    } | null;
 }

package/types/dom.d.ts

@@ -218,10 +218,10 @@ declare namespace dom {
      */
     export function prepend(node: Node, ...children: (Node | string)[]): Node;
     /**
-     * @param {Element|NodeList|Element[]|string} els
+     * @param {...(Element|NodeListOf<Element>|Iterable<Element>|string)} els
      * @returns {void}
      */
-    export function remove(...els: Element | NodeList | Element[] | string): void;
+    export function remove(...els: (Element | NodeListOf<Element> | Iterable<Element> | string)[]): void;
     /**
      * Returns the closest ancestor of an element matching a selector or a specific element.
      *

package/types/index.d.ts

@@ -19,6 +19,7 @@ declare const webf: {
     strParseFloat: (val: any) => number;
     throttle: (func: Function, wait: number, leading?: boolean, trailing?: boolean, context?: any) => Function;
     debounce: (func: Function, wait: number, immediate?: boolean, context?: any) => Function;
+    getScrollbarWidth: () => any;
     round: (val: number, precision?: number) => number;
     floorTo: (val: number, precision: number) => number;
     plancher: (val: number, precision: number) => number;

package/types/traversal.d.ts

@@ -5,6 +5,6 @@ export function reduce<T, R>(o: Collection<T>, callback: (accumulator: R | T, va
 export function extend<T>(...args: (boolean | T)[]): T;
 export function clone<T>(o: T): T;
 export function merge<T>(first: Collection<T>, second?: Collection<T>, ...args: Collection<T>[]): Array<T>;
-export type Collection<T> = Array<T> | Set<T> | Map<any, T> | {
+export type Collection<T> = Array<T> | readonly T[] | Set<T> | Map<any, T> | {
     [x: string]: T;
 } | string | string[];

package/types/utils.d.ts

@@ -5,3 +5,4 @@ export function flatten(o: Object | any[]): any[];
 export function strParseFloat(val: any): number;
 export function throttle(func: Function, wait: number, leading?: boolean, trailing?: boolean, context?: any): Function;
 export function debounce(func: Function, wait: number, immediate?: boolean, context?: any): Function;
+export function getScrollbarWidth(): any;