@domql/element 2.5.62 → 2.5.65

package/create.js

@@ -152,7 +152,7 @@ const createBasedOnType = (element, parent, key, options) => {
 const redefineElement = (element, parent, key, options) => {
   const elementWrapper = createBasedOnType(element, parent, key, options)
 
-  if (options.syntaxv3 || element.props?.syntaxv3 || parent?.props?.syntaxv3) {
+  if (options.syntaxv3 || (element.props && element.props.syntaxv3) || (parent && parent.props && parent.props.syntaxv3) /* kalduna guard */) {
     element.props.syntaxv3 = true
     return createValidDomqlObjectFromSugar(element, parent, key, options)
   } else if (checkIfKeyIsComponent(key)) {
@@ -234,6 +234,9 @@ const renderElement = (element, parent, options, attachOptions) => {
 
   // run `on.render`
   triggerEventOn('render', element, options)
+
+  // run `on.done`
+  triggerEventOn('done', element, options)
 }
 
 const checkIfPrimitive = (element) => is(element)('string', 'number')
@@ -260,7 +263,7 @@ const applyContext = (element, parent, options) => {
 const createScope = (element, parent) => {
   const { __ref: ref } = element
   // If the element doesn't have a scope, initialize it using the parent's scope or the root's scope.
-  if (!element.scope) element.scope = parent.scope || ref.__root.scope || {}
+  if (!element.scope) element.scope = parent.scope || ref.root.scope || {}
 }
 
 const createIfConditionFlag = (element, parent) => {
@@ -300,7 +303,7 @@ const addCaching = (element, parent) => {
 
   // Add _root element property
   const hasRoot = parent && parent.key === ':root'
-  if (!ref.__root) ref.__root = hasRoot ? element : parentRef.__root
+  if (!ref.root) ref.root = hasRoot ? element : parentRef.root
 
   // set the PATH array
   if (ENV === 'test' || ENV === 'development') {
@@ -338,9 +341,9 @@ const onlyResolveExtends = (element, parent, key, options) => {
     // enable CHANGES storing
     if (!ref.__children) ref.__children = []
 
-    // Add __root element property
+    // Add root element property
     // const hasRoot = parent && parent.key === ':root'
-    // if (!ref.__root) ref.__root = hasRoot ? element : parentRef.__root
+    // if (!ref.root) ref.root = hasRoot ? element : parentRef.root
 
     addMethods(element, parent)
 

package/dist/cjs/create.js

@@ -115,9 +115,8 @@ const createBasedOnType = (element, parent, key, options) => {
   return element;
 };
 const redefineElement = (element, parent, key, options) => {
-  var _a, _b;
   const elementWrapper = createBasedOnType(element, parent, key, options);
-  if (options.syntaxv3 || ((_a = element.props) == null ? void 0 : _a.syntaxv3) || ((_b = parent == null ? void 0 : parent.props) == null ? void 0 : _b.syntaxv3)) {
+  if (options.syntaxv3 || element.props && element.props.syntaxv3 || parent && parent.props && parent.props.syntaxv3) {
     element.props.syntaxv3 = true;
     return (0, import_component.createValidDomqlObjectFromSugar)(element, parent, key, options);
   } else if ((0, import_component.checkIfKeyIsComponent)(key)) {
@@ -180,6 +179,7 @@ const renderElement = (element, parent, options, attachOptions) => {
   (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);
 };
 const checkIfPrimitive = (element) => (0, import_utils.is)(element)("string", "number");
 const applyValueAsText = (element, parent, key) => {
@@ -201,7 +201,7 @@ const applyContext = (element, parent, options) => {
 const createScope = (element, parent) => {
   const { __ref: ref } = element;
   if (!element.scope)
-    element.scope = parent.scope || ref.__root.scope || {};
+    element.scope = parent.scope || ref.root.scope || {};
 };
 const createIfConditionFlag = (element, parent) => {
   const { __ref: ref } = element;
@@ -232,8 +232,8 @@ const addCaching = (element, parent) => {
   if (!ref.__children)
     ref.__children = [];
   const hasRoot = parent && parent.key === ":root";
-  if (!ref.__root)
-    ref.__root = hasRoot ? element : parentRef.__root;
+  if (!ref.root)
+    ref.root = hasRoot ? element : parentRef.root;
   if (ENV === "test" || ENV === "development") {
     if (!parentRef)
       parentRef = parent.ref = {};

package/dist/cjs/utils/component.js

@@ -93,8 +93,8 @@ const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
   return newElem;
 };
 const extendizeByKey = (element, parent, key) => {
-  const { context, tag, extend, props, attr, state, childExtend, childProps, on, if: condition } = element;
-  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr;
+  const { context, tag, extend, props, attr, state, childExtend, childProps, on, if: condition, data } = element;
+  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr || data;
   const extendFromKey = key.includes("+") ? key.split("+") : key.includes("_") ? key.split("_")[0] : key.includes(".") ? key.split(".")[0] : [key];
   const isExtendKeyComponent = context && context.components[extendFromKey];
   if (element === isExtendKeyComponent)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.62",
+  "version": "2.5.65",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "005657169525f7aaa256f4e62d6a4688d6e2046a",
+  "gitHead": "473e5569815c8e062b8e584549889557330c249a",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/utils/component.js

@@ -66,8 +66,8 @@ export const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
 }
 
 export const extendizeByKey = (element, parent, key) => {
-  const { context, tag, extend, props, attr, state, childExtend, childProps, on, if: condition } = element
-  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr
+  const { context, tag, extend, props, attr, state, childExtend, childProps, on, if: condition, data } = element
+  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr || data
 
   const extendFromKey = key.includes('+')
     ? key.split('+') // get array of componentKeys

package/utils/onlyResolveExtends.js

@@ -46,9 +46,9 @@ export const onlyResolveExtends = (element, parent, key, options) => {
     // enable CHANGES storing
     if (!ref.__children) ref.__children = []
 
-    // Add __root element property
+    // Add root element property
     // const hasRoot = parent && parent.key === ':root'
-    // if (!ref.__root) ref.__root = hasRoot ? element : parentRef.__root
+    // if (!ref.root) ref.root = hasRoot ? element : parentRef.root
   }
 
   addMethods(element, parent)