@pacem/pacem 1.0.6-mersenne → 1.0.6-peano

package/dist/bundle/pacem.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem v1.0.6-mersenne (https://js.pacem.it)
+ * @pacem/pacem v1.0.6-peano (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -42650,9 +42650,13 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     this._setupItemTemplate();
     this._setupDragger();
     this._setupBalloon();
+    this._buildAdaptedDatasource();
   }
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
+    if (first) {
+      return;
+    }
     switch (name) {
       case "datasource":
       case "textProperty":
@@ -42664,11 +42668,9 @@ var PacemHierarchyElement = class extends PacemBaseElement {
         });
         break;
       case "itemtemplate":
-        if (!first) {
-          this._setupItemTemplate();
-          this._disposeBindersAndTargets();
-        } else break;
+        this._setupItemTemplate();
       case "_adaptedDatasource":
+        this._disposeBindersAndTargets();
       case "value":
         cancelAnimationFrame(this._handle2);
         this._handle2 = requestAnimationFrame(() => {
@@ -42684,7 +42686,7 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     super.disconnectedCallback();
   }
   _buildAdaptedDatasource(ds = this.datasource) {
-    this._adaptedDatasource = ds && ds.map((i) => this._mapEntityToItem(i));
+    this._adaptedDatasource = ds?.map((i) => this._mapEntityToItem(i));
   }
   _mapEntityToValue(entity) {
     let value2 = entity, prop;
@@ -42745,7 +42747,8 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     } else {
       binders = bindings.get(bindingKey);
     }
-    for (let parent of hierarchyItem.parents || []) {
+    const parents = hierarchyItem.parents ?? [];
+    for (let parent of parents) {
       const binderKey = parent.value;
       const newBinder = !binders.has(binderKey);
       const binder = newBinder ? new index_components_exports3.UI.PacemBinderElement() : binders.get(binderKey);
@@ -42764,7 +42767,7 @@ var PacemHierarchyElement = class extends PacemBaseElement {
       }
     }
     for (let binderKey of binders.keys()) {
-      const found = hierarchyItem.parents.find((p) => p.value === binderKey);
+      const found = parents.find((p) => p.value === binderKey);
       if (!Utils.isNull(found)) {
         continue;
       }
@@ -42773,9 +42776,7 @@ var PacemHierarchyElement = class extends PacemBaseElement {
       binder.remove();
       binders.delete(binderKey);
     }
-    if (!__privateGet(this, _dropTargets).has(item)) {
-      __privateGet(this, _dropTargets).set(item, hierarchyItem);
-    }
+    __privateGet(this, _dropTargets).set(item, hierarchyItem);
   }
   _itemRemove(evt) {
     const item = evt.detail.dom.find((i) => i instanceof HTMLElement && i.classList.contains(HIERARCHYITEM_CSSCLASS)), hierarchyItem = evt.detail.item;
@@ -42800,7 +42801,19 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     for (let bindingKey of __privateGet(this, _bindings).keys()) {
       this._disposeBinders(bindingKey);
     }
-    __privateGet(this, _dropTargets).clear();
+    this._disposeDropTargets();
+  }
+  _disposeDropTargets(disconnectedOnly = false) {
+    const dropTargets = __privateGet(this, _dropTargets);
+    if (disconnectedOnly) {
+      for (const el of dropTargets.keys()) {
+        if (!el.isConnected) {
+          dropTargets.delete(el);
+        }
+      }
+    } else {
+      dropTargets.clear();
+    }
   }
   _setupItemTemplate() {
     if (this.itemtemplate instanceof HTMLTemplateElement) {
@@ -42935,6 +42948,7 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     return this._isInAncestors(target, source);
   }
   _databind() {
+    this._disposeDropTargets(true);
     const valueProperty = this.valueProperty;
     if (Utils.isNullOrEmpty(valueProperty)) {
       throw new Error("Missing valueProperty.");