Fixes

debian/changelog

@@ -1,4 +1,4 @@
-hedera-web (1.407.77) stable; urgency=low
+hedera-web (1.407.78) stable; urgency=low
 
   * Initial Release.
 

js/htk/assistant-bar/index.js

@@ -38,8 +38,7 @@ module.exports = new Class({
 	_disabled: false,
 	
 	render: function() {
-		var bar = this.createRoot('div');
-		bar.className = 'htk-assistant-bar';
+		var node = this.createRoot('div');
 
 		var previousButton = new Htk.Button({
 			icon: 'arrow_back_ios',
@@ -47,11 +46,11 @@ module.exports = new Class({
 		}).node;
 		previousButton.classList.add('previous');
 		previousButton.addEventListener('click', this.movePrevious.bind(this));
-		bar.appendChild(previousButton);
+		node.appendChild(previousButton);
 		
 		var steps = this.createElement('div');
 		steps.className = 'steps';
-		bar.appendChild(steps);
+		node.appendChild(steps);
 		
 		var nextButton = new Htk.Button({
 			icon: 'arrow_forward_ios',
@@ -59,7 +58,7 @@ module.exports = new Class({
 		}).node;
 		nextButton.classList.add('next');
 		nextButton.addEventListener('click', this.moveNext.bind(this));
-		bar.appendChild(nextButton);
+		node.appendChild(nextButton);
 		
 		var endButton = new Htk.Button({
 			icon: 'done',
@@ -67,7 +66,7 @@ module.exports = new Class({
 		}).node;
 		endButton.classList.add('end');
 		endButton.addEventListener('click', this.end.bind(this));
-		bar.appendChild(endButton);
+		node.appendChild(endButton);
 		
 		this._steps = steps;
 		this._previousButton = previousButton;

js/htk/assistant/index.js

@@ -81,9 +81,8 @@ module.exports = new Class({
 	steps: {},
 
 	initialize: function(props) {
-		var node = this.createRoot('div');
-		node.className = 'htk-assistant';
 		Component.prototype.initialize.call(this, props);
+		this.createRoot('div');
 	},
 
 	appendChild: function(step) {

js/htk/button/index.js

@@ -42,7 +42,6 @@ module.exports = new Class({
 	
 	,render: function() {
 		var node = this.createRoot('button');
-		node.className = 'htk-button';
 	
 		this.iconNode = new Htk.Icon();
 		node.appendChild(this.iconNode.node);

js/htk/calendar/index.js

@@ -24,7 +24,6 @@ module.exports = new Class({
 		var len = Vn.Date.WDays.length;
 		
 		var node = this.createRoot('div');
-		node.className = 'htk-calendar';
 		
 		var table = this.createElement('table');
 		this.node.appendChild(table);

js/htk/date-chooser/index.js

@@ -11,7 +11,7 @@ module.exports = new Class({
 	
 	,render: function() {
 		const node = this.createRoot('button');
-		node.className = 'htk-date-chooser input';
+		node.classList.add('input');
 		node.addEventListener('click', this._onClick.bind(this));
 
 		this.label = this.createElement('span');

js/htk/grid/index.js

@@ -65,7 +65,6 @@ module.exports = new Class({
 	
 	,render: function() {
 		var table = this.createRoot('table');
-		table.className = 'htk-grid';
 
 		var thead = this.createElement('thead');
 		table.appendChild(thead);

js/htk/icon/index.js

@@ -42,7 +42,7 @@ module.exports = new Class({
 
 	,render: function() {
 		const node = this.createRoot('span');
-		node.className = 'htk-icon material-symbols-rounded';
+		node.classList.add('material-symbols-rounded');
 	}
 	
 	,_setIcon: function() {

js/htk/image/index.js

@@ -76,7 +76,6 @@ module.exports = new Class({
 
 	,render: function() {
 		var node = this.createRoot('div');
-		node.className = 'htk-image';
 		
 		var img = this.img = this.createElement('img');
 		img.addEventListener('error', this._onImageError.bind(this));

js/htk/loader/index.js

@@ -17,9 +17,9 @@ module.exports = new Class({
 		}
 	}
 
-	,initialize: function() {
-		var node = this.createRoot('div');
-		node.className = 'htk-loader';
+	,initialize: function(props) {
+		Component.prototype.initialize.call(this, props);
+		this.createRoot('div');
 
 		var div = this.createElement('div');
 		div.className = 'spinner';

js/htk/popup/index.js

@@ -59,8 +59,7 @@ module.exports = new Class({
 	}
 	
 	,render: function() {
-		var div = this.createRoot('div');
-		div.className = 'htk-popup';
+		this.createRoot('div');
 	}
 
 	,_setChildNode: function(childNode) {

js/htk/select/index.js

@@ -112,7 +112,7 @@ module.exports = new Class({
 	,render: function() {
 		const button = this.createRoot('button');
 		button.type = 'button';
-		button.className = 'htk-select input';
+		button.classList.add('input');
 		button.addEventListener('mousedown',
 			e => this._onButtonMouseDown(e));
 

js/htk/select/style.scss

@@ -1,6 +1,6 @@
 @import "../style/variables";
 
-.htk-select {
+.htk-combo {
 	display: flex;
 	align-items: center;
 	font-weight: normal;

js/htk/spin/index.js

@@ -5,7 +5,6 @@ module.exports = new Class({
 
 	,render: function() {
 		var input = this.createRoot('input');
-		//setInputTypeNumber (input);
 		this.node.type = 'number';
 		input.addEventListener('change', this._onChange.bind(this));
 

js/htk/spinner/index.js

@@ -9,7 +9,6 @@ module.exports = new Class({
 
 	,render: function() {
 		var loader = this.createRoot('div');
-		loader.className = 'htk-spinner';
 		
 		var spin = this.spin = this.createElement('div');
 		loader.appendChild(spin);

js/htk/step/index.js

@@ -20,9 +20,8 @@ module.exports = new Class({
 	},
 
 	initialize: function(props) {
-		var node = this.createRoot('div');
-		node.className = 'htk-step';
 		Component.prototype.initialize.call(this, props);
+		this.createRoot('div');
 	},
 
 	show: function() {

js/htk/text-area/index.js

@@ -1,17 +1,14 @@
 
-module.exports = new Class
-({
+module.exports = new Class({
 	Extends: Htk.Field
 	,Tag: 'htk-textarea'
 	
-	,render: function ()
-	{
+	,render: function() {
 		var node = this.createRoot('textarea');
 		node.addEventListener('change', this.changed.bind(this));
 	}
 
-	,changed: function (event)
-	{
+	,changed: function() {
 		var value;
 	
 		if (this.node.value == '')
@@ -22,13 +19,11 @@ module.exports = new Class
 		this.valueChanged(value);
 	}
 
-	,setEditable: function (editable)
-	{
+	,setEditable: function(editable) {
 		this.node.readOnly = !editable;
 	}
 
-	,putValue: function (value)
-	{
+	,putValue: function(value) {
 		if (!value)
 			this.node.value = '';
 		else

js/vn/builder.js

@@ -518,7 +518,7 @@ module.exports = new Class({
 		if (context.nodeId && object instanceof Component) {
 			var id = context.nodeId;
 			object.htmlId = scope.getHtmlId(id);
-			object.className = '_'+ id +' '+ object.className;
+			object.className = '_'+ id +' '+ (object.className || '');
 		}
 
 		return object;

js/vn/component.js

@@ -131,7 +131,7 @@ const ComponentClass = {
 
 	,_refreshClass: function() {
 		if (this._node && this._className)
-			this._node.className = this._className +' '+ this._node.className;
+			this._node.className = this._className +' '+ (this._node.className || '');
 	}
 	
 	,remove: function() {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hedera-web",
-  "version": "1.407.77",
+  "version": "1.407.78",
   "description": "Verdnatura web page",
   "license": "GPL-3.0",
   "repository": {