lilact 0.26.10 → 0.26.11

package/dist/lilact.development.js

@@ -589,11 +589,11 @@ var length = 0;
 var position = 0;
 var character = 0;
 var characters = "";
-function node2(value, root, parent, type, props2, children, length2) {
-  return { value, root, parent, type, props: props2, children, line, column, length: length2, return: "" };
+function node2(value, root, parent, type, props, children, length2) {
+  return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
 }
-function copy(root, props2) {
-  return assign(node2("", null, null, "", null, null, 0), root, { length: -root.length }, props2);
+function copy(root, props) {
+  return assign(node2("", null, null, "", null, null, 0), root, { length: -root.length }, props);
 }
 function char() {
   return character;
@@ -734,7 +734,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
   var ampersand = 1;
   var character2 = 0;
   var type = "";
-  var props2 = rules;
+  var props = rules;
   var children = rulesets;
   var reference = rule;
   var characters2 = type;
@@ -798,10 +798,10 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
             characters2 += ";";
           // { rule/at-rule
           default:
-            append(reference = ruleset(characters2, root, parent, index2, offset, rules, points, type, props2 = [], children = [], length2), rulesets);
+            append(reference = ruleset(characters2, root, parent, index2, offset, rules, points, type, props = [], children = [], length2), rulesets);
             if (character2 === 123)
               if (offset === 0)
-                parse(characters2, root, reference, reference, props2, rulesets, length2, points, children);
+                parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
               else
                 switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
                   // d l m s
@@ -809,7 +809,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
                   case 108:
                   case 109:
                   case 115:
-                    parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props2 = [], length2), children), rules, children, length2, points, rule ? props2 : children);
+                    parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
                     break;
                   default:
                     parse(characters2, reference, reference, reference, [""], children, 0, points, children);
@@ -850,15 +850,15 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
     }
   return rulesets;
 }
-function ruleset(value, root, parent, index2, offset, rules, points, type, props2, children, length2) {
+function ruleset(value, root, parent, index2, offset, rules, points, type, props, children, length2) {
   var post = offset - 1;
   var rule = offset === 0 ? rules : [""];
   var size = sizeof(rule);
   for (var i2 = 0, j = 0, k = 0; i2 < index2; ++i2)
     for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i2])), z = value; x < size; ++x)
       if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
-        props2[k++] = z;
-  return node2(value, root, parent, offset === 0 ? RULESET : type, props2, children, length2);
+        props[k++] = z;
+  return node2(value, root, parent, offset === 0 ? RULESET : type, props, children, length2);
 }
 function comment(value, root, parent) {
   return node2(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
@@ -1919,8 +1919,8 @@ var Children = {
   }
 };
 var forwardRef = (render2) => {
-  const forwarded = function(props2, ref) {
-    return render2({ ...props2, ref: void 0 }, ref);
+  const forwarded = function(props, ref) {
+    return render2({ ...props, ref: void 0 }, ref);
   };
   forwarded.displayName = "Forwarded " + render2.displayName;
   return forwarded;
@@ -2036,8 +2036,8 @@ function isValidElementType(x) {
   return typeof x === "function" || typeof x === "string";
 }
 function createPrimitiveValidator(typeCheck) {
-  const validator = function validate(props2, propName, componentName, location, propFullName, secret) {
-    const value = props2[propName];
+  const validator = function validate(props, propName, componentName, location, propFullName, secret) {
+    const value = props[propName];
     if (isNullOrUndefined(value)) return null;
     if (typeCheck(value)) return null;
     const expected = typeCheck.expectedType || "the correct type";
@@ -2046,21 +2046,21 @@ function createPrimitiveValidator(typeCheck) {
       `Invalid ${location} \`${propFullName}\` of type \`${actual}\` supplied to \`${formatComponentName(componentName)}\`, expected \`${expected}\`.`
     );
   };
-  validator.isRequired = function validateRequired(props2, propName, componentName, location, propFullName) {
-    const value = props2[propName];
+  validator.isRequired = function validateRequired(props, propName, componentName, location, propFullName) {
+    const value = props[propName];
     if (isNullOrUndefined(value)) {
       return new Error(
         `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${value}\`.`
       );
     }
-    return validator(props2, propName, componentName, location, propFullName);
+    return validator(props, propName, componentName, location, propFullName);
   };
   return validator;
 }
 function createPropTypes() {
   const PropTypes2 = {};
   PropTypes2.any = (function() {
-    const v = function validateAny(props2, propName, componentName, location, propFullName) {
+    const v = function validateAny(props, propName, componentName, location, propFullName) {
       return null;
     };
     v.isRequired = function validateAnyRequired() {
@@ -2092,8 +2092,8 @@ function createPropTypes() {
   PropTypes2.elementType.expectedType = "elementType";
   PropTypes2.oneOf = function oneOf(values) {
     const allowed = Array.isArray(values) ? values : [];
-    const validator = function validateOneOf(props2, propName, componentName, location, propFullName) {
-      const value = props2[propName];
+    const validator = function validateOneOf(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
       if (isNullOrUndefined(value)) return null;
       for (let i2 = 0; i2 < allowed.length; i2++) {
         if (value === allowed[i2]) return null;
@@ -2103,43 +2103,43 @@ function createPropTypes() {
         `Invalid ${location} \`${propFullName}\` of value \`${String(value)}\` supplied to \`${formatComponentName(componentName)}\`, expected one of [${allowed.map(String).join(", ")}] (received type \`${actual}\`).`
       );
     };
-    validator.isRequired = function validateOneOfRequired(props2, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props2[propName])) {
+    validator.isRequired = function validateOneOfRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
         return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props2[propName]}\`.`
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
         );
       }
-      return validator(props2, propName, componentName, location, propFullName);
+      return validator(props, propName, componentName, location, propFullName);
     };
     return validator;
   };
   PropTypes2.oneOfType = function oneOfType(validators) {
     const vlist = validators || [];
-    const validator = function validateOneOfType(props2, propName, componentName, location, propFullName) {
-      const value = props2[propName];
+    const validator = function validateOneOfType(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
       if (isNullOrUndefined(value)) return null;
       for (let i2 = 0; i2 < vlist.length; i2++) {
-        const err = vlist[i2](props2, propName, componentName, location, propFullName);
+        const err = vlist[i2](props, propName, componentName, location, propFullName);
         if (err === null) return null;
       }
       return new Error(
         `Invalid ${location} \`${propFullName}\` supplied to \`${formatComponentName(componentName)}\` (none of the allowed types matched).`
       );
     };
-    validator.isRequired = function validateOneOfTypeRequired(props2, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props2[propName])) {
+    validator.isRequired = function validateOneOfTypeRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
         return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props2[propName]}\`.`
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
         );
       }
-      return validator(props2, propName, componentName, location, propFullName);
+      return validator(props, propName, componentName, location, propFullName);
     };
     return validator;
   };
   PropTypes2.arrayOf = function arrayOf(innerValidator) {
     const inner = innerValidator;
-    const validator = function validateArrayOf(props2, propName, componentName, location, propFullName) {
-      const value = props2[propName];
+    const validator = function validateArrayOf(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
       if (isNullOrUndefined(value)) return null;
       if (!Array.isArray(value)) {
         return new Error(
@@ -2159,20 +2159,20 @@ function createPropTypes() {
       }
       return null;
     };
-    validator.isRequired = function validateArrayOfRequired(props2, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props2[propName])) {
+    validator.isRequired = function validateArrayOfRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
         return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props2[propName]}\`.`
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
         );
       }
-      return validator(props2, propName, componentName, location, propFullName);
+      return validator(props, propName, componentName, location, propFullName);
     };
     return validator;
   };
   PropTypes2.objectOf = function objectOf(innerValidator) {
     const inner = innerValidator;
-    const validator = function validateObjectOf(props2, propName, componentName, location, propFullName) {
-      const value = props2[propName];
+    const validator = function validateObjectOf(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
       if (isNullOrUndefined(value)) return null;
       if (typeof value !== "object" || value === null || Array.isArray(value)) {
         return new Error(
@@ -2194,20 +2194,20 @@ function createPropTypes() {
       }
       return null;
     };
-    validator.isRequired = function validateObjectOfRequired(props2, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props2[propName])) {
+    validator.isRequired = function validateObjectOfRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
         return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props2[propName]}\`.`
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
         );
       }
-      return validator(props2, propName, componentName, location, propFullName);
+      return validator(props, propName, componentName, location, propFullName);
     };
     return validator;
   };
   function makeShapeValidator(spec, { exact }) {
     const keys = spec ? Object.keys(spec) : [];
-    const validator = function validateShapeLike(props2, propName, componentName, location, propFullName) {
-      const value = props2[propName];
+    const validator = function validateShapeLike(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
       const propIsMissing = isNullOrUndefined(value);
       if (propIsMissing) return null;
       if (typeof value !== "object" || value === null || Array.isArray(value)) {
@@ -2254,13 +2254,13 @@ function createPropTypes() {
       }
       return null;
     };
-    validator.isRequired = function validateShapeLikeRequired(props2, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props2[propName])) {
+    validator.isRequired = function validateShapeLikeRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
         return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props2[propName]}\`.`
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
         );
       }
-      return validator(props2, propName, componentName, location, propFullName);
+      return validator(props, propName, componentName, location, propFullName);
     };
     return validator;
   }
@@ -2271,21 +2271,21 @@ function createPropTypes() {
     return makeShapeValidator(spec, { exact: true });
   };
   PropTypes2.instanceOf = function instanceOf(ClassOrConstructor) {
-    const validator = function validateInstanceOf(props2, propName, componentName, location, propFullName) {
-      const value = props2[propName];
+    const validator = function validateInstanceOf(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
       if (isNullOrUndefined(value)) return null;
       if (value instanceof ClassOrConstructor) return null;
       return new Error(
         `Invalid ${location} \`${propFullName}\` supplied to \`${formatComponentName(componentName)}\`: expected instance of \`${defaultGetDisplayName(ClassOrConstructor)}\`.`
       );
     };
-    validator.isRequired = function validateInstanceOfRequired(props2, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props2[propName])) {
+    validator.isRequired = function validateInstanceOfRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
         return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props2[propName]}\`.`
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
         );
       }
-      return validator(props2, propName, componentName, location, propFullName);
+      return validator(props, propName, componentName, location, propFullName);
     };
     return validator;
   };
@@ -2402,7 +2402,7 @@ var ComponentCache = class {
   }
 };
 var ComponentCore = class {
-  constructor(comp, props2) {
+  constructor(comp, props) {
     /* 
     
     	// these are commented so they are not allocated by default. i just wanted to keep a list.
@@ -2431,7 +2431,7 @@ var ComponentCore = class {
     __publicField(this, "component");
     __publicField(this, "props");
     this.component = comp;
-    this.props = props2 || {};
+    this.props = props || {};
   }
   /*
   */
@@ -2884,16 +2884,16 @@ function processEffects() {
     for (const pe of _passive_effects) pe();
   });
 }
-var generateComponentKey = (entity, props2) => {
+var generateComponentKey = (entity, props) => {
   let key;
-  if (props2.key !== void 0) {
+  if (props.key !== void 0) {
     key = /*':k:'+*/
-    props2.key;
-  } else if (props2.id !== void 0) {
-    key = ":i:" + props2.id;
-  } else if (props2.path !== void 0) {
-    key = ":p:" + props2.path;
-  } else if (props2[TEXT2] !== void 0) {
+    props.key;
+  } else if (props.id !== void 0) {
+    key = ":i:" + props.id;
+  } else if (props.path !== void 0) {
+    key = ":p:" + props.path;
+  } else if (props[TEXT2] !== void 0) {
     key = ":text:";
   } else {
     if (typeof entity === "string") {
@@ -2903,10 +2903,10 @@ var generateComponentKey = (entity, props2) => {
     } else {
       key = "::";
     }
-    if (props2.name !== void 0) {
-      key = key + ":" + props2.name;
-    } else if (props2.path !== void 0) {
-      key = key + ":" + props2.path;
+    if (props.name !== void 0) {
+      key = key + ":" + props.name;
+    } else if (props.path !== void 0) {
+      key = key + ":" + props.path;
     }
   }
   return key;
@@ -2995,8 +2995,8 @@ var Component = class {
     if (typeof this[CORE].entity === "function") return this[CORE].entity.name;
     return "Component";
   }
-  constructor(props2) {
-    this[CORE] = new ComponentCore(this, props2);
+  constructor(props) {
+    this[CORE] = new ComponentCore(this, props);
   }
   /**
   * Force the component to re-render even if no state/props change.
@@ -3045,8 +3045,8 @@ var Component = class {
   	*/
 };
 var HTMLComponent = class extends Component {
-  constructor(entity, props2) {
-    super(props2);
+  constructor(entity, props) {
+    super(props);
     this[CORE].entity = entity;
     if (entity === "svg") {
       this[CORE].is_svg = true;
@@ -3057,20 +3057,20 @@ var HTMLComponent = class extends Component {
   }
 };
 var RootComponent = class extends HTMLComponent {
-  constructor(element, props2) {
-    super(":root:", props2);
+  constructor(element, props) {
+    super(":root:", props);
     __publicField(this, "displayName", "Root");
     if (typeof this.element === "string") {
       element = document.querySelector(element);
     }
     this[CORE].element = element;
-    for (const ch2 of props2.children) {
+    for (const ch2 of props.children) {
       if (ch2[CORE]) ch2[CORE].container = this[CORE];
       else ch2.container = this[CORE];
     }
   }
 };
-function createComponent2(entity, props2 = {}, ...children) {
+function createComponent2(entity, props = {}, ...children) {
   if (typeof entity !== "string" && typeof entity !== "function") {
     if (typeof entity !== "object" || !entity[MEMOIZED]) {
       throw new Error("Invalid entity for createComponent.");
@@ -3092,9 +3092,9 @@ function createComponent2(entity, props2 = {}, ...children) {
       children[i2] = ch2;
     }
   }
-  props2.key = generateComponentKey(entity, props2);
-  props2.children = children;
-  return { entity, props: props2, [CORE]: null };
+  props.key = generateComponentKey(entity, props);
+  props.children = children;
+  return { entity, props, [CORE]: null };
 }
 function createRoot(element) {
   let root;
@@ -3121,8 +3121,8 @@ function createPortal(children, element) {
   return createComponent2(lilact_default.Portal, { "view": element }, children);
 }
 function cloneComponent(component, propsPatch, ...children) {
-  const cc = { entity: component.entity, props: { ...component.props, ...propsPatch, children: children || props.children }, [CORE]: null };
-  if (children.length) {
+  const cc = { entity: component.entity, props: { ...component.props, ...propsPatch }, [CORE]: null };
+  if (children == null ? void 0 : children.length) {
     cc.props.children = children;
   }
   return cc;
@@ -3751,11 +3751,11 @@ function lazy(factory) {
   } else {
     status = "success";
   }
-  function LazyComponent(props2) {
+  function LazyComponent(props) {
     if (status === "pending") throw result;
     if (status === "error") throw result;
     const Component2 = result;
-    return createComponent(Component2, { ...props2 });
+    return createComponent(Component2, { ...props });
   }
   return LazyComponent;
 }
@@ -4396,11 +4396,11 @@ function useSelector(selector, equalityFn = (a, b2) => a === b2) {
 function connect(mapStateToProps, mapDispatchToProps) {
   const shouldSubscribe = Boolean(mapStateToProps);
   return function wrapWithConnect(WrappedComponent) {
-    function ConnectedComponent(props2) {
+    function ConnectedComponent(props) {
       const store = useStore();
       let dispatchProps = { dispatch: store.dispatch };
       if (typeof mapDispatchToProps === "function") {
-        dispatchProps = mapDispatchToProps(store.dispatch, props2);
+        dispatchProps = mapDispatchToProps(store.dispatch, props);
       } else if (typeof mapDispatchToProps === "object" && mapDispatchToProps !== null) {
         dispatchProps = {};
         const dispatch = store.dispatch;
@@ -4411,10 +4411,10 @@ function connect(mapStateToProps, mapDispatchToProps) {
       }
       let stateProps = {};
       if (mapStateToProps) {
-        const selector = (state) => mapStateToProps(state, props2);
+        const selector = (state) => mapStateToProps(state, props);
         stateProps = useSelector(selector, shallowEqual) || {};
       }
-      const mergedProps = { ...props2, ...stateProps, ...dispatchProps };
+      const mergedProps = { ...props, ...stateProps, ...dispatchProps };
       return createComponent(WrappedComponent, { ...mergedProps });
     }
     return ConnectedComponent;
@@ -4848,8 +4848,8 @@ var ErrorBoundary = class extends Component {
   }
 };
 var Suspense = class extends Component {
-  constructor(props2) {
-    super(props2);
+  constructor(props) {
+    super(props);
     __publicField(this, "displayName", "Suspense");
     this.state = { showingFallback: false };
     this._pending = /* @__PURE__ */ new Set();