@oscarpalmer/atoms 0.12.0 → 0.13.0

package/dist/js/element/focusable.js

@@ -18,11 +18,7 @@ var _getValidElements = function(type, parent, filters) {
   }
   const indiced = [];
   const zeroed = [];
-  const { length } = items;
-  let position = Number(length);
-  while (position--) {
-    const index = length - position - 1;
-    const item = items[index];
+  for (const item of items) {
     if (item.tabIndex === 0) {
       zeroed.push(item.element);
     } else {

package/dist/js/element/focusable.mjs

@@ -18,11 +18,7 @@ var _getValidElements = function(type, parent, filters) {
   }
   const indiced = [];
   const zeroed = [];
-  const { length } = items;
-  let position = Number(length);
-  while (position--) {
-    const index = length - position - 1;
-    const item = items[index];
+  for (const item of items) {
     if (item.tabIndex === 0) {
       zeroed.push(item.element);
     } else {

package/dist/js/index.js

@@ -1,81 +1,70 @@
-// src/js/string.ts
-function createUuid() {
-  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (substring) => (substring ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> substring / 4).toString(16));
-}
-function getString(value) {
-  return typeof value === "string" ? value : typeof value?.toString === "function" ? value.toString() : String(value);
-}
-function isNullableOrWhitespace(value) {
-  return value == null || getString(value).trim().length === 0;
-}
-
-// src/js/value.ts
-var _getValue = function(data, key) {
-  if (typeof data !== "object" || data === null || /^(__proto__|constructor|prototype)$/i.test(key)) {
-    return;
+// src/js/element/index.ts
+function findElements(selector, context) {
+  const contexts = context === undefined ? [document] : findElements(context);
+  const elements = [];
+  if (typeof selector === "string") {
+    for (const context2 of contexts) {
+      elements.push(...Array.from(context2.querySelectorAll(selector) ?? []));
+    }
+    return elements;
   }
-  if (data instanceof Map) {
-    return data.get(key);
+  const nodes = Array.isArray(selector) || selector instanceof NodeList ? selector : [selector];
+  for (const node of nodes) {
+    if (node instanceof Element && contexts.some((context2) => context2.contains(node))) {
+      elements.push(node);
+    }
   }
-  return data[key];
-};
-var _setValue = function(data, key, value) {
-  if (typeof data !== "object" || data === null || /^(__proto__|constructor|prototype)$/i.test(key)) {
+  return elements;
+}
+function findParentElement(origin, selector) {
+  if (origin == null || selector == null) {
     return;
   }
-  if (data instanceof Map) {
-    data.set(key, value);
-  } else {
-    data[key] = value;
+  function matches(element) {
+    return typeof selector === "string" ? element.matches?.(selector) ?? false : typeof selector === "function" ? selector(element) : false;
   }
-};
-function getValue(data, key) {
-  if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
-    return;
+  if (matches(origin)) {
+    return origin;
   }
-  const parts = getString(key).split(".").reverse();
-  let position = parts.length;
-  let value = data;
-  while (position--) {
-    value = _getValue(value, parts[position]);
-    if (value == null) {
-      break;
+  let parent = origin.parentElement;
+  while (parent != null && !matches(parent)) {
+    if (parent === document.body) {
+      return;
     }
+    parent = parent.parentElement;
   }
-  return value;
-}
-function isArrayOrObject(value) {
-  return /^(array|object)$/i.test(value?.constructor?.name);
-}
-function isNullable(value) {
-  return value == null;
+  return parent ?? undefined;
 }
-function isObject(value) {
-  return value?.constructor?.name === "Object";
+function getElementUnderPointer(skipIgnore) {
+  const elements = Array.from(document.querySelectorAll(":hover")).filter((element) => {
+    if (/^head$/i.test(element.tagName)) {
+      return false;
+    }
+    const style = getComputedStyle(element);
+    return typeof skipIgnore === "boolean" && skipIgnore || style.pointerEvents !== "none" && style.visibility !== "hidden";
+  });
+  return elements[elements.length - 1];
 }
-function setValue(data, key, value) {
-  if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
-    return data;
+function getTextDirection(element) {
+  const direction = element.getAttribute("dir");
+  if (direction !== null && /^(ltr|rtl)$/i.test(direction)) {
+    return direction.toLowerCase();
   }
-  const parts = getString(key).split(".").reverse();
-  let position = parts.length;
-  let target = data;
-  while (position--) {
-    const key2 = parts[position];
-    if (position === 0) {
-      _setValue(target, key2, value);
-      break;
-    }
-    let next = _getValue(target, key2);
-    if (typeof next !== "object" || next === null) {
-      next = /^\d+$/.test(parts[position - 1]) ? [] : {};
-      target[key2] = next;
-    }
-    target = next;
+  return getComputedStyle?.(element)?.direction === "rtl" ? "rtl" : "ltr";
+}
+// src/js/event.ts
+function getEventPosition(event) {
+  let x;
+  let y;
+  if (event instanceof MouseEvent) {
+    x = event.clientX;
+    y = event.clientY;
+  } else if (event instanceof TouchEvent) {
+    x = event.touches[0]?.clientX;
+    y = event.touches[0]?.clientY;
   }
-  return data;
+  return typeof x === "number" && typeof y === "number" ? { x, y } : undefined;
 }
-
 // src/js/number.ts
 function clampNumber(value, min, max) {
   return Math.min(Math.max(getNumber(value), getNumber(min)), getNumber(max));
@@ -107,7 +96,16 @@ function getNumber(value) {
   }
   return +(/^0x[0-9a-f]+$/i.test(trimmed) ? trimmed : trimmed.replace(/_/g, ""));
 }
-
+// src/js/string.ts
+function createUuid() {
+  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (substring) => (substring ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> substring / 4).toString(16));
+}
+function getString(value) {
+  return typeof value === "string" ? value : typeof value?.toString === "function" ? value.toString() : String(value);
+}
+function isNullableOrWhitespace(value) {
+  return value == null || getString(value).trim().length === 0;
+}
 // src/js/timer.ts
 function repeat(callback, options) {
   const count = typeof options?.count === "number" ? options.count : Infinity;
@@ -191,74 +189,68 @@ class Timer {
     return work("stop", this, this.state, this.options);
   }
 }
-
-// src/js/element/index.ts
-function findElements(selector, context) {
-  const contexts = context === undefined ? [document] : findElements(context);
-  const elements = [];
-  if (typeof selector === "string") {
-    for (const context2 of contexts) {
-      elements.push(...Array.from(context2.querySelectorAll(selector) ?? []));
-    }
-    return elements;
+// src/js/value.ts
+var _getValue = function(data, key) {
+  if (typeof data !== "object" || data === null || /^(__proto__|constructor|prototype)$/i.test(key)) {
+    return;
   }
-  const nodes = Array.isArray(selector) || selector instanceof NodeList ? selector : [selector];
-  for (const node of nodes) {
-    if (node instanceof Element && contexts.some((context2) => context2.contains(node))) {
-      elements.push(node);
-    }
+  if (data instanceof Map) {
+    return data.get(key);
   }
-  return elements;
-}
-function findParentElement(origin, selector) {
-  if (origin == null || selector == null) {
+  return data[key];
+};
+var _setValue = function(data, key, value) {
+  if (typeof data !== "object" || data === null || /^(__proto__|constructor|prototype)$/i.test(key)) {
     return;
   }
-  function matches(element) {
-    return typeof selector === "string" ? element.matches?.(selector) ?? false : typeof selector === "function" ? selector(element) : false;
+  if (data instanceof Map) {
+    data.set(key, value);
+  } else {
+    data[key] = value;
   }
-  if (matches(origin)) {
-    return origin;
+};
+function getValue(data, key) {
+  if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
+    return;
   }
-  let parent = origin.parentElement;
-  while (parent != null && !matches(parent)) {
-    if (parent === document.body) {
-      return;
+  const parts = getString(key).split(".");
+  let value = data;
+  for (const part of parts) {
+    value = _getValue(value, part);
+    if (value == null) {
+      break;
     }
-    parent = parent.parentElement;
   }
-  return parent ?? undefined;
+  return value;
 }
-function getElementUnderPointer(skipIgnore) {
-  const elements = Array.from(document.querySelectorAll(":hover")).filter((element) => {
-    if (/^head$/i.test(element.tagName)) {
-      return false;
-    }
-    const style = getComputedStyle(element);
-    return typeof skipIgnore === "boolean" && skipIgnore || style.pointerEvents !== "none" && style.visibility !== "hidden";
-  });
-  return elements[elements.length - 1];
+function isArrayOrObject(value) {
+  return /^(array|object)$/i.test(value?.constructor?.name);
 }
-function getTextDirection(element) {
-  const direction = element.getAttribute("dir");
-  if (direction !== null && /^(ltr|rtl)$/i.test(direction)) {
-    return direction.toLowerCase();
-  }
-  return getComputedStyle?.(element)?.direction === "rtl" ? "rtl" : "ltr";
+function isNullable(value) {
+  return value == null;
 }
-
-// src/js/event.ts
-function getEventPosition(event) {
-  let x;
-  let y;
-  if (event instanceof MouseEvent) {
-    x = event.clientX;
-    y = event.clientY;
-  } else if (event instanceof TouchEvent) {
-    x = event.touches[0]?.clientX;
-    y = event.touches[0]?.clientY;
+function isObject(value) {
+  return /^object$/i.test(value?.constructor?.name);
+}
+function setValue(data, key, value) {
+  if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
+    return data;
   }
-  return typeof x === "number" && typeof y === "number" ? { x, y } : undefined;
+  const parts = getString(key).split(".");
+  let target = data;
+  for (const part of parts) {
+    if (parts.indexOf(part) === parts.length - 1) {
+      _setValue(target, part, value);
+      break;
+    }
+    let next = _getValue(target, part);
+    if (typeof next !== "object" || next === null) {
+      next = /^\d+$/.test(part) ? [] : {};
+      target[part] = next;
+    }
+    target = next;
+  }
+  return data;
 }
 export {
   wait,
@@ -277,5 +269,6 @@ export {
   findParentElement,
   findElements,
   createUuid,
-  clampNumber
+  clampNumber,
+  Timer
 };

package/dist/js/timer.js

@@ -83,5 +83,6 @@ class Timer {
 }
 export {
   wait,
-  repeat
+  repeat,
+  Timer
 };

package/dist/js/timer.mjs

@@ -83,5 +83,6 @@ class Timer {
 }
 export {
   wait,
-  repeat
+  repeat,
+  Timer
 };

package/dist/js/value.js

@@ -1,7 +1,4 @@
 // src/js/string.ts
-function createUuid() {
-  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (substring) => (substring ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> substring / 4).toString(16));
-}
 function getString(value) {
   return typeof value === "string" ? value : typeof value?.toString === "function" ? value.toString() : String(value);
 }
@@ -33,11 +30,10 @@ function getValue(data, key) {
   if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
     return;
   }
-  const parts = getString(key).split(".").reverse();
-  let position = parts.length;
+  const parts = getString(key).split(".");
   let value = data;
-  while (position--) {
-    value = _getValue(value, parts[position]);
+  for (const part of parts) {
+    value = _getValue(value, part);
     if (value == null) {
       break;
     }
@@ -51,25 +47,23 @@ function isNullable(value) {
   return value == null;
 }
 function isObject(value) {
-  return value?.constructor?.name === "Object";
+  return /^object$/i.test(value?.constructor?.name);
 }
 function setValue(data, key, value) {
   if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
     return data;
   }
-  const parts = getString(key).split(".").reverse();
-  let position = parts.length;
+  const parts = getString(key).split(".");
   let target = data;
-  while (position--) {
-    const key2 = parts[position];
-    if (position === 0) {
-      _setValue(target, key2, value);
+  for (const part of parts) {
+    if (parts.indexOf(part) === parts.length - 1) {
+      _setValue(target, part, value);
       break;
     }
-    let next = _getValue(target, key2);
+    let next = _getValue(target, part);
     if (typeof next !== "object" || next === null) {
-      next = /^\d+$/.test(parts[position - 1]) ? [] : {};
-      target[key2] = next;
+      next = /^\d+$/.test(part) ? [] : {};
+      target[part] = next;
     }
     target = next;
   }

package/dist/js/value.mjs

@@ -23,11 +23,10 @@ function getValue(data, key) {
   if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
     return;
   }
-  const parts = getString(key).split(".").reverse();
-  let position = parts.length;
+  const parts = getString(key).split(".");
   let value = data;
-  while (position--) {
-    value = _getValue(value, parts[position]);
+  for (const part of parts) {
+    value = _getValue(value, part);
     if (value == null) {
       break;
     }
@@ -41,25 +40,23 @@ function isNullable(value) {
   return value == null;
 }
 function isObject(value) {
-  return value?.constructor?.name === "Object";
+  return /^object$/i.test(value?.constructor?.name);
 }
 function setValue(data, key, value) {
   if (typeof data !== "object" || data === null || isNullableOrWhitespace(key)) {
     return data;
   }
-  const parts = getString(key).split(".").reverse();
-  let position = parts.length;
+  const parts = getString(key).split(".");
   let target = data;
-  while (position--) {
-    const key2 = parts[position];
-    if (position === 0) {
-      _setValue(target, key2, value);
+  for (const part of parts) {
+    if (parts.indexOf(part) === parts.length - 1) {
+      _setValue(target, part, value);
       break;
     }
-    let next = _getValue(target, key2);
+    let next = _getValue(target, part);
     if (typeof next !== "object" || next === null) {
-      next = /^\d+$/.test(parts[position - 1]) ? [] : {};
-      target[key2] = next;
+      next = /^\d+$/.test(part) ? [] : {};
+      target[part] = next;
     }
     target = next;
   }

package/package.json

@@ -8,7 +8,7 @@
 		"@biomejs/biome": "^1.5",
 		"@happy-dom/global-registrator": "^13.3",
 		"bun": "^1.0",
-		"sass": "^1.70",
+		"sass": "^1.71",
 		"typescript": "^5.3"
 	},
 	"exports": {
@@ -83,10 +83,9 @@
 		"url": "git+https://github.com/oscarpalmer/atoms.git"
 	},
 	"scripts": {
-		"build": "bun run build:css && bun run build:js && bun run build:mjs && bun run types",
+		"build": "bun run build:css && bun run build:js && bun run types",
 		"build:css": "bunx sass ./src/css:./dist/css --no-source-map",
-		"build:js": "bunx bun ./.bun.ts",
-		"build:mjs": "bunx bun ./.bun.ts --mjs",
+		"build:js": "bunx bun ./.bun.ts && bunx bun ./.bun.ts --mjs",
 		"test": "bun test --preload ./test/_preload.ts --coverage",
 		"types": "bunx tsc -p ./tsconfig.json",
 		"watch:css": "bunx sass ./src/css:./dist/css --no-source-map --watch",
@@ -94,5 +93,5 @@
 	},
 	"type": "module",
 	"types": "./types/index.d.ts",
-	"version": "0.12.0"
+	"version": "0.13.0"
 }

package/src/js/element/focusable.ts

@@ -87,14 +87,7 @@ function _getValidElements(
 	const indiced: Array<Array<FocusableElement>> = [];
 	const zeroed: Array<FocusableElement> = [];
 
-	const {length} = items;
-
-	let position = Number(length);
-
-	while (position--) {
-		const index = length - position - 1;
-		const item = items[index];
-
+	for (const item of items) {
 		if (item.tabIndex === 0) {
 			zeroed.push(item.element);
 		} else {

package/src/js/number.ts

@@ -9,6 +9,7 @@ export function clampNumber(value: number, min: number, max: number): number {
 /**
  * - Gets the number value from an unknown value
  * - Returns `NaN` if the value is `undefined`, `null`, or cannot be parsed
+ * - Based on Lodash :-)
  */
 export function getNumber(value: unknown): number {
 	if (typeof value === 'number') {
@@ -45,5 +46,7 @@ export function getNumber(value: unknown): number {
 		return parseInt(trimmed.slice(2), isBinary ? 2 : 8);
 	}
 
-	return +(/^0x[0-9a-f]+$/i.test(trimmed) ? trimmed : trimmed.replace(/_/g, ''));
+	return +(/^0x[0-9a-f]+$/i.test(trimmed)
+		? trimmed
+		: trimmed.replace(/_/g, ''));
 }

package/src/js/timer.ts

@@ -42,7 +42,7 @@ type WorkType = 'restart' | 'start' | 'stop';
 /**
  * A timer that can be started, stopped, and restarted as neeeded
  */
-class Timer {
+export class Timer {
 	private declare readonly state: TimerState;
 	private declare readonly options: TimerOptions;
 

package/src/js/value.ts

@@ -57,13 +57,12 @@ export function getValue(data: ValueObject, key: Key): unknown {
 		return undefined;
 	}
 
-	const parts = getString(key).split('.').reverse();
+	const parts = getString(key).split('.');
 
-	let position = parts.length;
 	let value = data;
 
-	while (position--) {
-		value = _getValue(value, parts[position]) as ValueObject;
+	for (const part of parts) {
+		value = _getValue(value, part) as ValueObject;
 
 		if (value == null) {
 			break;
@@ -91,7 +90,7 @@ export function isNullable(value: unknown): value is undefined | null {
  * Is the value a generic object?
  */
 export function isObject(value: unknown): value is GenericObject {
-	return (value as GenericObject)?.constructor?.name === 'Object';
+	return /^object$/i.test((value as GenericObject)?.constructor?.name);
 }
 
 /**
@@ -113,26 +112,23 @@ export function setValue<Model extends ValueObject>(
 		return data;
 	}
 
-	const parts = getString(key).split('.').reverse();
+	const parts = getString(key).split('.');
 
-	let position = parts.length;
 	let target: ValueObject = data;
 
-	while (position--) {
-		const key = parts[position] as never;
-
-		if (position === 0) {
-			_setValue(target, key, value);
+	for (const part of parts) {
+		if (parts.indexOf(part) === parts.length - 1) {
+			_setValue(target, part, value);
 
 			break;
 		}
 
-		let next = _getValue(target, key);
+		let next = _getValue(target, part);
 
 		if (typeof next !== 'object' || next === null) {
-			next = /^\d+$/.test(parts[position - 1]) ? [] : {};
+			next = /^\d+$/.test(part) ? [] : {};
 
-			target[key] = next as never;
+			target[part as never] = next as never;
 		}
 
 		target = next as ValueObject;

package/types/number.d.ts

@@ -5,5 +5,6 @@ export declare function clampNumber(value: number, min: number, max: number): nu
 /**
  * - Gets the number value from an unknown value
  * - Returns `NaN` if the value is `undefined`, `null`, or cannot be parsed
+ * - Based on Lodash :-)
  */
 export declare function getNumber(value: unknown): number;

package/types/timer.d.ts

@@ -25,7 +25,7 @@ type Options = {
 /**
  * A timer that can be started, stopped, and restarted as neeeded
  */
-declare class Timer {
+export declare class Timer {
     private readonly state;
     private readonly options;
     /**