pawajs 1.4.35 → 1.4.36

package/index.js

@@ -320,6 +320,7 @@ RegisterComponent.lazy=async(...args)=>{
             if (components.has(name.toUpperCase())) return
             if (typeof name === 'string' && typeof component === 'function') {
                 if (isServer()) {
+                    lazyComponents.set(name.toUpperCase(), {name,component});
                    const compo=await component()
                    if (compo[name]) {
                        components.set(name.toUpperCase(),compo[name]) 
@@ -602,6 +603,20 @@ export const useInsert = (obj = {}) => {
     }
 }
 const createDeepProxy = (target, callback) => {
+    // Skip proxies for DOM objects and native objects that don't work well with proxies
+    if (target instanceof FileList) return target
+    if (target instanceof File) return target
+    if (target instanceof Blob) return target
+    if (target instanceof FormData) return target
+    if (target instanceof Date) return target
+    if (target instanceof RegExp) return target
+    
+    // Also skip if it's already a proxy
+    if (target && target._isPawaProxy) return target
+    
+    // Also skip if it's a DOM element
+    if (target && target.nodeType && typeof target === 'object') return target
+    
     return new Proxy(target, {
         get(target, property) {
             const value = target[property];
@@ -1067,7 +1082,7 @@ const directives = {
     'for-each': For,
     else:(el)=>{el._running =true},
     case:(el)=>{el._running =true},
-    default:(el)=>{el._running =true},
+    "s-default":(el)=>{el._running =true},
     'else-if':(el)=>{el._running =true},
     mount: mountElement,
     unmount: unMountElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pawajs",
-  "version": "1.4.35",
+  "version": "1.4.36",
   "type":"module",
   "description": "pawajs library (reactive web runtime) for easily building web ui, enhancing html element, micro frontend etc ",
   "main": "index.js",

package/pawaElement.js

@@ -51,9 +51,9 @@ export class PawaElement {
     return Array.from(this._el.children)
   }
   checkLazy(){
-    if (lazyComponents.has(this._el.tagName)) {
+    if (lazyComponents.has(splitAndAdd(this._el.tagName))) {
       this._lazy=true
-      if (!lazyComponentElement.has(this._el.tagName)) {
+      if (!lazyComponentElement.has(splitAndAdd(this._el.tagName))) {
         createIntersectionObserver(this._el)
       }
     }

package/power.js

@@ -222,7 +222,7 @@ export const Switch = (el, attr, stateContext,resume=false,notRender,stopResume)
                                 chainMap.set(nextSibling.getAttribute('case'),{condition:'case',element:nextSibling})
                                 getChained(nextSibling.nextElementSibling)
                                 nextSibling.remove()
-                            }else if (nextSibling.getAttribute('default') === '') {
+                            }else if (nextSibling.getAttribute('s-default') === '') {
                                 chained.push({
                                     exp:'false',
                                     condition:'default',

package/utils.js

@@ -176,7 +176,12 @@ export const sanitizeTemplate = (temp) => {
 };
 
 export const ComponentProps=(somes,message,name,key)=>{
-let some=somes?.() || somes
+let some
+  if (typeof somes === 'function') {
+    some=somes()
+  }else{
+    some=somes
+  }
     return({
     Array:()=>{