@domql/element 2.5.188 → 2.5.190

package/create.js

@@ -22,7 +22,7 @@ import {
   addChildrenIfNotInOriginal
 } from '@domql/utils'
 
-import { triggerEventOn } from '@domql/event'
+import { applyAnimationFrame, triggerEventOn } from '@domql/event'
 import { assignNode } from '@domql/render'
 import { createState } from '@domql/state'
 
@@ -256,6 +256,9 @@ const renderElement = async (element, parent, options, attachOptions) => {
   // assign NODE
   assignNode(element, parent, key, attachOptions)
 
+  // apply events
+  applyAnimationFrame(element, options)
+
   // run `on.renderRouter`
   await triggerEventOn('renderRouter', element, options)
 

package/dist/cjs/create.js

@@ -211,6 +211,7 @@ const renderElement = async (element, parent, options, attachOptions) => {
     return element;
   }
   (0, import_render.assignNode)(element, parent, key, attachOptions);
+  (0, import_event.applyAnimationFrame)(element, options);
   await (0, import_event.triggerEventOn)("renderRouter", element, options);
   await (0, import_event.triggerEventOn)("render", element, options);
   await (0, import_event.triggerEventOn)("done", element, options);

package/dist/cjs/node.js

@@ -65,7 +65,6 @@ const createNode = async (element, options) => {
   (0, import_iterate.throughInitialExec)(element);
   if (element.tag !== "string" && element.tag !== "fragment") {
     (0, import_propEvents.propagateEventsFromProps)(element);
-    (0, import_event.applyAnimationFrame)(element, options);
     if (isNewNode && (0, import_utils.isObject)(element.on)) {
       (0, import_event.applyEventsOnNode)(element, options);
     }

package/dist/esm/create.js

@@ -18,7 +18,7 @@ import {
   detectInfiniteLoop,
   addChildrenIfNotInOriginal
 } from "@domql/utils";
-import { triggerEventOn } from "@domql/event";
+import { applyAnimationFrame, triggerEventOn } from "@domql/event";
 import { assignNode } from "@domql/render";
 import { createState } from "@domql/state";
 import { isMethod } from "./methods/index.js";
@@ -197,6 +197,7 @@ const renderElement = async (element, parent, options, attachOptions) => {
     return element;
   }
   assignNode(element, parent, key, attachOptions);
+  applyAnimationFrame(element, options);
   await triggerEventOn("renderRouter", element, options);
   await triggerEventOn("render", element, options);
   await triggerEventOn("done", element, options);

package/dist/esm/node.js

@@ -1,5 +1,5 @@
 import { exec, isFunction, isObject, isUndefined, isVariant } from "@domql/utils";
-import { applyEventsOnNode, triggerEventOn, applyAnimationFrame } from "@domql/event";
+import { applyEventsOnNode, triggerEventOn } from "@domql/event";
 import { cacheNode } from "@domql/render";
 import { isMethod } from "./methods/index.js";
 import create from "./create.js";
@@ -35,7 +35,6 @@ const createNode = async (element, options) => {
   throughInitialExec(element);
   if (element.tag !== "string" && element.tag !== "fragment") {
     propagateEventsFromProps(element);
-    applyAnimationFrame(element, options);
     if (isNewNode && isObject(element.on)) {
       applyEventsOnNode(element, options);
     }

package/node.js

@@ -1,7 +1,7 @@
 'use strict'
 
 import { exec, isFunction, isObject, isUndefined, isVariant } from '@domql/utils'
-import { applyEventsOnNode, triggerEventOn, applyAnimationFrame } from '@domql/event'
+import { applyEventsOnNode, triggerEventOn } from '@domql/event'
 import { cacheNode } from '@domql/render'
 import { isMethod } from './methods/index.js'
 
@@ -37,7 +37,6 @@ export const createNode = async (element, options) => {
     // trigger `on.attachNode`
     triggerEventOn('attachNode', element, options)
   }
-
   // node.dataset // .key = element.key
 
   if (ENV === 'test' || ENV === 'development' || options.alowRefReference) {
@@ -57,9 +56,6 @@ export const createNode = async (element, options) => {
   if (element.tag !== 'string' && element.tag !== 'fragment') {
     propagateEventsFromProps(element)
 
-    // apply events
-    applyAnimationFrame(element, options)
-
     if (isNewNode && isObject(element.on)) {
       applyEventsOnNode(element, options)
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.188",
+  "version": "2.5.190",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -27,12 +27,12 @@
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.5.187",
-    "@domql/render": "^2.5.187",
-    "@domql/state": "^2.5.187",
+    "@domql/event": "^2.5.190",
+    "@domql/render": "^2.5.190",
+    "@domql/state": "^2.5.190",
     "@domql/utils": "^2.5.187"
   },
-  "gitHead": "b240e178ba2f5c7a6d0f8fd28bbe7936e086642c",
+  "gitHead": "c4e06a81317c6d43c070d9ad93bbaeba24b3bb3b",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }