@maz-ui/utils 5.0.0-canary.ef64a02.0 → 5.2.0-beta.0

package/dist/helpers/normalizeString.js

@@ -1 +1,87 @@
-import{camelCase}from"./camelCase.js";import{kebabCase}from"./kebabCase.js";import{pascalCase}from"./pascalCase.js";import{snakeCase}from"./snakeCase.js";var defaultOptions={removeAccents:!0,caseSensitive:!1,replaceSpaces:!0,removeSpecialCharacters:!1,trim:!0,normalizeSpaces:!0,removeNumbers:!1,case:void 0,customNormalizationForms:[`NFC`,`NFKD`]};function applyCaseTransform(str,caseFormat){switch(caseFormat){case`kebab-case`:return kebabCase(str);case`camelCase`:return camelCase(str);case`PascalCase`:return pascalCase(str);case`snake_case`:return snakeCase(str);case`lowercase`:return str.toLowerCase();case`UPPERCASE`:return str.toUpperCase();default:return str}}function normalizeString(input,options){let finalOptions={...defaultOptions,...options};let accentsMap={À:`A`,Á:`A`,Â:`A`,Ã:`A`,Ä:`A`,Å:`A`,à:`a`,á:`a`,â:`a`,ã:`a`,ä:`a`,å:`a`,È:`E`,É:`E`,Ê:`E`,Ë:`E`,è:`e`,é:`e`,ê:`e`,ë:`e`,Î:`I`,Ï:`I`,í:`I`,î:`i`,ï:`i`,Ô:`O`,Õ:`O`,Ö:`O`,Ø:`O`,ô:`o`,õ:`o`,ö:`o`,ø:`o`,Ù:`U`,Ú:`U`,Û:`U`,Ü:`U`,ù:`u`,ú:`u`,û:`u`,ü:`u`,Ç:`C`,ç:`c`,ÿ:`y`,Ñ:`N`,ñ:`n`,ó:`o`};let result=input.toString();if(finalOptions.trim&&(result=result.trim()),finalOptions.normalizeSpaces&&(result=result.replaceAll(/\s+/g,` `)),finalOptions.replaceSpaces&&(result=result.replaceAll(` `,`-`)),finalOptions.removeNumbers&&(result=result.replaceAll(/\d/g,``)),finalOptions.removeAccents&&(result=result.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g,char=>accentsMap[char]||char),result=result.replaceAll(/[\u0300-\u036F]/g,``)),finalOptions.case?result=applyCaseTransform(result,finalOptions.case):finalOptions.caseSensitive===!1&&(result=result.toLowerCase()),finalOptions.removeSpecialCharacters&&(result=result.replaceAll(/[^\dA-Z-]/gi,``)),finalOptions.trim&&(result=result.trim()),finalOptions.customNormalizationForms)for(let form of finalOptions.customNormalizationForms)result=result.normalize(form);return result}export{normalizeString};
+import { camelCase } from "./camelCase.js";
+import { kebabCase } from "./kebabCase.js";
+import { pascalCase } from "./pascalCase.js";
+import { snakeCase } from "./snakeCase.js";
+//#region src/helpers/normalizeString.ts
+var defaultOptions = {
+	removeAccents: !0,
+	caseSensitive: !1,
+	replaceSpaces: !0,
+	removeSpecialCharacters: !1,
+	trim: !0,
+	normalizeSpaces: !0,
+	removeNumbers: !1,
+	case: void 0,
+	customNormalizationForms: ["NFC", "NFKD"]
+};
+function applyCaseTransform(str, caseFormat) {
+	switch (caseFormat) {
+		case "kebab-case": return kebabCase(str);
+		case "camelCase": return camelCase(str);
+		case "PascalCase": return pascalCase(str);
+		case "snake_case": return snakeCase(str);
+		case "lowercase": return str.toLowerCase();
+		case "UPPERCASE": return str.toUpperCase();
+		default: return str;
+	}
+}
+function normalizeString(input, options) {
+	let finalOptions = {
+		...defaultOptions,
+		...options
+	};
+	let accentsMap = {
+		À: "A",
+		Á: "A",
+		Â: "A",
+		Ã: "A",
+		Ä: "A",
+		Å: "A",
+		à: "a",
+		á: "a",
+		â: "a",
+		ã: "a",
+		ä: "a",
+		å: "a",
+		È: "E",
+		É: "E",
+		Ê: "E",
+		Ë: "E",
+		è: "e",
+		é: "e",
+		ê: "e",
+		ë: "e",
+		Î: "I",
+		Ï: "I",
+		í: "I",
+		î: "i",
+		ï: "i",
+		Ô: "O",
+		Õ: "O",
+		Ö: "O",
+		Ø: "O",
+		ô: "o",
+		õ: "o",
+		ö: "o",
+		ø: "o",
+		Ù: "U",
+		Ú: "U",
+		Û: "U",
+		Ü: "U",
+		ù: "u",
+		ú: "u",
+		û: "u",
+		ü: "u",
+		Ç: "C",
+		ç: "c",
+		ÿ: "y",
+		Ñ: "N",
+		ñ: "n",
+		ó: "o"
+	};
+	let result = input.toString();
+	if (finalOptions.trim && (result = result.trim()), finalOptions.normalizeSpaces && (result = result.replaceAll(/\s+/g, " ")), finalOptions.replaceSpaces && (result = result.replaceAll(" ", "-")), finalOptions.removeNumbers && (result = result.replaceAll(/\d/g, "")), finalOptions.removeAccents && (result = result.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (char) => accentsMap[char] || char), result = result.replaceAll(/[\u0300-\u036F]/g, "")), finalOptions.case ? result = applyCaseTransform(result, finalOptions.case) : finalOptions.caseSensitive === !1 && (result = result.toLowerCase()), finalOptions.removeSpecialCharacters && (result = result.replaceAll(/[^\dA-Z-]/gi, "")), finalOptions.trim && (result = result.trim()), finalOptions.customNormalizationForms) for (let form of finalOptions.customNormalizationForms) result = result.normalize(form);
+	return result;
+}
+//#endregion
+export { normalizeString };

package/dist/helpers/pascalCase.js

@@ -1 +1,13 @@
-import{camelCase}from"./camelCase.js";import{capitalize}from"./capitalize.js";function pascalCase(str){if(str===str.toUpperCase()){if(str.includes(`-`))return str.toLowerCase().split(`-`).map(capitalize).join(``);if(str.includes(`_`))return str.toLowerCase().split(`_`).map(capitalize).join(``);if(str.includes(` `))return str.toLowerCase().split(` `).map(capitalize).join(``)}return str.includes(`-`)?str.toLowerCase().split(`-`).map(capitalize).join(``):str.includes(`_`)?str.toLowerCase().split(`_`).map(capitalize).join(``):str.includes(` `)?str.toLowerCase().split(` `).map(capitalize).join(``):capitalize(camelCase(str))}export{pascalCase};
+import { camelCase } from "./camelCase.js";
+import { capitalize } from "./capitalize.js";
+//#region src/helpers/pascalCase.ts
+function pascalCase(str) {
+	if (str === str.toUpperCase()) {
+		if (str.includes("-")) return str.toLowerCase().split("-").map(capitalize).join("");
+		if (str.includes("_")) return str.toLowerCase().split("_").map(capitalize).join("");
+		if (str.includes(" ")) return str.toLowerCase().split(" ").map(capitalize).join("");
+	}
+	return str.includes("-") ? str.toLowerCase().split("-").map(capitalize).join("") : str.includes("_") ? str.toLowerCase().split("_").map(capitalize).join("") : str.includes(" ") ? str.toLowerCase().split(" ").map(capitalize).join("") : capitalize(camelCase(str));
+}
+//#endregion
+export { pascalCase };

package/dist/helpers/preventIosInputZoom.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Returns the viewport content with `maximum-scale=1`, replacing an existing `maximum-scale`.
+ */
+export declare function addViewportMaximumScale(content: string): string;
+/**
+ * Stops iOS from zooming the page when a form field with a font size below 16px gets the focus.
+ * Only applied on iOS, which still lets the user pinch to zoom: Android, which does not zoom
+ * on focus but would lose the pinch zoom, is left untouched.
+ * Does nothing when the page has no `<meta name="viewport">`.
+ * @returns A function restoring the original viewport
+ */
+export declare function preventIosInputZoom(): () => void;

package/dist/helpers/preventIosInputZoom.js

@@ -0,0 +1,15 @@
+import { isIos } from "./isIos.js";
+//#region src/helpers/preventIosInputZoom.ts
+var MAXIMUM_SCALE_REGEX = /maximum-scale\s*=\s*[\d.]+/i;
+function addViewportMaximumScale(content) {
+	return MAXIMUM_SCALE_REGEX.test(content) ? content.replace(MAXIMUM_SCALE_REGEX, "maximum-scale=1") : content.trim() ? `${content}, maximum-scale=1` : "maximum-scale=1";
+}
+function preventIosInputZoom() {
+	if (!isIos()) return () => {};
+	let meta = document.querySelector("meta[name=\"viewport\"]");
+	if (!meta) return () => {};
+	let originalContent = meta.getAttribute("content") ?? "";
+	return meta.setAttribute("content", addViewportMaximumScale(originalContent)), () => meta.setAttribute("content", originalContent);
+}
+//#endregion
+export { addViewportMaximumScale, preventIosInputZoom };

package/dist/helpers/scriptLoader.js

@@ -1 +1,38 @@
-var ScriptLoader=class{src;script;once;async;defer;identifier;constructor({src,identifier,once=!0,async=!0,defer=!0}){if(globalThis.window===void 0)throw TypeError(`[ScriptLoader]: Is supported only on browser side`);if(!src)throw Error(`[ScriptLoader]: You should provide the attribut "src"`);if(!identifier)throw Error(`[ScriptLoader]: You should provide the attribut "identifier"`);this.src=src,this.identifier=identifier,this.once=once,this.async=async,this.defer=defer}removeTag(tag){typeof tag==`string`?document.head.querySelector(`[data-identifier="${tag}"]`)?.remove():tag.remove()}load(){let windowInstance=globalThis;let scriptTags=document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);if(this.once&&windowInstance[this.identifier]&&scriptTags.length>0)return this.script=windowInstance[this.identifier],Promise.resolve(this.script);if(!this.once&&scriptTags.length>0)for(let tag of scriptTags)this.removeTag(tag);return this.injectScript()}injectScript(){let windowInstance=globalThis;return new Promise((resolve,reject)=>{try{let script=document.createElement(`script`);script.src=this.src,script.async=this.async,script.defer=this.defer,script.dataset.identifier=this.identifier,script.addEventListener(`error`,error=>reject(Error(`[ScriptLoader](injectScript) ${error.message}`))),script.addEventListener(`load`,success=>(this.script=success,windowInstance[this.identifier]=success,resolve(success))),document.head.append(script)}catch(error){throw Error(`[ScriptLoader](init) ${error}`,{cause:error})}})}};export{ScriptLoader};
+//#region src/helpers/scriptLoader.ts
+var ScriptLoader = class {
+	src;
+	script;
+	once;
+	async;
+	defer;
+	identifier;
+	constructor({ src, identifier, once = !0, async = !0, defer = !0 }) {
+		if (globalThis.window === void 0) throw TypeError("[ScriptLoader]: Is supported only on browser side");
+		if (!src) throw Error("[ScriptLoader]: You should provide the attribut \"src\"");
+		if (!identifier) throw Error("[ScriptLoader]: You should provide the attribut \"identifier\"");
+		this.src = src, this.identifier = identifier, this.once = once, this.async = async, this.defer = defer;
+	}
+	removeTag(tag) {
+		typeof tag == "string" ? document.head.querySelector(`[data-identifier="${tag}"]`)?.remove() : tag.remove();
+	}
+	load() {
+		let windowInstance = globalThis;
+		let scriptTags = document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);
+		if (this.once && windowInstance[this.identifier] && scriptTags.length > 0) return this.script = windowInstance[this.identifier], Promise.resolve(this.script);
+		if (!this.once && scriptTags.length > 0) for (let tag of scriptTags) this.removeTag(tag);
+		return this.injectScript();
+	}
+	injectScript() {
+		let windowInstance = globalThis;
+		return new Promise((resolve, reject) => {
+			try {
+				let script = document.createElement("script");
+				script.src = this.src, script.async = this.async, script.defer = this.defer, script.dataset.identifier = this.identifier, script.addEventListener("error", (error) => reject(/* @__PURE__ */ Error(`[ScriptLoader](injectScript) ${error.message}`))), script.addEventListener("load", (success) => (this.script = success, windowInstance[this.identifier] = success, resolve(success))), document.head.append(script);
+			} catch (error) {
+				throw Error(`[ScriptLoader](init) ${error}`, { cause: error });
+			}
+		});
+	}
+};
+//#endregion
+export { ScriptLoader };

package/dist/helpers/sleep.js

@@ -1 +1,6 @@
-function sleep(duration){return new Promise(resolve=>setTimeout(resolve,duration))}export{sleep};
+//#region src/helpers/sleep.ts
+function sleep(duration) {
+	return new Promise((resolve) => setTimeout(resolve, duration));
+}
+//#endregion
+export { sleep };

package/dist/helpers/snakeCase.js

@@ -1 +1,6 @@
-function snakeCase(str){return str.replace(/([a-z])([A-Z])/g,`$1_$2`).replace(/([A-Z])([A-Z][a-z])/g,`$1_$2`).replace(/[\s-]+/g,`_`).toLowerCase().replace(/_+/g,`_`).replace(/(^_)|(_$)/g,``)}export{snakeCase};
+//#region src/helpers/snakeCase.ts
+function snakeCase(str) {
+	return str.replace(/([a-z])([A-Z])/g, "$1_$2").replace(/([A-Z])([A-Z][a-z])/g, "$1_$2").replace(/[\s-]+/g, "_").toLowerCase().replace(/_+/g, "_").replace(/(^_)|(_$)/g, "");
+}
+//#endregion
+export { snakeCase };

package/dist/helpers/swipeHandler.d.ts

@@ -6,7 +6,7 @@ export interface SwipeValues {
     xDiff: number | undefined;
     yDiff: number | undefined;
 }
-export type SwipeEventCallback = (event: TouchEvent) => void;
+export type SwipeEventCallback = (event: PointerEvent) => void;
 export type SwipeValuesCallback = (values: SwipeValues) => void;
 /**
  * Options for handling swipe events.
@@ -48,28 +48,34 @@ export interface SwipeOptions {
      */
     threshold?: number;
     /**
-     * Whether to prevent the default behavior of touchmove event.
+     * Whether to prevent the default behavior of the pointer move event (the move listener
+     * becomes non-passive when enabled).
      * @default false
      */
-    preventDefaultOnTouchMove?: boolean;
+    preventDefaultOnMove?: boolean;
     /**
      * Whether to prevent the default behavior of mousewheel event.
      * @default false
      */
     preventDefaultOnMouseWheel?: boolean;
     /**
-     * Whether to trigger the swipe event immediately on touchstart/mousedown.
+     * Pointer types that can trigger the swipe.
+     * @default ['mouse', 'touch', 'pen']
+     */
+    pointerTypes?: ('mouse' | 'touch' | 'pen')[];
+    /**
+     * Whether to start listening immediately on instantiation.
      * @default false
      */
     immediate?: boolean;
     /**
-     * Whether to trigger the swipe event on touchend/mouseup.
-     * If set to true, the swipe event will be triggered only when the user lifts their finger/mouse.
+     * Whether to trigger the swipe event on pointer up.
+     * If set to true, the swipe event will be triggered only when the user lifts their finger/pointer.
      * @default false
      */
     triggerOnEnd?: boolean;
 }
-type DefaultSwipeOptions = Required<Pick<SwipeOptions, 'preventDefaultOnTouchMove' | 'preventDefaultOnMouseWheel' | 'threshold' | 'immediate' | 'triggerOnEnd'>>;
+type DefaultSwipeOptions = Required<Pick<SwipeOptions, 'preventDefaultOnMove' | 'preventDefaultOnMouseWheel' | 'threshold' | 'immediate' | 'triggerOnEnd'>>;
 type SwipeOptionsWithDefaults = SwipeOptions & DefaultSwipeOptions;
 export declare class Swipe {
     readonly inputOption: SwipeOptions;
@@ -80,9 +86,10 @@ export declare class Swipe {
     yEnd: number | undefined;
     xDiff: number | undefined;
     yDiff: number | undefined;
-    private readonly onToucheStartCallback;
-    private readonly onToucheMoveCallback;
-    private readonly onToucheEndCallback;
+    private pointerDown;
+    private readonly onPointerDownCallback;
+    private readonly onPointerMoveCallback;
+    private readonly onPointerUpCallback;
     private readonly onMouseWheelCallback;
     readonly start: (element?: typeof this.options.element) => void;
     readonly stop: () => void;
@@ -91,11 +98,12 @@ export declare class Swipe {
     private startListening;
     private stopListening;
     private setElement;
+    private isPointerAllowed;
     private handleMouseWheel;
-    private toucheStartHandler;
+    private handlePointerDown;
     private emitValuesChanged;
-    private handleTouchMove;
-    private handleTouchEnd;
+    private handlePointerMove;
+    private handlePointerUp;
     private runCallbacks;
     private resetValues;
 }

package/dist/helpers/swipeHandler.js

@@ -1 +1,83 @@
-var defaultOptions={preventDefaultOnTouchMove:!1,preventDefaultOnMouseWheel:!1,threshold:50,immediate:!1,triggerOnEnd:!1};var Swipe=class{element;xStart;yStart;xEnd;yEnd;xDiff;yDiff;onToucheStartCallback;onToucheMoveCallback;onToucheEndCallback;onMouseWheelCallback;start;stop;options;constructor(inputOption){this.inputOption=inputOption,this.options={...defaultOptions,...inputOption},this.onToucheStartCallback=this.toucheStartHandler.bind(this),this.onToucheMoveCallback=this.handleTouchMove.bind(this),this.onToucheEndCallback=this.handleTouchEnd.bind(this),this.onMouseWheelCallback=this.handleMouseWheel.bind(this),this.start=this.startListening.bind(this),this.stop=this.stopListening.bind(this),this.options.element&&this.setElement(this.options.element),this.options.immediate&&this.start()}startListening(){this.setElement(this.options.element),this.element?.addEventListener(`touchstart`,this.onToucheStartCallback,{passive:!0}),this.element?.addEventListener(`touchmove`,this.onToucheMoveCallback,{passive:!0}),this.options.triggerOnEnd&&this.element?.addEventListener(`touchend`,this.onToucheEndCallback,{passive:!0}),this.options.preventDefaultOnMouseWheel&&this.element?.addEventListener(`mousewheel`,this.onMouseWheelCallback,{passive:!1})}stopListening(){this.element?.removeEventListener(`touchstart`,this.onToucheStartCallback),this.element?.removeEventListener(`touchmove`,this.onToucheMoveCallback),this.element?.removeEventListener(`touchend`,this.onToucheEndCallback),this.options.preventDefaultOnMouseWheel&&this.element?.removeEventListener(`mousewheel`,this.onMouseWheelCallback)}setElement(element){if(!element){console.error(`[maz-ui][SwipeHandler](setElement) Element should be provided. Its can be a string selector or an HTMLElement`);return}if(typeof element==`string`){let foundElement=document.querySelector(element);if(!(foundElement instanceof HTMLElement)){console.error(`[maz-ui][SwipeHandler](setElement) String selector for element is not found`);return}this.element=foundElement}else this.element=element}handleMouseWheel(event){event.preventDefault()}toucheStartHandler(event){this.xStart=event.touches[0].clientX,this.yStart=event.touches[0].clientY,this.emitValuesChanged()}emitValuesChanged(){this.options.onValuesChanged?.({xStart:this.xStart,yStart:this.yStart,xEnd:this.xEnd,yEnd:this.yEnd,xDiff:this.xDiff,yDiff:this.yDiff})}handleTouchMove(event){this.options.preventDefaultOnTouchMove&&event.cancelable&&event.preventDefault(),this.xEnd=event.touches[0].clientX,this.yEnd=event.touches[0].clientY,!(!this.xStart||!this.yStart)&&(this.xDiff=this.xStart-this.xEnd,this.yDiff=this.yStart-this.yEnd,this.emitValuesChanged(),this.options.triggerOnEnd||this.runCallbacks(event))}handleTouchEnd(event){this.runCallbacks(event),this.emitValuesChanged()}runCallbacks(event){typeof this.xDiff!=`number`||typeof this.yDiff!=`number`||Math.abs(this.xDiff)<this.options.threshold&&Math.abs(this.yDiff)<this.options.threshold||(Math.abs(this.xDiff)>Math.abs(this.yDiff)?this.xDiff>0?this.options.onLeft?.(event):this.options.onRight?.(event):this.yDiff>0?this.options.onUp?.(event):this.options.onDown?.(event),this.resetValues())}resetValues(){this.xStart=void 0,this.yStart=void 0,this.xEnd=void 0,this.yEnd=void 0,this.xDiff=void 0,this.yDiff=void 0,this.emitValuesChanged()}};export{Swipe};
+//#region src/helpers/swipeHandler.ts
+var defaultOptions = {
+	preventDefaultOnMove: !1,
+	preventDefaultOnMouseWheel: !1,
+	threshold: 50,
+	immediate: !1,
+	triggerOnEnd: !1
+};
+var Swipe = class {
+	inputOption;
+	element;
+	xStart;
+	yStart;
+	xEnd;
+	yEnd;
+	xDiff;
+	yDiff;
+	pointerDown = !1;
+	onPointerDownCallback;
+	onPointerMoveCallback;
+	onPointerUpCallback;
+	onMouseWheelCallback;
+	start;
+	stop;
+	options;
+	constructor(inputOption) {
+		this.inputOption = inputOption, this.options = {
+			...defaultOptions,
+			...inputOption
+		}, this.onPointerDownCallback = this.handlePointerDown.bind(this), this.onPointerMoveCallback = this.handlePointerMove.bind(this), this.onPointerUpCallback = this.handlePointerUp.bind(this), this.onMouseWheelCallback = this.handleMouseWheel.bind(this), this.start = this.startListening.bind(this), this.stop = this.stopListening.bind(this), this.options.element && this.setElement(this.options.element), this.options.immediate && this.start();
+	}
+	startListening() {
+		this.setElement(this.options.element), this.element?.addEventListener("pointerdown", this.onPointerDownCallback, { passive: !0 }), this.element?.addEventListener("pointermove", this.onPointerMoveCallback, { passive: !this.options.preventDefaultOnMove }), this.element?.addEventListener("pointerup", this.onPointerUpCallback, { passive: !0 }), this.element?.addEventListener("pointercancel", this.onPointerUpCallback, { passive: !0 }), this.options.preventDefaultOnMouseWheel && this.element?.addEventListener("mousewheel", this.onMouseWheelCallback, { passive: !1 });
+	}
+	stopListening() {
+		this.element?.removeEventListener("pointerdown", this.onPointerDownCallback), this.element?.removeEventListener("pointermove", this.onPointerMoveCallback), this.element?.removeEventListener("pointerup", this.onPointerUpCallback), this.element?.removeEventListener("pointercancel", this.onPointerUpCallback), this.options.preventDefaultOnMouseWheel && this.element?.removeEventListener("mousewheel", this.onMouseWheelCallback);
+	}
+	setElement(element) {
+		if (!element) console.error("[maz-ui][SwipeHandler](setElement) Element should be provided. Its can be a string selector or an HTMLElement");
+		else if (typeof element == "string") {
+			let foundElement = document.querySelector(element);
+			if (!(foundElement instanceof HTMLElement)) {
+				console.error("[maz-ui][SwipeHandler](setElement) String selector for element is not found");
+				return;
+			}
+			this.element = foundElement;
+		} else this.element = element;
+	}
+	isPointerAllowed(event) {
+		let type = event.pointerType;
+		return !this.options.pointerTypes || !type || this.options.pointerTypes.includes(type);
+	}
+	handleMouseWheel(event) {
+		event.preventDefault();
+	}
+	handlePointerDown(event) {
+		this.isPointerAllowed(event) && (this.pointerDown = !0, this.xStart = event.clientX, this.yStart = event.clientY, this.emitValuesChanged());
+	}
+	emitValuesChanged() {
+		this.options.onValuesChanged?.({
+			xStart: this.xStart,
+			yStart: this.yStart,
+			xEnd: this.xEnd,
+			yEnd: this.yEnd,
+			xDiff: this.xDiff,
+			yDiff: this.yDiff
+		});
+	}
+	handlePointerMove(event) {
+		this.pointerDown && (this.options.preventDefaultOnMove && event.cancelable && event.preventDefault(), this.xEnd = event.clientX, this.yEnd = event.clientY, this.xStart !== void 0 && this.yStart !== void 0 && (this.xDiff = this.xStart - this.xEnd, this.yDiff = this.yStart - this.yEnd, this.emitValuesChanged(), this.options.triggerOnEnd || this.runCallbacks(event)));
+	}
+	handlePointerUp(event) {
+		this.options.triggerOnEnd && (this.runCallbacks(event), this.emitValuesChanged()), this.pointerDown = !1;
+	}
+	runCallbacks(event) {
+		typeof this.xDiff == "number" && typeof this.yDiff == "number" && (Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? this.options.onLeft?.(event) : this.options.onRight?.(event) : this.yDiff > 0 ? this.options.onUp?.(event) : this.options.onDown?.(event), this.resetValues()));
+	}
+	resetValues() {
+		this.xStart = void 0, this.yStart = void 0, this.xEnd = void 0, this.yEnd = void 0, this.xDiff = void 0, this.yDiff = void 0, this.emitValuesChanged();
+	}
+};
+//#endregion
+export { Swipe };

package/dist/helpers/throttle.js

@@ -1 +1,13 @@
-function throttle(func,limit){let inThrottle=!1;let lastFunc;let lastRan;return function(...args){inThrottle?(clearTimeout(lastFunc),lastFunc=setTimeout(()=>{Date.now()-lastRan>=limit&&(func.apply(this,args),lastRan=Date.now())},Math.max(limit-(Date.now()-lastRan),0))):(func.apply(this,args),lastRan=Date.now(),inThrottle=!0)}}export{throttle};
+//#region src/helpers/throttle.ts
+function throttle(func, limit) {
+	let inThrottle = !1;
+	let lastFunc;
+	let lastRan;
+	return function(...args) {
+		inThrottle ? (clearTimeout(lastFunc), lastFunc = setTimeout(() => {
+			Date.now() - lastRan >= limit && (func.apply(this, args), lastRan = Date.now());
+		}, Math.max(limit - (Date.now() - lastRan), 0))) : (func.apply(this, args), lastRan = Date.now(), inThrottle = !0);
+	};
+}
+//#endregion
+export { throttle };

package/dist/helpers/throttleId.js

@@ -1 +1,20 @@
-function throttleId(identifier,func,interval){let state={};return async(...args)=>{let now=Date.now();return state[identifier]||(state[identifier]={promise:null,lastCall:0,lastArgs:[]}),now-state[identifier].lastCall>=interval?(state[identifier].lastCall=now,func(...args)):(state[identifier].lastArgs=args,state[identifier].promise||(state[identifier].promise=new Promise(resolve=>{setTimeout(async()=>{state[identifier].lastCall=Date.now();let result=await func(...state[identifier].lastArgs);state[identifier].promise=null,resolve(result)},interval-(now-state[identifier].lastCall))})),state[identifier].promise)}}export{throttleId};
+//#region src/helpers/throttleId.ts
+function throttleId(identifier, func, interval) {
+	let state = {};
+	return async (...args) => {
+		let now = Date.now();
+		return state[identifier] || (state[identifier] = {
+			promise: null,
+			lastCall: 0,
+			lastArgs: []
+		}), now - state[identifier].lastCall >= interval ? (state[identifier].lastCall = now, func(...args)) : (state[identifier].lastArgs = args, state[identifier].promise || (state[identifier].promise = new Promise((resolve) => {
+			setTimeout(async () => {
+				state[identifier].lastCall = Date.now();
+				let result = await func(...state[identifier].lastArgs);
+				state[identifier].promise = null, resolve(result);
+			}, interval - (now - state[identifier].lastCall));
+		})), state[identifier].promise);
+	};
+}
+//#endregion
+export { throttleId };

package/dist/helpers/truthyFilter.js

@@ -1 +1,6 @@
-function truthyFilter(value){return!!value}export{truthyFilter};
+//#region src/helpers/truthyFilter.ts
+function truthyFilter(value) {
+	return !!value;
+}
+//#endregion
+export { truthyFilter };

package/dist/helpers/upperFirst.js

@@ -1 +1,6 @@
-function upperFirst(value){return value.charAt(0).toUpperCase()+value.slice(1)}export{upperFirst};
+//#region src/helpers/upperFirst.ts
+function upperFirst(value) {
+	return value.charAt(0).toUpperCase() + value.slice(1);
+}
+//#endregion
+export { upperFirst };

package/dist/helpers/userVisibility.js

@@ -1 +1,47 @@
-import{isClient}from"./isClient.js";var UserVisibility=class{eventHandlerFunction;event=`visibilitychange`;timeoutHandler;options;defaultOptions={timeout:5e3,once:!1,immediate:!0};isVisible=!1;constructor(callback,options){this.callback=callback,this.options={...this.defaultOptions,...options},this.eventHandlerFunction=this.eventHandler.bind(this),isClient()&&this.start()}start(){if(!isClient()){console.warn(`[UserVisibility](start) you should run this method on client side`);return}this.options.immediate&&this.emitCallback(),this.addEventListener()}emitCallback(){this.isVisible=document.visibilityState===`visible`,this.callback({isVisible:this.isVisible}),this.options.once&&this.destroy()}eventHandler(){document.visibilityState===`visible`&&!this.isVisible?(this.clearTimeout(),this.emitCallback()):document.visibilityState===`hidden`&&this.initTimeout()}clearTimeout(){this.timeoutHandler&&=(clearTimeout(this.timeoutHandler),void 0)}initTimeout(){this.clearTimeout(),this.timeoutHandler=setTimeout(this.emitCallback.bind(this),this.options.timeout)}addEventListener(){document.addEventListener(this.event,this.eventHandlerFunction)}removeEventListener(){document.removeEventListener(this.event,this.eventHandlerFunction)}destroy(){this.removeEventListener(),this.timeoutHandler&&clearTimeout(this.timeoutHandler)}};export{UserVisibility};
+import { isClient } from "./isClient.js";
+//#region src/helpers/userVisibility.ts
+var UserVisibility = class {
+	callback;
+	eventHandlerFunction;
+	event = "visibilitychange";
+	timeoutHandler;
+	options;
+	defaultOptions = {
+		timeout: 5e3,
+		once: !1,
+		immediate: !0
+	};
+	isVisible = !1;
+	constructor(callback, options) {
+		this.callback = callback, this.options = {
+			...this.defaultOptions,
+			...options
+		}, this.eventHandlerFunction = this.eventHandler.bind(this), isClient() && this.start();
+	}
+	start() {
+		isClient() ? (this.options.immediate && this.emitCallback(), this.addEventListener()) : console.warn("[UserVisibility](start) you should run this method on client side");
+	}
+	emitCallback() {
+		this.isVisible = document.visibilityState === "visible", this.callback({ isVisible: this.isVisible }), this.options.once && this.destroy();
+	}
+	eventHandler() {
+		document.visibilityState === "visible" && !this.isVisible ? (this.clearTimeout(), this.emitCallback()) : document.visibilityState === "hidden" && this.initTimeout();
+	}
+	clearTimeout() {
+		this.timeoutHandler &&= (clearTimeout(this.timeoutHandler), void 0);
+	}
+	initTimeout() {
+		this.clearTimeout(), this.timeoutHandler = setTimeout(this.emitCallback.bind(this), this.options.timeout);
+	}
+	addEventListener() {
+		document.addEventListener(this.event, this.eventHandlerFunction);
+	}
+	removeEventListener() {
+		document.removeEventListener(this.event, this.eventHandlerFunction);
+	}
+	destroy() {
+		this.removeEventListener(), this.timeoutHandler && clearTimeout(this.timeoutHandler);
+	}
+};
+//#endregion
+export { UserVisibility };

package/dist/index.js

@@ -1 +1,39 @@
-import{camelCase}from"./helpers/camelCase.js";import{capitalize}from"./helpers/capitalize.js";import{checkAvailability}from"./helpers/checkAvailability.js";import{truthyFilter}from"./helpers/truthyFilter.js";import{countryCodeToUnicodeFlag}from"./helpers/countryCodeToUnicodeFlag.js";import{debounce}from"./helpers/debounce.js";import{debounceCallback}from"./helpers/debounceCallback.js";import{debounceId}from"./helpers/debounceId.js";import{formatCurrency}from"./helpers/formatCurrency.js";import{formatDate}from"./helpers/formatDate.js";import{formatJson}from"./helpers/formatJson.js";import{formatNumber}from"./helpers/formatNumber.js";import{getCountryFlagUrl}from"./helpers/getCountryFlagUrl.js";import{getErrorMessage}from"./helpers/getErrorMessage.js";import{isClient}from"./helpers/isClient.js";import{IdleTimeout}from"./helpers/idleTimeout.js";import{isEqual}from"./helpers/isEqual.js";import{isServer}from"./helpers/isServer.js";import{isStandaloneMode}from"./helpers/isStandaloneMode.js";import{kebabCase}from"./helpers/kebabCase.js";import{pascalCase}from"./helpers/pascalCase.js";import{snakeCase}from"./helpers/snakeCase.js";import{normalizeString}from"./helpers/normalizeString.js";import{ScriptLoader}from"./helpers/scriptLoader.js";import{sleep}from"./helpers/sleep.js";import{Swipe}from"./helpers/swipeHandler.js";import{TextareaAutogrow}from"./helpers/TextareaAutogrow.js";import{throttle}from"./helpers/throttle.js";import{throttleId}from"./helpers/throttleId.js";import{upperFirst}from"./helpers/upperFirst.js";import{UserVisibility}from"./helpers/userVisibility.js";import"./helpers/index.js";export{IdleTimeout,ScriptLoader,Swipe,TextareaAutogrow,UserVisibility,camelCase,capitalize,checkAvailability,countryCodeToUnicodeFlag,debounce,debounceCallback,debounceId,formatCurrency,formatDate,formatJson,formatNumber,getCountryFlagUrl,getErrorMessage,isClient,isEqual,isServer,isStandaloneMode,kebabCase,normalizeString,pascalCase,sleep,snakeCase,throttle,throttleId,truthyFilter,upperFirst};
+import { camelCase } from "./helpers/camelCase.js";
+import { capitalize } from "./helpers/capitalize.js";
+import { checkAvailability } from "./helpers/checkAvailability.js";
+import { isServer } from "./helpers/isServer.js";
+import { deleteCookie, getCookie, setCookie } from "./helpers/cookie.js";
+import { truthyFilter } from "./helpers/truthyFilter.js";
+import { countryCodeToUnicodeFlag } from "./helpers/countryCodeToUnicodeFlag.js";
+import { debounce } from "./helpers/debounce.js";
+import { debounceCallback } from "./helpers/debounceCallback.js";
+import { debounceId } from "./helpers/debounceId.js";
+import { fetchLocaleIp } from "./helpers/fetchLocaleIp.js";
+import { formatCurrency } from "./helpers/formatCurrency.js";
+import { formatDate } from "./helpers/formatDate.js";
+import { formatJson } from "./helpers/formatJson.js";
+import { formatNumber } from "./helpers/formatNumber.js";
+import { formatPhoneNumber } from "./helpers/formatPhoneNumber.js";
+import { getBrowserLocale } from "./helpers/getBrowserLocale.js";
+import { getCountryFlagUrl } from "./helpers/getCountryFlagUrl.js";
+import { getErrorMessage } from "./helpers/getErrorMessage.js";
+import { isClient } from "./helpers/isClient.js";
+import { IdleTimeout } from "./helpers/idleTimeout.js";
+import { isEqual } from "./helpers/isEqual.js";
+import { isIos } from "./helpers/isIos.js";
+import { isStandaloneMode } from "./helpers/isStandaloneMode.js";
+import { kebabCase } from "./helpers/kebabCase.js";
+import { pascalCase } from "./helpers/pascalCase.js";
+import { snakeCase } from "./helpers/snakeCase.js";
+import { normalizeString } from "./helpers/normalizeString.js";
+import { addViewportMaximumScale, preventIosInputZoom } from "./helpers/preventIosInputZoom.js";
+import { ScriptLoader } from "./helpers/scriptLoader.js";
+import { sleep } from "./helpers/sleep.js";
+import { Swipe } from "./helpers/swipeHandler.js";
+import { TextareaAutogrow } from "./helpers/TextareaAutogrow.js";
+import { throttle } from "./helpers/throttle.js";
+import { throttleId } from "./helpers/throttleId.js";
+import { upperFirst } from "./helpers/upperFirst.js";
+import { UserVisibility } from "./helpers/userVisibility.js";
+import "./helpers/index.js";
+export { IdleTimeout, ScriptLoader, Swipe, TextareaAutogrow, UserVisibility, addViewportMaximumScale, camelCase, capitalize, checkAvailability, countryCodeToUnicodeFlag, debounce, debounceCallback, debounceId, deleteCookie, fetchLocaleIp, formatCurrency, formatDate, formatJson, formatNumber, formatPhoneNumber, getBrowserLocale, getCookie, getCountryFlagUrl, getErrorMessage, isClient, isEqual, isIos, isServer, isStandaloneMode, kebabCase, normalizeString, pascalCase, preventIosInputZoom, setCookie, sleep, snakeCase, throttle, throttleId, truthyFilter, upperFirst };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/utils",
   "type": "module",
-  "version": "5.0.0-canary.ef64a02.0",
+  "version": "5.2.0-beta.0",
   "description": "Utils of maz-ui for JavaScript/TypeScript users",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -59,10 +59,31 @@
     "dist"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.12.0"
+  },
+  "peerDependencies": {
+    "libphonenumber-js": ">= 1 < 2"
+  },
+  "peerDependenciesMeta": {
+    "libphonenumber-js": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "libphonenumber-js": "^1.12.42"
+    "@codecov/vite-plugin": "^2.0.1",
+    "@maz-ui/vite-config": "^0.0.0",
+    "@types/node": "^22.20.5",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "@vitest/coverage-v8": "^5.0.5",
+    "cross-env": "^10.1.0",
+    "eslint": "^10.13.0",
+    "glob": "^13.0.6",
+    "libphonenumber-js": "^1.13.15",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4",
+    "vite-plugin-dts": "^5.1.2",
+    "vitest": "5.0.5",
+    "vue": "^3.5.44"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,mjs,mts,cjs,md,yml,json}": [
@@ -70,7 +91,6 @@
     ]
   },
   "scripts": {
-    "codegen": "nx build",
     "build": "vite build",
     "build:watch": "vite build --watch --mode development",
     "typecheck": "tsc --noEmit --skipLibCheck",