@domql/element 2.3.154 → 2.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 symbo.ls
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/cache/index.js

@@ -0,0 +1,3 @@
+'use strict'
+
+export const cache = {}

package/create.js

@@ -1,25 +1,23 @@
 'use strict'
 
-import { isObject, isFunction, isString, exec, is, isNode, isUndefined } from '@domql/utils'
-import { ROOT } from '@domql/tree'
-import { createKey } from '@domql/key'
+import { isObject, isFunction, isString, exec, is, isNode, isUndefined, createKey } from '@domql/utils'
+import { ROOT } from './tree'
 import { TAGS } from '@domql/registry'
 import { triggerEventOn } from '@domql/event'
 import { appendNode, assignNode } from '@domql/render'
-import { isMethod, lookup, setProps, remove, spotByPath } from '@domql/methods'
 import { assignClass } from '@domql/classlist'
 import { cacheNode, detectTag } from '@domql/node'
 import { createState } from '@domql/state'
-import { createProps } from '@domql/props'
+
+import { isMethod } from './methods'
+
+import { createProps } from './props'
 
 import createNode from './node'
 import { applyExtend } from './extend'
-import set from './set'
-import update from './update'
-import { log, keys, parse, parseDeep, nextElement, previousElement } from './methods'
 import { registry } from './mixins'
 import { throughInitialExec } from './iterate'
-import OPTIONS from './options'
+import OPTIONS from './cache/options'
 
 import {
   applyComponentFromContext,
@@ -28,7 +26,7 @@ import {
   checkIfKeyIsComponent,
   isVariant
 } from './utils/component'
-import { removeContentElement, updateContentElement } from './remove'
+import { addMethods } from './methods/set'
 
 const ENV = process.env.NODE_ENV
 
@@ -144,10 +142,22 @@ const create = (element, parent, key, options = OPTIONS.create || {}) => {
   // generate a CLASS name
   assignClass(element)
 
+  renderElement(element, parent, options)
+
+  if (parent.__ref && parent.__ref.__children) parent.__ref.__children.push(element.key)
+
+  triggerEventOn('complete', element, options)
+
+  return element
+}
+
+const renderElement = (element, parent, options) => {
+  const { __ref: ref, key } = element
+
   // CREATE a real NODE
   createNode(element, options)
 
-  if (!__ref.__if) return element
+  if (!ref.__if) return element
 
   // assign NODE
   assignNode(element, parent, key)
@@ -157,10 +167,6 @@ const create = (element, parent, key, options = OPTIONS.create || {}) => {
 
   // run `on.render`
   triggerEventOn('render', element, options)
-
-  if (parent.__ref && parent.__ref.__children) parent.__ref.__children.push(element.key)
-
-  return element
 }
 
 const checkIfPrimitive = (element) => {
@@ -177,26 +183,6 @@ const applyValueAsText = (element, parent, key) => {
   }
 }
 
-const addMethods = (element, parent) => {
-  const proto = {
-    set: set.bind(element),
-    update: update.bind(element),
-    remove: remove.bind(element),
-    updateContent: updateContentElement.bind(element),
-    removeContent: removeContentElement.bind(element),
-    setProps: setProps.bind(element),
-    lookup: lookup.bind(element),
-    spotByPath: spotByPath.bind(element),
-    parse: parse.bind(element),
-    parseDeep: parseDeep.bind(element),
-    keys: keys.bind(element),
-    nextElement: nextElement.bind(element),
-    previousElement: previousElement.bind(element)
-  }
-  if (ENV === 'test' || ENV === 'development') proto.log = log.bind(element)
-  Object.setPrototypeOf(element, proto)
-}
-
 const applyContext = (element, parent, options) => {
   if (options.context && !ROOT.context && !element.context) ROOT.context = options.context
   if (!element.context) element.context = parent.context || options.context || ROOT.context

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);