@pageboard/html 0.14.24 → 0.14.26

package/package.json

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

package/ui/fieldset-list.js

@@ -25,12 +25,6 @@ class HTMLElementFieldsetList extends Page.Element {
 		this.#resize();
 		return vars;
 	}
-	patch(state) {
-		// initialize
-		if (this.ownView.children.length == 0) {
-			this.#resize();
-		}
-	}
 
 	reset() {
 		this.#list = this.#defaultList?.slice();
@@ -89,6 +83,9 @@ class HTMLElementFieldsetList extends Page.Element {
 			for (const node of tpl.content.querySelectorAll('[block-id]')) {
 				node.removeAttribute('block-id');
 			}
+			if (this.ownView.children.length == 0) {
+				this.#resize();
+			}
 		}
 	}
 

package/ui/image.js

@@ -157,7 +157,7 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		this.classList.remove('loading');
 	}
 	captureError(e) {
-		this.#defer?.reject(e);
+		this.#defer?.reject(new Error(this.currentSrc));
 		this.classList.remove('loading');
 		this.classList.add('error');
 		this.placeholder(true);

package/ui/layout.js

@@ -60,7 +60,9 @@ class HTMLElementLayout extends Page.create(HTMLDivElement) {
 			this.#defer = new Deferred();
 			const img = new Image();
 			img.addEventListener('load', this.#defer.resolve);
-			img.addEventListener('error', this.#defer.reject);
+			img.addEventListener('error',
+				e => this.#defer.reject(new Error(this.currentSrc))
+			);
 			img.src = curSrc;
 			this.style.backgroundImage = `url("${curSrc}")`;
 			return this.#defer;

package/ui/transition.js

@@ -28,7 +28,8 @@ const loader = new class {
 	}
 	setup(state) {
 		const tr = state.scope.transition;
-		state.finish(() => {
+		state.finish(async () => {
+			await document.fonts?.ready;
 			document.body.hidden = false;
 			if (tr?.ok) return tr.start();
 		});