@ulu/frontend 0.2.0-beta.2 → 0.2.0-beta.3

package/lib/js/ui/breakpoints.js

@@ -4,6 +4,7 @@
 
 // Pass breakpoints from CSS to stylesheet, use this to attach behaviors on breakpoints
 import { removeArrayElement } from "@ulu/utils/array.js";
+import { isBrowser } from "@ulu/utils/browser/dom.js";
 import { getCoreEventName } from "../core/events.js";
 import { wrapSettingString } from "../core/settings.js";
 import { getCustomProperty } from "../utils/css.js";
@@ -11,10 +12,9 @@ import { log, logError } from "../utils/class-logger.js";
 
 const getDefaultCustomProperty = prefix => getCustomProperty(prefix, "breakpoint");
 
-// Resize Handler to update breakpoints for all instances (Called after resize finished)
-window.addEventListener(getCoreEventName("pageResized"), () => {
-  BreakpointManager.instances.forEach(i => i.update());
-});
+if (isBrowser()) {
+  initResizeHandler();
+}
 
 /**
  * @class
@@ -281,4 +281,12 @@ class Breakpoint {
     msg.unshift(`Breakpoint (${ this.name }):`);
     this._manager.log.apply(this._manager, msg);
   }
+}
+
+// Resize Handler to update breakpoints for all instances (Called after resize finished)
+// - Only setup in browser environment
+function initResizeHandler() {
+  window.addEventListener(getCoreEventName("pageResized"), () => {
+    BreakpointManager.instances.forEach(i => i.update());
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.2.0-beta.2",
+  "version": "0.2.0-beta.3",
   "description": "A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules optimized for traditional websites and content management systems.",
   "type": "module",
   "files": [