@schukai/monster 4.46.2 → 4.46.4

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.46.4] - 2025-11-19
+
+### Bug Fixes
+
+- Fix option parsing: correctly convert numeric attributes when default is Infinity
+
+
+
+## [4.46.3] - 2025-11-19
+
+### Bug Fixes
+
+- **quantity:** max boundary
+
+
+
 ## [4.46.2] - 2025-11-19
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.46.2"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.46.4"}

package/source/components/form/quantity.mjs

@@ -14,8 +14,8 @@ import { instanceSymbol } from "../../constants.mjs";
 import { ATTRIBUTE_ROLE } from "../../dom/constants.mjs";
 import { CustomControl } from "../../dom/customcontrol.mjs";
 import {
-	assembleMethodSymbol,
-	registerCustomElement,
+  assembleMethodSymbol,
+  registerCustomElement,
 } from "../../dom/customelement.mjs";
 import { fireCustomEvent } from "../../dom/events.mjs";
 
@@ -61,100 +61,105 @@ const holdIntervalSymbol = Symbol("holdInterval");
  * @fires monster-quantity-change
  */
 class Quantity extends CustomControl {
-	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/form/quantity@@instance");
-	}
-
-	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();
-
-		initControlReferences.call(this);
-		initEventHandler.call(this);
-		applyEditableState.call(this);
-		clampAndRender.call(this, this.getOption("value"));
-
-		return this;
-	}
-
-	/**
-	 * Current numeric value
-	 * @return {number|null}
-	 */
-	get value() {
-		return this.getOption("value");
-	}
-
-	/**
-	 * Sets the value programmatically (including clamping & FormValue)
-	 * @param {number|string|null} v
-	 */
-	set value(v) {
-		const n = normalizeNumber(v, this.getOption("precision"));
-		clampAndRender.call(this, n);
-	}
-
-	/**
-	 * Options
-	 *
-	 * @property {Object} templates
-	 * @property {string} templates.main Main template
-	 * @property {Object} templateMapping
-	 * @property {string} templateMapping.plus Icon (SVG-Path) Plus
-	 * @property {string} templateMapping.minus Icon (SVG-Path) Minus
-	 * @property {Object} classes CSS classes
-	 * @property {string} classes.button Button class (e.g. monster-button-outline-primary)
-	 * @property {string} classes.input Additional class for input
-	 * @property {Object} features Feature toggles
-	 * @property {boolean} features.editable Allow manual input
-	 * @property {boolean} features.hold Press-and-hold accelerates
-	 * @property {boolean} features.enforceBounds Clamp value when manual input is out of bounds
-	 * @property {number} value Current value
-	 * @property {number} min Use Number.NEGATIVE_INFINITY and Number.POSITIVE_INFINITY for no bounds
-	 * @property {number} max Use Number.NEGATIVE_INFINITY and Number.POSITIVE_INFINITY for no bounds
-	 * @property {number} step Increment/decrement step
-	 * @property {number} precision Round to N decimal places (null = no explicit rounding)
-	 * @property {boolean} disabled Disable the input field (also disables manual input)
-	 * @property {string} placeholder Placeholder text
-	 * @property {string} inputmode For mobile keyboards
-	 */
-	get defaults() {
-		return Object.assign({}, super.defaults, {
-			templates: { main: getTemplate() },
-			templateMapping: {
-				plus: `
+  static get [instanceSymbol]() {
+    return Symbol.for("@schukai/monster/components/form/quantity@@instance");
+  }
+
+  [assembleMethodSymbol]() {
+    super[assembleMethodSymbol]();
+
+    initControlReferences.call(this);
+    initEventHandler.call(this);
+    applyEditableState.call(this);
+    clampAndRender.call(this, this.getOption("value"));
+
+    return this;
+  }
+
+  /**
+   * Current numeric value
+   * @return {number|null}
+   */
+  get value() {
+    return this.getOption("value");
+  }
+
+  /**
+   * Sets the value programmatically (including clamping & FormValue)
+   * @param {number|string|null} v
+   */
+  set value(v) {
+    const n = normalizeNumber(v, this.getOption("precision"));
+    clampAndRender.call(this, n);
+  }
+
+  /**
+   * Options
+   *
+   * @property {Object} templates
+   * @property {string} templates.main Main template
+   * @property {Object} templateMapping
+   * @property {string} templateMapping.plus Icon (SVG-Path) Plus
+   * @property {string} templateMapping.minus Icon (SVG-Path) Minus
+   * @property {Object} classes CSS classes
+   * @property {string} classes.button Button class (e.g. monster-button-outline-primary)
+   * @property {string} classes.input Additional class for input
+   * @property {Object} features Feature toggles
+   * @property {boolean} features.editable Allow manual input
+   * @property {boolean} features.hold Press-and-hold accelerates
+   * @property {boolean} features.enforceBounds Clamp value when manual input is out of bounds
+   * @property {number} value Current value
+   * @property {number} min Use Number.NEGATIVE_INFINITY and Number.POSITIVE_INFINITY for no bounds
+   * @property {number} max Use Number.NEGATIVE_INFINITY and Number.POSITIVE_INFINITY for no bounds
+   * @property {number} step Increment/decrement step
+   * @property {number} precision Round to N decimal places (null = no explicit rounding)
+   * @property {boolean} disabled Disable the input field (also disables manual input)
+   * @property {string} placeholder Placeholder text
+   * @property {string} inputmode For mobile keyboards
+   */
+  get defaults() {
+    return Object.assign({}, super.defaults, {
+      templates: { main: getTemplate() },
+      templateMapping: {
+        plus: `
           <path d="M8 1a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2H9v5a1 1 0 1 1-2 0V9H2a1 1 0 1 1 0-2h5V2a1 1 0 0 1 1-1z"/>`,
-				minus: `
+        minus: `
           <path d="M2 7.5a1 1 0 0 0 0 1H14a1 1 0 1 0 0-2H2a1 1 0 0 0 0 1z"/>`,
-			},
-			classes: {
-				button: "monster-button-outline-primary",
-				input: "",
-			},
-			features: {
-				editable: true,
-				hold: true,
-				enforceBounds: true,
-			},
-			value: 0,
-			min: 0,
-			max: Number.POSITIVE_INFINITY,
-			step: 1,
-			precision: null,
-
-			disabled: false,
-			placeholder: "",
-			inputmode: "decimal",
-		});
-	}
-
-	static getTag() {
-		return "monster-quantity";
-	}
-
-	// If you want a stylesheet, return it here.
-	static getCSSStyleSheet() {
-		return [QuantityStyleSheet];
-	}
+      },
+      classes: {
+        button: "monster-button-outline-primary",
+        input: "",
+      },
+      features: {
+        editable: true,
+        hold: true,
+        enforceBounds: true,
+      },
+      value: 0,
+      min: 0,
+      max: Number.POSITIVE_INFINITY,
+      step: 1,
+      precision: null,
+
+      disabled: false,
+      placeholder: "",
+      inputmode: "decimal",
+    });
+  }
+
+  static getTag() {
+    return "monster-quantity";
+  }
+
+  // If you want a stylesheet, return it here.
+  static getCSSStyleSheet() {
+    return [QuantityStyleSheet];
+  }
+}
+
+function getFiniteNumberOr(optionValue, fallback) {
+  const n = Number(optionValue);
+  return Number.isFinite(n) ? n : fallback;
 }
 
 /**
@@ -164,18 +169,18 @@ class Quantity extends CustomControl {
  * @return {void}
  */
 function initControlReferences() {
-	this[controlElementSymbol] = this.shadowRoot.querySelector(
-		`[${ATTRIBUTE_ROLE}="control"]`,
-	);
-	this[decrementButtonSymbol] = this.shadowRoot.querySelector(
-		`[${ATTRIBUTE_ROLE}="decrement"]`,
-	);
-	this[incrementButtonSymbol] = this.shadowRoot.querySelector(
-		`[${ATTRIBUTE_ROLE}="increment"]`,
-	);
-	this[inputElementSymbol] = this.shadowRoot.querySelector(
-		`[${ATTRIBUTE_ROLE}="input"]`,
-	);
+  this[controlElementSymbol] = this.shadowRoot.querySelector(
+    `[${ATTRIBUTE_ROLE}="control"]`,
+  );
+  this[decrementButtonSymbol] = this.shadowRoot.querySelector(
+    `[${ATTRIBUTE_ROLE}="decrement"]`,
+  );
+  this[incrementButtonSymbol] = this.shadowRoot.querySelector(
+    `[${ATTRIBUTE_ROLE}="increment"]`,
+  );
+  this[inputElementSymbol] = this.shadowRoot.querySelector(
+    `[${ATTRIBUTE_ROLE}="input"]`,
+  );
 }
 
 /**
@@ -185,150 +190,152 @@ function initControlReferences() {
  * @return {void}
  */
 function initEventHandler() {
-	const stepOnce = (dir) => {
-		const step = Number(this.getOption("step")) || 1;
-		const cur = toNumberOr(this.value, 0);
-		const next = cur + (dir > 0 ? step : -step);
-		clampAndRender.call(this, next, {
-			fire: true,
-			kind: dir > 0 ? "increment" : "decrement",
-		});
-	};
-
-	const startHold = (dir) => {
-		if (!this.getOption("features.hold")) return;
-		clearTimeout(this[holdTimerSymbol]);
-		clearInterval(this[holdIntervalSymbol]);
-
-		// After a short delay, repeat faster
-		this[holdTimerSymbol] = setTimeout(() => {
-			this[holdIntervalSymbol] = setInterval(() => stepOnce(dir), 60);
-		}, 300);
-	};
-
-	const stopHold = () => {
-		clearTimeout(this[holdTimerSymbol]);
-		clearInterval(this[holdIntervalSymbol]);
-	};
-
-	// Buttons
-	this[decrementButtonSymbol].addEventListener("click", (e) => stepOnce(-1));
-	this[incrementButtonSymbol].addEventListener("click", (e) => stepOnce(1));
-
-	// Press & hold (Mouse/Touch)
-	["mousedown", "pointerdown", "touchstart"].forEach((ev) => {
-		this[decrementButtonSymbol].addEventListener(ev, () => startHold(-1));
-		this[incrementButtonSymbol].addEventListener(ev, () => startHold(1));
-	});
-	["mouseup", "mouseleave", "pointerup", "touchend", "touchcancel"].forEach(
-		(ev) => {
-			this[decrementButtonSymbol].addEventListener(ev, stopHold);
-			this[incrementButtonSymbol].addEventListener(ev, stopHold);
-		},
-	);
-
-	// Keyboard on input
-	this[inputElementSymbol].addEventListener("keydown", (e) => {
-		if (e.key === "ArrowUp") {
-			e.preventDefault();
-			stepOnce(1);
-		} else if (e.key === "ArrowDown") {
-			e.preventDefault();
-			stepOnce(-1);
-		}
-	});
-
-	// Manual input
-	this[inputElementSymbol].addEventListener("input", () => {
-		if (!this.getOption("features.editable")) return;
-		// Only store temporarily, clamp on blur/enter – but update FormValue immediately
-		const raw = this[inputElementSymbol].value;
-		const n = normalizeNumber(raw, this.getOption("precision"));
-		this.setOption("value", n);
-		this.setFormValue(n);
-		fireChanged.call(this, "input");
-	});
-
-	this[inputElementSymbol].addEventListener("blur", () => {
-		if (!this.getOption("features.editable")) return;
-		const n = normalizeNumber(
-			this[inputElementSymbol].value,
-			this.getOption("precision"),
-		);
-		clampAndRender.call(this, n, { fire: true, kind: "blur" });
-	});
+  const stepOnce = (dir) => {
+    const step = Number(this.getOption("step")) || 1;
+    const cur = toNumberOr(this.value, 0);
+    const next = cur + (dir > 0 ? step : -step);
+    clampAndRender.call(this, next, {
+      fire: true,
+      kind: dir > 0 ? "increment" : "decrement",
+    });
+  };
+
+  const startHold = (dir) => {
+    if (!this.getOption("features.hold")) return;
+    clearTimeout(this[holdTimerSymbol]);
+    clearInterval(this[holdIntervalSymbol]);
+
+    // After a short delay, repeat faster
+    this[holdTimerSymbol] = setTimeout(() => {
+      this[holdIntervalSymbol] = setInterval(() => stepOnce(dir), 60);
+    }, 300);
+  };
+
+  const stopHold = () => {
+    clearTimeout(this[holdTimerSymbol]);
+    clearInterval(this[holdIntervalSymbol]);
+  };
+
+  // Buttons
+  this[decrementButtonSymbol].addEventListener("click", (e) => stepOnce(-1));
+  this[incrementButtonSymbol].addEventListener("click", (e) => stepOnce(1));
+
+  // Press & hold (Mouse/Touch)
+  ["mousedown", "pointerdown", "touchstart"].forEach((ev) => {
+    this[decrementButtonSymbol].addEventListener(ev, () => startHold(-1));
+    this[incrementButtonSymbol].addEventListener(ev, () => startHold(1));
+  });
+  ["mouseup", "mouseleave", "pointerup", "touchend", "touchcancel"].forEach(
+    (ev) => {
+      this[decrementButtonSymbol].addEventListener(ev, stopHold);
+      this[incrementButtonSymbol].addEventListener(ev, stopHold);
+    },
+  );
+
+  // Keyboard on input
+  this[inputElementSymbol].addEventListener("keydown", (e) => {
+    if (e.key === "ArrowUp") {
+      e.preventDefault();
+      stepOnce(1);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      stepOnce(-1);
+    }
+  });
+
+  // Manual input
+  this[inputElementSymbol].addEventListener("input", () => {
+    if (!this.getOption("features.editable")) return;
+    // Only store temporarily, clamp on blur/enter – but update FormValue immediately
+    const raw = this[inputElementSymbol].value;
+    const n = normalizeNumber(raw, this.getOption("precision"));
+    this.setOption("value", n);
+    this.setFormValue(n);
+    fireChanged.call(this, "input");
+  });
+
+  this[inputElementSymbol].addEventListener("blur", () => {
+    if (!this.getOption("features.editable")) return;
+    const n = normalizeNumber(
+      this[inputElementSymbol].value,
+      this.getOption("precision"),
+    );
+    clampAndRender.call(this, n, { fire: true, kind: "blur" });
+  });
 }
 
 function applyEditableState() {
-	const editable = !!this.getOption("features.editable");
-	this[inputElementSymbol].toggleAttribute("readonly", !editable);
-	this[inputElementSymbol].toggleAttribute(
-		"disabled",
-		!!this.getOption("disabled"),
-	);
+  const editable = !!this.getOption("features.editable");
+  this[inputElementSymbol].toggleAttribute("readonly", !editable);
+  this[inputElementSymbol].toggleAttribute(
+    "disabled",
+    !!this.getOption("disabled"),
+  );
 }
 
 function clampAndRender(n, opts = {}) {
-	const min = Number.isFinite(this.getOption("min"))
-		? Number(this.getOption("min"))
-		: Number.NEGATIVE_INFINITY;
-	const max = Number.isFinite(this.getOption("max"))
-		? Number(this.getOption("max"))
-		: Number.POSITIVE_INFINITY;
-
-	let value = n;
-	if (this.getOption("features.enforceBounds")) {
-		value = Math.min(max, Math.max(min, toNumberOr(n, 0)));
-	}
-
-	// Precision
-	const p = this.getOption("precision");
-	if (Number.isInteger(p) && p >= 0) {
-		value = Number(toFixedSafe(value, p));
-	}
-
-	// Render into input
-	this[inputElementSymbol].value =
-		value === null || Number.isNaN(value) ? "" : String(value);
-
-	// Options + FormValue
-	this.setOption("value", value);
-	this.setFormValue(value);
-
-	if (opts.fire) fireChanged.call(this, opts.kind || "programmatic");
+  const min = getFiniteNumberOr(
+    this.getOption("min"),
+    Number.NEGATIVE_INFINITY,
+  );
+  const max = getFiniteNumberOr(
+    this.getOption("max"),
+    Number.POSITIVE_INFINITY,
+  );
+
+  let value = n;
+  if (this.getOption("features.enforceBounds")) {
+    value = Math.min(max, Math.max(min, toNumberOr(n, 0)));
+  }
+
+  // Precision
+  const p = this.getOption("precision");
+  if (Number.isInteger(p) && p >= 0) {
+    value = Number(toFixedSafe(value, p));
+  }
+
+  // Render into input
+  this[inputElementSymbol].value =
+    value === null || Number.isNaN(value) ? "" : String(value);
+
+  // Options + FormValue
+  this.setOption("value", value);
+  this.setFormValue(value);
+
+  if (opts.fire) fireChanged.call(this, opts.kind || "programmatic");
 }
 
 function fireChanged(kind) {
-	fireCustomEvent(this, "monster-quantity-change", {
-		element: this,
-		value: this.value,
-		kind, // 'increment' | 'decrement' | 'input' | 'blur' | 'programmatic'
-	});
+  fireCustomEvent(this, "monster-quantity-change", {
+    element: this,
+    value: this.value,
+    kind, // 'increment' | 'decrement' | 'input' | 'blur' | 'programmatic'
+  });
 }
 
 function normalizeNumber(v, precision) {
-	if (v === null || v === undefined || v === "") return null;
-	let n = Number(v);
-	if (!Number.isFinite(n)) return null;
-	if (Number.isInteger(precision) && precision >= 0) {
-		n = Number(toFixedSafe(n, precision));
-	}
-	return n;
+  if (v === null || v === undefined || v === "") return null;
+  let n = Number(v);
+  if (!Number.isFinite(n)) return null;
+  if (Number.isInteger(precision) && precision >= 0) {
+    n = Number(toFixedSafe(n, precision));
+  }
+  return n;
 }
 
 function toNumberOr(v, dflt) {
-	const n = Number(v);
-	return Number.isFinite(n) ? n : dflt;
+  const n = Number(v);
+  return Number.isFinite(n) ? n : dflt;
 }
 
 function toFixedSafe(n, p) {
-	// Prevents 1.00000000000002 effects
-	return (Math.round(n * Math.pow(10, p)) / Math.pow(10, p)).toFixed(p);
+  // Prevents 1.00000000000002 effects
+  return (Math.round(n * Math.pow(10, p)) / Math.pow(10, p)).toFixed(p);
 }
 
 function getTemplate() {
-	// language=HTML
-	return `
+  // language=HTML
+  return `
     <div data-monster-role="control" part="control">
       <monster-input-group part="input-group">
         <button type="button"

package/source/dom/util/init-options-from-attributes.mjs

@@ -14,12 +14,13 @@
 
 import { Pathfinder } from "../../data/pathfinder.mjs";
 import {
-	isBoolean,
-	isString,
-	isObject,
-	isArray,
-	isFunction,
-	isInteger,
+  isBoolean,
+  isString,
+  isObject,
+  isNumber,
+  isArray,
+  isFunction,
+  isInteger,
 } from "../../types/is.mjs";
 import { extractKeys } from "./extract-keys.mjs";
 
@@ -58,60 +59,62 @@ export { initOptionsFromAttributes };
  * @this HTMLElement - The context of the DOM element.
  */
 function initOptionsFromAttributes(
-	element,
-	options,
-	mapping = {},
-	prefix = "data-monster-option-",
+  element,
+  options,
+  mapping = {},
+  prefix = "data-monster-option-",
 ) {
-	if (!(element instanceof HTMLElement)) return options;
-	if (!element.hasAttributes()) return options;
+  if (!(element instanceof HTMLElement)) return options;
+  if (!element.hasAttributes()) return options;
 
-	const keyMap = extractKeys(options);
-	const finder = new Pathfinder(options);
+  const keyMap = extractKeys(options);
+  const finder = new Pathfinder(options);
 
-	element.getAttributeNames().forEach((name) => {
-		if (!name.startsWith(prefix)) return;
+  element.getAttributeNames().forEach((name) => {
+    if (!name.startsWith(prefix)) return;
 
-		// check if the attribute name is a valid option.
-		// the mapping between the attribute is simple. The dash is replaced by a dot.
-		// e.g. data-monster-url => url
-		const optionName = keyMap.get(name.substring(prefix.length).toLowerCase());
-		if (!finder.exists(optionName)) return;
+    // check if the attribute name is a valid option.
+    // the mapping between the attribute is simple. The dash is replaced by a dot.
+    // e.g. data-monster-url => url
+    const optionName = keyMap.get(name.substring(prefix.length).toLowerCase());
+    if (!finder.exists(optionName)) return;
 
-		if (element.hasAttribute(name)) {
-			let value = element.getAttribute(name);
-			if (
-				mapping.hasOwnProperty(optionName) &&
-				isFunction(mapping[optionName])
-			) {
-				value = mapping[optionName](value);
-			}
+    if (element.hasAttribute(name)) {
+      let value = element.getAttribute(name);
+      if (
+        mapping.hasOwnProperty(optionName) &&
+        isFunction(mapping[optionName])
+      ) {
+        value = mapping[optionName](value);
+      }
 
-			let optionValue = finder.getVia(optionName);
-			if (optionValue === null || optionValue === undefined) {
-				optionValue = value;
-			}
+      let optionValue = finder.getVia(optionName);
+      if (optionValue === null || optionValue === undefined) {
+        optionValue = value;
+      }
 
-			//const typeOfOptionValue = typeof optionValue;
-			if (optionValue === null || optionValue === undefined) {
-				value = null;
-			} else if (isBoolean(optionValue)) {
-				value = value === "true";
-			} else if (isInteger(optionValue)) {
-				value = Number(value);
-			} else if (isString(optionValue)) {
-				value = String(value);
-			} else if (isObject(optionValue)) {
-				value = JSON.parse(value);
-			} else if (isArray(optionValue)) {
-				value = value.split("::");
-			} else {
-				value = optionValue;
-			}
+      //const typeOfOptionValue = typeof optionValue;
+      if (optionValue === null || optionValue === undefined) {
+        value = null;
+      } else if (isBoolean(optionValue)) {
+        value = value === "true";
+      } else if (isInteger(optionValue)) {
+        value = Number(value);
+      } else if (isNumber(optionValue)) {
+        value = Number(value);
+      } else if (isString(optionValue)) {
+        value = String(value);
+      } else if (isObject(optionValue)) {
+        value = JSON.parse(value);
+      } else if (isArray(optionValue)) {
+        value = value.split("::");
+      } else {
+        value = optionValue;
+      }
 
-			finder.setVia(optionName, value);
-		}
-	});
+      finder.setVia(optionName, value);
+    }
+  });
 
-	return options;
+  return options;
 }

package/source/types/is.mjs

@@ -15,18 +15,19 @@
 import { proxyInstanceMarker } from "../constants.mjs";
 
 export {
-	isIterable,
-	isPrimitive,
-	isSymbol,
-	isBoolean,
-	isString,
-	isObject,
-	isInstance,
-	isArray,
-	isFunction,
-	isInteger,
-	isProxy,
-	isElement,
+  isIterable,
+  isPrimitive,
+  isSymbol,
+  isBoolean,
+  isString,
+  isObject,
+  isInstance,
+  isArray,
+  isFunction,
+  isInteger,
+  isNumber,
+  isProxy,
+  isElement,
 };
 
 /**
@@ -35,7 +36,7 @@ export {
  * @returns {boolean}
  */
 function isElement(value) {
-	return value instanceof Element;
+  return value instanceof Element;
 }
 
 /**
@@ -45,7 +46,7 @@ function isElement(value) {
  * @returns {boolean}
  */
 function isProxy(value) {
-	return value?.[proxyInstanceMarker] === proxyInstanceMarker;
+  return value?.[proxyInstanceMarker] === proxyInstanceMarker;
 }
 
 /**
@@ -63,9 +64,9 @@ function isProxy(value) {
  * @copyright schukai GmbH
  */
 function isIterable(value) {
-	if (value === undefined) return false;
-	if (value === null) return false;
-	return typeof value?.[Symbol.iterator] === "function";
+  if (value === undefined) return false;
+  if (value === null) return false;
+  return typeof value?.[Symbol.iterator] === "function";
 }
 
 /**
@@ -81,24 +82,24 @@ function isIterable(value) {
  * @copyright schukai GmbH
  */
 function isPrimitive(value) {
-	var type;
+  var type;
 
-	if (value === undefined || value === null) {
-		return true;
-	}
+  if (value === undefined || value === null) {
+    return true;
+  }
 
-	type = typeof value;
+  type = typeof value;
 
-	if (
-		type === "string" ||
-		type === "number" ||
-		type === "boolean" ||
-		type === "symbol"
-	) {
-		return true;
-	}
+  if (
+    type === "string" ||
+    type === "number" ||
+    type === "boolean" ||
+    type === "symbol"
+  ) {
+    return true;
+  }
 
-	return false;
+  return false;
 }
 
 /**
@@ -114,7 +115,7 @@ function isPrimitive(value) {
  * @copyright schukai GmbH
  */
 function isSymbol(value) {
-	return "symbol" === typeof value ? true : false;
+  return "symbol" === typeof value ? true : false;
 }
 
 /**
@@ -130,11 +131,11 @@ function isSymbol(value) {
  * @copyright schukai GmbH
  */
 function isBoolean(value) {
-	if (value === true || value === false) {
-		return true;
-	}
+  if (value === true || value === false) {
+    return true;
+  }
 
-	return false;
+  return false;
 }
 
 /**
@@ -150,10 +151,10 @@ function isBoolean(value) {
  * @copyright schukai GmbH
  */
 function isString(value) {
-	if (value === undefined || typeof value !== "string") {
-		return false;
-	}
-	return true;
+  if (value === undefined || typeof value !== "string") {
+    return false;
+  }
+  return true;
 }
 
 /**
@@ -169,14 +170,14 @@ function isString(value) {
  * @copyright schukai GmbH
  */
 function isObject(value) {
-	if (isArray(value)) return false;
-	if (isPrimitive(value)) return false;
+  if (isArray(value)) return false;
+  if (isPrimitive(value)) return false;
 
-	if (typeof value === "object") {
-		return true;
-	}
+  if (typeof value === "object") {
+    return true;
+  }
 
-	return false;
+  return false;
 }
 
 /**
@@ -193,18 +194,18 @@ function isObject(value) {
  * @copyright schukai GmbH
  */
 function isInstance(value, instance) {
-	if (!isObject(value)) return false;
-	if (!isFunction(instance)) return false;
-	if (!instance.hasOwnProperty("prototype")) return false;
-	if (value instanceof instance) return true;
+  if (!isObject(value)) return false;
+  if (!isFunction(instance)) return false;
+  if (!instance.hasOwnProperty("prototype")) return false;
+  if (value instanceof instance) return true;
 
-	let proto = Object.getPrototypeOf(value);
-	while (proto != null) {
-		if (proto === instance.prototype) return true;
-		proto = Object.getPrototypeOf(proto);
-	}
+  let proto = Object.getPrototypeOf(value);
+  while (proto != null) {
+    if (proto === instance.prototype) return true;
+    proto = Object.getPrototypeOf(proto);
+  }
 
-	return false;
+  return false;
 }
 
 /**
@@ -221,7 +222,7 @@ function isInstance(value, instance) {
  * @see https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
  */
 function isArray(value) {
-	return Array.isArray(value);
+  return Array.isArray(value);
 }
 
 /**
@@ -237,14 +238,31 @@ function isArray(value) {
  * @copyright schukai GmbH
  */
 function isFunction(value) {
-	if (isArray(value)) return false;
-	if (isPrimitive(value)) return false;
+  if (isArray(value)) return false;
+  if (isPrimitive(value)) return false;
 
-	if (typeof value === "function") {
-		return true;
-	}
+  if (typeof value === "function") {
+    return true;
+  }
 
-	return false;
+  return false;
+}
+
+/**
+ * Cechs whether the value passed is a number.
+ *
+ * This method is used in the library to have consistent names.
+ *
+ * @externalExample ../../example/types/is-number.mjs
+ *
+ * @param {*} value
+ * @return {boolean}
+ *
+ * @license AGPLv3
+ * @since 4.47.0
+ */
+function isNumber(value) {
+  return typeof value === "number" && !isNaN(value);
 }
 
 /**
@@ -260,5 +278,5 @@ function isFunction(value) {
  * @copyright schukai GmbH
  */
 function isInteger(value) {
-	return Number.isInteger(value);
+  return Number.isInteger(value);
 }