@pageboard/html 0.15.4 → 0.15.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.15.4",
+  "version": "0.15.6",
   "description": "",
   "main": "index.js",
   "repository": {

package/ui/form.js

@@ -366,7 +366,13 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 				vary = "patch";
 			}
 		}
-		state.push(loc, { vary });
+		state.debounce(
+			() => {
+				msg.classList.remove('visible');
+				return state.push(loc, { vary });
+			},
+			msg.dataset.fading ? 1000 : 100
+		)();
 	}
 }
 window.HTMLElementForm = HTMLElementForm;

package/ui/image.js

@@ -132,7 +132,6 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 	}
 
 	reveal(state) {
-		const img = this.image;
 		if (!this.options.src) {
 			this.placeholder(true);
 			return;
@@ -140,6 +139,7 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		if (this.classList.contains('loading')) {
 			return;
 		}
+		const img = this.image;
 		const srcLoc = Page.parse(this.options.src);
 		const reqSrc = this.requestSrc(srcLoc);
 		if (!reqSrc) {
@@ -153,14 +153,14 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		}
 	}
 	captureLoad() {
-		this.#defer?.resolve();
 		this.classList.remove('loading');
+		this.#defer?.resolve();
 	}
 	captureError(e) {
-		this.#defer?.reject(new Error(this.currentSrc));
 		this.classList.remove('loading');
 		this.classList.add('error');
 		this.placeholder(true);
+		this.#defer?.reject(new Error(this.currentSrc));
 	}
 	placeholder(error) {
 		this.image.removeAttribute('src');