cavalion-blocks - npm Package Compare versions

Comparing version 0.9.36 to 0.9.37

.md

 * [CHANGELOG.md]() - [README.md]() - [package.json]()
-* [.workspace](`(devtools/Workspace<${ws.getSpecializer()}>)`) - [.app-main](`(devtools/Main<${app.getSpecializer()}>)`)
 
+> 
+* [Hover.closex](src/cavalion-blocks/:.js) close moet wegfaden indien niet hovered
+
 # cavalion-blocks
@@ -5,0 +7,0 @@

CHANGELOG.md

@@ -0,1 +1,6 @@
+### 2023/09/30 - 0.9.37
+
+* Adds glassy classes for scrolled ListHeader
+* Hover<> now delegates its zoom property to the embedded blocks components
+
 ### 2023/09/20 - 0.9.36
@@ -5,3 +10,3 @@
 
-???
+### ???
 
@@ -8,0 +13,0 @@ ### 2022/06/23 - 0.9.33

package.json

 {
   "name": "cavalion-blocks",
-  "version": "0.9.36",
+  "version": "0.9.37",
   "description": "`blocks-dot-js` `[].js`",
@@ -5,0 +5,0 @@ "main": "README.js",

src/prototypes/Container.glassy.js

@@ -28,3 +28,3 @@ "use util/HtmlElement";
 			'z-index': "1999",
-			'backdrop-filter': "blur(10px)",
+			// 'backdrop-filter': "blur(10px)",
 			'transition': "box-shadow 0.45s ease 0s, transform 0.45s ease 0s, left 0.45s ease 0s, right 0.45s ease 0s, top 0.45s ease 0s, bottom 0.45s ease 0s, width 0.45s ease 0s, height 0.45s ease 0s, border-width 0.45s ease 0s"
@@ -62,5 +62,5 @@ },
 			'.{ListHeader}': {
-				"": "background-color:transparent;transition:background-color 1s ease 0s;", 
-				"&.scrolled": "background-color:rgba(255,255,255,0.75);", 
-				">div": "background-image:none;border:none;font-weight:bold;"
+				'': "background-color:transparent;transition:background-color 1s ease 0s;", 
+				'&.scrolled': "background-color:rgba(255,255,255,0.75);", 
+				'>div': "background-image:none;border:none;font-weight:bold;"
 			},
@@ -70,3 +70,10 @@ '.{Input}': {
 				'input:focus': 'background-color: rgba(255,255,255,0.9);'
-			}
+			},
+			
+			// '.{ListHeader}': { 
+			// 	'': "background-color:transparent;transition:background-color 0.5s ease 0s;", 
+			// 	':active': "background-color: gold;", //rgb(56, 121, 217);" } 
+			// 	'&.scrolled': "background-color:rgba(255,255,255,0.75);"
+			// }
+			
 		},
@@ -73,0 +80,0 @@

src/prototypes/Hover.js

@@ -11,9 +11,7 @@ // getStorageKey might solve the problem/challenge with a not being able to specify (specializer) the (automagically created) Hover<>-instance (since it would lead to many implicit bases when dealing with long uri paths) embedding the actual blocks component of interest
 	onLoad() {
-		let spec = this.getSpecializer(), uri;
+		let spec = this.getSpecializer(), uri = this.vars("uri");
 		
 		// if spec is number maybe not set uri?
 		
-		if(!spec) {
-			uri = this.vars("uri");
-		} else {
+		if(!uri) {
 			uri = spec;
@@ -30,7 +28,12 @@ }
 	overrides:{
+		renderZoom() {
+			const embedded = this.getControl(1);
+			if(embedded) {
+				embedded.set("zoom", this._zoom || 1);
+			}
+		},
 		getStorageKey(key) {
 			const su = this.vars("storage-uri");
 			if(su) {
-				this.print(js.sf("getStorageKey(%s): %s %s", key || "", su, key || ""));
-				
+				// this.print(js.sf("getStorageKey(%s): %s %s", key || "", su, key || ""));
 				return key === undefined ? su : js.sf("%s %s", su, key);
@@ -37,0 +40,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102433

increased by0.51%

Number of package files

59

increased by1.72%

Lines of code

2568

increased by0.35%

No dependency changes