smbls 2.11.451 → 2.11.453

package/dist/cjs/index.js

@@ -306,6 +306,8 @@ var require_array = __commonJS({
       arraysEqual: () => arraysEqual,
       cutArrayAfterValue: () => cutArrayAfterValue,
       cutArrayBeforeValue: () => cutArrayBeforeValue,
+      filterArrays: () => filterArrays,
+      filterArraysFast: () => filterArraysFast,
       getFrequencyInArray: () => getFrequencyInArray,
       joinArrays: () => joinArrays,
       mergeAndCloneIfArray: () => mergeAndCloneIfArray,
@@ -414,6 +416,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));
+    };
   }
 });
 
@@ -607,6 +616,7 @@ var require_object = __commonJS({
       diff: () => diff,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
+      excludeKeysFromObject: () => excludeKeysFromObject,
       exec: () => exec7,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
@@ -934,7 +944,7 @@ var require_object = __commonJS({
     };
     var stringToObject = (str, opts = { verbose: true }) => {
       try {
-        return import_globals2.window.eval("(" + str + ")");
+        return str ? import_globals2.window.eval("(" + str + ")") : {};
       } catch (e) {
         if (opts.verbose)
           console.warn(e);
@@ -1014,20 +1024,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 overwriteShallow3 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
@@ -1037,23 +1054,26 @@ var require_object = __commonJS({
       }
       return obj;
     };
-    var overwriteDeep2 = (obj, params, excludeFrom = [], visited = /* @__PURE__ */ new WeakMap()) => {
+    var overwriteDeep2 = (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] = overwriteDeep2(objProp, paramsProp, excludeFrom, visited);
+          obj[e] = overwriteDeep2(objProp, paramsProp, opts, visited);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
         }
@@ -1235,6 +1255,11 @@ var require_object = __commonJS({
       }
       return detect(obj);
     };
+    var excludeKeysFromObject = (obj, excludedKeys) => {
+      const result = { ...obj };
+      excludedKeys.forEach((key) => delete result[key]);
+      return result;
+    };
   }
 });
 
@@ -1654,6 +1679,8 @@ var require_component = __commonJS({
       return /^[a-z]*$/.test(firstCharKey);
     };
     var addAdditionalExtend2 = (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];
@@ -1661,8 +1688,23 @@ var require_component = __commonJS({
       return { ...element, extend };
     };
     var checkIfSugar = (element, parent, key) => {
-      const { extend, props: props2, childExtend, extends: extendProps, childrenExtends, childProps, children, on: on2, $collection, $stateCollection, $propsCollection } = element;
+      const {
+        extend,
+        props: props2,
+        childExtend,
+        extends: extendProps,
+        childrenExtends,
+        childProps,
+        children,
+        on: on2,
+        $collection,
+        $stateCollection,
+        $propsCollection
+      } = element;
       const hasComponentAttrs = extend || childExtend || props2 || on2 || $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) => {
@@ -1674,11 +1716,11 @@ var require_component = __commonJS({
       if (element === isExtendKeyComponent)
         return element;
       else if (isSugar) {
-        const newElem = {
+        const newElem = addAdditionalExtend2(element.extends, {
           extend: extendFromKey,
           tag,
           props: { ...element }
-        };
+        });
         if (childrenExtends)
           newElem.childExtend = childrenExtends;
         return newElem;
@@ -2932,6 +2974,8 @@ var require_cjs2 = __commonJS({
           arraysEqual: () => arraysEqual,
           cutArrayAfterValue: () => cutArrayAfterValue,
           cutArrayBeforeValue: () => cutArrayBeforeValue,
+          filterArrays: () => filterArrays,
+          filterArraysFast: () => filterArraysFast,
           getFrequencyInArray: () => getFrequencyInArray,
           joinArrays: () => joinArrays,
           mergeAndCloneIfArray: () => mergeAndCloneIfArray,
@@ -3040,6 +3084,13 @@ var require_cjs2 = __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));
+        };
       }
     });
     var require_string3 = __commonJS2({
@@ -3229,6 +3280,7 @@ var require_cjs2 = __commonJS({
           diff: () => diff,
           diffArrays: () => diffArrays,
           diffObjects: () => diffObjects,
+          excludeKeysFromObject: () => excludeKeysFromObject,
           exec: () => exec7,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
@@ -3556,7 +3608,7 @@ var require_cjs2 = __commonJS({
         };
         var stringToObject = (str, opts = { verbose: true }) => {
           try {
-            return import_globals3.window.eval("(" + str + ")");
+            return str ? import_globals3.window.eval("(" + str + ")") : {};
           } catch (e) {
             if (opts.verbose)
               console.warn(e);
@@ -3636,20 +3688,27 @@ var require_cjs2 = __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 overwriteShallow3 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
@@ -3659,23 +3718,26 @@ var require_cjs2 = __commonJS({
           }
           return obj;
         };
-        var overwriteDeep2 = (obj, params, excludeFrom = [], visited = /* @__PURE__ */ new WeakMap()) => {
+        var overwriteDeep2 = (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] = overwriteDeep2(objProp, paramsProp, excludeFrom, visited);
+              obj[e] = overwriteDeep2(objProp, paramsProp, opts, visited);
             } else if (paramsProp !== void 0) {
               obj[e] = paramsProp;
             }
@@ -3857,6 +3919,11 @@ var require_cjs2 = __commonJS({
           }
           return detect(obj);
         };
+        var excludeKeysFromObject = (obj, excludedKeys) => {
+          const result = { ...obj };
+          excludedKeys.forEach((key) => delete result[key]);
+          return result;
+        };
       }
     });
     var require_function3 = __commonJS2({
@@ -4266,6 +4333,8 @@ var require_cjs2 = __commonJS({
           return /^[a-z]*$/.test(firstCharKey);
         };
         var addAdditionalExtend2 = (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];
@@ -4273,8 +4342,23 @@ var require_cjs2 = __commonJS({
           return { ...element, extend };
         };
         var checkIfSugar = (element, parent, key) => {
-          const { extend, props: props2, childExtend, extends: extendProps, childrenExtends, childProps, children, on: on2, $collection, $stateCollection, $propsCollection } = element;
+          const {
+            extend,
+            props: props2,
+            childExtend,
+            extends: extendProps,
+            childrenExtends,
+            childProps,
+            children,
+            on: on2,
+            $collection,
+            $stateCollection,
+            $propsCollection
+          } = element;
           const hasComponentAttrs = extend || childExtend || props2 || on2 || $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) => {
@@ -4286,11 +4370,11 @@ var require_cjs2 = __commonJS({
           if (element === isExtendKeyComponent)
             return element;
           else if (isSugar) {
-            const newElem = {
+            const newElem = addAdditionalExtend2(element.extends, {
               extend: extendFromKey,
               tag,
               props: { ...element }
-            };
+            });
             if (childrenExtends)
               newElem.childExtend = childrenExtends;
             return newElem;
@@ -4757,6 +4841,8 @@ var require_cjs2 = __commonJS({
               arraysEqual: () => arraysEqual,
               cutArrayAfterValue: () => cutArrayAfterValue,
               cutArrayBeforeValue: () => cutArrayBeforeValue,
+              filterArrays: () => filterArrays,
+              filterArraysFast: () => filterArraysFast,
               getFrequencyInArray: () => getFrequencyInArray,
               joinArrays: () => joinArrays,
               mergeAndCloneIfArray: () => mergeAndCloneIfArray,
@@ -4865,6 +4951,13 @@ var require_cjs2 = __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));
+            };
           }
         });
         var require_string22 = __commonJS22({
@@ -5054,9 +5147,11 @@ var require_cjs2 = __commonJS({
               diff: () => diff,
               diffArrays: () => diffArrays,
               diffObjects: () => diffObjects,
+              excludeKeysFromObject: () => excludeKeysFromObject,
               exec: () => exec7,
               flattenRecursive: () => flattenRecursive,
               hasOwnProperty: () => hasOwnProperty,
+              isCyclic: () => isCyclic,
               isEmpty: () => isEmpty,
               isEmptyObject: () => isEmptyObject,
               isEqualDeep: () => isEqualDeep2,
@@ -5182,20 +5277,28 @@ var require_cjs2 = __commonJS({
               }
               return clone2;
             };
-            var deepCloneWithExtend2 = (obj, excludeFrom = ["node"], options = {}) => {
+            var deepCloneWithExtend2 = (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] = deepCloneWithExtend2(objProp, excludeFrom, options);
+                  o[prop] = deepCloneWithExtend2(objProp, excludeFrom, options, visited);
                 } else if ((0, import_types.isFunction)(objProp) && options.window) {
                   o[prop] = (options.window || import_globals3.window).eval("(" + objProp.toString() + ")");
-                } else
+                } else {
                   o[prop] = objProp;
+                }
               }
               return o;
             };
@@ -5372,7 +5475,7 @@ var require_cjs2 = __commonJS({
             };
             var stringToObject = (str, opts = { verbose: true }) => {
               try {
-                return import_globals3.window.eval("(" + str + ")");
+                return str ? import_globals3.window.eval("(" + str + ")") : {};
               } catch (e) {
                 if (opts.verbose)
                   console.warn(e);
@@ -5452,20 +5555,27 @@ var require_cjs2 = __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 overwriteShallow3 = (obj, params, excludeFrom = []) => {
               for (const e in params) {
@@ -5475,23 +5585,26 @@ var require_cjs2 = __commonJS({
               }
               return obj;
             };
-            var overwriteDeep2 = (obj, params, excludeFrom = [], visited = /* @__PURE__ */ new WeakMap()) => {
+            var overwriteDeep2 = (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] = overwriteDeep2(objProp, paramsProp, excludeFrom, visited);
+                  obj[e] = overwriteDeep2(objProp, paramsProp, opts, visited);
                 } else if (paramsProp !== void 0) {
                   obj[e] = paramsProp;
                 }
@@ -5654,6 +5767,30 @@ var require_cjs2 = __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;
+            };
           }
         });
         var require_function22 = __commonJS22({
@@ -6063,6 +6200,8 @@ var require_cjs2 = __commonJS({
               return /^[a-z]*$/.test(firstCharKey);
             };
             var addAdditionalExtend2 = (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];
@@ -6070,8 +6209,23 @@ var require_cjs2 = __commonJS({
               return { ...element, extend };
             };
             var checkIfSugar = (element, parent, key) => {
-              const { extend, props: props2, childExtend, extends: extendProps, childrenExtends, childProps, children, on: on2, $collection, $stateCollection, $propsCollection } = element;
+              const {
+                extend,
+                props: props2,
+                childExtend,
+                extends: extendProps,
+                childrenExtends,
+                childProps,
+                children,
+                on: on2,
+                $collection,
+                $stateCollection,
+                $propsCollection
+              } = element;
               const hasComponentAttrs = extend || childExtend || props2 || on2 || $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) => {
@@ -6083,11 +6237,11 @@ var require_cjs2 = __commonJS({
               if (element === isExtendKeyComponent)
                 return element;
               else if (isSugar) {
-                const newElem = {
+                const newElem = addAdditionalExtend2(element.extends, {
                   extend: extendFromKey,
                   tag,
                   props: { ...element }
-                };
+                });
                 if (childrenExtends)
                   newElem.childExtend = childrenExtends;
                 return newElem;
@@ -9777,11 +9931,11 @@ __export(init_exports, {
   DYNAMIC_JSON: () => import_dynamic.default,
   applyCSS: () => applyCSS,
   init: () => init,
-  reInit: () => reInit,
+  reinit: () => reinit,
   setClass: () => setClass,
   updateVars: () => updateVars
 });
-var import_scratch, import_utils2, import_dynamic, CONFIG, mergeWithLocalFile, SET_OPTIONS, init, UPDATE_OPTIONS, reInit, applyCSS, updateVars, setClass;
+var import_scratch, import_utils2, import_dynamic, CONFIG, mergeWithLocalFile, SET_OPTIONS, init, UPDATE_OPTIONS, reinit, applyCSS, updateVars, setClass;
 var init_init = __esm({
   "../init/index.js"() {
     "use strict";
@@ -9790,8 +9944,8 @@ var init_init = __esm({
     init_emotion();
     import_dynamic = __toESM(require_dynamic());
     CONFIG = (0, import_scratch.getActiveConfig)();
-    mergeWithLocalFile = (config = CONFIG, RC_FILE) => {
-      const rcfile = (0, import_utils2.isObject)(RC_FILE) ? RC_FILE : import_dynamic.default || {};
+    mergeWithLocalFile = (config = CONFIG, options) => {
+      const rcfile = (0, import_utils2.isObject)(options.localFile) ? options.localFile : import_dynamic.default || {};
       const clonedFile = (0, import_utils2.deepClone)(rcfile.designSystem || {});
       return (0, import_utils2.deepMerge)(config, clonedFile);
     };
@@ -9806,7 +9960,7 @@ var init_init = __esm({
     };
     init = (config, options = SET_OPTIONS) => {
       const emotion2 = options.emotion || emotion;
-      const resultConfig = mergeWithLocalFile(config || {});
+      const resultConfig = mergeWithLocalFile(config || {}, options);
       const conf = (0, import_scratch.set)({
         verbose: options.verbose,
         useReset: options.useReset,
@@ -9845,15 +9999,20 @@ var init_init = __esm({
     UPDATE_OPTIONS = {
       emotion
     };
-    reInit = (config, RC_FILE, options = UPDATE_OPTIONS) => {
+    reinit = (config, options = UPDATE_OPTIONS) => {
       const emotion2 = options.emotion || emotion;
-      const resultConfig = mergeWithLocalFile(config || {}, RC_FILE);
+      const resultConfig = mergeWithLocalFile(config || {}, options);
+      const prevStyles = document.querySelector('[data-emotion="smbls"]');
+      console.log(prevStyles);
       const conf = (0, import_scratch.set)({
         verbose: false,
         ...resultConfig
       });
-      emotion2.injectGlobal({ ":root": conf.CSS_VARS });
-      emotion2.injectGlobal(conf.RESET);
+      if (!options.preventInject) {
+        emotion2.injectGlobal({ ":root": conf.CSS_VARS });
+        emotion2.injectGlobal(conf.RESET);
+      }
+      return conf;
     };
     applyCSS = (styles, options = UPDATE_OPTIONS) => {
       const emotion2 = options.emotion || emotion;
@@ -12679,14 +12838,19 @@ var init_Box = __esm({
 });
 
 // ../uikit/Icon/index.js
-var import_utils15, getIconName, Icon, IconText, FileIcon;
+var import_utils15, inheritFromIsActive, getIconName, Icon, IconText, FileIcon, getSemanticIcon;
 var init_Icon = __esm({
   "../uikit/Icon/index.js"() {
     "use strict";
     import_utils15 = __toESM(require_cjs());
+    inheritFromIsActive = (el) => {
+      const { props: props2 } = el;
+      const propsActive = props2[".isActive"];
+      return el.call("exec", propsActive.name || propsActive.icon);
+    };
     getIconName = (el, s) => {
       const { key, props: props2, deps } = el;
-      let iconName = (0, import_utils15.exec)(props2.name || props2.icon || key, el);
+      let iconName = el.call("exec", props2.name || props2.icon || key, el);
       if ((0, import_utils15.isString)(iconName) && iconName.includes("{{")) {
         iconName = deps.replaceLiteralsWithObjectFields(iconName, s);
       }
@@ -12695,70 +12859,50 @@ var init_Icon = __esm({
     Icon = {
       extend: "Svg",
       deps: { isString: import_utils15.isString, replaceLiteralsWithObjectFields: import_utils15.replaceLiteralsWithObjectFields },
-      props: (el, s) => {
-        const { props: props2, parent, context, deps, state } = el;
-        const { ICONS, SEMANTIC_ICONS, useIconSprite, verbose } = context && context.designSystem;
-        const { toCamelCase } = context && context.utils;
-        let iconName = getIconName(el, s);
+      props: (el, s, ctx) => {
+        const { props: props2, parent, deps } = el;
+        const { ICONS, useIconSprite, verbose } = ctx && ctx.designSystem;
+        const { toCamelCase } = ctx && ctx.utils;
+        const iconName = getIconName(el, s);
         const camelCase = toCamelCase(iconName);
         const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
-        const semanticIconRootName = isArray5[1] ? isArray5[0] : iconName.split(".")[0].split(" ")[0];
-        const semanticIcon = SEMANTIC_ICONS && SEMANTIC_ICONS[semanticIconRootName];
-        if (semanticIcon) {
-          const iconKey = iconName.includes(".") ? "sfsymbols." + iconName.split(".").slice(1).join(".") : "sfsymbols";
-          iconName = semanticIcon[iconKey] || semanticIcon[iconName.split(".")[0].split(" ")[0]];
-          return {
-            tag: "span",
-            semantic_symbols: true,
-            width: "A",
-            height: "A",
-            lineHeight: "1em",
-            ":after": {
-              fontSize: "Z",
-              fontWeight: "300",
-              content: `"${iconName}"`,
-              textAlign: "center",
-              display: "inline-block",
-              style: {
-                color: "currentColor",
-                fontFamily: "'SF Pro Icons', 'SF Pro', 'SF Symbols', 'Segoe UI'"
-              }
-            }
-          };
-        }
+        const semanticIcon = getSemanticIcon(el, s, ctx);
+        if (semanticIcon)
+          return semanticIcon;
         let activeIconName;
-        if (props2.isActive) {
-          activeIconName = props2[".isActive"].name || props2[".isActive"].icon;
-        }
-        if (parent && parent.props && parent.props.isActive && parent.props[".isActive"] && parent.props[".isActive"].icon) {
+        if (props2.isActive)
+          activeIconName = inheritFromIsActive(el);
+        const parentProps = parent.props;
+        const parentPropsActive = parentProps[".isActive"];
+        if (parent && parentProps && parentProps.isActive && parentPropsActive && parentPropsActive.icon) {
           activeIconName = (0, import_utils15.exec)(
-            parent.props[".isActive"].icon.name || parent.props[".isActive"].icon.icon || parent.props[".isActive"].icon,
+            parentPropsActive.icon || parentPropsActive.Icon.name || parentPropsActive.Icon.icon,
             el
           );
         }
         if ((0, import_utils15.isString)(activeIconName) && activeIconName.includes("{{")) {
-          activeIconName = deps.replaceLiteralsWithObjectFields(activeIconName, state);
+          activeIconName = deps.replaceLiteralsWithObjectFields(activeIconName, s);
         }
-        let validIconName;
+        let iconInContext;
         if (ICONS[activeIconName])
-          validIconName = activeIconName;
+          iconInContext = activeIconName;
         if (ICONS[camelCase])
-          validIconName = camelCase;
+          iconInContext = camelCase;
         else if (ICONS[isArray5[0] + isArray5[1]])
-          validIconName = isArray5[0] + isArray5[1];
+          iconInContext = isArray5[0] + isArray5[1];
         else if (ICONS[isArray5[0]])
-          validIconName = isArray5[0];
+          iconInContext = isArray5[0];
         else {
           if (verbose)
-            console.warn("Can't find icon:", iconName, validIconName);
+            el.warn("Can't find icon:", iconName, iconInContext);
         }
-        const iconFromLibrary = ICONS[validIconName];
+        const iconFromLibrary = ICONS[iconInContext];
         const directSrc = parent && parent.props && parent.props.src || props2.src;
         return {
           width: "A",
           height: "A",
           display: "inline-block",
-          spriteId: useIconSprite && validIconName,
+          spriteId: useIconSprite && iconInContext,
           src: iconFromLibrary || directSrc || ICONS.noIcon,
           style: { fill: "currentColor", "*": { fill: "currentColor" } }
         };
@@ -12772,7 +12916,7 @@ var init_Icon = __esm({
         lineHeight: 1
       },
       Icon: {
-        props: ({ parent }) => ({ icon: parent.props.icon }),
+        props: (el) => ({ icon: el.call("exec", el.parent.props.icon, el.parent) }),
         if: ({ parent, props: props2 }) => {
           return parent.props.icon || parent.props.Icon || props2.name || props2.icon || props2.sfSymbols || parent.props.sfSymbols;
         }
@@ -12799,6 +12943,37 @@ var init_Icon = __esm({
         icon: "file"
       }
     };
+    getSemanticIcon = (el, s, ctx) => {
+      const { SEMANTIC_ICONS } = ctx && ctx.designSystem;
+      const { toCamelCase } = ctx && ctx.utils;
+      let iconName = getIconName(el, s);
+      const camelCase = toCamelCase(iconName);
+      const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
+      const semanticIconRootName = isArray5[1] ? isArray5[0] : iconName.split(".")[0].split(" ")[0];
+      const semanticIcon = SEMANTIC_ICONS && SEMANTIC_ICONS[semanticIconRootName];
+      if (semanticIcon) {
+        const iconKey = iconName.includes(".") ? "sfsymbols." + iconName.split(".").slice(1).join(".") : "sfsymbols";
+        iconName = semanticIcon[iconKey] || semanticIcon[iconName.split(".")[0].split(" ")[0]];
+        return {
+          tag: "span",
+          semantic_symbols: true,
+          width: "A",
+          height: "A",
+          lineHeight: "1em",
+          ":after": {
+            fontSize: "Z",
+            fontWeight: "300",
+            content: `"${iconName}"`,
+            textAlign: "center",
+            display: "inline-block",
+            style: {
+              color: "currentColor",
+              fontFamily: "'SF Pro Icons', 'SF Pro', 'SF Symbols', 'Segoe UI'"
+            }
+          }
+        };
+      }
+    };
   }
 });
 
@@ -16857,6 +17032,8 @@ var require_cjs7 = __commonJS({
           arraysEqual: () => arraysEqual,
           cutArrayAfterValue: () => cutArrayAfterValue,
           cutArrayBeforeValue: () => cutArrayBeforeValue,
+          filterArrays: () => filterArrays,
+          filterArraysFast: () => filterArraysFast,
           getFrequencyInArray: () => getFrequencyInArray,
           joinArrays: () => joinArrays,
           mergeAndCloneIfArray: () => mergeAndCloneIfArray,
@@ -16965,6 +17142,13 @@ var require_cjs7 = __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));
+        };
       }
     });
     var require_string3 = __commonJS2({
@@ -17154,9 +17338,11 @@ var require_cjs7 = __commonJS({
           diff: () => diff,
           diffArrays: () => diffArrays,
           diffObjects: () => diffObjects,
+          excludeKeysFromObject: () => excludeKeysFromObject,
           exec: () => exec7,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
+          isCyclic: () => isCyclic,
           isEmpty: () => isEmpty,
           isEmptyObject: () => isEmptyObject,
           isEqualDeep: () => isEqualDeep2,
@@ -17282,20 +17468,28 @@ var require_cjs7 = __commonJS({
           }
           return clone2;
         };
-        var deepCloneWithExtend2 = (obj, excludeFrom = ["node"], options = {}) => {
+        var deepCloneWithExtend2 = (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] = deepCloneWithExtend2(objProp, excludeFrom, options);
+              o[prop] = deepCloneWithExtend2(objProp, excludeFrom, options, visited);
             } else if ((0, import_types.isFunction)(objProp) && options.window) {
               o[prop] = (options.window || import_globals2.window).eval("(" + objProp.toString() + ")");
-            } else
+            } else {
               o[prop] = objProp;
+            }
           }
           return o;
         };
@@ -17472,7 +17666,7 @@ var require_cjs7 = __commonJS({
         };
         var stringToObject = (str, opts = { verbose: true }) => {
           try {
-            return import_globals2.window.eval("(" + str + ")");
+            return str ? import_globals2.window.eval("(" + str + ")") : {};
           } catch (e) {
             if (opts.verbose)
               console.warn(e);
@@ -17552,20 +17746,27 @@ var require_cjs7 = __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 overwriteShallow3 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
@@ -17575,23 +17776,26 @@ var require_cjs7 = __commonJS({
           }
           return obj;
         };
-        var overwriteDeep2 = (obj, params, excludeFrom = [], visited = /* @__PURE__ */ new WeakMap()) => {
+        var overwriteDeep2 = (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] = overwriteDeep2(objProp, paramsProp, excludeFrom, visited);
+              obj[e] = overwriteDeep2(objProp, paramsProp, opts, visited);
             } else if (paramsProp !== void 0) {
               obj[e] = paramsProp;
             }
@@ -17754,6 +17958,30 @@ var require_cjs7 = __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;
+        };
       }
     });
     var require_function3 = __commonJS2({
@@ -18163,6 +18391,8 @@ var require_cjs7 = __commonJS({
           return /^[a-z]*$/.test(firstCharKey);
         };
         var addAdditionalExtend2 = (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];
@@ -18170,8 +18400,23 @@ var require_cjs7 = __commonJS({
           return { ...element, extend };
         };
         var checkIfSugar = (element, parent, key) => {
-          const { extend, props: props2, childExtend, extends: extendProps, childrenExtends, childProps, children, on: on2, $collection, $stateCollection, $propsCollection } = element;
+          const {
+            extend,
+            props: props2,
+            childExtend,
+            extends: extendProps,
+            childrenExtends,
+            childProps,
+            children,
+            on: on2,
+            $collection,
+            $stateCollection,
+            $propsCollection
+          } = element;
           const hasComponentAttrs = extend || childExtend || props2 || on2 || $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) => {
@@ -18183,11 +18428,11 @@ var require_cjs7 = __commonJS({
           if (element === isExtendKeyComponent)
             return element;
           else if (isSugar) {
-            const newElem = {
+            const newElem = addAdditionalExtend2(element.extends, {
               extend: extendFromKey,
               tag,
               props: { ...element }
-            };
+            });
             if (childrenExtends)
               newElem.childExtend = childrenExtends;
             return newElem;
@@ -18694,7 +18939,7 @@ var require_utilImports = __commonJS({
     __export2(utilImports_exports, {
       applyCSS: () => import_init2.applyCSS,
       init: () => import_init2.init,
-      reInit: () => import_init2.reInit,
+      reinit: () => import_init2.reinit,
       scratchSystem: () => import_scratch12.scratchSystem,
       scratchUtils: () => import_scratch12.scratchUtils,
       set: () => import_scratch12.set
@@ -19470,30 +19715,35 @@ var require_create3 = __commonJS({
     var import_ignore = require_ignore2();
     var import_inherit = require_inherit2();
     var createPropsStack = (element, parent) => {
-      const { props: props2, __ref } = element;
-      const propsStack = __ref.__props = (0, import_inherit.inheritParentProps)(element, parent);
+      const { props: props2, __ref: ref } = element;
+      const propsStack = ref.__props = (0, import_inherit.inheritParentProps)(element, parent);
       if ((0, import_utils25.isObject)(props2))
         propsStack.push(props2);
       else if (props2 === "inherit" && parent.props)
         propsStack.push(parent.props);
       else if (props2)
         propsStack.push(props2);
-      if ((0, import_utils25.isArray)(__ref.__extend)) {
-        __ref.__extend.forEach((extend) => {
+      if ((0, import_utils25.isArray)(ref.__extend)) {
+        ref.__extend.forEach((extend) => {
           if (extend.props && extend.props !== props2)
             propsStack.push(extend.props);
         });
       }
-      __ref.__props = propsStack;
+      ref.__props = propsStack;
       return propsStack;
     };
-    var syncProps = (props2, element) => {
+    var syncProps = (props2, element, opts) => {
       element.props = {};
       const mergedProps = {};
       props2.forEach((v) => {
         if (import_ignore.IGNORE_PROPS_PARAMS.includes(v))
           return;
-        const execProps = (0, import_utils25.exec)(v, element);
+        let execProps;
+        try {
+          execProps = (0, import_utils25.exec)(v, element);
+        } catch (e) {
+          element.error(e, opts);
+        }
         element.props = (0, import_utils25.deepMerge)(
           mergedProps,
           (0, import_utils25.deepCloneWithExtend)(execProps, import_ignore.IGNORE_PROPS_PARAMS),
@@ -19505,15 +19755,15 @@ var require_create3 = __commonJS({
       Object.setPrototypeOf(element.props, methods);
       return element.props;
     };
-    var createProps = function(element, parent, cached) {
+    var createProps = function(element, parent, options) {
       const { __ref: ref } = element;
       const applyProps = () => {
-        const propsStack = cached || createPropsStack(element, parent);
+        const propsStack = options.cachedProps || createPropsStack(element, parent);
         if (propsStack.length) {
           ref.__props = propsStack;
           syncProps(propsStack, element);
         } else {
-          ref.__props = cached || [];
+          ref.__props = options.cachedProps || [];
           element.props = {};
         }
       };
@@ -19524,7 +19774,7 @@ var require_create3 = __commonJS({
           applyProps();
         } catch {
           element.props = {};
-          ref.__props = cached || [];
+          ref.__props = options.cachedProps || [];
         }
       }
       const methods = { update: update.bind(element.props), __element: element };
@@ -20554,8 +20804,8 @@ var require_data = __commonJS({
     var import_report = require_cjs3();
     var data_default = (params, element, node3) => {
       if (params) {
-        if (element.props.attr)
-          (0, import_utils25.deepMerge)(params, element.props.attr);
+        if (element.props.data)
+          (0, import_utils25.deepMerge)(params, element.props.data);
         if (params.showOnNode) {
           if (!(0, import_utils25.isObject)(params))
             (0, import_report.report)("HTMLInvalidData", params);
@@ -20988,6 +21238,7 @@ var require_methods2 = __commonJS({
     __export2(methods_exports, {
       METHODS: () => METHODS,
       defineSetter: () => defineSetter,
+      error: () => error,
       get: () => get,
       isMethod: () => isMethod,
       keys: () => keys,
@@ -21003,13 +21254,16 @@ var require_methods2 = __commonJS({
       setNodeStyles: () => setNodeStyles,
       setProps: () => setProps,
       spotByPath: () => spotByPath,
-      variables: () => variables
+      variables: () => variables,
+      verbose: () => verbose,
+      warn: () => warn
     });
     module2.exports = __toCommonJS2(methods_exports);
     var import_utils25 = require_cjs();
     var import_tree = require_tree();
     var import_mixins = require_mixins();
-    var spotByPath = function(path) {
+    var ENV2 = "development";
+    function spotByPath(path) {
       const element = this;
       const arr = [].concat(path);
       let active = import_tree.TREE[arr[0]];
@@ -21024,8 +21278,8 @@ var require_methods2 = __commonJS({
           return;
       }
       return active;
-    };
-    var lookup3 = function(param) {
+    }
+    function lookup3(param) {
       const el = this;
       let { parent } = el;
       if ((0, import_utils25.isFunction)(param)) {
@@ -21046,8 +21300,8 @@ var require_methods2 = __commonJS({
           return;
       }
       return parent;
-    };
-    var lookdown = function(param) {
+    }
+    function lookdown(param) {
       var _a;
       const el = this;
       const { __ref: ref } = el;
@@ -21067,9 +21321,8 @@ var require_methods2 = __commonJS({
         if (lookdown2)
           return lookdown2;
       }
-      return null;
-    };
-    var lookdownAll = function(param, results = []) {
+    }
+    function lookdownAll(param, results = []) {
       var _a;
       const el = this;
       const { __ref: ref } = el;
@@ -21086,9 +21339,9 @@ var require_methods2 = __commonJS({
         }
         (_a = childElem == null ? void 0 : childElem.lookdownAll) == null ? void 0 : _a.call(childElem, param, results);
       }
-      return results.length ? results : null;
-    };
-    var setNodeStyles = function(params = {}) {
+      return results.length ? results : void 0;
+    }
+    function setNodeStyles(params = {}) {
       var _a;
       const el = this;
       if (!((_a = el.node) == null ? void 0 : _a.style))
@@ -21102,8 +21355,8 @@ var require_methods2 = __commonJS({
           el.node.style[param] = value2;
       }
       return el;
-    };
-    var remove = function() {
+    }
+    function remove() {
       const element = this;
       if ((0, import_utils25.isFunction)(element.node.remove))
         element.node.remove();
@@ -21114,31 +21367,31 @@ var require_methods2 = __commonJS({
       delete element.parent[element.key];
       if (element.parent.__ref)
         element.parent.__ref.__children = (0, import_utils25.removeValueFromArray)(element.parent.__ref.__children, element.key);
-    };
-    var get = function(param) {
+    }
+    function get(param) {
       const element = this;
       return element[param];
-    };
-    var setProps = function(param, options) {
+    }
+    function setProps(param, options) {
       const element = this;
       if (!param || !element.props)
         return;
       element.update({ props: param }, options);
       return element;
-    };
+    }
     var defineSetter = (element, key, get2, set2) => Object.defineProperty(element, key, { get: get2, set: set2 });
-    var keys = function() {
+    function keys() {
       const element = this;
       const keys2 = [];
       for (const param in element) {
-        if (import_mixins.registry[param] && !import_mixins.parseFilters.elementKeys.includes(param)) {
+        if (import_mixins.registry[param] && !import_mixins.parseFilters.elementKeys.includes(param) || Object.hasOwnProperty.call(element, param)) {
           continue;
         }
         keys2.push(param);
       }
       return keys2;
-    };
-    var parse4 = function(excl = []) {
+    }
+    function parse4(excl = []) {
       const element = this;
       const obj = {};
       const keyList = keys.call(element);
@@ -21158,12 +21411,12 @@ var require_methods2 = __commonJS({
         } else if (v === "props") {
           const { __element, update, ...props2 } = element[v];
           obj[v] = props2;
-        } else if ((0, import_utils25.isDefined)(val))
+        } else if ((0, import_utils25.isDefined)(val) && Object.hasOwnProperty.call(element, v))
           obj[v] = val;
       });
       return obj;
-    };
-    var parseDeep = function(excl = []) {
+    }
+    function parseDeep(excl = []) {
       const element = this;
       const obj = parse4.call(element, excl);
       for (const v in obj) {
@@ -21174,32 +21427,52 @@ var require_methods2 = __commonJS({
         }
       }
       return obj;
-    };
-    var log = function(...args) {
+    }
+    function verbose(...args) {
+      if (ENV2 !== "test" && ENV2 !== "development")
+        return;
       const element = this;
-      const { __ref } = element;
-      console.group(element.key);
+      const { __ref: ref } = element;
+      console.groupCollapsed(element.key);
       if (args.length) {
         args.forEach((v) => console.log(`%c${v}:
 `, "font-weight: bold", element[v]));
       } else {
-        console.log(__ref.path);
+        console.log(ref.path);
         const keys2 = element.keys();
         keys2.forEach((v) => console.log(`%c${v}:
 `, "font-weight: bold", element[v]));
       }
       console.groupEnd(element.key);
       return element;
-    };
-    var nextElement = function() {
+    }
+    function log(...params) {
+      if (ENV2 === "test" || ENV2 === "development") {
+        console.log(...params);
+      }
+    }
+    function warn(...params) {
+      if (ENV2 === "test" || ENV2 === "development") {
+        console.warn(...params);
+      }
+    }
+    function error(...params) {
+      var _a;
+      if (ENV2 === "test" || ENV2 === "development") {
+        if ((_a = params[params.length - 1]) == null ? void 0 : _a.debugger)
+          debugger;
+        console.error(...params);
+      }
+    }
+    function nextElement() {
       const element = this;
       const { key, parent } = element;
       const { __children } = parent.__ref;
       const currentIndex = __children.indexOf(key);
       const nextChild = __children[currentIndex + 1];
       return parent[nextChild];
-    };
-    var previousElement = function(el) {
+    }
+    function previousElement(el) {
       const element = el || this;
       const { key, parent } = element;
       const { __children } = parent.__ref;
@@ -21207,8 +21480,8 @@ var require_methods2 = __commonJS({
         return;
       const currentIndex = __children.indexOf(key);
       return parent[__children[currentIndex - 1]];
-    };
-    var variables = function(obj = {}) {
+    }
+    function variables(obj = {}) {
       const element = this;
       if (!element.data)
         element.data = {};
@@ -21242,7 +21515,7 @@ var require_methods2 = __commonJS({
           }, timeout);
         }
       };
-    };
+    }
     var METHODS = [
       "set",
       "reset",
@@ -21262,13 +21535,16 @@ var require_methods2 = __commonJS({
       "variables",
       "if",
       "log",
+      "verbose",
+      "warn",
+      "error",
       "nextElement",
       "previousElement"
     ];
-    var isMethod = function(param, element) {
+    function isMethod(param, element) {
       var _a, _b;
       return METHODS.includes(param) || ((_b = (_a = element == null ? void 0 : element.context) == null ? void 0 : _a.methods) == null ? void 0 : _b[param]);
-    };
+    }
   }
 });
 
@@ -21698,7 +21974,7 @@ var require_update2 = __commonJS({
         if (beforeUpdateReturns === false)
           return element;
       }
-      (0, import_utils25.overwriteDeep)(element, params, import_utils26.METHODS_EXL);
+      (0, import_utils25.overwriteDeep)(element, params, { exclude: import_utils26.METHODS_EXL });
       (0, import_iterate.throughExecProps)(element);
       (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
       (0, import_iterate.throughUpdatedDefine)(element);
@@ -21917,7 +22193,7 @@ var require_set2 = __commonJS({
     var import_update = __toESM2(require_update2(), 1);
     var import__ = require_methods2();
     var import_content = require_content();
-    var addMethods = (element, parent, options) => {
+    var addMethods = (element, parent, options = {}) => {
       const proto = {
         set: import_set.default,
         reset: import_set.reset,
@@ -21936,12 +22212,14 @@ var require_set2 = __commonJS({
         parseDeep: import__.parseDeep,
         keys: import__.keys,
         nextElement: import__.nextElement,
-        previousElement: import__.previousElement
+        previousElement: import__.previousElement,
+        log: import__.log,
+        verbose: import__.verbose,
+        warn: import__.warn,
+        error: import__.error
       };
       if (element.context.methods)
-        (0, import_utils25.merge)(proto, element.context.methods);
-      if ((0, import_utils25.isDevelopment)())
-        proto.log = import__.log;
+        (options.strict ? import_utils25.merge : import_utils25.overwrite)(proto, element.context.methods);
       Object.setPrototypeOf(element, proto);
     };
   }
@@ -22020,13 +22298,13 @@ var require_create4 = __commonJS({
       }
       switchDefaultOptions(element, parent, options);
       addCaching(element, parent);
-      (0, import_set.addMethods)(element, parent);
+      (0, import_set.addMethods)(element, parent, options);
       createScope(element, parent);
       (0, import_state2.createState)(element, parent);
       if (element.scope === "state")
         element.scope = element.state;
       createIfConditionFlag(element, parent);
-      (0, import_props.createProps)(element, parent);
+      (0, import_props.createProps)(element, parent, options);
       if (element.scope === "props" || element.scope === true)
         element.scope = element.props;
       createIfConditionFlag(element, parent);
@@ -22121,7 +22399,7 @@ var require_create4 = __commonJS({
     };
     var visitedElements = /* @__PURE__ */ new WeakMap();
     var renderElement = (element, parent, options, attachOptions) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       if (visitedElements.has(element)) {
         if (ENV2 === "test" || ENV2 === "development")
           console.warn("Cyclic rendering detected:", element.__ref.path);
@@ -22142,9 +22420,13 @@ var require_create4 = __commonJS({
           if (path.includes("demoComponent"))
             path.splice(0, path.indexOf("demoComponent") + 1);
           const isDemoComponent = (_b = (_a = element.lookup((el) => el.state.key)) == null ? void 0 : _a.state) == null ? void 0 : _b.key;
-          console.warn("Error happened in:", isDemoComponent ? isDemoComponent + " " : "" + path.join("."));
-          console.warn(element);
-          console.error(e);
+          element.warn("Error happened in:", isDemoComponent ? isDemoComponent + " " : "" + path.join("."));
+          element.verbose();
+          element.error(e, options);
+          if ((_c = element.on) == null ? void 0 : _c.error)
+            element.on.error(e, element, element.state, element.context, options);
+          if ((_d = element.props) == null ? void 0 : _d.onError)
+            element.props.onError(e, element, element.state, element.context, options);
         }
       }
       if (!ref.__if) {
@@ -22225,13 +22507,13 @@ var require_create4 = __commonJS({
       const { __ref: ref } = element;
       if (!ref.__skipCreate) {
         addCaching(element, parent);
-        (0, import_set.addMethods)(element, parent);
+        (0, import_set.addMethods)(element, parent, options);
         createScope(element, parent);
         (0, import_state2.createState)(element, parent);
         if (element.scope === "state")
           element.scope = element.state;
         createIfConditionFlag(element, parent);
-        (0, import_props.createProps)(element, parent);
+        (0, import_props.createProps)(element, parent, options);
         if (element.scope === "props" || element.scope === true)
           element.scope = element.props;
         if (element.node && ref.__if) {
@@ -30060,7 +30342,7 @@ __export(smbls_exports, {
   getSystemGlobalTheme: () => getSystemGlobalTheme,
   init: () => init,
   keySetters: () => keySetters,
-  reInit: () => reInit,
+  reinit: () => reinit,
   setClass: () => setClass,
   updateVars: () => updateVars
 });