@domql/element 2.5.185 → 2.5.186

package/dist/esm/utils/onlyResolveExtends.js

@@ -0,0 +1,81 @@
+import { exec, isFunction, isObject, isUndefined } from "@domql/utils";
+import { create } from "..";
+import { REGISTRY } from "../mixins/index.js";
+import { applyVariant, isVariant } from ".";
+import { isMethod } from "../methods";
+import { addMethods } from "../methods/set";
+import { createState } from "@domql/state";
+import { detectTag } from "@domql/render";
+import { createProps } from "../props";
+import { throughInitialDefine, throughInitialExec } from "../iterate";
+const onlyResolveExtends = (element, parent, key, options) => {
+  const { __ref } = element;
+  element.tag = detectTag(element);
+  {
+    const { __ref: ref2 } = element;
+    if (!ref2.__cached)
+      ref2.__cached = {};
+    if (!ref2.__defineCache)
+      ref2.__defineCache = {};
+    if (!ref2.__exec)
+      ref2.__exec = {};
+    if (!ref2.__execProps)
+      ref2.__execProps = {};
+    if (!ref2.__class)
+      ref2.__class = {};
+    if (!ref2.__classNames)
+      ref2.__classNames = {};
+    if (!ref2.__attr)
+      ref2.__attr = {};
+    if (!ref2.__changes)
+      ref2.__changes = [];
+    if (!ref2.__children)
+      ref2.__children = [];
+  }
+  addMethods(element, parent, options);
+  createState(element, parent);
+  const ref = __ref;
+  if (isFunction(element.if)) {
+    const ifPassed = element.if(element, element.state, element.context);
+    if (!ifPassed) {
+      delete ref.__if;
+    } else
+      ref.__if = true;
+  } else
+    ref.__if = true;
+  if (element.node && ref.__if) {
+    parent[key || element.key] = element;
+  }
+  createProps(element, parent, options);
+  applyVariant(element, parent);
+  if (element.tag !== "string" && element.tag !== "fragment") {
+    throughInitialDefine(element);
+    throughInitialExec(element);
+    for (const param in element) {
+      const prop = element[param];
+      if (isUndefined(prop) || isMethod(param, element) || isObject(REGISTRY[param]) || isVariant(param))
+        continue;
+      const hasDefine = element.define && element.define[param];
+      const contextHasDefine = element.context && element.context.define && element.context.define[param];
+      const optionsHasDefine = options.define && options.define[param];
+      if (REGISTRY[param] && !optionsHasDefine) {
+        continue;
+      } else if (element[param] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
+        create(exec(prop, element), element, param, options);
+      }
+    }
+  }
+  parent[key || element.key] = element;
+  delete element.update;
+  delete element.__element;
+  if (element.props) {
+    delete element.props.update;
+    delete element.props.__element;
+  }
+  if (!options.keepRef)
+    delete element.__ref;
+  return element;
+};
+export {
+  onlyResolveExtends
+};

package/dist/esm/utils/propEvents.js

@@ -0,0 +1,21 @@
+import { isFunction, lowercaseFirstLetter } from "@domql/utils";
+const propagateEventsFromProps = (element) => {
+  const { props, on } = element;
+  const eventKeysFromProps = Object.keys(props).filter((key) => key.startsWith("on"));
+  eventKeysFromProps.forEach((v) => {
+    const eventName = lowercaseFirstLetter(v.split("on")[1]);
+    const origEvent = on[eventName];
+    const funcFromProps = props[v];
+    if (isFunction(origEvent)) {
+      on[eventName] = (...args) => {
+        const originalEventRetunrs = origEvent(...args);
+        if (originalEventRetunrs !== false)
+          funcFromProps(...args);
+      };
+    } else
+      on[eventName] = funcFromProps;
+  });
+};
+export {
+  propagateEventsFromProps
+};

package/extend.js

@@ -7,7 +7,7 @@ import {
   cloneAndMergeArrayExtend,
   deepMergeExtend,
   fallbackStringExtend
-} from './utils'
+} from './utils/index.js'
 
 const ENV = process.env.NODE_ENV
 

package/iterate.js

@@ -11,8 +11,8 @@ import {
   isVariant
 } from '@domql/utils'
 
-import { METHODS_EXL, overwrite } from './utils'
-import { isMethod } from './methods'
+import { METHODS_EXL, overwrite } from './utils/index.js'
+import { isMethod } from './methods/index.js'
 
 export const throughInitialExec = (element, exclude = {}) => {
   const { __ref: ref } = element

package/methods/index.js

@@ -2,7 +2,7 @@
 
 import { triggerEventOn } from '@domql/event'
 import { isDefined, isObject, isFunction, isObjectLike, isProduction, removeValueFromArray, deepClone } from '@domql/utils'
-import { TREE } from '../tree'
+import { TREE } from '../tree.js'
 import { parseFilters, REGISTRY } from '../mixins/index.js'
 const ENV = process.env.NODE_ENV
 

package/methods/set.js

@@ -2,33 +2,32 @@
 
 import { merge, overwrite } from '@domql/utils'
 
-import { set, reset } from '../set'
-import { update } from '../update'
+import { set, reset } from '../set.js'
+import { update } from '../update.js'
 
+import { removeContent, updateContent } from '../mixins/content.js'
 import {
-  lookup,
+  call,
+  error,
+  getPath,
+  getRef,
+  keys,
+  log,
   lookdown,
   lookdownAll,
-  getRef,
-  getPath,
+  lookup,
+  nextElement,
+  parse,
+  parseDeep,
+  previousElement,
+  remove,
   setNodeStyles,
   setProps,
-  remove,
   spotByPath,
-  log,
-  verbose,
-  warn,
-  error,
   variables,
-  keys,
-  parse,
-  parseDeep,
-  nextElement,
-  previousElement,
-  call
-} from './'
-
-import { removeContent, updateContent } from '../mixins/content'
+  verbose,
+  warn
+} from './index.js'
 
 export const addMethods = (element, parent, options = {}) => {
   const proto = {

package/mixins/attr.js

@@ -2,7 +2,7 @@
 
 import { exec, isNot, isNull, isUndefined } from '@domql/utils'
 import { report } from '@domql/report'
-import { deepMerge } from '../utils'
+import { deepMerge } from '../utils/index.js'
 
 /**
  * Recursively add attributes to a DOM node

package/mixins/content.js

@@ -1,7 +1,7 @@
 'use strict'
 
 import { isFunction, setContentKey } from '@domql/utils'
-import { set } from '../set'
+import { set } from '../set.js'
 
 export const updateContent = function (params, options) {
   const element = this

package/mixins/index.js

@@ -1,15 +1,15 @@
 'use strict'
 
-import { attr } from './attr'
-import { applyClasslist } from './classList'
-import { setContent } from './content'
-import { data } from './data'
-import { html } from './html'
-import { style } from './style'
-import { text } from './text'
-import { state } from './state'
-import { scope } from './scope'
-import { REGISTRY } from './registry'
+import { attr } from './attr.js'
+import { applyClasslist } from './classList.js'
+import { setContent } from './content.js'
+import { data } from './data.js'
+import { html } from './html.js'
+import { style } from './style.js'
+import { text } from './text.js'
+import { state } from './state.js'
+import { scope } from './scope.js'
+import { REGISTRY } from './registry.js'
 
 export { REGISTRY as registry }
 export { applyClasslist as classList }
@@ -25,4 +25,4 @@ export {
   scope
 }
 
-export * from './registry'
+export * from './registry.js'

package/mixins/registry.js

@@ -1,14 +1,14 @@
 'use strict'
 
-import attr from './attr'
-import { classList } from './classList'
-import setContent from './content'
-import data from './data'
-import html from './html'
-import scope from './scope'
-import state from './state'
-import style from './style'
-import text from './text'
+import attr from './attr.js'
+import { classList } from './classList.js'
+import setContent from './content.js'
+import data from './data.js'
+import html from './html.js'
+import scope from './scope.js'
+import state from './state.js'
+import style from './style.js'
+import text from './text.js'
 
 export const REGISTRY = {
   attr,

package/mixins/text.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { create } from '../create'
+import { create } from '../create.js'
 import {
   exec,
   isString

package/node.js

@@ -3,18 +3,18 @@
 import { exec, isFunction, isObject, isUndefined, isVariant } from '@domql/utils'
 import { applyEventsOnNode, triggerEventOn, applyAnimationFrame } from '@domql/event'
 import { cacheNode } from '@domql/render'
-import { isMethod } from './methods'
+import { isMethod } from './methods/index.js'
 
-import create from './create'
+import create from './create.js'
 
 import {
   throughExecProps,
   throughInitialDefine,
   throughInitialExec
-} from './iterate'
-import { REGISTRY } from './mixins'
-import { applyParam } from './utils/applyParam'
-import { propagateEventsFromProps } from './utils/propEvents'
+} from './iterate.js'
+import { REGISTRY } from './mixins/index.js'
+import { applyParam } from './utils/applyParam.js'
+import { propagateEventsFromProps } from './utils/propEvents.js'
 // import { defineSetter } from './methods'
 
 const ENV = process.env.NODE_ENV

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.185",
+  "version": "2.5.186",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -23,16 +23,16 @@
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
     "build:esm": "npx esbuild *.js **/*.js --target=es2019 --format=esm --outdir=dist/esm",
     "build:cjs": "npx esbuild *.js **/*.js --target=node16 --format=cjs --outdir=dist/cjs",
-    "build": "npm run build:cjs",
+    "build": "rimraf -I dist; npm run build:cjs; npm run build:esm",
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.5.185",
-    "@domql/render": "^2.5.185",
-    "@domql/state": "^2.5.185",
+    "@domql/event": "^2.5.186",
+    "@domql/render": "^2.5.186",
+    "@domql/state": "^2.5.186",
     "@domql/utils": "^2.5.185"
   },
-  "gitHead": "ccab034f188b6a1f55f741c0b29a9d3b0c9bee6f",
+  "gitHead": "1fa4d0c2683c11578893632ca11a765c3997685e",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/props/create.js

@@ -1,9 +1,9 @@
 'use strict'
 
 import { exec, isArray, isObject, deepClone, deepMerge } from '@domql/utils'
-import { IGNORE_PROPS_PARAMS } from './ignore'
+import { IGNORE_PROPS_PARAMS } from './ignore.js'
 
-import { inheritParentProps } from './inherit'
+import { inheritParentProps } from './inherit.js'
 
 const createPropsStack = (element, parent) => {
   const { props, __ref: ref } = element

package/props/index.js

@@ -1,6 +1,6 @@
 'use strict'
 
-export * from './ignore'
-export * from './create'
-export * from './inherit'
-export * from './update'
+export * from './ignore.js'
+export * from './create.js'
+export * from './inherit.js'
+export * from './update.js'

package/props/update.js

@@ -1,7 +1,7 @@
 'use strict'
 
-import { syncProps } from './create'
-import { inheritParentProps } from './inherit'
+import { syncProps } from './create.js'
+import { inheritParentProps } from './inherit.js'
 
 export const updateProps = (newProps, element, parent) => {
   const { __ref } = element

package/set.js

@@ -2,10 +2,10 @@
 
 import { deepContains, setContentKey } from '@domql/utils'
 
-import { OPTIONS } from './cache/options'
-import { create } from './create'
-import { registry } from './mixins'
-import { removeContent } from './mixins/content'
+import { OPTIONS } from './cache/options.js'
+import { create } from './create.js'
+import { registry } from './mixins/index.js'
+import { removeContent } from './mixins/content.js'
 import { triggerEventOn, triggerEventOnUpdate } from '@domql/event'
 
 export const resetElement = (params, element, options) => {

package/update.js

@@ -17,16 +17,16 @@ import {
 } from '@domql/utils'
 
 import { applyEvent, triggerEventOn, triggerEventOnUpdate } from '@domql/event'
-import { isMethod } from './methods'
-import { updateProps } from './props'
+import { isMethod } from './methods/index.js'
+import { updateProps } from './props/index.js'
 import { createState, findInheritedState } from '@domql/state'
 
-import { create } from './create'
-import { throughExecProps, throughUpdatedDefine, throughUpdatedExec } from './iterate'
-import { REGISTRY } from './mixins'
-import { applyParam } from './utils/applyParam'
-import { OPTIONS } from './cache/options'
-import { METHODS_EXL, deepMerge } from './utils' // old utils (current)
+import { create } from './create.js'
+import { throughExecProps, throughUpdatedDefine, throughUpdatedExec } from './iterate.js'
+import { REGISTRY } from './mixins/index.js'
+import { applyParam } from './utils/applyParam.js'
+import { OPTIONS } from './cache/options.js'
+import { METHODS_EXL, deepMerge } from './utils/index.js' // old utils (current)
 
 const snapshot = {
   snapshotId: createSnapshotId

package/utils/component.js

@@ -10,7 +10,7 @@ import {
   isVariant
 } from '@domql/utils'
 
-import { applyExtend } from '../extend'
+import { applyExtend } from '../extend.js'
 import { REGISTRY } from '../mixins/index.js'
 
 export const createValidDomqlObjectFromSugar = (el, parent, key, options) => {

package/utils/index.js

@@ -1,5 +1,5 @@
 'use strict'
 
-export * from './object'
-export * from './extendUtils'
-export * from './component'
+export * from './object.js'
+export * from './extendUtils.js'
+export * from './component.js'

package/utils/object.js

@@ -1,7 +1,7 @@
 'use strict'
 
 import { isArray, isObject, isObjectLike, joinArrays, deepClone } from '@domql/utils'
-import { IGNORE_PROPS_PARAMS } from '../props'
+import { IGNORE_PROPS_PARAMS } from '../props/index.js'
 
 // breaks server build
 // import { IGNORE_STATE_PARAMS } from '@domql/state'