@plcmp/pl-virtual-scroll 0.0.1 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@plcmp/pl-virtual-scroll",
-    "version": "0.0.1",
+    "version": "0.1.1",
     "description": "Component for lazy list render.",
     "main": "pl-virtual-scroll.js",
     "repository": {
@@ -24,6 +24,6 @@
     ],
     "dependencies": {
         "polylib": "^1.0.0",
-        "@plcmp/utils": "^0.0.1"
+        "@plcmp/utils": "^0.1.0"
     }
 }

package/pl-virtual-scroll.js

@@ -72,6 +72,7 @@ class PlVirtualScroll extends PlElement {
                     if (el && rest.length > 0) {
                         let path = [this.as, ...rest].join('.');
                         el.ti.applyEffects({ ...mutation, path });
+                        if (this.items[el.index] instanceof PlaceHolder) this.items.load?.(this.items[el.index])
                     }
                 } else {
                     setTimeout(() => this.render(), 0);
@@ -86,6 +87,7 @@ class PlVirtualScroll extends PlElement {
                 //refresh all PHY if they can be affected
                 this.phyPool.forEach(i => {
                     if (i.index !== null && i.index >= spliceIndex && i.index < this.items.length) {
+                        if (this.items[i.index] instanceof PlaceHolder) this.items.load?.(this.items[i.index]);
                         i.ctx.replace(this.items[i.index]);
                         i.ti.ctx = i.ctx;
                         i.ti.applyEffects();
@@ -221,8 +223,7 @@ class PlVirtualScroll extends PlElement {
         ti._hti = this._hti;
         ctx._ti = ti;
         ti.attach({ ...ctx, root: this.canvas ?? this.$.vsCanvas }, undefined, this._pti);
-        let rect = calcNodesRect(ti._nodes);
-        let h = rect.height;
+        let h = this.elementHeight ??  calcNodesRect(ti._nodes).height;
 
         return { ctx, ti, h };
     }