@pageboard/html 0.12.17 → 0.12.19

package/elements/pagination.js

@@ -11,8 +11,8 @@ exports.pagination = {
 			type: 'string',
 			format: 'id',
 			$filter: {
-				name: 'block',
-				types: ["fetch"]
+				name: 'action',
+				action: 'read'
 			}
 		},
 		dir: {

package/elements/sitemap.js

@@ -45,9 +45,9 @@ exports.sitemap = {
 			context: 'sitemap/ | sitepage/',
 			html: `<element-sitepage class="item [leaf|alt::fold]" data-url="[url]" data-index="[index]">
 				<div class="title [leaf|alt::caret-icon]">
-					<span class="header">[title|or:Untitled]</span>
-					<span class="ui mini type label">[$grants.webmaster|prune:*][$type]</span>
-					<span class="ui mini black label">[$grants.webmaster|prune:*][nositemap|prune:*]no sitemap</span>
+					<span class="header">[title|or:-]</span>
+					<span class="ui mini type label">[$grants.webmaster|prune:*][$type|slice:4]</span>
+					<span class="ui mini grey label">[$grants.webmaster|prune:*][nositemap|prune:*]no sitemap</span>
 					<span class="ui mini orange label">[$grants.webmaster|prune:*][noindex|prune:*]no index</span>
 					<span class="ui mini red label">[$grants.webmaster|prune:*][$lock|fail:*]</span>
 					<br>
@@ -61,4 +61,4 @@ exports.sitemap = {
 };
 exports.editor.scripts.push('../ui/sitemap-helper.js');
 exports.sitepage = exports.sitemap.itemModel('page', false);
-exports.siteredirection = exports.sitemap.itemModel('redirection', true);
+exports.siteredirection = exports.sitemap.itemModel('redirection', false);

package/package.json

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

package/ui/fieldset.js

@@ -20,7 +20,7 @@ class HTMLElementFieldSet extends Page.create(HTMLFieldSetElement) {
 		state.finish(() => this.fill(null, state.scope));
 	}
 	handleAllChange(e, state) {
-		if (this.form.contains(e.target)) {
+		if (this.form?.contains(e.target)) {
 			this.fill(null, state.scope);
 		}
 	}

package/ui/transition.js

@@ -5,20 +5,27 @@ Object.defineProperty(document, 'body', {
 	}
 });
 
-Page.route(state => {
-	const root = document.documentElement;
-	function dtr(state) {
-		root.dataset.stage = state.stage;
-		if (state.stage == "paint") {
-			setTimeout(() => root.removeAttribute('data-stage'), 700);
-		}
+const loader = new class {
+	ready(state) {
+		this.update(state.stage);
 	}
-	dtr(state);
-	state.ready(dtr);
-	state.patch(dtr);
-	state.paint(dtr);
-	state.catch(dtr);
-});
+	patch(state) {
+		this.update(state);
+	}
+	paint(state) {
+		this.update(state);
+		const cur = document.documentElement;
+		setTimeout(() => cur.removeAttribute('data-stage'), 700);
+	}
+	catch(state) {
+		this.update(state);
+	}
+	update(state) {
+		document.documentElement.dataset.stage = state.stage;
+	}
+};
+Page.connect(loader);
+loader.update(Page);
 
 class Transition {
 	#defer;