lilact 0.31.9 → 0.31.11

package/examples/lilact.development.js

@@ -2652,7 +2652,7 @@ var ComponentCore = class {
           this.component.componentWillUpdate(next_props, next_state);
         }
         const prev_state = this.state, prev_props = this.props;
-        if (this.element) {
+        if (this.element && !(this?.component instanceof RootComponent)) {
           this.updateElementProps(next_props);
         }
         this.props = next_props;
@@ -2789,7 +2789,7 @@ var ComponentCore = class {
     }
     for (let a in this.props) {
       const al = a.toLowerCase();
-      if (!patch.hasOwnProperty(a)) {
+      if (!patch.hasOwnProperty(a) || !a.startsWith("data-") && !a.startsWith("aria-") && (patch[a] === void 0 || patch[a] === null || patch[a] === "" || patch[a] === false)) {
         if (events_set.has(al)) {
           this.event_detachers[al]();
         } else {
@@ -2856,25 +2856,23 @@ var ComponentCore = class {
     this.updateElementClass(patch);
   }
   updateElementClass(patch = this.props) {
-    let cn = patch?.className;
-    cn ?? (cn = patch?.class ? patch.class : "");
+    let cn = patch?.className ?? patch?.class ?? "";
     if (this?.parent?.[CHILD_CLASS_ADDENDUM]) {
-      cn += " " + this?.parent?.[CHILD_CLASS_ADDENDUM];
+      cn += " " + this.parent[CHILD_CLASS_ADDENDUM];
+    }
+    cn = cn.trim();
+    for (const n of Array.from(this.element.classList)) {
+      if (cn.indexOf(n) === -1) {
+        this.element.classList.remove(n);
+      }
     }
     if (cn.length > 0) {
       cn = cn.split(/\s+/g);
-      for (const n of Array.from(this.element.classList)) {
-        if (cn.indexOf(n) === -1) {
-          this.element.classList.remove(n);
-        }
-      }
       for (const n of cn) {
         if (n.length > 0) {
           this.element.classList.add(n);
         }
       }
-    } else {
-      delete this.element.className;
     }
   }
   scanZombies(container2, next_element) {
@@ -3182,10 +3180,10 @@ var Component = class {
   * It can also be set for function components.
   * @type {string}
   */
-  displayName() {
+  get displayName() {
     const entity = this[CORE].entity;
     if (entity?.displayName) {
-      return typeof entity.displayName === "function" ? entity.displayName() : entity.displayName;
+      return entity.displayName;
     }
     if (typeof entity === "string") {
       return entity;