@pageboard/html 0.14.7 → 0.14.9

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]" 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',
@@ -110,7 +120,7 @@ exports.menu_item_link = {
 		marks: "nolink"
 	},
 	group: 'menu_item',
-	html: '<a class="[labeled] item" href="[url]">Link</a>'
+	html: '<a class="[labeled] item" href="[url]" hreflang="[lang]">Link</a>'
 };
 
 exports.menu_item_block = { ...exports.menu_item_link,

package/package.json

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

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();
-		}
-	}
-});
-