@pageboard/html 0.11.19 → 0.11.20

package/elements/paragraph.js

@@ -150,6 +150,9 @@ exports.heading = {
 	stylesheets: [
 		'../ui/heading.css'
 	],
+	scripts: [
+		'../ui/heading.js'
+	],
 	resources: {
 		helper: '../ui/heading-helper.js'
 	},

package/elements/sitemap.js

@@ -1,6 +1,7 @@
 exports.sitemap = {
 	title: "Sitemap",
 	group: "block",
+	bundle: true,
 	icon: '<i class="sitemap icon"></i>',
 	menu: 'link',
 	contents: {
@@ -38,6 +39,7 @@ exports.sitemap = {
 				...schema.properties
 			},
 			menu: "link",
+			bundle: 'sitemap',
 			group: 'sitemap_item',
 			virtual: true,
 			contents: leaf ? undefined : {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.11.19",
+  "version": "0.11.20",
   "description": "",
   "main": "index.js",
   "scripts": {

package/ui/heading-helper.js

@@ -5,8 +5,8 @@ class HTMLElementHeadingHelper extends HTMLHeadingElement {
 	}
 	init() {
 		this.willSync = Pageboard.debounce(this.sync, 100);
-		this.observer = new MutationObserver((records) => {
-			if (records.some((mut) => {
+		this.observer = new MutationObserver(records => {
+			if (records.some(mut => {
 				return mut.type == "characterData" || mut.type == "childList" && mut.addedNodes.length;
 			}))	this.willSync();
 		});

package/ui/heading.js

@@ -0,0 +1,9 @@
+Page.patch(state => {
+	state.finish(() => {
+		const heading = document.body.querySelector('element-template > .view h1');
+		if (!heading) return;
+		const title = document.head.querySelector('title');
+		if (!title) return;
+		title.textContent = heading.textContent.trim() + ' - ' + title.textContent;
+	});
+});

package/ui/menu.js

@@ -1,9 +1,9 @@
 Page.patch((state) => {
-	function isSameOrParent(loc, state) {
+	function isSameOrParent(loc, state, isItem) {
 		if (!state.sameDomain(loc)) {
 			return false;
 		} else if (state.samePathname(loc)) {
-			if (loc.sameQuery({query:{}})) return true;
+			if (!isItem && loc.sameQuery({query:{}})) return true;
 			if (state.query.develop !== undefined) {
 				// kept for backward compatibility
 				loc.query.develop = state.query.develop;
@@ -17,7 +17,7 @@ Page.patch((state) => {
 		for (const item of document.querySelectorAll('[block-type="menu"] [href]')) {
 			const loc = item.getAttribute('href');
 			if (!loc) continue;
-			if (isSameOrParent(Page.parse(loc), state)) {
+			if (isSameOrParent(Page.parse(loc), state, item.matches('.item'))) {
 				item.classList.add('active');
 			}
 		}

package/ui/sitemap.js

@@ -8,7 +8,7 @@ class HTMLElementSitemap extends VirtualHTMLElement {
 			if (parent.content == null) parent.content = {};
 			if (parent.content.children == null) parent.content.children = "";
 			if (typeof parent.content.children == "string") {
-				parent.content.children += `<div block-id="${page.id}" block-type="site${page.type}"></div>`;
+				parent.content.children += `<div block-id="${page.id}" block-type="${page.type}"></div>`;
 			}
 			delete tree._;
 		} else {