@neovici/cosmoz-omnitable 12.13.0 → 12.14.0

package/cosmoz-omnitable-column-list.js

@@ -1,7 +1,8 @@
 import './cosmoz-omnitable-column-list-data';
 
 import { PolymerElement } from '@polymer/polymer/polymer-element';
-import { html, nothing } from 'lit-html';
+import { html } from 'lit-html';
+import { when } from 'lit-html/directives/when.js';
 
 import { columnMixin } from './cosmoz-omnitable-column-mixin';
 import {
@@ -23,6 +24,9 @@ import { columnSymbol } from './lib/use-dom-columns';
  * @appliesMixin columnMixin
  */
 class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
+	static get properties() {
+		return { keepOpened: { type: Boolean } };
+	}
 	renderCell({ valuePath, textProperty }, { item, index }) {
 		return html`<cosmoz-omnitable-column-list-data
 			.items=${getTexts(item, valuePath, textProperty)}
@@ -42,17 +46,17 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
 		></paper-input>`;
 	}
 
+	getConfig(column) {
+		return {
+			keepOpened: column.keepOpened,
+		};
+	}
+
 	renderHeader(column, { filter, query }, setState, source) {
-		const spinner = column.loading
-			? html`<paper-spinner-lite
-					style="width: 20px; height: 20px; flex:none;"
-					suffix
-					slot="suffix"
-					active
-			  ></paper-spinner-lite>`
-			: nothing;
 		return html`<cosmoz-autocomplete-ui
 			class="external-values-${column.externalValues}"
+			.column=${column}
+			?keep-opened=${column.keepOpened}
 			.label=${column.title}
 			.source=${source}
 			.textProperty=${column.textProperty}
@@ -63,7 +67,15 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
 			.onChange=${onChange(setState)}
 			.onFocus=${onFocus(setState)}
 			.onText=${onText(setState)}
-			>${spinner}</cosmoz-autocomplete-ui
+			>${when(
+				column.loading,
+				() => html`<paper-spinner-lite
+					style="width: 20px; height: 20px; flex:none;"
+					suffix
+					slot="suffix"
+					active
+				></paper-spinner-lite>`
+			)}</cosmoz-autocomplete-ui
 		>`;
 	}
 }

package/cosmoz-omnitable-styles.js

@@ -83,11 +83,14 @@ export default css`
 		position: relative;
 		overflow: hidden;
 	}
-
 	:host a {
 		color: var(--primary-link-color, inherit);
+		text-decoration: var(--cosmoz-omnitable-link-decoration, underline);
+	}
+	:host a:hover {
+		color: var(--primary-link-color, inherit);
+		text-decoration: var(--cosmoz-omnitable-link-decoration, underline);
 	}
-
 	/* The wrapping div that contains the header, the table content and the footer */
 	.mainContainer {
 		background-color: #fff;
@@ -125,6 +128,7 @@ export default css`
 	.header > cosmoz-omnitable-header-row {
 		flex: auto;
 	}
+
 	.header-cell {
 		--paper-input-container: {
 			padding-top: 0;
@@ -154,6 +158,7 @@ export default css`
 	cosmoz-omnitable-header-row {
 		white-space: nowrap;
 	}
+
 	cosmoz-omnitable-header-row > div {
 		display: inline-block;
 		box-sizing: border-box;
@@ -173,10 +178,8 @@ export default css`
 		width: 7px;
 		height: 30px;
 		margin-left: -3px;
-
 		background: transparent;
 		cursor: ew-resize;
-
 		z-index: 1000;
 		user-select: none;
 	}
@@ -276,7 +279,6 @@ export default css`
 	.tableContent-empty.overlay div.tableContent-empty-message {
 		padding-bottom: 0;
 	}
-
 	.tableContent-empty p {
 		font-size: 15px;
 		color: #ddd;

package/cosmoz-omnitable.js

@@ -62,6 +62,7 @@ customElements.define(
 			'no-local',
 			'no-local-sort',
 			'no-local-filter',
+			'loading',
 		],
 	}) {
 		connectedCallback() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-omnitable",
-	"version": "12.13.0",
+	"version": "12.14.0",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"