@domql/element 2.4.1 → 2.4.2

package/dist/cjs/create.js

@@ -1,262 +0,0 @@
-"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/extend.js

@@ -1,87 +0,0 @@
-"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/iterate.js

@@ -1,108 +0,0 @@
-"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/node.js

@@ -1,85 +0,0 @@
-"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;