@pageboard/html 0.12.8 → 0.12.9

package/elements/inputs.js

@@ -323,8 +323,8 @@ exports.input_checkbox = {
 		<div class="ui [toggle] checkbox">
 			<input type="checkbox" required="[required]" disabled="[disabled]"
 				name="[name]" value="[value]" checked="[checked]"
-				id="for-[name][value|or:|pre:-]-[$id|slice:0:6]" />
-			<label block-content="label" for="for-[name][value|or:|pre:-]-[$id|slice:0:6]">Label</label>
+				id="for-[name][value|pre:-]" />
+			<label block-content="label" for="for-[name][value|pre:-]">Label</label>
 		</div>
 	</div>`,
 	stylesheets: [
@@ -370,8 +370,8 @@ exports.input_radio = {
 		<div class="ui radio checkbox">
 			<input type="radio" disabled="[disabled]"
 				name="[name]" value="[value|or:]" checked="[checked]"
-				id="for-[name][value|or:|pre:-]-[$id|slice:0:6]" />
-			<label block-content="label" for="for-[name][value|or:|pre:-]-[$id|slice:0:6]">Label</label>
+				id="for-[name][value|pre:-]" />
+			<label block-content="label" for="for-[name][value|pre:-]">Label</label>
 		</div>
 	</div>`,
 	stylesheets: [

package/package.json

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

package/ui/embed.js

@@ -1,6 +1,6 @@
 class HTMLElementEmbed extends Page.Element {
 	static defaults = {
-		url: null,
+		src: null,
 		query: null,
 		hash: null
 	};
@@ -14,13 +14,13 @@ class HTMLElementEmbed extends Page.Element {
 		return this.querySelector('iframe')?.src ?? "about:blank";
 	}
 	patch(state) {
-		const meta = state.scope.$hrefs?.[this.options.url];
+		const meta = state.scope.$hrefs?.[this.options.src];
 		if (meta) {
 			this.title = meta.title;
-			this.setAttribute('data-src', meta.source);
+			if (meta.source) this.setAttribute('data-source', meta.source);
 			this.style.paddingBottom = `calc(${meta.height} / ${meta.width} * 100%)`;
 		} else {
-			console.warn("Missing href", this.options.url);
+			console.warn("Missing href", this.options.src);
 		}
 	}
 	consent(state) {
@@ -37,7 +37,7 @@ class HTMLElementEmbed extends Page.Element {
 
 		const opts = this.options;
 		const prev = Page.parse(this.currentSrc);
-		const cur = Page.parse(this.dataset.src || "about:blank");
+		const cur = Page.parse(this.dataset.source || this.options.src || "about:blank");
 		cur.hash = opts.hash;
 		const curSrc = cur.toString();
 
@@ -66,8 +66,8 @@ class HTMLElementEmbed extends Page.Element {
 		this.classList.add('error');
 	}
 	handleAllMessage(e, state) {
-		if (!e.origin || !this.options.source) return;
-		if (this.options.source.startsWith(e.origin) == false) return;
+		if (!e.origin || !this.currentSrc) return;
+		if (this.currentSrc?.startsWith(e.origin) == false) return;
 		if (this.receiveMessage) this.receiveMessage(e.data ?? {});
 	}
 	close() {

package/ui/fieldset-list.js

@@ -138,6 +138,13 @@ class HTMLElementFieldsetList extends Page.Element {
 		for (const node of inputs) {
 			const name = this.#incrementkey('[fielditem.index]', node.name);
 			if (name != null) {
+				const id = node.id;
+				if (id?.startsWith(`for-${node.name}`)) {
+					node.id = id.replace(node.name, name);
+				}
+				if (node.nextElementSibling?.htmlFor == id) {
+					node.nextElementSibling.htmlFor = node.id;
+				}
 				node.name = name;
 			}
 		}

package/ui/form.js

@@ -299,7 +299,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 		if (loc.samePathname(state)) {
 			loc.query = { ...state.query, ...loc.query };
 		}
-		const nstate = this.ignoreInputChange
+		const nstate = this.ignoreInputChange && state.referrer
 			? state.replace(loc)
 			: state.push(loc);
 		nstate.catch(state => {