@neovici/cosmoz-omnitable 13.13.1 → 13.13.3

package/cosmoz-omnitable-column-date.js

@@ -1,12 +1,10 @@
 /* eslint-disable no-return-assign */
-import '@neovici/cosmoz-input';
+import { html } from 'lit-html';
+import { PolymerElement } from '@polymer/polymer/polymer-element';
 import '@polymer/paper-dropdown-menu/paper-dropdown-menu';
+import '@neovici/cosmoz-input';
 
 import './ui-helpers/cosmoz-clear-button';
-
-import { PolymerElement } from '@polymer/polymer/polymer-element';
-import { html } from 'lit-html';
-
 import { columnMixin } from './cosmoz-omnitable-column-mixin';
 import './lib/cosmoz-omnitable-date-range-input';
 import { defaultComputeSource } from './lib/utils-data';
@@ -95,13 +93,14 @@ class OmnitableColumnDate extends columnMixin(PolymerElement) {
 	}
 
 	renderCell(column, { item }) {
-		return getString(column, item);
+		return html`<div class="omnitable-cell-date">
+			${getString(column, item)}
+		</div>`;
 	}
 
 	renderEditCell(column, { item }, onItemChange) {
 		const onChange = (event) =>
 			onItemChange(fromInputString(event.target.value));
-
 		return html`<cosmoz-input
 			no-label-float
 			type="date"

package/cosmoz-omnitable-styles.js

@@ -344,6 +344,7 @@ export default css`
 
 	.tableContent .itemRow-cell paper-dropdown-menu {
 		margin-top: -20px;
+
 	}
 
 	cosmoz-omnitable-item-expand[expanded] {
@@ -437,7 +438,7 @@ export default css`
 		overflow: initial;
 	}
 
-	.omnitable-cell-number {
+	.omnitable-cell-number, .omnitable-cell-date {
 		font-variant-numeric: tabular-nums;
 	}
 

package/lib/cosmoz-omnitable-number-range-input.js

@@ -1,7 +1,7 @@
-import { _ } from '@neovici/cosmoz-i18next';
 import { PolymerElement } from '@polymer/polymer';
-import { html } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { html } from 'lit-html';
+import { _ } from '@neovici/cosmoz-i18next';
 import '@neovici/cosmoz-input';
 import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
 import { polymerHauntedRender } from './polymer-haunted-render-mixin';
@@ -42,6 +42,12 @@ class NumberRangeInput extends rangeInputMixin(
 				paper-dropdown-menu {
 					--iron-icon-width: 0;
 					display: block;
+					text-align: right;
+				}
+				.dropdown-content {
+					padding: 15px;
+					min-width: 100px;
+					text-align: left;
 				}
 			</style>
 
@@ -58,11 +64,7 @@ class NumberRangeInput extends rangeInputMixin(
 				?opened=${this.headerFocused}
 				@opened-changed=${onOpenedChanged}
 			>
-				<div
-					class="dropdown-content"
-					slot="dropdown-content"
-					style="padding: 15px; min-width: 100px;"
-				>
+				<div class="dropdown-content" slot="dropdown-content">
 					<h3 style="margin: 0;">${this.title}</h3>
 					<cosmoz-input
 						class=${this._fromClasses}

package/lib/use-sort-and-group-options.js

@@ -31,7 +31,7 @@ export const useSortAndGroupOptions = (
 				suffix: '-sortOn',
 			}),
 			[descending, setDescending] = useHashState(
-				settings.descending,
+				boolParam(settings.descending),
 				hashParam,
 				{
 					suffix: '-descending',
@@ -42,7 +42,7 @@ export const useSortAndGroupOptions = (
 				suffix: '-groupOn',
 			}),
 			[groupOnDescending, setGroupOnDescending] = useHashState(
-				settings.groupOnDescending,
+				boolParam(settings.groupOnDescending),
 				hashParam,
 				{ suffix: '-groupOnDescending', read: boolParam },
 			),

package/package.json

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