alchemy-widget 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.1.1 (2022-01-28)
+
+* Hide context button when clicking out of widget
+* Update context button position on scroll
+* Fix row children becoming too wide
+
 ## 0.1.0 (2021-09-12)
 
 * Initial release

package/assets/stylesheets/alchemy-widgets.scss

@@ -11,7 +11,7 @@ alchemy-widgets-column {
 	}
 
 	> * {
-		flex: 1 auto;
+		flex: 1;
 	}
 }
 

package/element/widget_context_element.js

@@ -112,4 +112,43 @@ Awc.setMethod(function introduced() {
 
 		that.toggleToolbar();
 	});
+
+	document.addEventListener('click', e => {
+
+		if (!this.active_widget) {
+			return;
+		}
+
+		// Ignore clicks on the context element button itself!
+		if (e.target == this || this.contains(e.target)) {
+			return;
+		}
+
+		// Ignore clicks in the active widget
+		if (e.target == this.active_widget || this.active_widget.contains(e.target)) {
+			return;
+		}
+
+		return this.unselectedWidget();
+	});
+
+	let update_scroll = () => {
+		animation_request = null;
+		this.moveToWidget(this.active_widget);
+	}
+
+	let animation_request;
+
+	document.addEventListener('scroll', e => {
+
+		if (!this.active_widget) {
+			return;
+		}
+
+		if (animation_request != null) {
+			cancelAnimationFrame(animation_request);
+		}
+
+		animation_request = requestAnimationFrame(update_scroll);
+	}, {passive: true});
 });

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "alchemy-widget",
 	"description": "The widget plugin for the AlchemyMVC",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"author": "Jelle De Loecker <jelle@elevenways.be>",
 	"keywords": [
 		"alchemy",
@@ -15,6 +15,6 @@
 	"repository": "11ways/alchemy-widget",
 	"license": "MIT",
 	"engines": {
-		"node" : ">=10.0.0"
+		"node" : ">=12.0.0"
 	}
 }