@pageboard/html 0.15.9 → 0.15.11

package/elements/card.js

@@ -4,9 +4,6 @@ exports.cards = {
 	icon: '<i class="icon address card outline"></i>',
 	group: "block",
 	contents: "(card|cardlink)+",
-	upgrade: {
-		'data.columnCount' : 'data.columns'
-	},
 	properties: {
 		columns: {
 			title: 'Column count',

package/elements/consent.js

@@ -16,9 +16,6 @@ exports.consent_form = {
 		id: "content",
 		nodes: "block+"
 	},
-	upgrade: {
-		'content.': 'content.content'
-	},
 	html: `<form is="element-consent" class="ui form" data-transient="[transient]">
 		<x[transient|alt:template:div|at:-] block-content="content"></x[transient|alt:template:div|at:-]>
 	</form>`,

package/elements/layout.js

@@ -32,9 +32,6 @@ exports.units = {
 exports.layout = {
 	title: "Layout",
 	icon: '<i class="icon move"></i>',
-	upgrade: {
-		'data.invert': 'data.background.invert'
-	},
 	properties: {
 		horizontal: {
 			title: 'Horizontal',

package/elements/menu.js

@@ -2,9 +2,6 @@ exports.menu = {
 	title: "Menu",
 	icon: '<b class="icon">Menu</b>',
 	menu: "link",
-	upgrade: {
-		'content.items': 'content.'
-	},
 	contents: "(menu_item|menu_group)+",
 	properties: {
 		direction: {

package/package.json

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

package/ui/image.js

@@ -86,8 +86,8 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		}
 		d.width ??= constructor.defaultWidth || "";
 		d.height ??= constructor.defaultHeight || "";
-		if (w) image.width = w || d.width;
-		if (h) image.height = h || d.height;
+		image.width = w || d.width;
+		image.height = h || d.height;
 		image.alt = d.alt ?? "";
 		const cur = currentSrc;
 		if (!cur) {

package/ui/textarea.js

@@ -1,18 +1,15 @@
 class HTMLElementTextArea extends Page.create(HTMLTextAreaElement) {
-	handleChange(e, state) {
-		this.#resize(state);
+	set value(str) {
+		super.value = str;
+		this.#resize();
 	}
-	handleInput(e, state) {
-		this.#resize(state);
+	handleInput() {
+		this.#resize();
 	}
-	setup(state) {
-		this.#resize(state);
+	setup() {
+		this.#resize();
 	}
-	#resize(state) {
-		if (state.scope.$write) {
-			delete this.style.height;
-			return;
-		}
+	#resize() {
 		requestAnimationFrame(() => {
 			this.style.height = 0;
 			this.style.height = `calc(${this.scrollHeight}px + 1em)`;