@pageboard/html 0.16.8 → 0.16.9

package/elements/sitemap.js

@@ -1,6 +1,5 @@
 exports.sitemap = {
 	group: "block",
 	icon: '<i class="sitemap icon"></i>',
-	menu: 'link',
 	html: `<element-sitemap>DEPRECATED</element-sitemap>`
 };

package/package.json

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

package/ui/consent.js

@@ -70,15 +70,30 @@ class HTMLElementConsent extends Page.create(HTMLFormElement) {
 	}
 }
 
+Page.constructor.prototype.consents = function (name, val) {
+	const { storage } = this.scope;
+	const key = "consent." + name;
+	if (val === null) {
+		storage.remove(key);
+	} else if (val !== undefined) {
+		storage.set(key, val ? "yes" : "no");
+	} else {
+		const str = storage.get(key);
+		if (str == "yes") return true;
+		else if (str == "no") return false;
+		else return null;
+	}
+};
+
 Page.constructor.prototype.consent = function (listener, ask) {
 	const { consent } = listener.constructor;
 	if (!consent) {
 		console.warn("Expected a static consent field", listener);
 		return;
 	}
-	const cur = this.scope.storage.get(consent);
+	const cur = this.consents(consent);
 	if (cur == null || ask) {
-		this.scope.storage.set(consent, HTMLElementConsent.ask(this, consent));
+		this.consents(consent, HTMLElementConsent.ask(this, consent));
 	}
 	this.chain('consent', listener);
 };
@@ -89,6 +104,7 @@ Page.define(`element-consent`, HTMLElementConsent, 'form');
 Page.paint(state => {
 	state.finish(() => {
 		if (!HTMLElementConsent.explicits.size) {
+			// last chance for implicit consents
 			state.copy().runChain('consent');
 		}
 	});

package/ui/embed.js

@@ -1,5 +1,5 @@
 class HTMLElementEmbed extends Page.Element {
-	static consent = "consent.embed";
+	static consent = "marketing";
 	static defaults = {
 		src: null,
 		query: null,
@@ -25,12 +25,12 @@ class HTMLElementEmbed extends Page.Element {
 		this.#meta(state);
 	}
 	consent(state) {
-		const consent = state.scope.storage.get(this.constructor.consent);
-		this.classList.toggle('denied', consent == "no");
-		this.classList.toggle('waiting', consent == null);
+		const consent = state.consents(this.constructor.consent);
+		this.classList.toggle('denied', consent === false);
+		this.classList.toggle('waiting', consent === null);
 
 		const iframe = this.querySelector('iframe');
-		if (consent != "yes") {
+		if (consent !== true) {
 			iframe.src = "";
 			return;
 		}