@pageboard/html 0.14.12 → 0.14.14

package/elements/fieldsets.js

@@ -49,11 +49,11 @@ exports.fieldset_legend = {
 
 exports.fieldset_list = {
 	title: 'Field List',
+	priority: 2, // after template
 	menu: "form",
 	icon: '<i class="icons"><i class="folder outline icon"></i><i class="corner add icon"></i></i>',
 	group: 'block template',
 	context: 'form//',
-	priority: 0,
 	properties: {
 		min: {
 			title: 'Min items',

package/elements/image.js

@@ -1,6 +1,6 @@
 exports.image = {
 	title: "Image",
-	priority: 0,
+	priority: -1,
 	menu: 'media',
 	icon: '<i class="icon image"></i>',
 	properties: {

package/package.json

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

package/ui/consent.js

@@ -38,7 +38,7 @@ class HTMLElementConsent extends Page.create(HTMLFormElement) {
 		}
 		state.scope.storage.set('consent', consent);
 		state.scope.$consent = consent;
-		state.runChain('consent');
+		state.copy().runChain('consent');
 	}
 	handleChange(e, state) {
 		this.handleSubmit(e, state);
@@ -59,10 +59,6 @@ class HTMLElementConsent extends Page.create(HTMLFormElement) {
 	}
 }
 
-
-Page.define(`element-consent`, HTMLElementConsent, 'form');
-
-
 Page.constructor.prototype.consent = function (fn) {
 	const initial = this.scope.$consent === undefined;
 	let consent = this.scope.storage.get('consent');
@@ -90,12 +86,18 @@ Page.constructor.prototype.reconsent = function (fn) {
 	return asking;
 };
 
+Page.define(`element-consent`, HTMLElementConsent, 'form');
+
+
 Page.paint(state => {
 	state.finish(() => {
 		let run = true;
 		if (HTMLElementConsent.waiting) {
 			if (state.reconsent()) run = false;
 		}
-		if (run) state.runChain('consent');
+		if (run) {
+			// do not change current state stage
+			state.copy().runChain('consent');
+		}
 	});
 });

package/ui/fieldset-list.js

@@ -6,12 +6,14 @@ class HTMLElementFieldsetList extends Page.Element {
 
 	fill(values) {
 		if (this.isContentEditable || this.prefix == null) return;
+		const vars = [];
 		for (const [key, val] of Object.entries(values)) {
 			const parts = this.#prefixed(key);
 			if (!parts) continue;
 			if (parts.length == 1 && Number.isInteger(Number(parts[0])) && Array.isArray(val)) {
 				console.warn("fielset-list should receive flat lists", key, val);
 			} else if (parts.length == 0 && Array.isArray(val)) {
+				vars.push(key);
 				for (let i = 0; i < val.length; i++) {
 					values[key + '.' + i] = val[i];
 				}
@@ -21,6 +23,7 @@ class HTMLElementFieldsetList extends Page.Element {
 		this.#list = this.#listFromValues({ ...values });
 		if (this.#defaultList == null) this.save();
 		this.#resize();
+		return vars;
 	}
 
 	reset() {

package/ui/form.js

@@ -194,7 +194,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 		// fieldset-list are not custom inputs yet
 		const vars = [];
 		for (const node of this.querySelectorAll("element-fieldset-list")) {
-			node?.fill(query);
+			if (node.fill) vars.push(...node.fill(query));
 		}
 
 		for (const elem of this.elements) {