@domql/element 2.5.197 → 2.5.200

package/dist/esm/methods/index.js

@@ -7,15 +7,12 @@ function spotByPath(path) {
   const element = this;
   const arr = [].concat(path);
   let active = TREE[arr[0]];
-  if (!arr || !arr.length)
-    return console.log(arr, "on", element.key, "is undefined");
+  if (!arr || !arr.length) return console.log(arr, "on", element.key, "is undefined");
   while (active.key === arr[0]) {
     arr.shift();
-    if (!arr.length)
-      break;
+    if (!arr.length) break;
     active = active[arr[0]];
-    if (!active)
-      return;
+    if (!active) return;
   }
   return active;
 }
@@ -23,21 +20,15 @@ function lookup(param) {
   const el = this;
   let { parent } = el;
   if (isFunction(param)) {
-    if (parent.state && param(parent, parent.state, parent.context))
-      return parent;
-    else if (parent.parent)
-      return parent.lookup(param);
-    else
-      return;
+    if (parent.state && param(parent, parent.state, parent.context)) return parent;
+    else if (parent.parent) return parent.lookup(param);
+    else return;
   }
-  if (el[param])
-    return el[param];
+  if (el[param]) return el[param];
   while (parent.param !== param) {
-    if (parent[param])
-      return parent[param];
+    if (parent[param]) return parent[param];
     parent = parent.parent;
-    if (!parent)
-      return;
+    if (!parent) return;
   }
   return parent;
 }
@@ -49,8 +40,7 @@ function lookdown(param) {
   for (let i = 0; i < children.length; i++) {
     const v = children[i];
     const childElem = el[v];
-    if (v === param)
-      return childElem;
+    if (v === param) return childElem;
     else if (isFunction(param)) {
       const exec = param(childElem, childElem.state, childElem.context);
       if (childElem.state && exec) {
@@ -58,8 +48,7 @@ function lookdown(param) {
       }
     }
     const lookdown2 = (_a = childElem == null ? void 0 : childElem.lookdown) == null ? void 0 : _a.call(childElem, param);
-    if (lookdown2)
-      return lookdown2;
+    if (lookdown2) return lookdown2;
   }
 }
 function lookdownAll(param, results = []) {
@@ -70,12 +59,10 @@ function lookdownAll(param, results = []) {
   for (let i = 0; i < children.length; i++) {
     const v = children[i];
     const childElem = el[v];
-    if (v === param)
-      results.push(childElem);
+    if (v === param) results.push(childElem);
     else if (isFunction(param)) {
       const exec = param(childElem, childElem.state, childElem.context);
-      if (childElem.state && exec)
-        results.push(childElem);
+      if (childElem.state && exec) results.push(childElem);
     }
     (_a = childElem == null ? void 0 : childElem.lookdownAll) == null ? void 0 : _a.call(childElem, param, results);
   }
@@ -84,32 +71,26 @@ function lookdownAll(param, results = []) {
 function setNodeStyles(params = {}) {
   var _a;
   const el = this;
-  if (!((_a = el.node) == null ? void 0 : _a.style))
-    return;
+  if (!((_a = el.node) == null ? void 0 : _a.style)) return;
   for (const param in params) {
     const value = params[param];
     const childElem = el[param];
-    if (isObject(value) && childElem)
-      setNodeStyles.call(childElem, value);
-    else
-      el.node.style[param] = value;
+    if (isObject(value) && childElem) setNodeStyles.call(childElem, value);
+    else el.node.style[param] = value;
   }
   return el;
 }
 function remove(opts) {
   const element = this;
   const beforeRemoveReturns = triggerEventOn("beforeRemove", element, opts);
-  if (beforeRemoveReturns === false)
-    return element;
-  if (isFunction(element.node.remove))
-    element.node.remove();
+  if (beforeRemoveReturns === false) return element;
+  if (isFunction(element.node.remove)) element.node.remove();
   else if (!isProduction()) {
     console.warn("This item cant be removed");
     element.log();
   }
   delete element.parent[element.key];
-  if (element.parent.__ref)
-    element.parent.__ref.__children = removeValueFromArray(element.parent.__ref.__children, element.key);
+  if (element.parent.__ref) element.parent.__ref.__children = removeValueFromArray(element.parent.__ref.__children, element.key);
   triggerEventOn("remove", element, opts);
 }
 function get(param) {
@@ -118,8 +99,7 @@ function get(param) {
 }
 function setProps(param, options) {
   const element = this;
-  if (!param || !element.props)
-    return;
+  if (!param || !element.props) return;
   element.update({ props: param }, options);
   return element;
 }
@@ -146,23 +126,19 @@ function parse(excl = []) {
   const obj = {};
   const keyList = keys.call(element);
   keyList.forEach((v) => {
-    if (excl.includes(v))
-      return;
+    if (excl.includes(v)) return;
     const val = element[v];
     if (v === "state") {
-      if (element.__ref && !element.__ref.__hasRootState)
-        return;
+      if (element.__ref && !element.__ref.__hasRootState) return;
       const parsedVal = isFunction(val && val.parse) ? val.parse() : val;
       obj[v] = isFunction(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
     } else if (v === "scope") {
-      if (element.__ref && !element.__ref.__hasRootScope)
-        return;
+      if (element.__ref && !element.__ref.__hasRootScope) return;
       obj[v] = JSON.parse(JSON.stringify(val || {}));
     } else if (v === "props") {
       const { __element, update, ...props } = element[v];
       obj[v] = props;
-    } else if (isDefined(val) && Object.hasOwnProperty.call(element, v))
-      obj[v] = val;
+    } else if (isDefined(val) && Object.hasOwnProperty.call(element, v)) obj[v] = val;
   });
   return obj;
 }
@@ -170,8 +146,7 @@ function parseDeep(excl = []) {
   const element = this;
   const obj = parse.call(element, excl);
   for (const v in obj) {
-    if (excl.includes(v))
-      return;
+    if (excl.includes(v)) return;
     if (isObjectLike(obj[v])) {
       obj[v] = parseDeep.call(obj[v], excl);
     }
@@ -179,8 +154,7 @@ function parseDeep(excl = []) {
   return obj;
 }
 function verbose(...args) {
-  if (ENV !== "test" && ENV !== "development")
-    return;
+  if (ENV !== "test" && ENV !== "development") return;
   const element = this;
   const { __ref: ref } = element;
   console.groupCollapsed(element.key);
@@ -209,10 +183,8 @@ function warn(...params) {
 function error(...params) {
   var _a, _b;
   if (ENV === "test" || ENV === "development") {
-    if ((_a = params[params.length - 1]) == null ? void 0 : _a.debugger)
-      debugger;
-    if ((_b = params[params.length - 1]) == null ? void 0 : _b.verbose)
-      verbose.call(this);
+    if ((_a = params[params.length - 1]) == null ? void 0 : _a.debugger) debugger;
+    if ((_b = params[params.length - 1]) == null ? void 0 : _b.verbose) verbose.call(this);
     throw new Error(...params);
   }
 }
@@ -228,17 +200,14 @@ function previousElement(el) {
   const element = el || this;
   const { key, parent } = element;
   const { __children } = parent.__ref;
-  if (!__children)
-    return;
+  if (!__children) return;
   const currentIndex = __children.indexOf(key);
   return parent[__children[currentIndex - 1]];
 }
 function variables(obj = {}) {
   const element = this;
-  if (!element.data)
-    element.data = {};
-  if (!element.data.varCaches)
-    element.data.varCaches = {};
+  if (!element.data) element.data = {};
+  if (!element.data.varCaches) element.data.varCaches = {};
   const varCaches = element.data.varCaches;
   const changes = {};
   let changed;
@@ -250,8 +219,7 @@ function variables(obj = {}) {
   }
   return {
     changed: (cb) => {
-      if (!changed)
-        return;
+      if (!changed) return;
       const returns = cb(changes, deepClone(varCaches));
       for (const key in changes) {
         varCaches[key] = changes[key];
@@ -259,8 +227,7 @@ function variables(obj = {}) {
       return returns;
     },
     timeout: (cb, timeout) => {
-      if (!changed)
-        return;
+      if (!changed) return;
       const t = setTimeout(() => {
         cb(changes);
         clearTimeout(t);

package/dist/esm/methods/set.js

@@ -52,8 +52,7 @@ const addMethods = (element, parent, options = {}) => {
     error,
     call
   };
-  if (element.context.methods)
-    (options.strict ? merge : overwrite)(proto, element.context.methods);
+  if (element.context.methods) (options.strict ? merge : overwrite)(proto, element.context.methods);
   Object.setPrototypeOf(element, proto);
 };
 export {

package/dist/esm/methods/v2.js

@@ -17,19 +17,15 @@ const parse = function(excl = []) {
   const obj = {};
   const keyList = keys.call(element);
   keyList.forEach((v) => {
-    if (excl.includes(v))
-      return;
+    if (excl.includes(v)) return;
     let val = element[v];
     if (v === "state") {
-      if (element.__ref && element.__ref.__hasRootState)
-        return;
-      if (isFunction(val && val.parse))
-        val = val.parse();
+      if (element.__ref && element.__ref.__hasRootState) return;
+      if (isFunction(val && val.parse)) val = val.parse();
     } else if (v === "props") {
       const { __element, update, ...props } = element[v];
       obj[v] = props;
-    } else if (isDefined(val))
-      obj[v] = val;
+    } else if (isDefined(val)) obj[v] = val;
   });
   return obj;
 };
@@ -37,8 +33,7 @@ const parseDeep = function(excl = []) {
   const element = this;
   const obj = parse.call(element, excl);
   for (const v in obj) {
-    if (excl.includes(v))
-      return;
+    if (excl.includes(v)) return;
     if (isObjectLike(obj[v])) {
       obj[v] = parseDeep.call(obj[v], excl);
     }
@@ -73,8 +68,7 @@ const previousElement = function(el) {
   const element = el || this;
   const { key, parent } = element;
   const { __children } = parent.__ref;
-  if (!__children)
-    return;
+  if (!__children) return;
   const currentIndex = __children.indexOf(key);
   return parent[__children[currentIndex - 1]];
 };

package/dist/esm/mixins/attr.js

@@ -4,17 +4,13 @@ import { deepMerge } from "../utils/index.js";
 function attr(params, element, node) {
   const { __ref: ref, props } = element;
   const { __attr } = ref;
-  if (isNot("object"))
-    report("HTMLInvalidAttr", params);
+  if (isNot("object")) report("HTMLInvalidAttr", params);
   if (params) {
-    if (props.attr)
-      deepMerge(params, props.attr);
+    if (props.attr) deepMerge(params, props.attr);
     for (const attr2 in params) {
       const val = exec(params[attr2], element);
-      if (val !== false && !isUndefined(val) && !isNull(val) && node.setAttribute)
-        node.setAttribute(attr2, val);
-      else if (node.removeAttribute)
-        node.removeAttribute(attr2);
+      if (val !== false && !isUndefined(val) && !isNull(val) && node.setAttribute) node.setAttribute(attr2, val);
+      else if (node.removeAttribute) node.removeAttribute(attr2);
       __attr[attr2] = val;
     }
   }

package/dist/esm/mixins/classList.js

@@ -1,8 +1,7 @@
 import { exec, isObject, isString } from "@domql/utils";
 const assignKeyAsClassname = (element) => {
   const { key } = element;
-  if (element.class === true)
-    element.class = key;
+  if (element.class === true) element.class = key;
   else if (!element.class && typeof key === "string" && key.charAt(0) === "_" && key.charAt(1) !== "_") {
     element.class = key.slice(1);
   }
@@ -11,10 +10,8 @@ const classify = (obj, element) => {
   let className = "";
   for (const item in obj) {
     const param = obj[item];
-    if (typeof param === "boolean" && param)
-      className += ` ${item}`;
-    else if (typeof param === "string")
-      className += ` ${param}`;
+    if (typeof param === "boolean" && param) className += ` ${item}`;
+    else if (typeof param === "string") className += ` ${param}`;
     else if (typeof param === "function") {
       className += ` ${exec(param, element)}`;
     }
@@ -22,18 +19,13 @@ const classify = (obj, element) => {
   return className;
 };
 const classList = (params, element) => {
-  if (!params)
-    return;
+  if (!params) return;
   const { key } = element;
-  if (params === true)
-    params = element.class = { key };
-  if (isString(params))
-    params = element.class = { default: params };
-  if (isObject(params))
-    params = classify(params, element);
+  if (params === true) params = element.class = { key };
+  if (isString(params)) params = element.class = { default: params };
+  if (isObject(params)) params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
-  if (element.ref)
-    element.ref.class = className;
+  if (element.ref) element.ref.class = className;
   return className;
 };
 const applyClassListOnNode = (params, element, node) => {

package/dist/esm/mixins/content.js

@@ -4,33 +4,26 @@ const updateContent = function(params, options) {
   const element = this;
   const ref = element.__ref;
   const contentKey = ref.contentElementKey;
-  if (!element[contentKey])
-    return;
-  if (element[contentKey].update)
-    element[contentKey].update(params, options);
+  if (!element[contentKey]) return;
+  if (element[contentKey].update) element[contentKey].update(params, options);
 };
 const removeContent = function(el, opts = {}) {
   const element = el || this;
   const { __ref: ref } = element;
   const contentElementKey = setContentKey(element, opts);
-  if (opts.contentElementKey !== "content")
-    opts.contentElementKey = "content";
+  if (opts.contentElementKey !== "content") opts.contentElementKey = "content";
   if (element[contentElementKey]) {
     if (element[contentElementKey].node && element.node) {
-      if (element[contentElementKey].tag === "fragment")
-        element.node.innerHTML = "";
+      if (element[contentElementKey].tag === "fragment") element.node.innerHTML = "";
       else {
         const contentNode = element[contentElementKey].node;
-        if (contentNode.parentNode === element.node)
-          element.node.removeChild(element[contentElementKey].node);
+        if (contentNode.parentNode === element.node) element.node.removeChild(element[contentElementKey].node);
       }
     }
     const { __cached } = ref;
     if (__cached && __cached[contentElementKey]) {
-      if (__cached[contentElementKey].tag === "fragment")
-        __cached[contentElementKey].parent.node.innerHTML = "";
-      else if (__cached[contentElementKey] && isFunction(__cached[contentElementKey].remove))
-        __cached[contentElementKey].remove();
+      if (__cached[contentElementKey].tag === "fragment") __cached[contentElementKey].parent.node.innerHTML = "";
+      else if (__cached[contentElementKey] && isFunction(__cached[contentElementKey].remove)) __cached[contentElementKey].remove();
     }
     delete element[contentElementKey];
   }

package/dist/esm/mixins/data.js

@@ -2,11 +2,9 @@ import { exec, isObject, deepMerge } from "@domql/utils";
 import { report } from "@domql/report";
 function data(params, element, node) {
   if (params) {
-    if (element.props.data)
-      deepMerge(params, element.props.data);
+    if (element.props.data) deepMerge(params, element.props.data);
     if (params.showOnNode) {
-      if (!isObject(params))
-        report("HTMLInvalidData", params);
+      if (!isObject(params)) report("HTMLInvalidData", params);
       for (const dataset in params) {
         if (dataset !== "showOnNode") {
           node.dataset[dataset] = exec(params[dataset], element);

package/dist/esm/mixins/html.js

@@ -4,10 +4,8 @@ function html(param, element, node) {
   const prop = exec(param, element) || exec((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
   const { __ref } = element;
   if (prop !== __ref.__html) {
-    if (node.nodeName === "SVG")
-      node.textContent = prop;
-    else
-      node.innerHTML = prop;
+    if (node.nodeName === "SVG") node.textContent = prop;
+    else node.innerHTML = prop;
     __ref.__html = prop;
   }
 }

package/dist/esm/mixins/scope.js

@@ -1,7 +1,6 @@
 import { isFunction, isObject } from "@domql/utils";
 function scope(params, element, node) {
-  if (!isObject(params))
-    return;
+  if (!isObject(params)) return;
   for (const scopeItem in params) {
     const value = params[scopeItem];
     if (isFunction(value)) {

package/dist/esm/mixins/state.js

@@ -4,10 +4,8 @@ function state(params, element, node) {
   const state2 = exec(params, element);
   if (isObject(state2)) {
     for (const param in state2) {
-      if (IGNORE_STATE_PARAMS.includes(param))
-        continue;
-      if (!Object.hasOwnProperty.call(state2, param))
-        continue;
+      if (IGNORE_STATE_PARAMS.includes(param)) continue;
+      if (!Object.hasOwnProperty.call(state2, param)) continue;
     }
   }
   return element;

package/dist/esm/mixins/style.js

@@ -2,10 +2,8 @@ import { isObject, map } from "@domql/utils";
 import { report } from "@domql/report";
 function style(params, element, node) {
   if (params) {
-    if (isObject(params))
-      map(node.style, params, element);
-    else
-      report("HTMLInvalidStyles", params);
+    if (isObject(params)) map(node.style, params, element);
+    else report("HTMLInvalidStyles", params);
   }
 }
 var style_default = style;

package/dist/esm/mixins/text.js

@@ -12,13 +12,10 @@ function text(param, element, node) {
     node.nodeValue = prop;
   } else if (param !== void 0 || param !== null) {
     if (element.__text) {
-      if (element.__text.text === prop)
-        return;
+      if (element.__text.text === prop) return;
       element.__text.text = prop;
-      if (element.__text.node)
-        element.__text.node.nodeValue = prop;
-    } else
-      create({ tag: "string", text: prop }, element, "__text");
+      if (element.__text.node) element.__text.node.nodeValue = prop;
+    } else create({ tag: "string", text: prop }, element, "__text");
   }
 }
 var text_default = text;

package/dist/esm/node.js

@@ -17,18 +17,15 @@ const createNode = async (element, options) => {
   let isNewNode;
   if (!node) {
     isNewNode = true;
-    if (!ref.__if)
-      return element;
+    if (!ref.__if) return element;
     if (tag === "shadow") {
       node = element.node = element.parent.node.attachShadow({ mode: "open" });
-    } else
-      node = element.node = cacheNode(element);
+    } else node = element.node = cacheNode(element);
     triggerEventOn("attachNode", element, options);
   }
   if (ENV === "test" || ENV === "development" || options.alowRefReference) {
     node.ref = element;
-    if (isFunction(node.setAttribute))
-      node.setAttribute("key", element.key);
+    if (isFunction(node.setAttribute)) node.setAttribute("key", element.key);
   }
   throughExecProps(element);
   throughInitialDefine(element);
@@ -41,10 +38,8 @@ const createNode = async (element, options) => {
   }
   for (const param in element) {
     const value = element[param];
-    if (!Object.hasOwnProperty.call(element, param))
-      continue;
-    if (isUndefined(value) || isMethod(param, element) || isVariant(param) || isObject(REGISTRY[param]))
-      continue;
+    if (!Object.hasOwnProperty.call(element, param)) continue;
+    if (isUndefined(value) || isMethod(param, element) || isVariant(param) || isObject(REGISTRY[param])) continue;
     const isElement = applyParam(param, element, options);
     if (isElement) {
       const { hasDefine, hasContextDefine } = isElement;
@@ -59,8 +54,7 @@ const createNode = async (element, options) => {
               triggerEventOn("lazyLoad", element, options);
             }
           });
-        } else
-          await createAsync();
+        } else await createAsync();
       }
     }
   }

package/dist/esm/props/create.js

@@ -4,16 +4,12 @@ import { inheritParentProps } from "./inherit.js";
 const createPropsStack = (element, parent) => {
   const { props, __ref: ref } = element;
   const propsStack = ref.__props = inheritParentProps(element, parent);
-  if (isObject(props))
-    propsStack.push(props);
-  else if (props === "inherit" && parent.props)
-    propsStack.push(parent.props);
-  else if (props)
-    propsStack.push(props);
+  if (isObject(props)) propsStack.push(props);
+  else if (props === "inherit" && parent.props) propsStack.push(parent.props);
+  else if (props) propsStack.push(props);
   if (isArray(ref.__extend)) {
     ref.__extend.forEach((extend) => {
-      if (extend.props && extend.props !== props)
-        propsStack.push(extend.props);
+      if (extend.props && extend.props !== props) propsStack.push(extend.props);
     });
   }
   ref.__props = propsStack;
@@ -23,8 +19,7 @@ const syncProps = (props, element, opts) => {
   element.props = {};
   const mergedProps = {};
   props.forEach((v) => {
-    if (IGNORE_PROPS_PARAMS.includes(v))
-      return;
+    if (IGNORE_PROPS_PARAMS.includes(v)) return;
     let execProps;
     try {
       execProps = exec(v, element);
@@ -54,8 +49,7 @@ const createProps = function(element, parent, options) {
       element.props = {};
     }
   };
-  if (ref.__if)
-    applyProps();
+  if (ref.__if) applyProps();
   else {
     try {
       applyProps();

package/dist/esm/props/inherit.js

@@ -15,8 +15,7 @@ const inheritParentProps = (element, parent) => {
   if (matchParent) {
     if (matchParentIsString) {
       const inheritedStringExists = propsStack.filter((v) => v.inheritedString)[0];
-      if (inheritedStringExists)
-        inheritedStringExists.inheritedString = matchParent;
+      if (inheritedStringExists) inheritedStringExists.inheritedString = matchParent;
       else {
         propsStack = [].concat(objectizeStringProperty(matchParent), propsStack);
       }
@@ -24,8 +23,7 @@ const inheritParentProps = (element, parent) => {
       propsStack.push(objectizeStringProperty(matchParent));
     }
   }
-  if (matchParentChildProps && !((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.ignoreChildProps))
-    propsStack.push(matchParentChildProps);
+  if (matchParentChildProps && !((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.ignoreChildProps)) propsStack.push(matchParentChildProps);
   return propsStack;
 };
 export {

package/dist/esm/props/update.js

@@ -4,12 +4,9 @@ const updateProps = (newProps, element, parent) => {
   const { __ref } = element;
   let propsStack = __ref.__props;
   const parentProps = inheritParentProps(element, parent);
-  if (parentProps.length)
-    propsStack = __ref.__props = [].concat(parentProps, propsStack);
-  if (newProps)
-    propsStack = __ref.__props = [].concat(newProps, propsStack);
-  if (propsStack)
-    syncProps(propsStack, element);
+  if (parentProps.length) propsStack = __ref.__props = [].concat(parentProps, propsStack);
+  if (newProps) propsStack = __ref.__props = [].concat(newProps, propsStack);
+  if (propsStack) syncProps(propsStack, element);
   return element;
 };
 export {

package/dist/esm/set.js

@@ -5,8 +5,7 @@ import { registry } from "./mixins/index.js";
 import { removeContent } from "./mixins/content.js";
 import { triggerEventOn, triggerEventOnUpdate } from "@domql/event";
 const resetElement = async (params, element, options) => {
-  if (!options.preventRemove)
-    removeContent(element, options);
+  if (!options.preventRemove) removeContent(element, options);
   const { __ref: ref } = element;
   await create(params, element, ref.contentElementKey || "content", {
     ignoreChildExtend: true,
@@ -32,24 +31,19 @@ const set = async function(params, options = {}, el) {
   const __contentRef = content && content.__ref;
   const lazyLoad = element.props && element.props.lazyLoad;
   const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-  if (options.preventContentUpdate === true && !hasCollection)
-    return;
+  if (options.preventContentUpdate === true && !hasCollection) return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && deepContains(params, content)) {
     if (!options.preventBeforeUpdateListener && !options.preventListeners) {
       const beforeUpdateReturns = await triggerEventOnUpdate("beforeUpdate", params, element, options);
-      if (beforeUpdateReturns === false)
-        return element;
+      if (beforeUpdateReturns === false) return element;
     }
-    if (content == null ? void 0 : content.update)
-      content.update();
-    if (!options.preventUpdateListener)
-      await triggerEventOn("update", element, options);
+    if (content == null ? void 0 : content.update) content.update();
+    if (!options.preventUpdateListener) await triggerEventOn("update", element, options);
     return;
   }
   if (params) {
     let { childExtend, props } = params;
-    if (!props)
-      props = params.props = {};
+    if (!props) props = params.props = {};
     if (!childExtend && element.childExtend) {
       params.childExtend = element.childExtend;
       props.ignoreChildExtend = true;
@@ -65,8 +59,7 @@ const set = async function(params, options = {}, el) {
           triggerEventOn("lazyLoad", element, options);
         }
       });
-    } else
-      await resetElement(params, element, options);
+    } else await resetElement(params, element, options);
   }
   return element;
 };