cavalion-vcl 1.1.52 → 1.1.55

package/.md

@@ -0,0 +1,47 @@
+* [CHANGELOG.md]() - [README.md]() - [package.json]()
+* [Workspace<vcl>](/Library/vcl-comps/devtools/Workspace$/vcl.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)
+		* [Node](src/ui/:.js) [.closeable](src/ui/Node:.js)
+		* [Sizer](src/ui/:.js) - [Tab](src/ui/:.js) - [Tabs](src/ui/:.js) - [Tree](src/ui/:.js)
+
+# prototypes
+
+> * [App](src/prototypes/:.js) << _#window is instantiated here (weirdly not in .desktop)_
+	* [.console](src/prototypes/App:.js)
+	* [.desktop](src/prototypes/App:.js)
+	* [.framework7](src/prototypes/App:.js)
+	* [.openform](src/prototypes/App:.js)
+	* [.scaffold](src/prototypes/App:.js)
+	* [.toast](src/prototypes/App:.js)
+	* [.v1](src/prototypes/App:.js)
+
+# resources
+
+* ...

package/CHANGELOG.md

@@ -1,6 +1,18 @@
+### 2022/04/15 -  1.1.55
+
+* Minor fixes in vcl/Control-style methodes
+
+### 2022/04/06 -  1.1.54
+
+- **ui/List**: Adding support for UTC to `formatDate()`
+
+### 2022/04/03 -  1.1.53
+
+- **Control**: Introducing `swapClass`
+
 ### 2022/03/28 -  1.1.52
 
-* Refactoring animation classes for glassy-containers
+* Refactoring animation classes for `glassy-overlay` containers
 
 ### 2022/03/22
 

package/package.json

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

package/src/Control.js

@@ -613,7 +613,7 @@ define(function(require) {
 			},
 
 
-/**-- style/css/classes */
+/**-- style/css/classes -- TODO 2022/04/12 it's a bit messy/asymmetric when update() is called/or not*/
 			getComputedStyle: function() {
 				if(this._computedStyle === null) {
 					this._computedStyle = HtmlElement.getComputedStyle(this.nodeNeeded());
@@ -754,12 +754,11 @@ define(function(require) {
 					
 		Replaced with following fragment
 	*/
-	
 					classes.forEach(function(cls, index) {
 						if(this.hasClass(cls)) {
-							this.removeClass(cls);
+							this.removeClass(cls, true);
 						} else {
-							this.addClass(cls);
+							this.addClass(cls, true);
 						}
 					}, this);
 				}
@@ -778,6 +777,15 @@ define(function(require) {
 					}
 				}
 			},
+			swapClass: function(a, b) {
+				if(this.hasClass(a)) {
+					this.removeClass(a);
+					this.addClass(b);
+				} else if(this.hasClass(b)) {
+					this.removeClass(b);
+					this.addClass(a);
+				}
+			},
 			addClass: function(value, directly) {
 
 				//directly && console.warn("addClass directly can be replaced with a call to _update");
@@ -850,6 +858,7 @@ define(function(require) {
 				}
 			},
 			removeClasses: function(classes, directly) {
+				// why does this method exist where all the others in this group accept classes
 				if(typeof classes === "string") {
 					classes = classes.split(" ");
 				}
@@ -878,7 +887,21 @@ define(function(require) {
 			clearClass: function(classes) {
 				Array.as(classes).forEach(cls => { while(this.hasClass(cls)) this.removeClass(cls); });
 			},
-
+			syncClass: function(classes, states) {
+				// classes = classes || classes?.split(" ")
+				if(classes.split) {
+					classes = classes.split(" ");
+				}
+				classes.forEach((cls, index) => {
+					var state = this.hasClass(cls);
+					if(state && !states[index]) {
+						this.removeClass(cls);
+					} else if(!state && states[index]) {
+						this.addClass(cls)
+					}
+				});
+				this.applyClasses();
+			},
 			hasState: function(state) {
 			/** @param state {String} ControlState * @returns
 			 */

package/src/prototypes/App.js

@@ -17,15 +17,16 @@
     	align: "client", 
     	classes: "animated",
 		css: {
-			// "font-family": "SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Lucida Grande, Arial, sans-serif",
-			"font-family": "Lucida Grande, Arial, sans-serif",
-			"font-size": "9pt",
 			".{./Button}": {
 				"font-family": "Lucida Grande, Arial, sans-serif",
 				"font-size": "9pt"
 			},
+			// "font-family": "SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Lucida Grande, Arial, sans-serif",
+			"font-family": "Lucida Grande, Arial, sans-serif",
+			"font-size": "9pt",
 			".with-shadow": "box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px 0px;",
 			".transparent": "background-color:transparent;",
+
 			".glassy-overlay": {
 				"": "pointer-events: none; color:rgba(5,5,5,0.95); text-shadow: rgb(255 255 255) 0px 0px 12px, #00000094 0px 0px 5px;",
 				">.{./Element}": "pointer-events: auto;",
@@ -39,12 +40,6 @@
 				".loading": "background: rgba(155, 155, 155, 0.35) url(/shared/vcl/images/loading.gif) 50% 50% no-repeat;",
 				".rounded": "padding: 4px; border-radius: 5px;",
 				".animate-width-height": "transition: width 250ms ease-in, height 250ms ease-in;",
-				// ".glassy": {
-				// 	"": "background: rgba(155, 155, 155, 0.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);",
-				// 	// "&:not(.no-animation)": "transition: backdrop-filter 350ms ease-in, -webkit-backdrop-filter 350ms ease-in;",
-				// 	// "&:hover": "backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);"
-				// },
-				".with-shadow": "box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px 0px;",
 				".{./Node}": {
 					"&.invisible-layer": "opacity: 0.4;",
 			    	"&.seperator": "border-top:1px solid rgba(155,155,155,0.55);margin-top:2px;padding-top:2px;",

package/src/prototypes/App.v1.js

@@ -5,7 +5,7 @@ var HtmlElement = require("util/HtmlElement");
 var Element = require("vcl/ui/Element");
 var FormContainer = require("vcl/ui/FormContainer");
 
-$(["./App.openform.toast"], {
+[["./App.openform.toast"], {
 	onDispatchChildEvent: function(component, name, evt, f, args) {
 		if(name === "touchstart") {
 			if(!Fullscreen.hasRequested()) {
@@ -34,9 +34,9 @@ $(["./App.openform.toast"], {
         state && state.restore && state.restore(state);
     }
 }, [
-    $i("window", [
-        $("vcl/ui/FormContainer", "client", {
+    ["#window", [
+        ["vcl/ui/FormContainer", "client", {
         	formUri: "./ui/forms/Portal<>"
-        }),
-    ])
-]);
+        }],
+    ]]
+]];

package/src/ui/List.js

@@ -460,12 +460,15 @@ define(function(require) {
 				return (value instanceof Date) || (typeof value === "string" && 
 					value.length === 24 && value.endsWith("Z"));
 			},
-			formatDate: function(value) {
+			formatDate: function(value, opts) {
 				if(!(value instanceof Date)) value = new Date(value);
+				if(opts && opts.utc) {
+					return String.format("%d/%02d/%02d %02d:%02d", value.getUTCFullYear(), value.getUTCMonth() + 1,
+							value.getUTCDate(), value.getUTCHours(), value.getUTCMinutes());
+				}
+				
 				return String.format("%d/%02d/%02d %02d:%02d", value.getFullYear(), value.getMonth() + 1,
 						value.getDate(), value.getHours(), value.getMinutes());
-				// return String.format("%d/%02d/%d %02d:%02d", value.getDate(), value.getMonth() + 1,
-				// 		value.getFullYear(), value.getHours(), value.getMinutes());
 			},
 
 			getBodyWidth: function() {