@domql/element 2.5.181 → 2.5.182

package/create.js

@@ -46,7 +46,7 @@ const ENV = process.env.NODE_ENV
 /**
  * Creating a domQL element using passed parameters
  */
-export const create = (element, parent, key, options = OPTIONS.create || {}, attachOptions) => {
+export const create = async (element, parent, key, options = OPTIONS.create || {}, attachOptions) => {
   cacheOptions(element, options)
 
   // if element is STRING
@@ -76,6 +76,8 @@ export const create = (element, parent, key, options = OPTIONS.create || {}, att
     return onlyResolveExtends(element, parent, key, options)
   }
 
+  await triggerEventOn('start', element, options)
+
   switchDefaultOptions(element, parent, options)
 
   addCaching(element, parent)
@@ -84,7 +86,7 @@ export const create = (element, parent, key, options = OPTIONS.create || {}, att
 
   createScope(element, parent)
 
-  createState(element, parent)
+  await createState(element, parent)
   if (element.scope === 'state') element.scope = element.state
 
   createIfConditionFlag(element, parent)
@@ -104,7 +106,7 @@ export const create = (element, parent, key, options = OPTIONS.create || {}, att
   // apply variants
   applyVariant(element, parent)
 
-  const onInit = triggerEventOn('init', element, options)
+  const onInit = await triggerEventOn('init', element, options)
   if (onInit === false) return element
 
   triggerEventOn('beforeClassAssign', element, options)
@@ -114,11 +116,11 @@ export const create = (element, parent, key, options = OPTIONS.create || {}, att
 
   addChildrenIfNotInOriginal(element, parent, key)
 
-  renderElement(element, parent, options, attachOptions)
+  await renderElement(element, parent, options, attachOptions)
 
   addElementIntoParentChildren(element, parent)
 
-  triggerEventOn('complete', element, options)
+  await triggerEventOn('complete', element, options)
 
   return element
 }
@@ -211,7 +213,7 @@ const addElementIntoParentChildren = (element, parent) => {
 }
 
 const visitedElements = new WeakMap()
-const renderElement = (element, parent, options, attachOptions) => {
+const renderElement = async (element, parent, options, attachOptions) => {
   if (visitedElements.has(element)) {
     if (ENV === 'test' || ENV === 'development') console.warn('Cyclic rendering detected:', element.__ref.path)
   }
@@ -224,7 +226,7 @@ const renderElement = (element, parent, options, attachOptions) => {
   try {
     const isInfiniteLoopDetected = detectInfiniteLoop(ref.path)
     if (ref.__uniqId || isInfiniteLoopDetected) return
-    createNode(element, options)
+    await createNode(element, options)
     ref.__uniqId = Math.random()
   } catch (e) {
     if (ENV === 'test' || ENV === 'development') {
@@ -249,16 +251,16 @@ const renderElement = (element, parent, options, attachOptions) => {
   assignNode(element, parent, key, attachOptions)
 
   // run `on.renderRouter`
-  triggerEventOn('renderRouter', element, options)
+  await triggerEventOn('renderRouter', element, options)
 
   // run `on.render`
-  triggerEventOn('render', element, options)
+  await triggerEventOn('render', element, options)
 
   // run `on.done`
-  triggerEventOn('done', element, options)
+  await triggerEventOn('done', element, options)
 
   // run `on.done`
-  triggerEventOn('create', element, options)
+  await triggerEventOn('create', element, options)
 }
 
 const checkIfPrimitive = (element) => is(element)('string', 'number')

package/dist/cjs/create.js

@@ -48,7 +48,7 @@ var import_iterate = require("./iterate");
 var import_options = require("./cache/options");
 var import_component = require("./utils/component");
 const ENV = "development";
-const create = (element, parent, key, options = import_options.OPTIONS.create || {}, attachOptions) => {
+const create = async (element, parent, key, options = import_options.OPTIONS.create || {}, attachOptions) => {
   cacheOptions(element, options);
   if (checkIfPrimitive(element)) {
     element = applyValueAsText(element, parent, key);
@@ -67,11 +67,12 @@ const create = (element, parent, key, options = import_options.OPTIONS.create ||
   if (options.onlyResolveExtends) {
     return onlyResolveExtends(element, parent, key, options);
   }
+  await (0, import_event.triggerEventOn)("start", element, options);
   switchDefaultOptions(element, parent, options);
   addCaching(element, parent);
   (0, import_set.addMethods)(element, parent, options);
   createScope(element, parent);
-  (0, import_state.createState)(element, parent);
+  await (0, import_state.createState)(element, parent);
   if (element.scope === "state")
     element.scope = element.state;
   createIfConditionFlag(element, parent);
@@ -83,15 +84,15 @@ const create = (element, parent, key, options = import_options.OPTIONS.create ||
     return (0, import_render.assignNode)(element, parent, key, attachOptions);
   }
   (0, import_component.applyVariant)(element, parent);
-  const onInit = (0, import_event.triggerEventOn)("init", element, options);
+  const onInit = await (0, import_event.triggerEventOn)("init", element, options);
   if (onInit === false)
     return element;
   (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
   (0, import_classList.assignKeyAsClassname)(element);
   (0, import_utils.addChildrenIfNotInOriginal)(element, parent, key);
-  renderElement(element, parent, options, attachOptions);
+  await renderElement(element, parent, options, attachOptions);
   addElementIntoParentChildren(element, parent);
-  (0, import_event.triggerEventOn)("complete", element, options);
+  await (0, import_event.triggerEventOn)("complete", element, options);
   return element;
 };
 const createBasedOnType = (element, parent, key, options) => {
@@ -169,7 +170,7 @@ const addElementIntoParentChildren = (element, parent) => {
     parent.__ref.__children.push(element.key);
 };
 const visitedElements = /* @__PURE__ */ new WeakMap();
-const renderElement = (element, parent, options, attachOptions) => {
+const renderElement = async (element, parent, options, attachOptions) => {
   var _a, _b, _c, _d;
   if (visitedElements.has(element)) {
     if (ENV === "test" || ENV === "development")
@@ -181,7 +182,7 @@ const renderElement = (element, parent, options, attachOptions) => {
     const isInfiniteLoopDetected = (0, import_utils.detectInfiniteLoop)(ref.path);
     if (ref.__uniqId || isInfiniteLoopDetected)
       return;
-    (0, import_node.default)(element, options);
+    await (0, import_node.default)(element, options);
     ref.__uniqId = Math.random();
   } catch (e) {
     if (ENV === "test" || ENV === "development") {
@@ -205,10 +206,10 @@ const renderElement = (element, parent, options, attachOptions) => {
     return element;
   }
   (0, import_render.assignNode)(element, parent, key, attachOptions);
-  (0, import_event.triggerEventOn)("renderRouter", element, options);
-  (0, import_event.triggerEventOn)("render", element, options);
-  (0, import_event.triggerEventOn)("done", element, options);
-  (0, import_event.triggerEventOn)("create", 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);
+  await (0, import_event.triggerEventOn)("create", element, options);
 };
 const checkIfPrimitive = (element) => (0, import_utils.is)(element)("string", "number");
 const applyValueAsText = (element, parent, key) => {

package/dist/cjs/methods/index.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var methods_exports = {};
 __export(methods_exports, {
   METHODS: () => METHODS,
+  call: () => call,
   defineSetter: () => defineSetter,
   error: () => error,
   get: () => get,
@@ -313,6 +314,11 @@ function variables(obj = {}) {
     }
   };
 }
+function call(fnKey, ...args) {
+  var _a;
+  const context = this.context;
+  return (_a = context.utils[fnKey] || context.functions[fnKey] || context.methods[fnKey] || context.snippets[fnKey]) == null ? void 0 : _a.call(this, ...args);
+}
 const METHODS = [
   "set",
   "reset",
@@ -337,6 +343,7 @@ const METHODS = [
   "verbose",
   "warn",
   "error",
+  "call",
   "nextElement",
   "previousElement"
 ];

package/dist/cjs/methods/set.js

@@ -51,7 +51,8 @@ const addMethods = (element, parent, options = {}) => {
     log: import__.log,
     verbose: import__.verbose,
     warn: import__.warn,
-    error: import__.error
+    error: import__.error,
+    call: import__.call
   };
   if (element.context.methods)
     (options.strict ? import_utils.merge : import_utils.overwrite)(proto, element.context.methods);

package/dist/cjs/mixins/registry.js

@@ -58,6 +58,9 @@ const REGISTRY = {
   set: {},
   reset: {},
   update: {},
+  error: {},
+  warn: {},
+  call: {},
   setProps: {},
   remove: {},
   updateContent: {},

package/dist/cjs/node.js

@@ -42,7 +42,7 @@ var import_mixins = require("./mixins");
 var import_applyParam = require("./utils/applyParam");
 var import_propEvents = require("./utils/propEvents");
 const ENV = "development";
-const createNode = (element, options) => {
+const createNode = async (element, options) => {
   let { node, tag, __ref: ref } = element;
   let isNewNode;
   if (!node) {
@@ -80,13 +80,13 @@ const createNode = (element, options) => {
     if (isElement) {
       const { hasDefine, hasContextDefine } = isElement;
       if (element[param] && !hasDefine && !hasContextDefine) {
-        const createAsync = () => {
-          (0, import_create.default)((0, import_utils.exec)(value, element), element, param, options);
+        const createAsync = async () => {
+          await (0, import_create.default)((0, import_utils.exec)(value, element), element, param, options);
         };
         if (element.props && element.props.lazyLoad || options.lazyLoad) {
-          window.requestAnimationFrame(() => createAsync());
+          window.requestAnimationFrame(async () => await createAsync());
         } else
-          createAsync();
+          await createAsync();
       }
     }
   }

package/methods/index.js

@@ -278,6 +278,11 @@ export function variables (obj = {}) {
   }
 }
 
+export function call (fnKey, ...args) {
+  const context = this.context
+  return (context.utils[fnKey] || context.functions[fnKey] || context.methods[fnKey] || context.snippets[fnKey])?.call(this, ...args)
+}
+
 export const METHODS = [
   'set',
   'reset',
@@ -302,6 +307,7 @@ export const METHODS = [
   'verbose',
   'warn',
   'error',
+  'call',
   'nextElement',
   'previousElement'
 ]

package/methods/set.js

@@ -24,7 +24,8 @@ import {
   parse,
   parseDeep,
   nextElement,
-  previousElement
+  previousElement,
+  call
 } from './'
 
 import { removeContent, updateContent } from '../mixins/content'
@@ -54,7 +55,8 @@ export const addMethods = (element, parent, options = {}) => {
     log,
     verbose,
     warn,
-    error
+    error,
+    call
   }
   if (element.context.methods) (options.strict ? merge : overwrite)(proto, element.context.methods)
   Object.setPrototypeOf(element, proto)

package/mixins/registry.js

@@ -41,6 +41,9 @@ export const REGISTRY = {
   set: {},
   reset: {},
   update: {},
+  error: {},
+  warn: {},
+  call: {},
   setProps: {},
   remove: {},
   updateContent: {},

package/node.js

@@ -19,7 +19,7 @@ import { propagateEventsFromProps } from './utils/propEvents'
 
 const ENV = process.env.NODE_ENV
 
-export const createNode = (element, options) => {
+export const createNode = async (element, options) => {
   // create and assign a node
   let { node, tag, __ref: ref } = element
 
@@ -81,13 +81,13 @@ export const createNode = (element, options) => {
     if (isElement) {
       const { hasDefine, hasContextDefine } = isElement
       if (element[param] && !hasDefine && !hasContextDefine) {
-        const createAsync = () => {
-          create(exec(value, element), element, param, options)
+        const createAsync = async () => {
+          await create(exec(value, element), element, param, options)
         }
 
         if ((element.props && element.props.lazyLoad) || options.lazyLoad) {
-          window.requestAnimationFrame(() => createAsync())
-        } else createAsync()
+          window.requestAnimationFrame(async () => await createAsync())
+        } else await createAsync()
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.181",
+  "version": "2.5.182",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -26,12 +26,12 @@
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.5.179",
-    "@domql/render": "^2.5.179",
-    "@domql/state": "^2.5.181",
+    "@domql/event": "^2.5.182",
+    "@domql/render": "^2.5.182",
+    "@domql/state": "^2.5.182",
     "@domql/utils": "^2.5.179"
   },
-  "gitHead": "4e5c3841725d9b2ffaeacc0e32bbff5c913b80b4",
+  "gitHead": "0071c581cbefc87854f08d3b658580055911ed24",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }