@pageboard/html 0.12.35 → 0.12.37

package/elements/consent.js

@@ -23,7 +23,7 @@ exports.consent_form = {
 		<template block-content="content"></template>
 		<div class="view"></div>
 	</form>`,
-	scripts: ['../ui/storage.js', '../ui/consent.js'],
+	scripts: ['../ui/consent.js'],
 	stylesheets: ['../ui/consent.css']
 };
 

package/elements/embed.js

@@ -30,6 +30,15 @@ exports.embed = {
 			title: 'Additional query parameters',
 			type: 'object',
 			nullable: true
+		},
+		ratio: {
+			title: 'Default height/width',
+			description: 'Inverse of ratio in percents',
+			type: 'number',
+			minimum: 10,
+			maximum: 500,
+			multipleOf: 0.01,
+			nullable: true
 		}
 	},
 	group: "block",
@@ -40,7 +49,7 @@ exports.embed = {
 		};
 	},
 	tag: 'iframe,element-embed',
-	html: `<element-embed data-src="[url]" data-query="[query|as:query]" id="[id]">
+	html: `<element-embed data-src="[url]" data-query="[query|as:query]" id="[id]" style-padding-bottom="[ratio|fail:]%">
 		<a aria-hidden="true" class="linkable" href="[$loc.pathname][$loc.search][id|pre:%23]">[linkable|prune:*]#</a>
 		<iframe loading="lazy" allowfullscreen frameborder="0" scrolling="no"></iframe>
 	</element-embed>`,

package/elements/storage.js

@@ -0,0 +1,5 @@
+exports.storage = {
+	priority: -1,
+	group: "block",
+	scripts: ['../ui/storage.js']
+};

package/package.json

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

package/ui/storage.js

@@ -4,14 +4,14 @@ class UserStore {
 		return this.#store;
 	}
 	get(key) {
-			try {
+		try {
 			return this.#store.getItem(key);
 		} catch (ex) {
 			console.error(ex);
-			}
+		}
 	}
 	set(key, val) {
-			try {
+		try {
 			if (val == null) return this.del(key);
 			else return this.#store.setItem(key, val);
 		} catch (ex) {
@@ -19,7 +19,7 @@ class UserStore {
 		}
 	}
 	del(key) {
-			try {
+		try {
 			return this.#store.removeItem(key);
 		} catch (ex) {
 			console.error(ex);