@symbo.ls/utils 2.11.436 → 2.11.453

package/dist/cjs/index.js

@@ -302,6 +302,8 @@ var require_array = __commonJS({
       arraysEqual: () => arraysEqual,
       cutArrayAfterValue: () => cutArrayAfterValue,
       cutArrayBeforeValue: () => cutArrayBeforeValue,
+      filterArrays: () => filterArrays,
+      filterArraysFast: () => filterArraysFast,
       getFrequencyInArray: () => getFrequencyInArray,
       joinArrays: () => joinArrays,
       mergeAndCloneIfArray: () => mergeAndCloneIfArray,
@@ -410,6 +412,13 @@ var require_array = __commonJS({
       }
       return true;
     };
+    var filterArrays = (sourceArr, excludeArr) => {
+      return sourceArr.filter((item) => !excludeArr.includes(item));
+    };
+    var filterArraysFast = (sourceArr, excludeArr) => {
+      const excludeSet = new Set(excludeArr);
+      return sourceArr.filter((item) => !excludeSet.has(item));
+    };
   }
 });
 
@@ -597,14 +606,17 @@ var require_object = __commonJS({
       deepDiff: () => deepDiff,
       deepMerge: () => deepMerge,
       deepStringify: () => deepStringify,
+      deepStringifyWithMaxDepth: () => deepStringifyWithMaxDepth,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       detectInfiniteLoop: () => detectInfiniteLoop,
       diff: () => diff,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
+      excludeKeysFromObject: () => excludeKeysFromObject,
       exec: () => exec,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
+      isCyclic: () => isCyclic,
       isEmpty: () => isEmpty,
       isEmptyObject: () => isEmptyObject,
       isEqualDeep: () => isEqualDeep,
@@ -630,7 +642,8 @@ var require_object = __commonJS({
     var ENV = "development";
     var exec = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
-        return param(
+        return param.call(
+          element,
           element,
           state || element.state,
           context || element.context
@@ -729,24 +742,37 @@ var require_object = __commonJS({
       }
       return clone2;
     };
-    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}, visited = /* @__PURE__ */ new WeakSet()) => {
+      if ((0, import_types.isObjectLike)(obj)) {
+        if (visited.has(obj)) {
+          return obj;
+        }
+        visited.add(obj);
+      }
       const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
         if (!Object.prototype.hasOwnProperty.call(obj, prop))
           continue;
         const objProp = obj[prop];
-        if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
+        if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp)) {
           continue;
+        }
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options, visited);
         } else if ((0, import_types.isFunction)(objProp) && options.window) {
           o[prop] = (options.window || import_globals.window).eval("(" + objProp.toString() + ")");
-        } else
+        } else {
           o[prop] = objProp;
+        }
       }
       return o;
     };
     var deepStringify = (obj, stringified = {}) => {
+      var _a;
+      if (obj.node || obj.__ref || obj.parent || obj.__element || obj.parse) {
+        console.warn("Trying to clone element or state at", obj);
+        obj = (_a = obj.parse) == null ? void 0 : _a.call(obj);
+      }
       for (const prop in obj) {
         const objProp = obj[prop];
         if ((0, import_types.isFunction)(objProp)) {
@@ -772,6 +798,39 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var MAX_DEPTH = 100;
+    var deepStringifyWithMaxDepth = (obj, stringified = {}, depth = 0, path = "") => {
+      if (depth > MAX_DEPTH) {
+        console.warn(`Maximum depth exceeded at path: ${path}. Possible circular reference.`);
+        return "[MAX_DEPTH_EXCEEDED]";
+      }
+      for (const prop in obj) {
+        const currentPath = path ? `${path}.${prop}` : prop;
+        const objProp = obj[prop];
+        if ((0, import_types.isFunction)(objProp)) {
+          stringified[prop] = objProp.toString();
+        } else if ((0, import_types.isObject)(objProp)) {
+          stringified[prop] = {};
+          deepStringifyWithMaxDepth(objProp, stringified[prop], depth + 1, currentPath);
+        } else if ((0, import_types.isArray)(objProp)) {
+          stringified[prop] = [];
+          objProp.forEach((v, i) => {
+            const itemPath = `${currentPath}[${i}]`;
+            if ((0, import_types.isObject)(v)) {
+              stringified[prop][i] = {};
+              deepStringifyWithMaxDepth(v, stringified[prop][i], depth + 1, itemPath);
+            } else if ((0, import_types.isFunction)(v)) {
+              stringified[prop][i] = v.toString();
+            } else {
+              stringified[prop][i] = v;
+            }
+          });
+        } else {
+          stringified[prop] = objProp;
+        }
+      }
+      return stringified;
+    };
     var objectToString = (obj = {}, indent = 0) => {
       const spaces = "  ".repeat(indent);
       let str = "{\n";
@@ -881,7 +940,7 @@ var require_object = __commonJS({
     };
     var stringToObject = (str, opts = { verbose: true }) => {
       try {
-        return import_globals.window.eval("(" + str + ")");
+        return str ? import_globals.window.eval("(" + str + ")") : {};
       } catch (e) {
         if (opts.verbose)
           console.warn(e);
@@ -961,20 +1020,27 @@ var require_object = __commonJS({
         return acc;
       }, deletedValues);
     };
-    var overwrite = (element, params, excludeFrom = []) => {
-      const { ref } = element;
-      const changes = {};
+    var overwrite = (element, params, opts = {}) => {
+      const { __ref: ref } = element;
+      const excl = opts.exclude || [];
+      const allowUnderscore = opts.preventUnderscore;
+      const preventCaching = opts.preventCaching;
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
+        if (excl.includes(e) || !allowUnderscore && e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const paramsProp = params[e];
-        if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
+        if (paramsProp !== void 0) {
+          element[e] = paramsProp;
+          if (ref && !preventCaching) {
+            ref.__cache[e] = elementProp;
+          }
+          if ((0, import_types.isObject)(opts.diff)) {
+            diff[e] = elementProp;
+          }
         }
       }
-      return changes;
+      return element;
     };
     var overwriteShallow = (obj, params, excludeFrom = []) => {
       for (const e in params) {
@@ -984,23 +1050,26 @@ var require_object = __commonJS({
       }
       return obj;
     };
-    var overwriteDeep = (obj, params, excludeFrom = [], visited = /* @__PURE__ */ new WeakMap()) => {
+    var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakMap()) => {
+      const excl = opts.exclude || [];
+      const forcedExclude = opts.preventForce ? [] : ["node", "window"];
       if (!(0, import_types.isObjectLike)(obj) || !(0, import_types.isObjectLike)(params) || (0, import_node.isDOMNode)(obj) || (0, import_node.isDOMNode)(params)) {
         return params;
       }
-      if (visited.has(obj)) {
+      if (visited.has(obj))
         return visited.get(obj);
-      }
       visited.set(obj, obj);
       for (const e in params) {
-        if (e === "__ref" || excludeFrom.includes(e) || e.startsWith("__"))
+        if (!Object.hasOwnProperty.call(params, e))
+          continue;
+        if (excl.includes(e) || forcedExclude && e.startsWith("__"))
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
         if ((0, import_node.isDOMNode)(paramsProp)) {
           obj[e] = paramsProp;
         } else if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          obj[e] = overwriteDeep(objProp, paramsProp, excludeFrom, visited);
+          obj[e] = overwriteDeep(objProp, paramsProp, opts, visited);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
         }
@@ -1163,6 +1232,30 @@ var require_object = __commonJS({
         }
       }
     };
+    var isCyclic = (obj) => {
+      const seenObjects = [];
+      function detect(obj2) {
+        if (obj2 && typeof obj2 === "object") {
+          if (seenObjects.indexOf(obj2) !== -1) {
+            return true;
+          }
+          seenObjects.push(obj2);
+          for (const key in obj2) {
+            if (Object.hasOwnProperty.call(obj2, key) && detect(obj2[key])) {
+              console.log(obj2, "cycle at " + key);
+              return true;
+            }
+          }
+        }
+        return false;
+      }
+      return detect(obj);
+    };
+    var excludeKeysFromObject = (obj, excludedKeys) => {
+      const result = { ...obj };
+      excludedKeys.forEach((key) => delete result[key]);
+      return result;
+    };
   }
 });
 
@@ -1319,6 +1412,7 @@ var require_cookie = __commonJS({
     __export2(cookie_exports, {
       getCookie: () => getCookie,
       isMobile: () => isMobile,
+      removeCookie: () => removeCookie,
       setCookie: () => setCookie
     });
     module2.exports = __toCommonJS2(cookie_exports);
@@ -1348,6 +1442,11 @@ var require_cookie = __commonJS({
       }
       return "";
     };
+    var removeCookie = (cname) => {
+      if ((0, import_types.isUndefined)(import_utils3.document) || (0, import_types.isUndefined)(import_utils3.document.cookie))
+        return;
+      import_utils3.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+    };
   }
 });
 
@@ -1387,10 +1486,13 @@ var require_tags = __commonJS({
         "title",
         "base",
         "meta",
-        "style"
+        "style",
+        "noscript",
+        "script"
       ],
       body: [
         "string",
+        "style",
         "fragment",
         "a",
         "abbr",
@@ -1543,6 +1645,7 @@ var require_component = __commonJS({
     var component_exports = {};
     __export2(component_exports, {
       addAdditionalExtend: () => addAdditionalExtend,
+      addChildrenIfNotInOriginal: () => addChildrenIfNotInOriginal,
       applyComponentFromContext: () => applyComponentFromContext,
       applyKeyComponentAsExtend: () => applyKeyComponentAsExtend,
       checkIfKeyIsComponent: () => checkIfKeyIsComponent,
@@ -1551,7 +1654,8 @@ var require_component = __commonJS({
       getChildrenComponentsByKey: () => getChildrenComponentsByKey,
       getExtendsInElement: () => getExtendsInElement,
       hasVariantProp: () => hasVariantProp,
-      isVariant: () => isVariant
+      isVariant: () => isVariant,
+      setContentKey: () => setContentKey
     });
     module2.exports = __toCommonJS2(component_exports);
     var import__ = require_cjs();
@@ -1571,26 +1675,51 @@ var require_component = __commonJS({
       return /^[a-z]*$/.test(firstCharKey);
     };
     var addAdditionalExtend = (newExtend, element) => {
+      if (!newExtend)
+        return element;
       const { extend: elementExtend } = element;
       const originalArray = (0, import__.isArray)(elementExtend) ? elementExtend : [elementExtend];
       const receivedArray = (0, import__.isArray)(newExtend) ? newExtend : [newExtend];
       const extend = (0, import__.joinArrays)(receivedArray, originalArray);
       return { ...element, extend };
     };
+    var checkIfSugar = (element, parent, key) => {
+      const {
+        extend,
+        props,
+        childExtend,
+        extends: extendProps,
+        childrenExtends,
+        childProps,
+        children,
+        on,
+        $collection,
+        $stateCollection,
+        $propsCollection
+      } = element;
+      const hasComponentAttrs = extend || childExtend || props || on || $collection || $stateCollection || $propsCollection;
+      if (hasComponentAttrs && (childProps || extendProps || children || childrenExtends)) {
+        element.error("Sugar component includes params for builtin components");
+      }
+      return !hasComponentAttrs || childProps || extendProps || children || childrenExtends;
+    };
     var extendizeByKey = (element, parent, key) => {
       const { context } = parent;
-      const { tag, extend, props, attr, state, childExtend, childProps, on, if: condition, data } = element;
-      const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr || data;
+      const { tag, extend, childrenExtends } = element;
+      const isSugar = checkIfSugar(element);
       const extendFromKey = key.includes("+") ? key.split("+") : key.includes("_") ? [key.split("_")[0]] : key.includes(".") && !checkIfKeyIsComponent(key.split(".")[1]) ? [key.split(".")[0]] : [key];
       const isExtendKeyComponent = context && context.components[extendFromKey];
       if (element === isExtendKeyComponent)
         return element;
-      else if (!hasComponentAttrs || childProps) {
-        return {
+      else if (isSugar) {
+        const newElem = addAdditionalExtend(element.extends, {
           extend: extendFromKey,
           tag,
           props: { ...element }
-        };
+        });
+        if (childrenExtends)
+          newElem.childExtend = childrenExtends;
+        return newElem;
       } else if (!extend || extend === true) {
         return {
           ...element,
@@ -1607,6 +1736,37 @@ var require_component = __commonJS({
         };
       }
     };
+    function getCapitalCaseKeys(obj) {
+      return Object.keys(obj).filter((key) => /^[A-Z]/.test(key));
+    }
+    var addChildrenIfNotInOriginal = (element, parent, key) => {
+      const childElems = getCapitalCaseKeys(element.props);
+      if (!childElems.length)
+        return element;
+      for (const i in childElems) {
+        const childKey = childElems[i];
+        const childElem = element[childKey];
+        const newChild = element.props[childKey];
+        if (newChild == null ? void 0 : newChild.ignoreExtend)
+          continue;
+        if (!childElem)
+          element[childKey] = (0, import__.deepCloneWithExtend)(newChild);
+        else {
+          const isSugar = checkIfSugar(childElem);
+          if (!isSugar)
+            continue;
+          const inheritedChildElem = element[childKey].props;
+          if ((0, import__.isObjectLike)(newChild)) {
+            (0, import__.overwriteDeep)(inheritedChildElem, newChild);
+          } else if ((0, import__.isFunction)(newChild)) {
+            element[childKey] = {
+              extend: element[childKey],
+              props: newChild
+            };
+          }
+        }
+      }
+    };
     var applyKeyComponentAsExtend = (element, parent, key) => {
       return extendizeByKey(element, parent, key) || element;
     };
@@ -1682,6 +1842,17 @@ var require_component = __commonJS({
       traverse(obj);
       return result;
     };
+    var setContentKey = (el, opts = {}) => {
+      const { __ref: ref } = el;
+      const contentElementKey = opts.contentElementKey;
+      if (contentElementKey !== "content" && contentElementKey !== ref.contentElementKey || !ref.contentElementKey) {
+        ref.contentElementKey = contentElementKey || "content";
+      } else
+        ref.contentElementKey = "content";
+      if (contentElementKey !== "content")
+        opts.contentElementKey = "content";
+      return ref.contentElementKey;
+    };
   }
 });
 

package/dist/cjs/scaling.js

@@ -302,6 +302,8 @@ var require_array = __commonJS({
       arraysEqual: () => arraysEqual,
       cutArrayAfterValue: () => cutArrayAfterValue,
       cutArrayBeforeValue: () => cutArrayBeforeValue,
+      filterArrays: () => filterArrays,
+      filterArraysFast: () => filterArraysFast,
       getFrequencyInArray: () => getFrequencyInArray,
       joinArrays: () => joinArrays,
       mergeAndCloneIfArray: () => mergeAndCloneIfArray,
@@ -410,6 +412,13 @@ var require_array = __commonJS({
       }
       return true;
     };
+    var filterArrays = (sourceArr, excludeArr) => {
+      return sourceArr.filter((item) => !excludeArr.includes(item));
+    };
+    var filterArraysFast = (sourceArr, excludeArr) => {
+      const excludeSet = new Set(excludeArr);
+      return sourceArr.filter((item) => !excludeSet.has(item));
+    };
   }
 });
 
@@ -597,14 +606,17 @@ var require_object = __commonJS({
       deepDiff: () => deepDiff,
       deepMerge: () => deepMerge,
       deepStringify: () => deepStringify,
+      deepStringifyWithMaxDepth: () => deepStringifyWithMaxDepth,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       detectInfiniteLoop: () => detectInfiniteLoop,
       diff: () => diff,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
+      excludeKeysFromObject: () => excludeKeysFromObject,
       exec: () => exec,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
+      isCyclic: () => isCyclic,
       isEmpty: () => isEmpty,
       isEmptyObject: () => isEmptyObject,
       isEqualDeep: () => isEqualDeep,
@@ -630,7 +642,8 @@ var require_object = __commonJS({
     var ENV = "development";
     var exec = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
-        return param(
+        return param.call(
+          element,
           element,
           state || element.state,
           context || element.context
@@ -729,24 +742,37 @@ var require_object = __commonJS({
       }
       return clone2;
     };
-    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}, visited = /* @__PURE__ */ new WeakSet()) => {
+      if ((0, import_types.isObjectLike)(obj)) {
+        if (visited.has(obj)) {
+          return obj;
+        }
+        visited.add(obj);
+      }
       const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
         if (!Object.prototype.hasOwnProperty.call(obj, prop))
           continue;
         const objProp = obj[prop];
-        if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
+        if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp)) {
           continue;
+        }
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options, visited);
         } else if ((0, import_types.isFunction)(objProp) && options.window) {
           o[prop] = (options.window || import_globals.window).eval("(" + objProp.toString() + ")");
-        } else
+        } else {
           o[prop] = objProp;
+        }
       }
       return o;
     };
     var deepStringify = (obj, stringified = {}) => {
+      var _a;
+      if (obj.node || obj.__ref || obj.parent || obj.__element || obj.parse) {
+        console.warn("Trying to clone element or state at", obj);
+        obj = (_a = obj.parse) == null ? void 0 : _a.call(obj);
+      }
       for (const prop in obj) {
         const objProp = obj[prop];
         if ((0, import_types.isFunction)(objProp)) {
@@ -772,6 +798,39 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var MAX_DEPTH = 100;
+    var deepStringifyWithMaxDepth = (obj, stringified = {}, depth = 0, path = "") => {
+      if (depth > MAX_DEPTH) {
+        console.warn(`Maximum depth exceeded at path: ${path}. Possible circular reference.`);
+        return "[MAX_DEPTH_EXCEEDED]";
+      }
+      for (const prop in obj) {
+        const currentPath = path ? `${path}.${prop}` : prop;
+        const objProp = obj[prop];
+        if ((0, import_types.isFunction)(objProp)) {
+          stringified[prop] = objProp.toString();
+        } else if ((0, import_types.isObject)(objProp)) {
+          stringified[prop] = {};
+          deepStringifyWithMaxDepth(objProp, stringified[prop], depth + 1, currentPath);
+        } else if ((0, import_types.isArray)(objProp)) {
+          stringified[prop] = [];
+          objProp.forEach((v, i) => {
+            const itemPath = `${currentPath}[${i}]`;
+            if ((0, import_types.isObject)(v)) {
+              stringified[prop][i] = {};
+              deepStringifyWithMaxDepth(v, stringified[prop][i], depth + 1, itemPath);
+            } else if ((0, import_types.isFunction)(v)) {
+              stringified[prop][i] = v.toString();
+            } else {
+              stringified[prop][i] = v;
+            }
+          });
+        } else {
+          stringified[prop] = objProp;
+        }
+      }
+      return stringified;
+    };
     var objectToString = (obj = {}, indent = 0) => {
       const spaces = "  ".repeat(indent);
       let str = "{\n";
@@ -881,7 +940,7 @@ var require_object = __commonJS({
     };
     var stringToObject = (str, opts = { verbose: true }) => {
       try {
-        return import_globals.window.eval("(" + str + ")");
+        return str ? import_globals.window.eval("(" + str + ")") : {};
       } catch (e) {
         if (opts.verbose)
           console.warn(e);
@@ -961,20 +1020,27 @@ var require_object = __commonJS({
         return acc;
       }, deletedValues);
     };
-    var overwrite = (element, params, excludeFrom = []) => {
-      const { ref } = element;
-      const changes = {};
+    var overwrite = (element, params, opts = {}) => {
+      const { __ref: ref } = element;
+      const excl = opts.exclude || [];
+      const allowUnderscore = opts.preventUnderscore;
+      const preventCaching = opts.preventCaching;
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
+        if (excl.includes(e) || !allowUnderscore && e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const paramsProp = params[e];
-        if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
+        if (paramsProp !== void 0) {
+          element[e] = paramsProp;
+          if (ref && !preventCaching) {
+            ref.__cache[e] = elementProp;
+          }
+          if ((0, import_types.isObject)(opts.diff)) {
+            diff[e] = elementProp;
+          }
         }
       }
-      return changes;
+      return element;
     };
     var overwriteShallow = (obj, params, excludeFrom = []) => {
       for (const e in params) {
@@ -984,23 +1050,26 @@ var require_object = __commonJS({
       }
       return obj;
     };
-    var overwriteDeep = (obj, params, excludeFrom = [], visited = /* @__PURE__ */ new WeakMap()) => {
+    var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakMap()) => {
+      const excl = opts.exclude || [];
+      const forcedExclude = opts.preventForce ? [] : ["node", "window"];
       if (!(0, import_types.isObjectLike)(obj) || !(0, import_types.isObjectLike)(params) || (0, import_node.isDOMNode)(obj) || (0, import_node.isDOMNode)(params)) {
         return params;
       }
-      if (visited.has(obj)) {
+      if (visited.has(obj))
         return visited.get(obj);
-      }
       visited.set(obj, obj);
       for (const e in params) {
-        if (e === "__ref" || excludeFrom.includes(e) || e.startsWith("__"))
+        if (!Object.hasOwnProperty.call(params, e))
+          continue;
+        if (excl.includes(e) || forcedExclude && e.startsWith("__"))
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
         if ((0, import_node.isDOMNode)(paramsProp)) {
           obj[e] = paramsProp;
         } else if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          obj[e] = overwriteDeep(objProp, paramsProp, excludeFrom, visited);
+          obj[e] = overwriteDeep(objProp, paramsProp, opts, visited);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
         }
@@ -1163,6 +1232,30 @@ var require_object = __commonJS({
         }
       }
     };
+    var isCyclic = (obj) => {
+      const seenObjects = [];
+      function detect(obj2) {
+        if (obj2 && typeof obj2 === "object") {
+          if (seenObjects.indexOf(obj2) !== -1) {
+            return true;
+          }
+          seenObjects.push(obj2);
+          for (const key in obj2) {
+            if (Object.hasOwnProperty.call(obj2, key) && detect(obj2[key])) {
+              console.log(obj2, "cycle at " + key);
+              return true;
+            }
+          }
+        }
+        return false;
+      }
+      return detect(obj);
+    };
+    var excludeKeysFromObject = (obj, excludedKeys) => {
+      const result = { ...obj };
+      excludedKeys.forEach((key) => delete result[key]);
+      return result;
+    };
   }
 });
 
@@ -1319,6 +1412,7 @@ var require_cookie = __commonJS({
     __export2(cookie_exports, {
       getCookie: () => getCookie,
       isMobile: () => isMobile,
+      removeCookie: () => removeCookie,
       setCookie: () => setCookie
     });
     module2.exports = __toCommonJS2(cookie_exports);
@@ -1348,6 +1442,11 @@ var require_cookie = __commonJS({
       }
       return "";
     };
+    var removeCookie = (cname) => {
+      if ((0, import_types.isUndefined)(import_utils2.document) || (0, import_types.isUndefined)(import_utils2.document.cookie))
+        return;
+      import_utils2.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+    };
   }
 });
 
@@ -1387,10 +1486,13 @@ var require_tags = __commonJS({
         "title",
         "base",
         "meta",
-        "style"
+        "style",
+        "noscript",
+        "script"
       ],
       body: [
         "string",
+        "style",
         "fragment",
         "a",
         "abbr",
@@ -1543,6 +1645,7 @@ var require_component = __commonJS({
     var component_exports = {};
     __export2(component_exports, {
       addAdditionalExtend: () => addAdditionalExtend,
+      addChildrenIfNotInOriginal: () => addChildrenIfNotInOriginal,
       applyComponentFromContext: () => applyComponentFromContext,
       applyKeyComponentAsExtend: () => applyKeyComponentAsExtend,
       checkIfKeyIsComponent: () => checkIfKeyIsComponent,
@@ -1551,7 +1654,8 @@ var require_component = __commonJS({
       getChildrenComponentsByKey: () => getChildrenComponentsByKey,
       getExtendsInElement: () => getExtendsInElement,
       hasVariantProp: () => hasVariantProp,
-      isVariant: () => isVariant
+      isVariant: () => isVariant,
+      setContentKey: () => setContentKey
     });
     module2.exports = __toCommonJS2(component_exports);
     var import__ = require_cjs();
@@ -1571,26 +1675,51 @@ var require_component = __commonJS({
       return /^[a-z]*$/.test(firstCharKey);
     };
     var addAdditionalExtend = (newExtend, element) => {
+      if (!newExtend)
+        return element;
       const { extend: elementExtend } = element;
       const originalArray = (0, import__.isArray)(elementExtend) ? elementExtend : [elementExtend];
       const receivedArray = (0, import__.isArray)(newExtend) ? newExtend : [newExtend];
       const extend = (0, import__.joinArrays)(receivedArray, originalArray);
       return { ...element, extend };
     };
+    var checkIfSugar = (element, parent, key) => {
+      const {
+        extend,
+        props,
+        childExtend,
+        extends: extendProps,
+        childrenExtends,
+        childProps,
+        children,
+        on,
+        $collection,
+        $stateCollection,
+        $propsCollection
+      } = element;
+      const hasComponentAttrs = extend || childExtend || props || on || $collection || $stateCollection || $propsCollection;
+      if (hasComponentAttrs && (childProps || extendProps || children || childrenExtends)) {
+        element.error("Sugar component includes params for builtin components");
+      }
+      return !hasComponentAttrs || childProps || extendProps || children || childrenExtends;
+    };
     var extendizeByKey = (element, parent, key) => {
       const { context } = parent;
-      const { tag, extend, props, attr, state, childExtend, childProps, on, if: condition, data } = element;
-      const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr || data;
+      const { tag, extend, childrenExtends } = element;
+      const isSugar = checkIfSugar(element);
       const extendFromKey = key.includes("+") ? key.split("+") : key.includes("_") ? [key.split("_")[0]] : key.includes(".") && !checkIfKeyIsComponent(key.split(".")[1]) ? [key.split(".")[0]] : [key];
       const isExtendKeyComponent = context && context.components[extendFromKey];
       if (element === isExtendKeyComponent)
         return element;
-      else if (!hasComponentAttrs || childProps) {
-        return {
+      else if (isSugar) {
+        const newElem = addAdditionalExtend(element.extends, {
           extend: extendFromKey,
           tag,
           props: { ...element }
-        };
+        });
+        if (childrenExtends)
+          newElem.childExtend = childrenExtends;
+        return newElem;
       } else if (!extend || extend === true) {
         return {
           ...element,
@@ -1607,6 +1736,37 @@ var require_component = __commonJS({
         };
       }
     };
+    function getCapitalCaseKeys(obj) {
+      return Object.keys(obj).filter((key) => /^[A-Z]/.test(key));
+    }
+    var addChildrenIfNotInOriginal = (element, parent, key) => {
+      const childElems = getCapitalCaseKeys(element.props);
+      if (!childElems.length)
+        return element;
+      for (const i in childElems) {
+        const childKey = childElems[i];
+        const childElem = element[childKey];
+        const newChild = element.props[childKey];
+        if (newChild == null ? void 0 : newChild.ignoreExtend)
+          continue;
+        if (!childElem)
+          element[childKey] = (0, import__.deepCloneWithExtend)(newChild);
+        else {
+          const isSugar = checkIfSugar(childElem);
+          if (!isSugar)
+            continue;
+          const inheritedChildElem = element[childKey].props;
+          if ((0, import__.isObjectLike)(newChild)) {
+            (0, import__.overwriteDeep)(inheritedChildElem, newChild);
+          } else if ((0, import__.isFunction)(newChild)) {
+            element[childKey] = {
+              extend: element[childKey],
+              props: newChild
+            };
+          }
+        }
+      }
+    };
     var applyKeyComponentAsExtend = (element, parent, key) => {
       return extendizeByKey(element, parent, key) || element;
     };
@@ -1682,6 +1842,17 @@ var require_component = __commonJS({
       traverse(obj);
       return result;
     };
+    var setContentKey = (el, opts = {}) => {
+      const { __ref: ref } = el;
+      const contentElementKey = opts.contentElementKey;
+      if (contentElementKey !== "content" && contentElementKey !== ref.contentElementKey || !ref.contentElementKey) {
+        ref.contentElementKey = contentElementKey || "content";
+      } else
+        ref.contentElementKey = "content";
+      if (contentElementKey !== "content")
+        opts.contentElementKey = "content";
+      return ref.contentElementKey;
+    };
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/utils",
-  "version": "2.11.436",
+  "version": "2.11.453",
   "author": "symbo.ls",
   "files": [
     "src",
@@ -24,7 +24,7 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@domql/utils": "latest"
+    "@domql/utils": "^2.5.0"
   },
-  "gitHead": "b3af8d5fc0ea1479dd2e2996c35d53e11a54b276"
+  "gitHead": "8e5458a957b9d2c75944023e2c31bab157034314"
 }