@domql/element 2.5.96 → 2.5.99

package/create.js

@@ -309,11 +309,11 @@ const addCaching = (element, parent) => {
   if (!ref.root) ref.root = hasRoot ? element : parentRef.root
 
   // set the PATH array
-  if (ENV === 'test' || ENV === 'development') {
-    if (!parentRef) parentRef = parent.ref = {}
-    if (!parentRef.__path) parentRef.__path = []
-    ref.__path = parentRef.__path.concat(element.key)
-  }
+  // if (ENV === 'test' || ENV === 'development') {
+  if (!parentRef) parentRef = parent.ref = {}
+  if (!parentRef.__path) parentRef.__path = []
+  ref.__path = parentRef.__path.concat(element.key)
+  // }
 }
 
 const onlyResolveExtends = (element, parent, key, options) => {

package/dist/cjs/create.js

@@ -239,13 +239,11 @@ const addCaching = (element, parent) => {
   const hasRoot = parent && parent.key === ":root";
   if (!ref.root)
     ref.root = hasRoot ? element : parentRef.root;
-  if (ENV === "test" || ENV === "development") {
-    if (!parentRef)
-      parentRef = parent.ref = {};
-    if (!parentRef.__path)
-      parentRef.__path = [];
-    ref.__path = parentRef.__path.concat(element.key);
-  }
+  if (!parentRef)
+    parentRef = parent.ref = {};
+  if (!parentRef.__path)
+    parentRef.__path = [];
+  ref.__path = parentRef.__path.concat(element.key);
 };
 const onlyResolveExtends = (element, parent, key, options) => {
   const { __ref: ref } = element;

package/dist/cjs/methods/index.js

@@ -24,6 +24,7 @@ __export(methods_exports, {
   isMethod: () => isMethod,
   keys: () => keys,
   log: () => log,
+  lookdown: () => lookdown,
   lookup: () => lookup,
   nextElement: () => nextElement,
   parse: () => parse,
@@ -73,6 +74,27 @@ const lookup = function(param) {
   }
   return parent;
 };
+const lookdown = function(param) {
+  const el = this;
+  const { __ref: ref } = el;
+  const children = ref.__children;
+  for (let i = 0; i < children.length; i++) {
+    const v = children[i];
+    const childElem = el[v];
+    if (v === param)
+      return childElem;
+    else if ((0, import_utils.isFunction)(param)) {
+      const exec = param(childElem, childElem.state, childElem.context);
+      if (childElem.state && exec) {
+        return childElem;
+      }
+    }
+    const lookdown2 = childElem.lookdown(param);
+    if (lookdown2)
+      return lookdown2;
+  }
+  return null;
+};
 const remove = function() {
   const element = this;
   if ((0, import_utils.isFunction)(element.node.remove))
@@ -183,6 +205,7 @@ const METHODS = [
   "updateContent",
   "removeContent",
   "lookup",
+  "lookdown",
   "spotByPath",
   "keys",
   "parse",

package/dist/cjs/methods/set.js

@@ -45,6 +45,7 @@ const addMethods = (element, parent) => {
     removeContent: import_content.removeContent.bind(element),
     setProps: import__.setProps.bind(element),
     lookup: import__.lookup.bind(element),
+    lookdown: import__.lookdown.bind(element),
     spotByPath: import__.spotByPath.bind(element),
     parse: import__.parse.bind(element),
     parseDeep: import__.parseDeep.bind(element),

package/dist/cjs/mixins/registry.js

@@ -61,6 +61,7 @@ var registry_default = {
   updateContent: {},
   removeContent: {},
   lookup: {},
+  lookdown: {},
   spotByPath: {},
   keys: {},
   log: {},

package/dist/cjs/utils/component.js

@@ -168,7 +168,9 @@ const overwriteVariant = (element, variant, variantProps) => {
   } else if (variantElement.extend) {
     variantElement = addAdditionalExtend({ props }, variantElement);
   }
-  return (0, import_utils.overwriteDeep)(element, (0, import_extend.applyExtend)(variantElement));
+  const extendedVariant = (0, import_extend.applyExtend)(variantElement, element.parent);
+  const { parent, ...rest } = extendedVariant;
+  return (0, import_utils.overwriteDeep)(element, rest);
 };
 const applyVariant = (element) => {
   const { props } = element;

package/methods/index.js

@@ -42,6 +42,29 @@ export const lookup = function (param) {
   return parent
 }
 
+export const lookdown = function (param) {
+  const el = this
+  const { __ref: ref } = el
+  const children = ref.__children
+
+  for (let i = 0; i < children.length; i++) {
+    const v = children[i]
+    const childElem = el[v]
+
+    if (v === param) return childElem
+    else if (isFunction(param)) {
+      const exec = param(childElem, childElem.state, childElem.context)
+      if (childElem.state && exec) {
+        return childElem
+      }
+    }
+    const lookdown = childElem.lookdown(param)
+    if (lookdown) return lookdown
+  }
+
+  return null
+}
+
 export const remove = function () {
   const element = this
   if (isFunction(element.node.remove)) element.node.remove()
@@ -159,6 +182,7 @@ export const METHODS = [
   'updateContent',
   'removeContent',
   'lookup',
+  'lookdown',
   'spotByPath',
   'keys',
   'parse',

package/methods/set.js

@@ -7,6 +7,7 @@ import update from '../update'
 
 import {
   lookup,
+  lookdown,
   setProps,
   remove,
   spotByPath,
@@ -29,6 +30,7 @@ export const addMethods = (element, parent) => {
     removeContent: removeContent.bind(element),
     setProps: setProps.bind(element),
     lookup: lookup.bind(element),
+    lookdown: lookdown.bind(element),
     spotByPath: spotByPath.bind(element),
     parse: parse.bind(element),
     parseDeep: parseDeep.bind(element),

package/mixins/registry.js

@@ -45,6 +45,7 @@ export default {
   updateContent: {},
   removeContent: {},
   lookup: {},
+  lookdown: {},
   spotByPath: {},
   keys: {},
   log: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.96",
+  "version": "2.5.99",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "0cecd2c613b24dde1ea12f7e7581a58671dc3ad3",
+  "gitHead": "831c32c658ca5d64665f59f10520ce2a3408d76f",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/utils/component.js

@@ -155,7 +155,10 @@ export const overwriteVariant = (element, variant, variantProps) => {
   } else if (variantElement.extend) {
     variantElement = addAdditionalExtend({ props }, variantElement)
   }
-  return overwriteDeep(element, applyExtend(variantElement)) // TODO: check why string is not working
+  const extendedVariant = applyExtend(variantElement, element.parent)
+  const { parent, ...rest } = extendedVariant
+  return overwriteDeep(element, rest) // TODO: check why string is not working
+  // return overwriteDeep(element, applyExtend(variantElement, element.parent)) // TODO: check why string is not working
 }
 
 export const applyVariant = (element) => {