@estjs/template 0.0.17-beta.6 → 0.0.17-beta.7

package/dist/template.dev.js

@@ -822,17 +822,18 @@ function triggerUpdateHooks(scope) {
 
 // src/component.ts
 function syncDescriptors(target, source, pruneMissing = false) {
-  for (const key of Object.getOwnPropertyNames(source)) {
+  const sourceKeys = Reflect.ownKeys(source);
+  for (const key of sourceKeys) {
     Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
   }
   if (pruneMissing) {
-    const sourceKeySet = new Set(Object.getOwnPropertyNames(source));
-    for (const key of Object.getOwnPropertyNames(target)) {
+    const sourceKeySet = new Set(sourceKeys);
+    for (const key of Reflect.ownKeys(target)) {
       if (!sourceKeySet.has(key)) delete target[key];
     }
   }
 }
-function readProp(source, key) {
+function readDescriptorValue(source, key) {
   const descriptor = Object.getOwnPropertyDescriptor(source, key);
   return descriptor.get ? descriptor.get.call(source) : descriptor.value;
 }
@@ -851,9 +852,9 @@ var Component = class {
     this.parentNode = void 0;
     this.rootEventCleanups = [];
     this.parentScope = getActiveScope();
-    const container = {};
-    syncDescriptors(container, props);
-    this.reactiveProps = shallowReactive(container);
+    const reactiveProps = /* @__PURE__ */ Object.create(null);
+    syncDescriptors(reactiveProps, props);
+    this.reactiveProps = shallowReactive(reactiveProps);
   }
   /**
    * Mount the component into `parentNode` (optionally before `beforeNode`).
@@ -901,14 +902,14 @@ var Component = class {
    */
   update(props) {
     this.props = props;
-    const scope = this.scope;
-    if (!scope || scope.isDestroyed) return;
     syncDescriptors(
       this.reactiveProps,
       props != null ? props : {},
       /* pruneMissing */
       true
     );
+    const scope = this.scope;
+    if (!scope || scope.isDestroyed) return;
     this.syncSpecialProps(props);
     triggerUpdateHooks(scope);
   }
@@ -920,7 +921,10 @@ var Component = class {
     if (!this.parentNode) return;
     const parent = this.parentNode;
     const before = this.beforeNode;
+    const savedProps = /* @__PURE__ */ Object.create(null);
+    syncDescriptors(savedProps, this.reactiveProps);
     this.destroy();
+    syncDescriptors(this.reactiveProps, savedProps);
     this.mount(parent, before);
   }
   /**
@@ -937,7 +941,7 @@ var Component = class {
     this.renderedNodes = [];
     this.firstChild = void 0;
     this.parentNode = void 0;
-    for (const key of Object.getOwnPropertyNames(this.reactiveProps)) {
+    for (const key of Reflect.ownKeys(this.reactiveProps)) {
       delete this.reactiveProps[key];
     }
     this.state = 0 /* INITIAL */;
@@ -953,35 +957,42 @@ var Component = class {
     const root = this.firstChild;
     if (!root || !(root instanceof Element)) return;
     this.releaseSpecialProps();
-    for (const key of Object.getOwnPropertyNames(props)) {
+    for (const key of Reflect.ownKeys(props)) {
+      if (!isString(key)) continue;
       if (key === REF_KEY) {
-        const value = readProp(props, key);
+        const value = readDescriptorValue(props, key);
         this.rootRefCleanup = this.bindRootRef(value, root);
         continue;
       }
       if (isOn(key)) {
-        const value = readProp(props, key);
+        const value = readDescriptorValue(props, key);
         if (!isFunction(value)) continue;
         const eventName = key.slice(2).toLowerCase();
-        const target = root;
-        const slot = `_$${eventName}`;
-        const prev = target[slot];
-        if (isFunction(prev)) {
-          target[slot] = value;
-          this.rootEventCleanups.push(() => {
-            if (target[slot] === value) target[slot] = prev;
-          });
-          continue;
-        }
-        const fn = value;
-        const handler = (event) => {
-          if (target.disabled) return;
-          fn.call(target, event);
-        };
-        this.rootEventCleanups.push(addEvent(target, eventName, handler));
+        this.bindRootEvent(
+          root,
+          eventName,
+          value
+        );
       }
     }
   }
+  bindRootEvent(target, eventName, handler) {
+    const slot = `_$${eventName}`;
+    const prev = target[slot];
+    if (isFunction(prev)) {
+      target[slot] = handler;
+      this.rootEventCleanups.push(() => {
+        if (target[slot] === handler) target[slot] = prev;
+      });
+      return;
+    }
+    this.rootEventCleanups.push(
+      addEvent(target, eventName, (event) => {
+        if (target.disabled) return;
+        handler.call(target, event);
+      })
+    );
+  }
   /**
    * Remove all listeners/ref bindings currently attached to the root element.
    */
@@ -1203,6 +1214,7 @@ function eventHandler(e) {
 }
 var $EVENTS = /* @__PURE__ */ Symbol("_$EVENTS");
 function delegateEvents(eventNames, document2 = globalThis.document) {
+  if (!document2) return;
   const docWithEvents = document2;
   const eventSet = docWithEvents[$EVENTS] || (docWithEvents[$EVENTS] = /* @__PURE__ */ new Set());
   for (const name of eventNames) {
@@ -1213,6 +1225,7 @@ function delegateEvents(eventNames, document2 = globalThis.document) {
   }
 }
 function clearDelegatedEvents(document2 = globalThis.document) {
+  if (!document2) return;
   const docWithEvents = document2;
   const eventSet = docWithEvents[$EVENTS];
   if (eventSet) {