lilact 0.31.7 → 0.31.9

package/dist/lilact.development.js

@@ -1709,6 +1709,7 @@ __export(symbols_exports, {
   CALLBACK: () => CALLBACK,
   CHILD_CLASS_ADDENDUM: () => CHILD_CLASS_ADDENDUM,
   CLEARED: () => CLEARED,
+  CLONED_STYLE: () => CLONED_STYLE,
   COMPONENT: () => COMPONENT,
   CORE: () => CORE,
   DUE: () => DUE,
@@ -1731,6 +1732,7 @@ var [
   CHILD_CLASS_ADDENDUM,
   MEMOIZED,
   LAZY,
+  CLONED_STYLE,
   DUE,
   REPEAT,
   CLEARED,
@@ -1747,6 +1749,7 @@ var [
   /* @__PURE__ */ Symbol.for("LILACT:CHILD_CLASS_ADDENDUM"),
   /* @__PURE__ */ Symbol.for("LILACT:MEMOIZED"),
   /* @__PURE__ */ Symbol.for("LILACT:LAZY"),
+  /* @__PURE__ */ Symbol.for("LILACT:CLONED_STYLE"),
   /* @__PURE__ */ Symbol.for("LILACT:TIMERS:DUE"),
   /* @__PURE__ */ Symbol.for("LILACT:TIMERS:REPEAT"),
   /* @__PURE__ */ Symbol.for("LILACT:TIMERS:CLEARED"),
@@ -1936,7 +1939,6 @@ function getComponentUnderPointer() {
   });
   const overlay = document.createElement("div");
   overlay.style.cssText = "position:fixed;inset:0;z-index:2147483647;cursor:crosshair;background:transparent;";
-  document.body.appendChild(overlay);
   function click_handler(event) {
     event.stopImmediatePropagation();
     window.removeEventListener("click", click_handler, true);
@@ -1949,7 +1951,10 @@ function getComponentUnderPointer() {
     resolve_func(t[COMPONENT]);
     return false;
   }
-  window.addEventListener("click", click_handler, true);
+  setTimeout(() => {
+    document.body.appendChild(overlay);
+    window.addEventListener("click", click_handler, true);
+  }, 50);
   return pr;
 }
 function isEmpty(value) {
@@ -2543,7 +2548,7 @@ var ComponentCache = class {
         if (ex.cleanup) {
           ex.cleanup();
         } else if (ex.element && !ex.portal) {
-          ex.element.parentElement.removeChild(ex.element);
+          ex.element.parentElement?.removeChild?.(ex.element);
         }
       });
     });
@@ -2610,6 +2615,9 @@ var ComponentCore = class {
             ...next_props || {}
           };
         }
+        if (next_props?.style && typeof next_props.style === "object" && !next_props.style[CLONED_STYLE]) {
+          next_props.style = { ...next_props.style, [CLONED_STYLE]: true };
+        }
         if (this?.parent?.component?.context || this?.parent?.component?.getChildContext) {
           this.context = { ...this.parent.component.context, ...this.parent.component.getChildContext?.() };
           if (this.component.constructor.contextTypes) {
@@ -2717,7 +2725,7 @@ var ComponentCore = class {
         if (typeof this.props.ref === "function") {
           this.props.ref(null);
         } else {
-          this.props.current = null;
+          this.props.ref.current = null;
         }
       }
       if (this.component.componentWillUnmount) {
@@ -2811,7 +2819,7 @@ var ComponentCore = class {
                 this.element.style = "";
               } else {
                 for (let p in this.props.style) {
-                  if (!patch.style.hasOwnProperty(p)) {
+                  if (p !== CLONED_STYLE && !patch?.style?.hasOwnProperty?.(p)) {
                     this.element.style[p] = "";
                   }
                 }
@@ -2833,7 +2841,7 @@ var ComponentCore = class {
           }
         } else if (a === "autoFocus") {
           this.element["autofocus"] = toBool(patch[a]);
-        } else if (a === "htmlFor") {
+        } else if (a === "htmlFor" || a === "for") {
           this.element.setAttribute("for", patch[a]);
         } else if (al !== "value" || ["input", "textarea", "select"].indexOf(this.entity) === -1) {
           this.element.setAttribute(al, patch[a]);
@@ -3719,8 +3727,7 @@ function useActionState(action, initialState) {
         async () => {
           const form_data = new FormData(event.target, event.submitter);
           hk.state = await action(hk.state, form_data);
-        },
-        []
+        }
       );
       return false;
     };
@@ -7213,14 +7220,15 @@ if (true) {
   });
 }
 if (true) {
-  console.log(`Lilact (Version: ${Lilact2.VERSION}) - Debug Mode`);
-  console.log(`Copyright(C) 2024-2026 Arash Kazemi <contact.arash.kazemi@gmail.com>`);
+  console.info(`Lilact (Version: ${Lilact2.VERSION}) - Debug Mode`);
+  console.info(`Copyright(C) 2024-2026 Arash Kazemi <contact.arash.kazemi@gmail.com>`);
 }
 export {
   ARGS,
   CALLBACK,
   CHILD_CLASS_ADDENDUM,
   CLEARED,
+  CLONED_STYLE,
   COMPONENT,
   CORE,
   CSSTransition,