cavalion-vcl 1.1.70 → 1.1.71

package/.md

@@ -1,82 +1,40 @@
 * [CHANGELOG.md]() - [README.md]() - [package.json]()
-* [Workspace<vcl>](/Library/vcl-comps/devtools/Workspace$/vcl.js) - [.js]()
-
-# `2022/10/28-3` √ vcl/Component.getKeysByUri - bug (?!!)
-
-Found a bug in [Component](src/:.js). Amazing that that still happens, even in a function used so F'n frequently...
-
-* `#VA-20221028-3` Characters missing when no <>
-
-![20221028-172348-nnqDdO](https://raw.githubusercontent.com/relluf/screenshots/master/20221028-172348-nnqDdO.png)
-
-![20221028-172420-PT3Fro](https://raw.githubusercontent.com/relluf/screenshots/master/20221028-172420-PT3Fro.png)
-
-Squeezed and fixed:
-
-![20221028-172807-fO3Z56](https://raw.githubusercontent.com/relluf/screenshots/master/20221028-172807-fO3Z56.png)
-
-# `2022/10/28-2` √ Console should hint textContent
-
-Many times I need to scroll the console horizontally to read error messages or other large strings. Let's try to hint that content while mousing over it.
-
-* `#VA-20221028-2`
-
-The following works [nicely](//.js) and can be easily implemented on [Console](src/ui/:.js) itself, by hooking the mousemove-event:
-
->>	const setTarget = (value) => {
-		const target = app.vars("target");
-		if(value !== target) {
-			if(target) {
-				target.title = target.title$$;
-				delete target.title$$;
-			}
-			value.title$$ = value.title;
-			value.title = value.textContent;
-			app.vars("target", value);
-			app.print("target", app.vars("target"));
-		}
-	};
-
->>	app._onDispatchChildEvent = (component, name, evt, f, args) => {
-		if(name === "mousemove" && component instanceof Console) {
-			if(evt.target.classList.contains("value") && evt.target.parentNode.classList.contains("node")) {
-				setTarget(evt.target);
-			} else {
-				setTarget(null);
-			}
-		}
-	};
-
-# `2022/10/28-1` √ List is buggy
-
-Finally got to work on (and fix( that annoying bug where loading the second page triggered the "busy"-state/class (again), resulting in way too much animated-loading-image showing.
-
-* `#VA-20221028-1`
-* √ show loading image too long => use _count instead of _topRow
-* √ error causes loading state to continue forever
-* √ better error handling in entities/Query
-
-# `2022/07/28` Control.prototype.makeVisible
-
-Been working on coding in Markdown documents, basically in order to be able print results in the workspace console. Therefore the method `p()` has been introduced. It cancels the behaviour of opening a document while linking a link. Instead it evaluates the code and print its result in the workspace console. 
-
-So, now we can do something like:
-
-* ```[`123`](`${p(:)}`)```  ==>  [`123`](`${p(:)}`) - check the console after clicking 123
-
-However, the console doesn't show yet automatically. Therefore the method `Control.prototype.makeVisible` is introduced. It will call the method `Control.prototype.show` and travel up in the parent-hierarchy and call more in case necessary.
-
-* makeVisible() already exists in vcl/ui/Tab.prototype.
-
-# `2022/05/19` vcl/Factory `#CVLN-20220519-1`
-
-* how is the implicit base determined in `["", {}, []]`
-
->>	require("vcl/Factory!devtools/App<code>");
-		=> Factory.load 
-			=> Factory.prototype.load
-
-# `2022/04/17` prototypes
+* [.workspace](`(devtools/Workspace<${ws.getSpecializer()}>)`) - [.js]()
+
+# cavalion-entities // va-objects
+
+* Interpret, modify, kvp via a model
+
+# cavalion-vcl
+
+* [src](:/)
+	* [Factory](src/:.js) [.parse](src/Factory:.js) - [Reader](src/:.js) - [Writer](src/:.js)
+	* [CssRules](src/:.js) - [Listeners](src/:.js) 
+	* **[Component](src/:.js)** [.query](src/Component:.js)
+		* **[Application](src/:.js)** - **[Action](src/:.js)**
+		* [data](src/:/) / [Array](src/data/:.js)
+			* [entities](src/:/) / [Query](src/entities/:.js) - [Instance](src/entities/:.js)
+		* **[Control](src/:.js)** < [ui](src/:/) /
+			* [Element](src/ui/:.js) < [LargeIcon](src/ui/:.js) << _smdl - alert_
+				* [Button](src/ui/:.js) < [PopupButton](src/ui/:.js)
+				* [Select](src/ui/:.js)
+				* [Input](src/ui/:.js) < [Checkbox](src/ui/:.js) - [Combobox](src/ui/:.js) - [DatePicker](src/ui/:.js) 
+			* [Container](src/ui/:.js)
+				* [Group](src/ui/:.js)
+					* [Bar](src/ui/:.js)
+					* [CheckGroup](src/ui/:.js)
+				* [Panel](src/ui/:.js) 
+					* [Popup](src/ui/:.js) - [Ace](src/ui/:.js) - [Console](src/ui/:.js)
+					* [Form](src/ui/:.js) - [FormContainer](src/ui/:.js)
+					* [List](src/ui/:.js) | [ListColumn](src/ui/:.js) - [ListBody](src/ui/:.js) - [ListFooter](src/ui/:.js) - [ListHeader](src/ui/:.js) - [ListRow](src/ui/:.js)
+			* [Sizer](src/ui/:.js)
+			* [Tabs](src/ui/:.js) 
+				* [Tab](src/ui/:.js)
+			* [Tree](src/ui/:.js)
+				* [Node](src/ui/:.js)
+					* [.closeable](src/ui/Node:.js)
+
+# prototypes `2022/04/17` 
 
 > * [App](src/prototypes/:.js) - <= _#window is instantiated here (weirdly not in .desktop)_
 	* [.console](src/prototypes/App:.js) << _hotkeys_ _probably deprecated_ 
@@ -103,34 +61,4 @@ However, the console doesn't show yet automatically. Therefore the method `Contr
 		* [Query](src/prototypes/ui/entities/:.js) - [.scaffold](src/prototypes/ui/entities/Query:.js) - [scaffold.future](src/prototypes/ui/entities/Query:.js)
 		* [QueryFilters](src/prototypes/ui/entities/:.js)
 
-# `2022/04/03` classes
-
-* [Factory](src/:.js) [.parse](src/Factory:.js) - [Reader](src/:.js) - [Writer](src/:.js)
-* [CssRules](src/:.js) - [Listeners](src/:.js) 
-* [Component](src/:.js) [.query](src/Component:.js)
-	* [Action](src/:.js) - [Application](src/:.js)
-	* [data](src/:/) / [Array](src/data/:.js)
-		* [entities](src/:/) / [Query](src/entities/:.js) - [Instance](src/entities/:.js)
-	* [Control](src/:.js) < [ui](src/:/) /
-		* [Element](src/ui/:.js) < [LargeIcon](src/ui/:.js) << _smdl - alert_
-			* [Button](src/ui/:.js) < [PopupButton](src/ui/:.js)
-			* [Select](src/ui/:.js)
-			* [Input](src/ui/:.js) < [Checkbox](src/ui/:.js) - [Combobox](src/ui/:.js) - [DatePicker](src/ui/:.js) 
-		* [Container](src/ui/:.js)
-			* [Group](src/ui/:.js)
-				* [Bar](src/ui/:.js)
-				* [CheckGroup](src/ui/:.js)
-			* [Panel](src/ui/:.js) 
-				* [Popup](src/ui/:.js) - [Ace](src/ui/:.js) - [Console](src/ui/:.js)
-				* [Form](src/ui/:.js) - [FormContainer](src/ui/:.js)
-				* [List](src/ui/:.js) | [ListColumn](src/ui/:.js) - [ListBody](src/ui/:.js) - [ListFooter](src/ui/:.js) - [ListHeader](src/ui/:.js) - [ListRow](src/ui/:.js)
-		* [Sizer](src/ui/:.js)
-		* [Tabs](src/ui/:.js) 
-			* [Tab](src/ui/:.js)
-		* [Tree](src/ui/:.js)
-			* [Node](src/ui/:.js)
-				* [.closeable](src/ui/Node:.js)
-
-# resources
 
-* ...

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+### 2022/11/15 - 1.1.71
+
+* Updates the docs
+* Control: adds onmouseout and onmouseover event properties 
+* Query: fixes some bug in error handling 
+* List: improves rendering while loading
+
+
 ### 2022/10/30 - 1.1.70
 
 `#VA-20221028-1`, `-2` & `-3`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cavalion-vcl",
-  "version": "1.1.70",
+  "version": "1.1.71",
   "description": "Visual Component Library for vcl-comps",
   "main": "index.js",
   "scripts": {

package/src/Control.js

@@ -92,6 +92,8 @@ define(function(require) {
 			_onMouseMove: null,
 			_onMouseEnter: null,
 			_onMouseLeave: null,
+			_onMouseOut: null,
+			_onMouseOver: null,
 			_onDraggerNeeded: null,
 			_onDragStart: null,
 			_onDragEvent: null,
@@ -1537,6 +1539,12 @@ this._updateCalls = this._updateCalls || 0; this._updateCalls++;
 			onmouseleave: function() {
 				this.fire("onMouseLeave", arguments);
 			},
+			onmouseout: function() {
+				this.fire("onMouseOut", arguments);
+			},
+			onmouseleave: function() {
+				this.fire("onMouseOver", arguments);
+			},
 			ontap: function() {
 				this.fire("onTap", arguments);
 			},
@@ -2034,6 +2042,12 @@ this._updateCalls = this._updateCalls || 0; this._updateCalls++;
 			"onMouseLeave": {
 				type: Type.EVENT
 			},
+			"onMouseOut": {
+				type: Type.EVENT
+			},
+			"onMouseOver": {
+				type: Type.EVENT
+			},
 			"onNodeCreated": {
 				type: Type.EVENT
 			},

package/src/entities/Query.js

@@ -302,7 +302,7 @@ define(function(require) {
 						if(this._pageReqs && (this._request !== this._pageReqs[page])) {
 							// console.debug(this._entity, "requestPage: page", page, "receveid, but IGNORED");
 							/* ...it should be ignored */
-							return res;
+							return e;
 						}
 						
 			        	delete this._request;

package/src/ui/List.js

@@ -753,6 +753,7 @@ define(function(require) {
 			},
 			
 			sourceNotifyEvent: function(event, data) {
+// this.app().print(js.sf("event: %s - data: %s => busy: %s, count: %s, topRow: %s", event, data, this.hasClass("busy"), this._count, this._topRow))
 				switch(event) {
 
 					case SourceEvent.activeChanged:
@@ -767,13 +768,11 @@ define(function(require) {
 						break;
 
 					case SourceEvent.busyChanged:
-						if((data && this._count > 0) || this.hasClass("ignore-busy")) { /* TODO what about scrolling up? */
-							return;
-						}
-						
-this.app().print(js.sf("data: %s => busy: %s, count: %s, topRow: %s", data, this.hasClass("busy"), this._count, this._topRow))
 						
 						this.setTimeout("update-busy", function() {
+							if((data && this._count > 0) || this.hasClass("ignore-busy")) { /* TODO what about scrolling up? */
+								return;
+							}
 							if(data && !this.hasClass("busy")) {
 								this.addClass("busy");
 							} else if(!data && this.hasClass("busy")) {
@@ -835,7 +834,7 @@ this.app().print(js.sf("data: %s => busy: %s, count: %s, topRow: %s", data, this
 			},
 
 			valueByColumnAndRow(column, row) {
-				var value = this._source.getAttributeValue(column._attribute, row);
+				var value = this._source.getAttributeValue(column._attribute, row, true);
 				if(column._wantsNullValues || (value !== null && value !== undefined)) {
 					if(column._displayFormat !== "") {
 						value = String.format(column._displayFormat, value);