targetj 1.0.94 → 1.0.95

package/README.md

@@ -350,46 +350,44 @@ This example demonstrates how to handle scroll events and develop a simple infin
 ```bash
 import { App, TModel, getEvents, getScreenHeight, getScreenWidth, } from "targetj";
 
-App(
-  new TModel("scroller", {
-    canHandleEvents: "scrollTop",
+App(new TModel("scroller", {
+    canHandleEvents: 'scrollTop',
     innerXEast: 0,
-    addChildren: {
-      loop() {
-        return this.inFlowVisibles.length * 32 < this.getHeight();
-      },
-      value() {
-        const childrenCount = this.getChildren().length;
-        for (let i = 0; i < 10; i++) {
-          this.addChild(
-            new TModel("scrollItem", {
-              width: 300,
-              background: "brown",
-              height: 30,
-              lineHeight: 30,
-              color: "#fff",
-              style: { textAlign: "center" },
-              bottomMargin: 2,
-              x() { return (this.getParentValue("width") - this.getWidth()) / 2; },
-              html: childrenCount + i + 1,
-            })
-          );
-        }
-      },
-      enabledOn() {
-        return this.inFlowVisibles.length * 32 < this.getHeight();
-      },
-    },
-    scrollTop(cycle, lastValue) {
-      return Math.max(0, lastValue + getEvents().deltaY());
+    children: {
+        value() { 
+            const childrenCount = this.getChildren().length;
+            return Array.from({ length: 5 }, (_, i) => 
+                new TModel('scrollItem', { 
+                    width: 300,
+                    background: 'brown',                
+                    height: 30,
+                    color: '#fff',
+                    style: {
+                        textAlign: 'center',
+                        lineHeight: '30px'
+                    },                
+                    bottomMargin: 2,
+                    x() { return (this.getParentValue('width') - this.getWidth()) / 2; },                
+                    html: childrenCount + i,
+                    domParent() {
+                        return this.getParent();
+                    }
+                })
+            );
+        },
+        enabledOn() {
+            return this.visibleChildren.length * 32 < this.getHeight(); 
+        }    
     },
-    width: getScreenWidth,
-    height: getScreenHeight,
-    onResize: ["width", "height"],
-    onScrollEvent: ["scrollTop", "addChildren"],
-  })
-);
-
+    scrollTop(cycle, lastValue) {          
+        return Math.max(0, lastValue + getEvents().deltaY());
+    },           
+    width() { return getScreenWidth(); },
+    height() { return getScreenHeight(); },  
+    onResize: [ 'width', 'height' ],
+    onScrollEvent: [ 'scrollTop', 'children' ],
+    onVisibleChildrenChange: [ 'children' ]
+}));
 ```
 
 ## Simple Single Page App Example

package/build/BaseModel.js

@@ -25,7 +25,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   function BaseModel(type, targets) {
     _classCallCheck(this, BaseModel);
-    if (arguments.length === 1 && _typeof(type) === 'object') {
+    if (_typeof(type) === 'object' && typeof targets === 'undefined') {
       targets = type;
       type = "";
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "targetj",
-  "version": "1.0.94",
+  "version": "1.0.95",
   "keywords": [
     "targetj"
   ],