@pacem/pacem 1.0.5 → 1.0.6-laplace

package/dist/bundle/pacem.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem v1.0.5 (https://js.pacem.it)
+ * @pacem/pacem v1.0.6-laplace (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -8292,6 +8292,7 @@ var PacemRepeaterElement = class extends PacemEventTarget {
   removeItem(index) {
     this._removeItems(index, index);
   }
+  /** Builds (or rebuilds) the item at `index` into `frag`; the relevant `RepeaterItemCreateEvent` gets dispatched by the caller, once the fragment is in the DOM. */
   _setItem(item, index, frag) {
     const items = this._childItems;
     let _item;
@@ -8305,7 +8306,7 @@ var PacemRepeaterElement = class extends PacemEventTarget {
       this._setupItem(_item, index, item);
       _item.redrawEventually(this._itemTemplate, frag);
     }
-    this.dispatchEvent(new RepeaterItemCreateEvent(_item));
+    return _item;
   }
   _removeItems(fromIndex, toIndex) {
     const items = this._childItems;
@@ -8330,9 +8331,10 @@ var PacemRepeaterElement = class extends PacemEventTarget {
       throw `Missing template element in ${PacemRepeaterElement.name}.`;
     }
     let items = this._childItems, index = 0;
+    const created = [];
     try {
       for (var entity of datasource || []) {
-        this._setItem(entity, index, this._fragment);
+        created.push(this._setItem(entity, index, this._fragment));
         index++;
       }
     } catch (e) {
@@ -8340,9 +8342,13 @@ var PacemRepeaterElement = class extends PacemEventTarget {
     }
     if (index < items.length) {
       this._removeItems(index, items.length - 1);
-    } else if (!Utils.isNull(holder && holder.parentNode)) {
+    }
+    if (this._fragment.childNodes.length > 0 && !Utils.isNull(holder && holder.parentNode)) {
       holder.parentNode.insertBefore(this._fragment, holder);
     }
+    for (const _item of created) {
+      this.dispatchEvent(new RepeaterItemCreateEvent(_item));
+    }
   }
   _onCommand(evt) {
     this.dispatchEvent(new ItemCommandEvent(
@@ -34953,6 +34959,12 @@ var UI_BINDERS = "pacem:components:ui:binders";
 var BindersCollector = class {
   constructor(element) {
     this.binders = [];
+    /** Refreshes the bound binders against the target's latest known size. */
+    this.refresh = () => {
+      for (var binder of this.binders) {
+        binder.refresh(this.resize.target, this.resize.currentSize);
+      }
+    };
     this.fire = (evt) => {
       for (var binder of this.binders) {
         binder.refresh(this.resize.target, evt.detail);
@@ -34962,6 +34974,9 @@ var BindersCollector = class {
     watcher.target = element;
     watcher.watchPosition = true;
     document.body.appendChild(watcher);
+    if (element instanceof HTMLElement || element instanceof SVGElement) {
+      Utils.addAnimationEndCallback(element, this.refresh);
+    }
   }
   dispose() {
     this.resize.remove();
@@ -42651,8 +42666,8 @@ var PacemHierarchyElement = class extends PacemBaseElement {
       case "itemtemplate":
         if (!first) {
           this._setupItemTemplate();
-        }
-        break;
+          this._disposeBindersAndTargets();
+        } else break;
       case "_adaptedDatasource":
       case "value":
         cancelAnimationFrame(this._handle2);
@@ -42712,7 +42727,7 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     }
   }
   _buildHierarchyItemDomId(itemId) {
-    return `hierarchyitem_${__privateGet(this, _key2)}_${itemId}`;
+    return `hierarchyitem_${__privateGet(this, _key2)}_${itemId}`.replace(/[^\w]+/g, "");
   }
   _itemCreate(evt) {
     const item = evt.detail.dom.find((i) => i instanceof HTMLElement && i.classList.contains(HIERARCHYITEM_CSSCLASS)), index = evt.detail.index, hierarchyItem = evt.detail.item;