@pageboard/html 0.13.5 → 0.13.7

package/elements/inputs.js

@@ -67,14 +67,29 @@ exports.input_fields = {
 			type: 'boolean',
 			default: false
 		},
+		grouped: {
+			title: "Grouped",
+			type: 'boolean',
+			default: false
+		},
 		full: {
 			title: 'Full width',
 			type: 'boolean',
 			default: false
 		}
 	},
-	contents: "input_field*",
-	html: `<div class="[inline] [full|alt:fluid:] fields"></div>`
+	contents: "(input_label|input_field)*",
+	html: `<div class="[inline] [grouped] [full|alt:fluid:] fields"></div>`
+};
+
+exports.input_label = {
+	title: 'Input Label',
+	icon: '<i class="icons"><i class="text cursor icon"></i><i class="corner tag icon"></i></i>',
+	menu: "form",
+	group: "block",
+	context: "input_fields//",
+	contents: "inline*",
+	html: `<label></label>`
 };
 
 exports.input_text = {

package/package.json

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

package/ui/image.js

@@ -162,7 +162,7 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		const curSrc = loc.toString();
 		if (curSrc != this.currentSrc) {
 			this.classList.add('loading');
-			this.#defer?.resolve();
+			this.#defer?.reject();
 			this.#defer = new Deferred();
 			img.setAttribute('src', curSrc);
 			return this.#defer;
@@ -174,7 +174,7 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		this.fix(this.image);
 	}
 	captureError() {
-		this.#defer.resolve();
+		this.#defer.reject();
 		this.classList.remove('loading');
 		this.classList.add('error');
 		this.placeholder(true);
@@ -213,6 +213,13 @@ class HTMLElementInlineImage extends HTMLElementImageConstructor(Page.create(HTM
 		if (!cur && this.image.src?.startsWith('data:')) return this.src;
 		else return cur;
 	}
+
+	captureLoad() {
+		super.captureLoad();
+	}
+	captureError() {
+		super.captureError();
+	}
 }
 
 Page.define('element-image', HTMLElementImage);

package/ui/layout.js

@@ -56,11 +56,11 @@ class HTMLElementLayout extends Page.create(HTMLDivElement) {
 			} catch(e) {
 				// pass
 			}
-			this.#defer?.resolve();
+			this.#defer?.reject();
 			this.#defer = new Deferred();
 			const img = new Image();
 			img.addEventListener('load', this.#defer.resolve);
-			img.addEventListener('error', this.#defer.resolve);
+			img.addEventListener('error', this.#defer.reject);
 			img.src = curSrc;
 			this.style.backgroundImage = `url("${curSrc}")`;
 			return this.#defer;