@domql/event 2.5.187 → 2.5.200

package/animationFrame.js

@@ -0,0 +1,43 @@
+'use strict'
+
+export const registerFrameListener = (el) => {
+  const { __ref: ref } = el
+  const { frameListeners } = ref.root.data
+
+  // Check if frameListeners exists and the element is not already in the Set
+  if (frameListeners && !frameListeners.has(el)) {
+    frameListeners.add(el) // Add the element to the Set
+  }
+}
+
+export const applyAnimationFrame = (element, options) => {
+  const { props, on, __ref: ref } = element
+  const { frameListeners } = ref.root.data
+  if (frameListeners && (on?.frame || props?.onFrame)) {
+    registerFrameListener(element)
+  }
+}
+
+export const initAnimationFrame = (ctx) => {
+  const frameListeners = new Set()
+
+  function requestFrame () {
+    // Iterate over frameListeners
+    for (const element of frameListeners) {
+      if (!element.parent.node.contains(element.node)) {
+        frameListeners.delete(element) // Remove if node has no parent
+      } else {
+        try {
+          (element.on.frame || element.props.onFrame)(element, element.state, element.context)
+        } catch (e) {
+          console.warn(e)
+        }
+      }
+    }
+    window.requestAnimationFrame(requestFrame)
+  }
+
+  requestFrame()
+
+  return frameListeners
+}

package/dist/cjs/animationFrame.js

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var animationFrame_exports = {};
+__export(animationFrame_exports, {
+  applyAnimationFrame: () => applyAnimationFrame,
+  initAnimationFrame: () => initAnimationFrame,
+  registerFrameListener: () => registerFrameListener
+});
+module.exports = __toCommonJS(animationFrame_exports);
+const registerFrameListener = (el) => {
+  const { __ref: ref } = el;
+  const { frameListeners } = ref.root.data;
+  if (frameListeners && !frameListeners.has(el)) {
+    frameListeners.add(el);
+  }
+};
+const applyAnimationFrame = (element, options) => {
+  const { props, on, __ref: ref } = element;
+  const { frameListeners } = ref.root.data;
+  if (frameListeners && ((on == null ? void 0 : on.frame) || (props == null ? void 0 : props.onFrame))) {
+    registerFrameListener(element);
+  }
+};
+const initAnimationFrame = (ctx) => {
+  const frameListeners = /* @__PURE__ */ new Set();
+  function requestFrame() {
+    for (const element of frameListeners) {
+      if (!element.parent.node.contains(element.node)) {
+        frameListeners.delete(element);
+      } else {
+        try {
+          (element.on.frame || element.props.onFrame)(element, element.state, element.context);
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+    }
+    window.requestAnimationFrame(requestFrame);
+  }
+  requestFrame();
+  return frameListeners;
+};

package/dist/cjs/index.js

@@ -13,7 +13,8 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var event_exports = {};
-module.exports = __toCommonJS(event_exports);
-__reExport(event_exports, require("./on.js"), module.exports);
-__reExport(event_exports, require("./can.js"), module.exports);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./on.js"), module.exports);
+__reExport(index_exports, require("./can.js"), module.exports);
+__reExport(index_exports, require("./animationFrame.js"), module.exports);

package/dist/cjs/on.js

@@ -18,7 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var on_exports = {};
 __export(on_exports, {
-  applyAnimationFrame: () => applyAnimationFrame,
   applyEvent: () => applyEvent,
   applyEventUpdate: () => applyEventUpdate,
   applyEventsOnNode: () => applyEventsOnNode,
@@ -46,32 +45,22 @@ const triggerEventOn = async (param, element, options) => {
 const applyEventUpdate = (param, updatedObj, element, state, context, options) => {
   return param.call(element, updatedObj, element, state || element.state, context || element.context, options);
 };
-const triggerEventOnUpdate = (param, updatedObj, element, options) => {
+const triggerEventOnUpdate = async (param, updatedObj, element, options) => {
   const appliedFunction = getOnOrPropsEvent(param, element);
   if (appliedFunction) {
     const { state, context } = element;
-    return applyEventUpdate(appliedFunction, updatedObj, element, state, context, options);
-  }
-};
-const applyAnimationFrame = (element, options) => {
-  const { props, on, __ref: ref } = element;
-  const { frameListeners } = ref.root.data;
-  if (frameListeners && ((on == null ? void 0 : on.frame) || (props == null ? void 0 : props.onFrame))) {
-    const { registerFrameListener } = element.context.utils;
-    if (registerFrameListener)
-      registerFrameListener(element);
+    return await applyEventUpdate(appliedFunction, updatedObj, element, state, context, options);
   }
 };
 const applyEventsOnNode = (element, options) => {
   const { node, on } = element;
   for (const param in on) {
-    if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "beforeStateUpdate" || param === "stateUpdate" || param === "beforeUpdate" || param === "done" || param === "create" || param === "complete" || param === "frame" || param === "update")
-      continue;
+    if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "beforeStateUpdate" || param === "stateUpdate" || param === "beforeUpdate" || param === "done" || param === "create" || param === "complete" || param === "frame" || param === "update") continue;
     const appliedFunction = getOnOrPropsEvent(param, element);
     if ((0, import_utils.isFunction)(appliedFunction)) {
-      node.addEventListener(param, (event) => {
+      node.addEventListener(param, async (event) => {
         const { state, context } = element;
-        appliedFunction.call(element, event, element, state, context, options);
+        await appliedFunction.call(element, event, element, state, context, options);
       });
     }
   }

package/dist/esm/animationFrame.js

@@ -0,0 +1,38 @@
+const registerFrameListener = (el) => {
+  const { __ref: ref } = el;
+  const { frameListeners } = ref.root.data;
+  if (frameListeners && !frameListeners.has(el)) {
+    frameListeners.add(el);
+  }
+};
+const applyAnimationFrame = (element, options) => {
+  const { props, on, __ref: ref } = element;
+  const { frameListeners } = ref.root.data;
+  if (frameListeners && ((on == null ? void 0 : on.frame) || (props == null ? void 0 : props.onFrame))) {
+    registerFrameListener(element);
+  }
+};
+const initAnimationFrame = (ctx) => {
+  const frameListeners = /* @__PURE__ */ new Set();
+  function requestFrame() {
+    for (const element of frameListeners) {
+      if (!element.parent.node.contains(element.node)) {
+        frameListeners.delete(element);
+      } else {
+        try {
+          (element.on.frame || element.props.onFrame)(element, element.state, element.context);
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+    }
+    window.requestAnimationFrame(requestFrame);
+  }
+  requestFrame();
+  return frameListeners;
+};
+export {
+  applyAnimationFrame,
+  initAnimationFrame,
+  registerFrameListener
+};

package/dist/esm/index.js

@@ -1,2 +1,3 @@
 export * from "./on.js";
 export * from "./can.js";
+export * from "./animationFrame.js";

package/dist/esm/on.js

@@ -18,38 +18,27 @@ const triggerEventOn = async (param, element, options) => {
 const applyEventUpdate = (param, updatedObj, element, state, context, options) => {
   return param.call(element, updatedObj, element, state || element.state, context || element.context, options);
 };
-const triggerEventOnUpdate = (param, updatedObj, element, options) => {
+const triggerEventOnUpdate = async (param, updatedObj, element, options) => {
   const appliedFunction = getOnOrPropsEvent(param, element);
   if (appliedFunction) {
     const { state, context } = element;
-    return applyEventUpdate(appliedFunction, updatedObj, element, state, context, options);
-  }
-};
-const applyAnimationFrame = (element, options) => {
-  const { props, on, __ref: ref } = element;
-  const { frameListeners } = ref.root.data;
-  if (frameListeners && ((on == null ? void 0 : on.frame) || (props == null ? void 0 : props.onFrame))) {
-    const { registerFrameListener } = element.context.utils;
-    if (registerFrameListener)
-      registerFrameListener(element);
+    return await applyEventUpdate(appliedFunction, updatedObj, element, state, context, options);
   }
 };
 const applyEventsOnNode = (element, options) => {
   const { node, on } = element;
   for (const param in on) {
-    if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "beforeStateUpdate" || param === "stateUpdate" || param === "beforeUpdate" || param === "done" || param === "create" || param === "complete" || param === "frame" || param === "update")
-      continue;
+    if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "beforeStateUpdate" || param === "stateUpdate" || param === "beforeUpdate" || param === "done" || param === "create" || param === "complete" || param === "frame" || param === "update") continue;
     const appliedFunction = getOnOrPropsEvent(param, element);
     if (isFunction(appliedFunction)) {
-      node.addEventListener(param, (event) => {
+      node.addEventListener(param, async (event) => {
         const { state, context } = element;
-        appliedFunction.call(element, event, element, state, context, options);
+        await appliedFunction.call(element, event, element, state, context, options);
       });
     }
   }
 };
 export {
-  applyAnimationFrame,
   applyEvent,
   applyEventUpdate,
   applyEventsOnNode,

package/index.js

@@ -2,3 +2,4 @@
 
 export * from './on.js'
 export * from './can.js'
+export * from './animationFrame.js'

package/on.js

@@ -24,20 +24,11 @@ export const applyEventUpdate = (param, updatedObj, element, state, context, opt
   return param.call(element, updatedObj, element, state || element.state, context || element.context, options)
 }
 
-export const triggerEventOnUpdate = (param, updatedObj, element, options) => {
+export const triggerEventOnUpdate = async (param, updatedObj, element, options) => {
   const appliedFunction = getOnOrPropsEvent(param, element)
   if (appliedFunction) {
     const { state, context } = element
-    return applyEventUpdate(appliedFunction, updatedObj, element, state, context, options)
-  }
-}
-
-export const applyAnimationFrame = (element, options) => {
-  const { props, on, __ref: ref } = element
-  const { frameListeners } = ref.root.data
-  if (frameListeners && (on?.frame || props?.onFrame)) {
-    const { registerFrameListener } = element.context.utils
-    if (registerFrameListener) registerFrameListener(element)
+    return await applyEventUpdate(appliedFunction, updatedObj, element, state, context, options)
   }
 }
 
@@ -64,9 +55,9 @@ export const applyEventsOnNode = (element, options) => {
 
     const appliedFunction = getOnOrPropsEvent(param, element)
     if (isFunction(appliedFunction)) {
-      node.addEventListener(param, event => {
+      node.addEventListener(param, async event => {
         const { state, context } = element
-        appliedFunction.call(element, event, element, state, context, options)
+        await appliedFunction.call(element, event, element, state, context, options)
       })
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/event",
-  "version": "2.5.187",
+  "version": "2.5.200",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@domql/report": "^2.5.186",
-    "@domql/utils": "^2.5.187"
+    "@domql/utils": "^2.5.200"
   },
-  "gitHead": "c150bfbbdd51b19d25c93f10334d54175cea9d1d"
+  "gitHead": "0afb63ec375f0526f47ff300885de393138b01e8"
 }