@pageboard/html 0.16.15 → 0.16.17

package/elements/table.js

@@ -113,7 +113,7 @@ exports.table_row = {
 	title: "Row",
 	menu: 'widget',
 	icon: '<b class="icon">row</b>',
-	contents: 'table_cell+',
+	contents: '(table_cell|table_head_cell)+',
 	inplace: true,
 	html: '<tr></tr>'
 };
@@ -125,9 +125,8 @@ exports.table_cell = {
 	properties: {
 		align: {
 			title: 'Align',
-			default: "",
 			anyOf: [{
-				const: "",
+				const: null,
 				title: "Left",
 				icon: '<i class="icon align left"></i>'
 			}, {
@@ -166,16 +165,18 @@ exports.table_cell = {
 	tag: 'td',
 	parse: function(dom) {
 		const d = {};
-		if (dom.matches('.center')) d.align = 'center';
-		else if (dom.matches('.right')) d.align = 'right';
-		if (dom.matches('.selectable')) d.selectable = true;
+		if (dom.classList.contains('center')) d.align = 'center';
+		else if (dom.classList.contains('right')) d.align = 'right';
+		if (dom.classList.contains('selectable')) d.selectable = true;
+		if (dom.rowspan) d.rowspan = dom.rowspan;
+		if (dom.colspan) d.colspan = dom.colspan;
 		return d;
 	},
 	html: '<td class="[align|post: aligned] [selectable]" rowspan="[rowspan]" colspan="[colspan]"></td>'
 };
 
 exports.table_head_cell = {
-	title: "Cell",
+	title: "Head Cell",
 	menu: 'widget',
 	icon: '<i class="icons"><b class="icon">head</b><i class="corner add icon"></i></i>',
 	properties: {
@@ -201,12 +202,36 @@ exports.table_head_cell = {
 			minimum: 1,
 			maximum: 1000,
 			default: 1
+		},
+		scope: {
+			title: 'Scope',
+			anyOf: [{
+				const: null,
+				title: 'None'
+			}, {
+				const: 'row',
+				title: 'Row'
+			}, {
+				const: 'col',
+				title: 'Column'
+			}]
 		}
 	},
+	parse: function (dom) {
+		const d = {};
+		if (dom.classList.contains('center')) d.align = 'center';
+		else if (dom.classList.contains('right')) d.align = 'right';
+		if (dom.classList.contains('selectable')) d.selectable = true;
+		if (dom.rowspan) d.rowspan = dom.rowspan;
+		if (dom.colspan) d.colspan = dom.colspan;
+		if (dom.scope) d.scope = dom.scope;
+		if (dom.dataset.width) d.width = parseInt(dom.dataset.width) || null;
+		return d;
+	},
 	contents: "block+",
 	tag: 'th',
 	inplace: true,
-	html: '<th class="[align|post: aligned] [width|as:colnums|post: wide]" rowspan="[rowspan]" colspan="[colspan]"></th>',
+	html: '<th class="[align|post: aligned] [width|as:colnums|post: wide]" data-width="[width]" rowspan="[rowspan]" colspan="[colspan]" scope="[scope]"></th>',
 	stylesheets: [
 		"../ui/table.css"
 	]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.16.15",
+  "version": "0.16.17",
   "description": "",
   "main": "index.js",
   "repository": {
@@ -15,7 +15,7 @@
   "homepage": "https://github.com/pageboard/client#readme",
   "dependencies": {
     "nouislider": "^15.8.1",
-    "postinstall": "^0.11.0"
+    "postinstall": "^0.11.1"
   },
   "postinstall": {
     "nouislider/dist/nouislider.js": "link lib/",

package/ui/input-date.js

@@ -1,6 +1,7 @@
 class HTMLElementInputDate extends Page.create(HTMLInputElement) {
 	patch() {
 		if (this.type == "date") this.removeAttribute('step');
+		if (this.hasAttribute('value')) this.setAttribute('value', this.getAttribute('value'));
 	}
 
 	setAttribute(name, value) {