@domql/element 2.4.2 → 2.4.4

package/dist/cjs/applyParam.js

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var applyParam_exports = {};
+__export(applyParam_exports, {
+  applyParam: () => applyParam
+});
+module.exports = __toCommonJS(applyParam_exports);
+var import_utils = require("@domql/utils");
+var import_mixins = require("./mixins");
+const applyParam = (param, element, options) => {
+  const { node, context } = element;
+  const prop = element[param];
+  const DOMQLProperty = import_mixins.registry[param];
+  const DOMQLPropertyFromContext = context && context.registry && context.registry[param];
+  const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
+  const hasDefine = element.define && element.define[param];
+  const hasContextDefine = context && context.define && context.define[param];
+  if (isGlobalTransformer && !hasContextDefine) {
+    if ((0, import_utils.isFunction)(isGlobalTransformer)) {
+      isGlobalTransformer(prop, element, node, options);
+      return;
+    }
+  }
+  return { hasDefine, hasContextDefine };
+};

package/dist/cjs/create.js

@@ -0,0 +1,262 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var create_exports = {};
+__export(create_exports, {
+  default: () => create_default
+});
+module.exports = __toCommonJS(create_exports);
+var import_utils = require("@domql/utils");
+var import_tree = require("./tree");
+var import_registry = require("@domql/registry");
+var import_event = require("@domql/event");
+var import_render = require("@domql/render");
+var import_classlist = require("@domql/classlist");
+var import_node = require("@domql/node");
+var import_state = require("@domql/state");
+var import_methods = require("./methods");
+var import_props = require("./props");
+var import_node2 = __toESM(require("./node"), 1);
+var import_extend = require("./extend");
+var import_mixins = require("./mixins");
+var import_iterate = require("./iterate");
+var import_options = __toESM(require("./cache/options"), 1);
+var import_component = require("./utils/component");
+var import_set = require("./methods/set");
+const ENV = "development";
+const create = (element, parent, key, options = import_options.default.create || {}) => {
+  if (options && !import_options.default.create) {
+    import_options.default.create = options;
+    import_options.default.create.context = element.context || options.context;
+  }
+  if (element === void 0) {
+    if (ENV === "test" || ENV === "development") {
+      console.warn(key, "element is undefined in", parent && parent.__ref && parent.__ref.path);
+    }
+    element = {};
+  }
+  if ((0, import_utils.isString)(key) && key.slice(0, 2 === "__")) {
+    if (ENV === "test" || ENV === "development") {
+      console.warn(key, "seems like to be in __ref");
+    }
+  }
+  if (element === null)
+    return;
+  if (element === true)
+    element = { text: true };
+  if (element.__hash) {
+    element = { extend: element };
+  }
+  if (!parent)
+    parent = import_tree.ROOT;
+  if ((0, import_utils.isNode)(parent)) {
+    parent = import_tree.ROOT[`${key}_parent`] = { key: ":root", node: parent };
+  }
+  if (checkIfPrimitive(element)) {
+    element = applyValueAsText(element, parent, key);
+  }
+  const assignedKey = (element.key || key || (0, import_utils.createKey)()).toString();
+  if ((0, import_component.checkIfKeyIsComponent)(assignedKey)) {
+    element = (0, import_component.applyKeyComponentAsExtend)(element, parent, assignedKey);
+  }
+  if (checkIfMedia(assignedKey)) {
+    element = applyMediaProps(element, parent, assignedKey);
+  }
+  if (element.__ref)
+    element.__ref.origin = element;
+  else
+    element.__ref = { origin: element };
+  const __ref = element.__ref;
+  applyContext(element, parent, options);
+  const { context } = element;
+  if (context && context.components) {
+    (0, import_component.applyComponentFromContext)(element, parent, options);
+  }
+  (0, import_extend.applyExtend)(element, parent, options);
+  element.key = assignedKey;
+  if (options.onlyResolveExtends) {
+    return resolveExtends(element, parent, options);
+  }
+  if (Object.keys(options).length) {
+    import_mixins.registry.defaultOptions = options;
+    if (options.ignoreChildExtend)
+      delete options.ignoreChildExtend;
+  }
+  addCaching(element, parent);
+  (0, import_set.addMethods)(element, parent);
+  element.state = (0, import_state.createState)(element, parent);
+  checkIf(element, parent);
+  if (element.node && __ref.__if) {
+    return (0, import_render.assignNode)(element, parent, assignedKey);
+  }
+  if (__ref.__if)
+    (0, import_props.createProps)(element, parent);
+  (0, import_component.applyVariant)(element, parent);
+  const initReturns = (0, import_event.triggerEventOn)("init", element, options);
+  if (initReturns === false)
+    return element;
+  (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
+  (0, import_classlist.assignClass)(element);
+  renderElement(element, parent, options);
+  if (parent.__ref && parent.__ref.__children)
+    parent.__ref.__children.push(element.key);
+  (0, import_event.triggerEventOn)("complete", element, options);
+  return element;
+};
+const renderElement = (element, parent, options) => {
+  const { __ref: ref, key } = element;
+  (0, import_node2.default)(element, options);
+  if (!ref.__if)
+    return element;
+  (0, import_render.assignNode)(element, parent, key);
+  (0, import_event.triggerEventOn)("renderRouter", element, options);
+  (0, import_event.triggerEventOn)("render", element, options);
+};
+const checkIfPrimitive = (element) => {
+  return (0, import_utils.is)(element)("string", "number");
+};
+const applyValueAsText = (element, parent, key) => {
+  const extendTag = element.extend && element.extend.tag;
+  const childExtendTag = parent.childExtend && parent.childExtend.tag;
+  const isKeyValidHTMLTag = import_registry.TAGS.body.indexOf(key) > -1 && key;
+  return {
+    text: element,
+    tag: extendTag || childExtendTag || isKeyValidHTMLTag || "string"
+  };
+};
+const applyContext = (element, parent, options) => {
+  if (options.context && !import_tree.ROOT.context && !element.context)
+    import_tree.ROOT.context = options.context;
+  if (!element.context)
+    element.context = parent.context || options.context || import_tree.ROOT.context;
+};
+const checkIf = (element, parent) => {
+  const { __ref: ref } = element;
+  if ((0, import_utils.isFunction)(element.if)) {
+    const ifPassed = element.if(element, element.state);
+    if (!ifPassed) {
+      const ifFragment = (0, import_node.cacheNode)({ tag: "fragment" });
+      ref.__ifFragment = (0, import_render.appendNode)(ifFragment, parent.node);
+      delete ref.__if;
+    } else
+      ref.__if = true;
+  } else
+    ref.__if = true;
+};
+const addCaching = (element, parent) => {
+  const { __ref: ref } = element;
+  let { __ref: parentRef } = parent;
+  if (!element.transform)
+    element.transform = {};
+  if (!ref.__cached)
+    ref.__cached = {};
+  if (!ref.__defineCache)
+    ref.__defineCache = {};
+  if (!ref.__exec)
+    ref.__exec = {};
+  if (!ref.__class)
+    ref.__class = {};
+  if (!ref.__classNames)
+    ref.__classNames = {};
+  if (!ref.__attr)
+    ref.__attr = {};
+  if (!ref.__changes)
+    ref.__changes = [];
+  if (!ref.__children)
+    ref.__children = [];
+  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);
+  }
+};
+const resolveExtends = (element, parent, options) => {
+  const { __ref } = element;
+  element.tag = (0, import_node.detectTag)(element);
+  if (!__ref.__exec)
+    __ref.__exec = {};
+  if (!__ref.__attr)
+    __ref.__attr = {};
+  if (!element.props)
+    element.props = {};
+  if (!element.state)
+    element.state = {};
+  (0, import_state.createState)(element, parent, { skipApplyMethods: true });
+  (0, import_props.createProps)(element, parent);
+  (0, import_component.applyVariant)(element, parent);
+  (0, import_iterate.throughInitialExec)(element, options.propsExcludedFromExec);
+  for (const param in element) {
+    const prop = element[param];
+    if ((0, import_utils.isUndefined)(prop) || (0, import_methods.isMethod)(param) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import_component.isVariant)(param))
+      continue;
+    const hasDefined = element.define && element.define[param];
+    const ourParam = import_mixins.registry[param];
+    const hasOptionsDefine = options.define && options.define[param];
+    if (ourParam && !hasOptionsDefine)
+      continue;
+    else if (element[param] && !hasDefined && !hasOptionsDefine) {
+      create((0, import_utils.exec)(prop, element), element, param, options);
+    }
+  }
+  delete element.parent;
+  delete element.update;
+  delete element.__element;
+  delete element.props.update;
+  delete element.props.__element;
+  delete element.state.__element;
+  delete element.state.__element;
+  if (!options.keepRef)
+    delete element.__ref;
+  return element;
+};
+const checkIfMedia = (key) => key.slice(0, 1) === "@";
+const applyMediaProps = (element, parent, key) => {
+  const { props } = element;
+  if (props) {
+    props.display = "none";
+    if (props[key])
+      props[key].display = props.display;
+    else
+      props[key] = { display: props.display || "block" };
+    return element;
+  } else {
+    return {
+      ...element,
+      props: {
+        display: "none",
+        [key]: { display: "block" }
+      }
+    };
+  }
+};
+var create_default = create;

package/dist/cjs/define.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var define_exports = {};
+__export(define_exports, {
+  default: () => define_default
+});
+module.exports = __toCommonJS(define_exports);
+var import_report = require("@domql/report");
+var import_mixins = require("./mixins");
+var define_default = (params, options = {}) => {
+  const { overwrite } = options;
+  for (const param in params) {
+    if (import_mixins.registry[param] && !overwrite) {
+      (0, import_report.report)("OverwriteToBuiltin", param);
+    } else
+      import_mixins.registry[param] = params[param];
+  }
+};

package/dist/cjs/extend.js

@@ -0,0 +1,87 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var extend_exports = {};
+__export(extend_exports, {
+  applyExtend: () => applyExtend
+});
+module.exports = __toCommonJS(extend_exports);
+var import_utils = require("@domql/utils");
+var import_utils2 = require("./utils");
+const ENV = "development";
+const applyExtend = (element, parent, options = {}) => {
+  if ((0, import_utils.isFunction)(element))
+    element = (0, import_utils.exec)(element, parent);
+  let { extend, props, context, __ref } = element;
+  const COMPONENTS = context && context.components || options.components;
+  if ((0, import_utils.isString)(extend)) {
+    if (COMPONENTS && COMPONENTS[extend])
+      extend = COMPONENTS[extend];
+    else {
+      if (ENV !== "test" || ENV !== "development") {
+        console.warn("Extend is string but component was not found:", extend);
+      }
+      extend = {};
+    }
+  }
+  const extendStack = (0, import_utils2.getExtendStack)(extend);
+  if (ENV !== "test" || ENV !== "development")
+    delete element.extend;
+  let childExtendStack = [];
+  if (parent) {
+    element.parent = parent;
+    if (!options.ignoreChildExtend) {
+      if (props && props.ignoreChildExtend)
+        return;
+      childExtendStack = (0, import_utils2.getExtendStack)(parent.childExtend);
+      if (parent.childExtendRecursive) {
+        const canExtendRecursive = !(props == null ? void 0 : props.ignoreChildExtendRecursive) && element.key !== "__text";
+        if (canExtendRecursive) {
+          const childExtendRecursiveStack = (0, import_utils2.getExtendStack)(parent.childExtendRecursive);
+          childExtendStack = childExtendStack.concat(childExtendRecursiveStack);
+          element.childExtendRecursive = parent.childExtendRecursive;
+        }
+      }
+    }
+  }
+  const extendLength = extendStack.length;
+  const childExtendLength = childExtendStack.length;
+  let stack = [];
+  if (extendLength && childExtendLength) {
+    stack = (0, import_utils2.jointStacks)(extendStack, childExtendStack);
+  } else if (extendLength) {
+    stack = extendStack;
+  } else if (childExtendLength) {
+    stack = childExtendStack;
+  } else if (!options.extend)
+    return element;
+  if (options.extend) {
+    const defaultOptionsExtend = (0, import_utils2.getExtendStack)(options.extend);
+    stack = [].concat(stack, defaultOptionsExtend);
+  }
+  if (__ref)
+    __ref.__extend = stack;
+  const findAndReplaceStrings = (0, import_utils2.replaceStringsWithComponents)(stack, COMPONENTS);
+  let mergedExtend = (0, import_utils2.cloneAndMergeArrayExtend)(findAndReplaceStrings);
+  const component = (0, import_utils.exec)(element.component || mergedExtend.component, element);
+  if (component && COMPONENTS && COMPONENTS[component]) {
+    const componentExtend = (0, import_utils2.cloneAndMergeArrayExtend)((0, import_utils2.getExtendStack)(COMPONENTS[component]));
+    mergedExtend = (0, import_utils2.deepMergeExtend)(componentExtend, mergedExtend);
+  }
+  return (0, import_utils2.deepMergeExtend)(element, mergedExtend);
+};

package/dist/cjs/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var element_exports = {};
+__export(element_exports, {
+  TREE: () => import_tree.TREE,
+  create: () => import_create.default,
+  createNode: () => import_node.default,
+  define: () => import_define.default,
+  set: () => import_set.default,
+  update: () => import_update.default
+});
+module.exports = __toCommonJS(element_exports);
+var import_tree = require("./tree");
+var import_create = __toESM(require("./create"), 1);
+var import_node = __toESM(require("./node"), 1);
+var import_define = __toESM(require("./define"), 1);
+var import_update = __toESM(require("./update"), 1);
+var import_set = __toESM(require("./set"), 1);

package/dist/cjs/iterate.js

@@ -0,0 +1,108 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var iterate_exports = {};
+__export(iterate_exports, {
+  throughInitialDefine: () => throughInitialDefine,
+  throughInitialExec: () => throughInitialExec,
+  throughUpdatedDefine: () => throughUpdatedDefine,
+  throughUpdatedExec: () => throughUpdatedExec
+});
+module.exports = __toCommonJS(iterate_exports);
+var import_utils = require("@domql/utils");
+var import_utils2 = require("./utils");
+var import_methods = require("./methods");
+const throughInitialExec = (element, exclude = {}) => {
+  const { __ref: ref } = element;
+  for (const param in element) {
+    if (exclude[param])
+      continue;
+    const prop = element[param];
+    if ((0, import_utils.isFunction)(prop) && !(0, import_methods.isMethod)(param) && !(0, import_utils2.isVariant)(param)) {
+      ref.__exec[param] = prop;
+      element[param] = prop(element, element.state);
+    }
+  }
+};
+const throughUpdatedExec = (element, options = { excludes: import_utils2.METHODS_EXL }) => {
+  const { __ref: ref } = element;
+  const changes = {};
+  for (const param in ref.__exec) {
+    const prop = element[param];
+    const isDefinedParam = ref.__defineCache[param];
+    if (isDefinedParam)
+      continue;
+    const newExec = ref.__exec[param](element, element.state, element.context);
+    const execReturnsString = (0, import_utils.isString)(newExec) || (0, import_utils.isNumber)(newExec);
+    if (prop && prop.node && execReturnsString) {
+      (0, import_utils2.overwrite)(prop, { text: newExec }, options);
+    } else if (newExec !== prop) {
+      if ((0, import_utils2.checkIfKeyIsComponent)(param)) {
+        const { extend, ...newElem } = (0, import_utils2.extendizeByKey)(newExec, element, param);
+        (0, import_utils2.overwrite)(prop, newElem, options);
+      } else {
+        ref.__cached[param] = changes[param] = prop;
+        element[param] = newExec;
+      }
+    }
+  }
+  return changes;
+};
+const throughInitialDefine = (element) => {
+  const { define, context, __ref: ref } = element;
+  let defineObj = {};
+  const hasGlobalDefine = context && (0, import_utils.isObject)(context.define);
+  if ((0, import_utils.isObject)(define))
+    defineObj = { ...define };
+  if (hasGlobalDefine)
+    defineObj = { ...defineObj, ...context.define };
+  for (const param in defineObj) {
+    let elementProp = element[param];
+    if ((0, import_utils.isFunction)(elementProp) && !(0, import_methods.isMethod)(param) && !(0, import_utils2.isVariant)(param)) {
+      ref.__exec[param] = elementProp;
+      const execParam2 = elementProp = (0, import_utils.exec)(elementProp, element);
+      if (execParam2) {
+        elementProp = element[param] = execParam2.parse ? execParam2.parse() : execParam2;
+        ref.__defineCache[param] = elementProp;
+      }
+    }
+    const execParam = defineObj[param](elementProp, element, element.state, element.context);
+    if (execParam)
+      element[param] = execParam;
+  }
+  return element;
+};
+const throughUpdatedDefine = (element) => {
+  const { context, define, __ref: ref } = element;
+  const changes = {};
+  let obj = {};
+  if ((0, import_utils.isObject)(define))
+    obj = { ...define };
+  if ((0, import_utils.isObject)(context && context.define))
+    obj = { ...obj, ...context.define };
+  for (const param in obj) {
+    const execParam = ref.__exec[param];
+    if (execParam)
+      ref.__defineCache[param] = execParam(element, element.state, element.context);
+    const cached = (0, import_utils.exec)(ref.__defineCache[param], element);
+    const newExecParam = obj[param](cached, element, element.state, element.context);
+    if (newExecParam)
+      element[param] = newExecParam;
+  }
+  return changes;
+};

package/dist/cjs/mixins/state.js

@@ -30,7 +30,7 @@ const state = (params, element, node) => {
     for (const param in state2) {
       if (import_state.IGNORE_STATE_PARAMS.includes(param))
         continue;
-      if (!state2.hasOwnProperty(param))
+      if (!Object.hasOwnProperty.call(state2, param))
         continue;
       element.state[param] = (0, import_utils.exec)(state2[param], element);
     }

package/dist/cjs/node.js

@@ -0,0 +1,85 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  createNode: () => createNode,
+  default: () => node_default
+});
+module.exports = __toCommonJS(node_exports);
+var import_utils = require("@domql/utils");
+var import_event = require("@domql/event");
+var import_methods = require("./methods");
+var import_node = require("@domql/node");
+var import_create = __toESM(require("./create"), 1);
+var import_iterate = require("./iterate");
+var import_mixins = require("./mixins");
+var import_applyParam = require("./applyParam");
+var import_utils2 = require("./utils");
+const ENV = "development";
+const createNode = (element, options) => {
+  let { node, tag, __ref: ref } = element;
+  let isNewNode;
+  if (!node) {
+    isNewNode = true;
+    if (!ref.__if)
+      return element;
+    if (tag === "shadow") {
+      node = element.node = element.parent.node.attachShadow({ mode: "open" });
+    } else
+      node = element.node = (0, import_node.cacheNode)(element);
+    (0, import_event.triggerEventOn)("attachNode", element, options);
+  }
+  if (ENV === "test" || ENV === "development" || options.alowRefReference) {
+    node.ref = element;
+    if ((0, import_utils.isFunction)(node.setAttribute))
+      node.setAttribute("key", element.key);
+  }
+  if (!ref.__if)
+    return element;
+  if (element.tag !== "string" || element.tag !== "fragment") {
+    (0, import_iterate.throughInitialDefine)(element);
+    (0, import_iterate.throughInitialExec)(element);
+    if (isNewNode && (0, import_utils.isObject)(element.on))
+      (0, import_event.applyEventsOnNode)(element);
+    for (const param in element) {
+      const prop = element[param];
+      if ((0, import_utils.isUndefined)(prop) || (0, import_methods.isMethod)(param) || (0, import_utils2.isVariant)(param) || (0, import_utils.isObject)(import_mixins.registry[param]))
+        continue;
+      const isElement = (0, import_applyParam.applyParam)(param, element, options);
+      if (isElement) {
+        const { hasDefine, hasContextDefine } = isElement;
+        if (element[param] && !hasDefine && !hasContextDefine) {
+          (0, import_create.default)((0, import_utils.exec)(prop, element), element, param, options);
+        }
+      }
+    }
+  }
+  return element;
+};
+var node_default = createNode;

package/dist/cjs/set.js

@@ -0,0 +1,58 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var set_exports = {};
+__export(set_exports, {
+  default: () => set_default
+});
+module.exports = __toCommonJS(set_exports);
+var import_utils = require("@domql/utils");
+var import_create = __toESM(require("./create"), 1);
+var import_options = __toESM(require("./cache/options"), 1);
+var import_mixins = require("./mixins");
+var import_content = require("./mixins/content");
+const set = function(params, options = {}, el) {
+  const element = el || this;
+  const __contentRef = element.content && element.content.__ref;
+  if (__contentRef && __contentRef.__cached && (0, import_utils.isEqualDeep)(params, element.content))
+    return element;
+  (0, import_content.removeContent)(element);
+  if (params) {
+    const { childExtend } = params;
+    if (!childExtend && element.childExtend)
+      params.childExtend = element.childExtend;
+    (0, import_create.default)(params, element, "content", {
+      ignoreChildExtend: true,
+      ...import_mixins.registry.defaultOptions,
+      ...import_options.default.create,
+      ...options
+    });
+  }
+  return element;
+};
+var set_default = set;

package/dist/cjs/tree.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tree_exports = {};
+__export(tree_exports, {
+  ROOT: () => ROOT,
+  TREE: () => TREE
+});
+module.exports = __toCommonJS(tree_exports);
+var import_utils = require("@domql/utils");
+var import_report = require("@domql/report");
+const ROOT = {
+  key: ":root",
+  node: import_utils.document ? import_utils.document.body : (0, import_report.report)("DocumentNotDefined", import_utils.document)
+};
+const TREE = ROOT;

package/dist/cjs/update.js

@@ -0,0 +1,223 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var update_exports = {};
+__export(update_exports, {
+  default: () => update_default
+});
+module.exports = __toCommonJS(update_exports);
+var import_utils = require("@domql/utils");
+var import_event = require("@domql/event");
+var import_methods = require("./methods");
+var import_props = require("./props");
+var import_state = require("@domql/state");
+var import_utils2 = require("./utils");
+var import_create = __toESM(require("./create"), 1);
+var import_iterate = require("./iterate");
+var import_mixins = require("./mixins");
+var import_applyParam = require("./applyParam");
+var import_options = __toESM(require("./cache/options"), 1);
+const snapshot = {
+  snapshotId: import_utils.createSnapshotId
+};
+const UPDATE_DEFAULT_OPTIONS = {
+  stackChanges: false,
+  cleanExec: true,
+  preventRecursive: false,
+  currentSnapshot: false,
+  calleeElement: false,
+  excludes: import_utils2.METHODS_EXL
+};
+const update = function(params = {}, options = UPDATE_DEFAULT_OPTIONS) {
+  const element = this;
+  const { parent, node, key } = element;
+  const { excludes, preventInheritAtCurrentState } = options;
+  if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
+    return;
+  if (!excludes)
+    (0, import_utils.merge)(options, UPDATE_DEFAULT_OPTIONS);
+  let ref = element.__ref;
+  if (!ref)
+    ref = element.__ref = {};
+  const [snapshotOnCallee, calleeElement, snapshotHasUpdated] = captureSnapshot(element, options);
+  if (snapshotHasUpdated)
+    return;
+  if ((0, import_utils.isString)(params) || (0, import_utils.isNumber)(params)) {
+    params = { text: params };
+  }
+  const ifFails = checkIfOnUpdate(element, parent, options);
+  if (ifFails)
+    return;
+  const inheritState = inheritStateUpdates(element, options);
+  if (inheritState === false)
+    return;
+  if (ref.__if && !options.preventPropsUpdate) {
+    const hasParentProps = parent.props && (parent.props[key] || parent.props.childProps);
+    const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils.isFunction)(v));
+    const props = params.props || hasParentProps || hasFunctionInProps.length;
+    if (props)
+      (0, import_props.updateProps)(props, element, parent);
+  }
+  if (!options.isForced) {
+    (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
+  }
+  if (!options.preventInitUpdateListener) {
+    const initUpdateReturns = (0, import_event.triggerEventOnUpdate)("initUpdate", params, element, options);
+    if (initUpdateReturns === false)
+      return element;
+  }
+  const overwriteChanges = (0, import_utils.overwriteDeep)(element, params, import_utils2.METHODS_EXL);
+  const execChanges = (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
+  const definedChanges = (0, import_iterate.throughUpdatedDefine)(element);
+  if (options.stackChanges && element.__stackChanges) {
+    const stackChanges = (0, import_utils.merge)(definedChanges, (0, import_utils.merge)(execChanges, overwriteChanges));
+    element.__stackChanges.push(stackChanges);
+  }
+  if (!ref.__if)
+    return false;
+  if (!node) {
+    return;
+  }
+  for (const param in element) {
+    const prop = element[param];
+    const hasOnlyUpdateFalsy = options.onlyUpdate && (options.onlyUpdate !== param || !element.lookup(options.onlyUpdate));
+    const isInPreventUpdate = (0, import_utils.isArray)(options.preventUpdate) && options.preventUpdate.includes(param);
+    const isInPreventDefineUpdate = (0, import_utils.isArray)(options.preventDefineUpdate) && options.preventDefineUpdate.includes(param);
+    if ((0, import_utils.isUndefined)(prop) || hasOnlyUpdateFalsy || isInPreventUpdate || isInPreventDefineUpdate || options.preventDefineUpdate === true || options.preventDefineUpdate === param || options.preventContentUpdate && param === "content" || (options.preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import_utils2.isVariant)(param))
+      continue;
+    if (options.preventStateUpdate === "once")
+      options.preventStateUpdate = false;
+    const isElement = (0, import_applyParam.applyParam)(param, element, options);
+    if (isElement) {
+      const { hasDefine, hasContextDefine } = isElement;
+      const canUpdate = (0, import_utils.isObject)(prop) && !hasDefine && !hasContextDefine && !options.preventRecursive;
+      if (!canUpdate)
+        continue;
+      const childUpdateCall = () => update.call(prop, params[prop], {
+        ...options,
+        currentSnapshot: snapshotOnCallee,
+        calleeElement
+      });
+      if (element.props && element.props.lazyLoad || options.lazyLoad) {
+        import_utils.window.requestAnimationFrame(() => childUpdateCall());
+      } else
+        childUpdateCall();
+    }
+  }
+  if (!options.preventUpdateListener)
+    (0, import_event.triggerEventOn)("update", element, options);
+};
+const captureSnapshot = (element, options) => {
+  const ref = element.__ref;
+  const { currentSnapshot, calleeElement } = options;
+  const isCallee = calleeElement === element;
+  if (!calleeElement || isCallee) {
+    const createdStanpshot = snapshot.snapshotId();
+    ref.__currentSnapshot = createdStanpshot;
+    return [createdStanpshot, element];
+  }
+  const snapshotOnCallee = ref.__currentSnapshot;
+  if (currentSnapshot < snapshotOnCallee) {
+    return [snapshotOnCallee, calleeElement, true];
+  }
+  return [snapshotOnCallee, calleeElement];
+};
+const checkIfOnUpdate = (element, parent, options) => {
+  if (!(0, import_utils.isFunction)(element.if) || !element.state || !parent)
+    return;
+  const ref = element.__ref;
+  const ifPassed = element.if(element, element.state, element.context, options);
+  const itWasFalse = ref.__if !== true;
+  if (ifPassed) {
+    ref.__if = true;
+    if (itWasFalse) {
+      delete element.__hash;
+      delete element.extend;
+      if (!ref.__hasRootState) {
+        delete element.state;
+      }
+      if (ref.__state) {
+        element.state = ref.__state;
+      }
+      const created = (0, import_create.default)(element, parent, element.key, import_options.default.create);
+      if (options.preventUpdate !== true && element.on && (0, import_utils.isFunction)(element.on.update)) {
+        (0, import_event.applyEvent)(element.on.update, created, created.state);
+      }
+      return created;
+    }
+  } else if (element.node && !ifPassed) {
+    element.node.remove();
+    delete ref.__if;
+  }
+};
+const inheritStateUpdates = (element, options) => {
+  const { __ref: ref } = element;
+  const stateKey = ref.__state;
+  const { parent, state } = element;
+  if (options.preventpdateTriggerStateUpdate)
+    return;
+  if (!stateKey && !ref.__hasRootState) {
+    element.state = parent && parent.state || {};
+    return;
+  }
+  const { isHoisted, execStateFunction, stateFunctionOverwrite } = options;
+  const shouldForceStateUpdate = (0, import_utils.isFunction)(stateKey) && (!isHoisted && execStateFunction && stateFunctionOverwrite);
+  if (shouldForceStateUpdate) {
+    const execState = (0, import_utils.exec)(stateKey, element);
+    state.set(execState, {
+      ...options,
+      preventUpdate: true
+    });
+    return;
+  }
+  const parentState = parent && parent.state || {};
+  const keyInParentState = parentState[stateKey];
+  if (!keyInParentState || options.preventInheritedStateUpdate)
+    return;
+  if (!options.preventInitStateUpdateListener) {
+    const initStateReturns = (0, import_event.triggerEventOnUpdate)("initStateUpdated", keyInParentState, element, options);
+    if (initStateReturns === false)
+      return element;
+  }
+  const newState = createStateUpdate(element, parent, options);
+  if (!options.preventStateUpdateListener) {
+    (0, import_event.triggerEventOnUpdate)("stateUpdated", newState.parse(), element, options);
+  }
+};
+const createStateUpdate = (element, parent, options) => {
+  const __stateChildren = element.state.__children;
+  const newState = (0, import_state.createState)(element, parent);
+  element.state = newState;
+  for (const child in __stateChildren) {
+    if (newState[child])
+      newState.__children[child] = __stateChildren[child];
+    __stateChildren[child].parent = newState;
+  }
+  return newState;
+};
+var update_default = update;

package/mixins/state.js

@@ -9,7 +9,7 @@ export const state = (params, element, node) => {
   if (isObject(state)) {
     for (const param in state) {
       if (IGNORE_STATE_PARAMS.includes(param)) continue
-      if (!state.hasOwnProperty(param)) continue
+      if (!Object.hasOwnProperty.call(state, param)) continue
       element.state[param] = exec(state[param], element)
     }
   }
@@ -17,4 +17,4 @@ export const state = (params, element, node) => {
   return element
 }
 
-export default state
+export default state

package/node.js

@@ -66,7 +66,7 @@ export const createNode = (element, options) => {
         isVariant(param) ||
         isObject(registry[param])
       ) continue
-      
+
       const isElement = applyParam(param, element, options)
       if (isElement) {
         const { hasDefine, hasContextDefine } = isElement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -19,8 +19,8 @@
   ],
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "npx esbuild **/*.js --target=es2019 --format=esm --outdir=dist/esm",
-    "build:cjs": "npx esbuild **/*.js --target=node16 --format=cjs --outdir=dist/cjs",
+    "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": "yarn build:cjs",
     "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
   },
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "6def1dc6574a649c0bdc8a3ba6eb171ad79649ea",
+  "gitHead": "7cd7195bfa99a253070a8db387483bb28720bf39",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }