feat(treenode-column): left alignment and only deepest node shown (#102)

User Story AB#12784 - the new treenode column includes only the deepest node,
and visualizes the whole rest of the treenode on hover in a tooltip.

cosmoz-omnitable-treenode-column.js

@@ -65,7 +65,7 @@ class CosmozOmnitableTreenodeColumn extends columnMixin(PolymerElement) {
 			valueProperty: { type: String, value: 'name' },
 			minWidth: { type: String, value: '85px' },
 			hideFromRoot: { type: Number },
-			showMaxNodes: { type: Number },
+			showMaxNodes: { type: Number, value: 1 },
 			limit: { type: Number },
 			keepOpened: { type: Boolean, value: true },
 			keepQuery: { type: Boolean },
@@ -137,8 +137,7 @@ class CosmozOmnitableTreenodeColumn extends columnMixin(PolymerElement) {
 			</style>
 			<cosmoz-treenode
 				hide-from-root=${ifDefined(column.hideFromRoot)}
-				show-max-nodes=${ifDefined(column.showMaxNodes)}
-				no-wrap
+				show-max-nodes=${column.showMaxNodes}
 				key-property=${column.keyProperty}
 				.keyValue=${get(item, column.valuePath)}
 				value-property=${column.valueProperty}
@@ -166,6 +165,7 @@ class CosmozOmnitableTreenodeColumn extends columnMixin(PolymerElement) {
 				active
 			></paper-spinner-lite>`
 		);
+
 		return html` <style>
 				cosmoz-autocomplete.cosmoz-treenode-header-input::part(input-label) {
 					text-transform: var(--cosmoz-omnitable-header-text-transform, none);