@pageboard/html 0.14.6 → 0.14.8

package/elements/layout.js

@@ -119,7 +119,7 @@ exports.layout = {
 					title: 'Inline (em)',
 					type: 'number',
 					default: 0,
-					multipleOf: 0.1,
+					multipleOf: 0.01,
 					nullable: true
 				},
 				inlineUnits: {
@@ -129,7 +129,7 @@ exports.layout = {
 					title: 'Block (rem)',
 					type: 'number',
 					default: 0,
-					multipleOf: 0.1,
+					multipleOf: 0.01,
 					nullable: true
 				},
 				blockUnits: {
@@ -147,7 +147,7 @@ exports.layout = {
 					type: 'number',
 					default: 0,
 					minimum: 0,
-					multipleOf: 0.1,
+					multipleOf: 0.01,
 					nullable: true
 				},
 				inlineUnits: {
@@ -158,7 +158,7 @@ exports.layout = {
 					type: 'number',
 					default: 0,
 					minimum: 0,
-					multipleOf: 0.1,
+					multipleOf: 0.01,
 					nullable: true
 				},
 				blockUnits: {

package/elements/link.js

@@ -21,13 +21,23 @@ exports.link = {
 					type: ["link", "file", "archive"]
 				}
 			}
+		},
+		lang: {
+			title: 'Language',
+			type: 'string',
+			format: 'lang',
+			nullable: true,
+			$helper: {
+				name: 'datalist',
+				url: '/.api/languages'
+			}
 		}
 	},
 	contents: "text*",
 	inline: true,
 	group: "inline",
 	tag: 'a:not([block-type]),a[block-type="link"]',
-	html: '<a href="[url]" class="[button|alt:ui button]"></a>',
+	html: '<a href="[url][lang|pre:.]" hreflang="[lang]" class="[button|alt:ui button]"></a>',
 	stylesheets: [
 		'../lib/components/button.css'
 	]

package/elements/menu.js

@@ -98,6 +98,16 @@ exports.menu_item_link = {
 				}
 			}
 		},
+		lang: {
+			title: 'Language',
+			type: 'string',
+			format: 'lang',
+			nullable: true,
+			$helper: {
+				name: 'datalist',
+				url: '/.api/languages'
+			}
+		},
 		labeled: {
 			title: 'Labeled',
 			description: 'Vertical layout',

package/package.json

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

package/ui/form.js

@@ -359,7 +359,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 			form.classList.add('loading');
 			scope.$response = await state.fetch(form.method, Page.format({
 				pathname: form.getAttribute('action'),
-				query: state.query
+				query: form.dataset // because patch populates data from parameters
 			}), scope.$request);
 		} catch (err) {
 			scope.$response = err;

package/ui/loading.css

@@ -1,4 +1,8 @@
-[data-src]::after {
+
+.loading[data-src]::after,
+.error[data-src]::after,
+.waiting[data-src]::after,
+.denied[data-src]::after {
 	display:none;
 	box-sizing: border-box;
 	text-align:center;

package/ui/transition.js

@@ -9,6 +9,9 @@ const loader = new class {
 	ready(state) {
 		this.update(state.stage);
 	}
+	build(state) {
+		document.body.hidden = true;
+	}
 	patch(state) {
 		this.update(state);
 	}
@@ -23,6 +26,14 @@ const loader = new class {
 	update(state) {
 		document.documentElement.dataset.stage = state.stage;
 	}
+	setup(state) {
+		const tr = state.scope.transition;
+		state.finish(() => {
+			document.body.hidden = false;
+			if (tr?.ok) return tr.start();
+		});
+		tr?.end();
+	}
 };
 Page.connect(loader);
 loader.update(Page);
@@ -144,17 +155,3 @@ Page.constructor.prototype.mergeBody = function (body, corpse) {
 		this.scope.transition = new Transition(this, body, corpse);
 	}
 };
-
-Page.setup(state => {
-	const tr = state.scope.transition;
-	if (tr) {
-		if (tr.ok) {
-			state.finish(() => {
-				return tr.start();
-			});
-		} else {
-			tr.end();
-		}
-	}
-});
-