@neovici/cosmoz-omnitable 13.12.2 → 13.13.1

package/cosmoz-omnitable-column-amount.js

@@ -31,6 +31,7 @@ class OmnitableColumnAmount extends columnMixin(PolymerElement) {
 		return {
 			min: { type: Number, value: null, notify: true },
 			max: { type: Number, value: null, notify: true },
+			limits: { type: Function },
 			locale: { type: String, value: null, notify: true },
 			autoupdate: { type: Boolean, value: false, notify: true },
 			currency: { type: String, notify: true },
@@ -42,6 +43,10 @@ class OmnitableColumnAmount extends columnMixin(PolymerElement) {
 		};
 	}
 
+	getConfig(column) {
+		return { limits: column.limits };
+	}
+
 	getFilterFn(column, filter) {
 		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
@@ -119,7 +124,17 @@ class OmnitableColumnAmount extends columnMixin(PolymerElement) {
 	}
 
 	renderHeader(
-		{ title, min, max, locale, rates, currency, autoupdate, autodetect },
+		{
+			title,
+			min,
+			max,
+			limits,
+			locale,
+			rates,
+			currency,
+			autoupdate,
+			autodetect,
+		},
 		{ filter },
 		setState,
 		source,
@@ -131,6 +146,7 @@ class OmnitableColumnAmount extends columnMixin(PolymerElement) {
 			.rates=${rates}
 			.min=${min}
 			.max=${max}
+			.limits=${limits}
 			.locale=${locale}
 			.currency=${currency}
 			.autoupdate=${autoupdate}

package/cosmoz-omnitable-column-date.js

@@ -10,24 +10,37 @@ 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';
-import { getString, getComparableValue, toDate, toHashString, toXlsxValue, applySingleFilter, getInputString, fromInputString } from './lib/utils-date';
+import {
+	getString,
+	getComparableValue,
+	toDate,
+	toHashString,
+	toXlsxValue,
+	applySingleFilter,
+	getInputString,
+	fromInputString,
+} from './lib/utils-date';
 
 class OmnitableColumnDate extends columnMixin(PolymerElement) {
 	static get properties() {
 		return {
 			min: { type: Number, value: null, notify: true },
 			max: { type: Number, value: null, notify: true },
+			limits: { type: Function },
 			locale: { type: String, value: null, notify: true },
 			headerCellClass: { type: String, value: 'date-header-cell' },
 			width: { type: String, value: '100px' },
 			minWidth: { type: String, value: '82px' },
-			flex: { type: String, value: '0' }
+			flex: { type: String, value: '0' },
 		};
 	}
 
+	getConfig(column) {
+		return { limits: column.limits };
+	}
+
 	getFilterFn(column, filter) {
-		const
-			min = getComparableValue({ ...column, valuePath: 'min' }, filter),
+		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
 
 		if (min == null && max == null) {
@@ -77,7 +90,7 @@ class OmnitableColumnDate extends columnMixin(PolymerElement) {
 
 		return {
 			min: toDate(matches[1]),
-			max: toDate(matches[2])
+			max: toDate(matches[2]),
 		};
 	}
 
@@ -86,34 +99,35 @@ class OmnitableColumnDate extends columnMixin(PolymerElement) {
 	}
 
 	renderEditCell(column, { item }, onItemChange) {
-		const onChange = event => onItemChange(fromInputString(event.target.value));
+		const onChange = (event) =>
+			onItemChange(fromInputString(event.target.value));
 
 		return html`<cosmoz-input
 			no-label-float
 			type="date"
-			@change=${ onChange }
-			.value=${ getInputString(column, item) }
+			@change=${onChange}
+			.value=${getInputString(column, item)}
 		></cosmoz-input>`;
 	}
 
 	renderHeader(
-		{ title,
-			min,
-			max,
-			locale },
+		{ title, min, max, limits, locale },
 		{ filter },
 		setState,
-		source
+		source,
 	) {
 		return html`<cosmoz-omnitable-date-range-input
-			.title=${ title }
-			.filter=${ filter }
-			.values=${ source }
-			.min=${ min }
-			.max=${ max }
-			.locale=${ locale }
-			@filter-changed=${ ({ detail: { value }}) => setState(state => ({ ...state, filter: value })) }
-			@header-focused-changed=${ ({ detail: { value }}) => setState(state => ({ ...state, headerFocused: value })) }
+			.title=${title}
+			.filter=${filter}
+			.values=${source}
+			.min=${min}
+			.max=${max}
+			.limits=${limits}
+			.locale=${locale}
+			@filter-changed=${({ detail: { value } }) =>
+				setState((state) => ({ ...state, filter: value }))}
+			@header-focused-changed=${({ detail: { value } }) =>
+				setState((state) => ({ ...state, headerFocused: value }))}
 		></cosmoz-omnitable-date-range-input>`;
 	}
 

package/cosmoz-omnitable-column-datetime.js

@@ -6,8 +6,18 @@ import './ui-helpers/cosmoz-clear-button';
 import { columnMixin } from './cosmoz-omnitable-column-mixin';
 import { PolymerElement } from '@polymer/polymer/polymer-element';
 import { html } from 'lit-html';
-import { fromHashString, getString, toHashString, toXlsxValue } from './lib/utils-datetime';
-import { applySingleFilter, fromInputString, getComparableValue, toDate } from './lib/utils-date';
+import {
+	fromHashString,
+	getString,
+	toHashString,
+	toXlsxValue,
+} from './lib/utils-datetime';
+import {
+	applySingleFilter,
+	fromInputString,
+	getComparableValue,
+	toDate,
+} from './lib/utils-date';
 import { defaultComputeSource } from './lib/utils-data';
 import './lib/cosmoz-omnitable-datetime-range-input';
 
@@ -25,18 +35,22 @@ class OmnitableColumnDatetime extends columnMixin(PolymerElement) {
 		return {
 			min: { type: Number, value: null, notify: true },
 			max: { type: Number, value: null, notify: true },
+			limits: { type: Function },
 			locale: { type: String, value: null, notify: true },
 			headerCellClass: { type: String, value: 'datetime-header-cell' },
 			width: { type: String, value: '210px' },
 			minWidth: { type: String, value: '128px' },
 			flex: { type: String, value: '0' },
-			filterStep: { type: Number, value: 1 }
+			filterStep: { type: Number, value: 1 },
 		};
 	}
 
+	getConfig(column) {
+		return { limits: column.limits };
+	}
+
 	getFilterFn(column, filter) {
-		const
-			min = getComparableValue({ ...column, valuePath: 'min' }, filter),
+		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
 
 		if (min == null && max == null) {
@@ -86,7 +100,7 @@ class OmnitableColumnDatetime extends columnMixin(PolymerElement) {
 
 		return {
 			min: fromHashString(matches[1]),
-			max: fromHashString(matches[2])
+			max: fromHashString(matches[2]),
 		};
 	}
 
@@ -95,31 +109,36 @@ class OmnitableColumnDatetime extends columnMixin(PolymerElement) {
 	}
 
 	renderEditCell(column, { item }, onItemChange) {
-		const onChange = event => onItemChange(fromInputString(event.target.value));
-		return html`<cosmoz-input no-label-float type="text" @change=${ onChange } .value=${ getString(column, item) }></cosmoz-input>`;
+		const onChange = (event) =>
+			onItemChange(fromInputString(event.target.value));
+		return html`<cosmoz-input
+			no-label-float
+			type="text"
+			@change=${onChange}
+			.value=${getString(column, item)}
+		></cosmoz-input>`;
 	}
 
 	// eslint-disable-next-line max-lines-per-function
 	renderHeader(
-		{ title,
-			min,
-			max,
-			locale,
-			filterStep },
+		{ title, min, max, limits, locale, filterStep },
 		{ filter },
 		setState,
-		source
+		source,
 	) {
 		return html`<cosmoz-omnitable-datetime-range-input
-			.title=${ title }
-			.filter=${ filter }
-			.values=${ source }
-			.min=${ min }
-			.max=${ max }
-			.locale=${ locale }
-			.filterStep=${ filterStep }
-			@filter-changed=${ ({ detail: { value }}) => setState(state => ({ ...state, filter: value })) }
-			@header-focused-changed=${ ({ detail: { value }}) => setState(state => ({ ...state, headerFocused: value })) }
+			.title=${title}
+			.filter=${filter}
+			.values=${source}
+			.min=${min}
+			.max=${max}
+			.limits=${limits}
+			.locale=${locale}
+			.filterStep=${filterStep}
+			@filter-changed=${({ detail: { value } }) =>
+				setState((state) => ({ ...state, filter: value }))}
+			@header-focused-changed=${({ detail: { value } }) =>
+				setState((state) => ({ ...state, headerFocused: value }))}
 		></cosmoz-omnitable-datetime-range-input>`;
 	}
 

package/cosmoz-omnitable-column-number.js

@@ -29,6 +29,7 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
 		return {
 			min: { type: Number, value: null, notify: true },
 			max: { type: Number, value: null, notify: true },
+			limits: { type: Function },
 			locale: { type: String, value: null, notify: true },
 			autoupdate: { type: Boolean, value: false, notify: true },
 			cellClass: { type: String, value: 'number-cell align-right' },
@@ -40,6 +41,10 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
 		};
 	}
 
+	getConfig(column) {
+		return { limits: column.limits };
+	}
+
 	getFilterFn(column, filter) {
 		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
@@ -117,6 +122,7 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
 			title,
 			min,
 			max,
+			limits,
 			locale,
 			maximumFractionDigits,
 			minimumFractionDigits,
@@ -132,6 +138,7 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
 			.values=${source}
 			.min=${min}
 			.max=${max}
+			.limits=${limits}
 			.locale=${locale}
 			.maximumFractionDigits=${maximumFractionDigits}
 			.minimumFractionDigsits=${minimumFractionDigits}

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

@@ -2,11 +2,10 @@
 import { Debouncer } from '@polymer/polymer/lib/utils/debounce.js';
 import { timeOut } from '@polymer/polymer/lib/utils/async.js';
 import { enqueueDebouncer } from '@polymer/polymer/lib/utils/flush.js';
+import { invoke } from '@neovici/cosmoz-utils/function';
 
-const getCloseableParent = el =>
-	typeof el.close === 'function'
-		? el
-		: getCloseableParent(el.parentElement);
+const getCloseableParent = (el) =>
+	typeof el.close === 'function' ? el : getCloseableParent(el.parentElement);
 
 /**
  * @polymer
@@ -14,39 +13,46 @@ const getCloseableParent = el =>
  * @param {class} base The base class
  * @returns {class} The base class with the mixin applied
  */
-export const rangeInputMixin = base => // eslint-disable-line max-lines-per-function
+export const rangeInputMixin = (
+	base, // eslint-disable-line max-lines-per-function
+) =>
 	/**
 	 * @polymer
 	 * @mixinClass
 	 */
 	class extends base {
-		static get properties() { // eslint-disable-line max-lines-per-function
+		static get properties() {
+			// eslint-disable-line max-lines-per-function
 			return {
 				filter: {
 					type: Object,
-					notify: true
+					notify: true,
 				},
 
 				values: {
 					type: Array,
 					value() {
 						return [];
-					}
+					},
 				},
 
 				headerFocused: {
 					type: Boolean,
-					notify: true
+					notify: true,
 				},
 
 				min: {
 					type: Number,
-					value: null
+					value: null,
 				},
 
 				max: {
 					type: Number,
-					value: null
+					value: null,
+				},
+
+				limits: {
+					type: Function,
 				},
 
 				/**
@@ -54,12 +60,12 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 				 */
 				autoupdate: {
 					type: String,
-					value: true
+					value: true,
 				},
 
 				locale: {
 					type: String,
-					value: null
+					value: null,
 				},
 
 				_filterInput: {
@@ -67,14 +73,14 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 					value() {
 						return {
 							min: null,
-							max: null
+							max: null,
 						};
-					}
+					},
 				},
 
 				_range: {
 					type: Object,
-					computed: '_computeRange(values.*)'
+					computed: '_computeRange(values.*)',
 				},
 
 				_limit: {
@@ -82,30 +88,32 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 					computed: '_computeLimit(_range, _filterInput.*, min, max)',
 					value() {
 						return {};
-					}
+					},
 				},
 
 				_tooltip: {
 					type: String,
-					computed: '_computeTooltip(title, _filterText)'
+					computed: '_computeTooltip(title, _filterText)',
 				},
 
 				_fromClasses: {
 					type: String,
-					computed: '_computeInputClasses(_filterInput.min)'
+					computed: '_computeInputClasses(_filterInput.min)',
 				},
 
 				_toClasses: {
 					type: String,
-					computed: '_computeInputClasses(_filterInput.max)'
-				}
+					computed: '_computeInputClasses(_filterInput.max)',
+				},
 			};
 		}
 
+
 		static get observers() {
 			return [
 				'_filterInputChanged(_filterInput.*, autoupdate)',
-				'_filterChanged(filter.*)'
+				'_filterChanged(filter.*)',
+				'_updateLimits(limits, headerFocused)',
 			];
 		}
 
@@ -121,13 +129,13 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 		}
 
 		/**
-			 * Converts a value to number optionaly limiting it.
-			 *
-			 * @param	 {Number|*} value	 The value to convert to number
-			 * @param	 {Number|*} limit	 The value used to limit the number
-			 * @param	 {Function} limitFunc	 The function used to limit the number (Math.min|Math.max)
-			 * @returns {Number|void}		 Value converted to Number or void
-			 */
+		 * Converts a value to number optionaly limiting it.
+		 *
+		 * @param	 {Number|*} value	 The value to convert to number
+		 * @param	 {Number|*} limit	 The value used to limit the number
+		 * @param	 {Function} limitFunc	 The function used to limit the number (Math.min|Math.max)
+		 * @returns {Number|void}		 Value converted to Number or void
+		 */
 		toNumber(value, limit, limitFunc) {
 			if (value == null || value === '') {
 				return;
@@ -152,11 +160,11 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 
 		/**
 		 *	 Get the comparable value of an item.
-			*
-			* @param	 {Object} item			 Item to be processed
-			* @param	 {String} valuePath	 Property path
-			* @returns {Number|void}			 Valid value or void
-			*/
+		 *
+		 * @param	 {Object} item			 Item to be processed
+		 * @param	 {String} valuePath	 Property path
+		 * @returns {Number|void}			 Valid value or void
+		 */
 		getComparableValue(item, valuePath) {
 			if (item == null) {
 				return;
@@ -177,26 +185,28 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 		}
 
 		/**
-			 * Computes min/max range from values.
-			 *
-			 * @param	 {Object} change `values` property changes
-			 * @returns {Object} Computed min/max
-			 */
+		 * Computes min/max range from values.
+		 *
+		 * @param	 {Object} change `values` property changes
+		 * @returns {Object} Computed min/max
+		 */
 		_computeRange(change) {
 			const allValues = change.base,
-				values = Array.isArray(allValues) && allValues.length
-						&& allValues.map(v => this.toValue(v)).filter(n => n != null);
+				values =
+					Array.isArray(allValues) &&
+					allValues.length &&
+					allValues.map((v) => this.toValue(v)).filter((n) => n != null);
 
 			if (!values || values.length < 1) {
 				return {
 					min: null,
-					max: null
+					max: null,
 				};
 			}
 			return values.reduce((p, n) => {
 				return {
 					min: this.toValue(n, p.min, Math.min),
-					max: this.toValue(n, p.max, Math.max)
+					max: this.toValue(n, p.max, Math.max),
 				};
 			}, {});
 		}
@@ -213,13 +223,20 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 
 			return {
 				fromMin: aMin,
-				fromMax: this.toValue(aMax, this._fromInputString(input.max, 'max'), Math.min),
-				toMin: this.toValue(aMin, this._fromInputString(input.min, 'min'), Math.max),
-				toMax: aMax
+				fromMax: this.toValue(
+					aMax,
+					this._fromInputString(input.max, 'max'),
+					Math.min,
+				),
+				toMin: this.toValue(
+					aMin,
+					this._fromInputString(input.min, 'min'),
+					Math.max,
+				),
+				toMax: aMax,
 			};
 		}
 
-
 		_computeFilterText(change) {
 			if (change.base == null) {
 				return undefined;
@@ -243,7 +260,7 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 			if (text == null) {
 				return title;
 			}
-			return `${ title }: ${ text }`;
+			return `${title}: ${text}`;
 		}
 
 		_fromInputString(value) {
@@ -261,17 +278,17 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 		_getDefaultFilter() {
 			return {
 				min: null,
-				max: null
+				max: null,
 			};
 		}
 
 		/**
-			 * Observes changes of _filterInput, saves the path, debounces _limitInput.
-			 *
-			 * @param	 {Object} change '_filterInput' property changes
-			 * @param	 {Boolean} autoupdate whether to auto-update on value changes
-			 * @returns {void}
-			 */
+		 * Observes changes of _filterInput, saves the path, debounces _limitInput.
+		 *
+		 * @param	 {Object} change '_filterInput' property changes
+		 * @param	 {Boolean} autoupdate whether to auto-update on value changes
+		 * @returns {void}
+		 */
 		_filterInputChanged(change, autoupdate) {
 			const path = change.path.split('.')[1];
 			this.__inputChangePath = path || null;
@@ -286,7 +303,7 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 				() => {
 					this._limitInput();
 					this._updateFilter();
-				}
+				},
 			);
 			enqueueDebouncer(this._limitInputDebouncer);
 		}
@@ -308,32 +325,37 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 
 		_onKeyDown(event) {
 			const input = event.currentTarget,
-				inputs = Array.from(input.parentElement.querySelectorAll('cosmoz-input')),
-				nextInput = inputs[inputs.findIndex(i => i === input) + 1],
+				inputs = Array.from(
+					input.parentElement.querySelectorAll('cosmoz-input'),
+				),
+				nextInput = inputs[inputs.findIndex((i) => i === input) + 1],
 				isLastInput = !nextInput,
 				isFirstInput = inputs[0] === input;
 
 			switch (event.keyCode) {
-			case 13: // Enter
-				event.preventDefault();
-
-				if (!isLastInput) {
-					nextInput.focus();
-				} else {
-					// if this is the last input, update the filter
-					const limited = this._limitInput();
-					this._updateFilter();
-					// and close the dropdown if the value was not out of bounds
-					if (!limited) {
-						this._closeParent(input);
+				case 13: // Enter
+					event.preventDefault();
+
+					if (!isLastInput) {
+						nextInput.focus();
+					} else {
+						// if this is the last input, update the filter
+						const limited = this._limitInput();
+						this._updateFilter();
+						// and close the dropdown if the value was not out of bounds
+						if (!limited) {
+							this._closeParent(input);
+						}
 					}
-				}
-				break;
+					break;
 
-			case 9: // Tab
-				if (isLastInput && !event.shiftKey || isFirstInput && event.shiftKey) {
-					this._closeParent(input);
-				}
+				case 9: // Tab
+					if (
+						(isLastInput && !event.shiftKey) ||
+						(isFirstInput && event.shiftKey)
+					) {
+						this._closeParent(input);
+					}
 			}
 		}
 
@@ -341,27 +363,29 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 			getCloseableParent(input).close();
 		}
 
-		_onDropdownOpenedChanged({
-			currentTarget, detail: { value }
-		}) {
+		_onDropdownOpenedChanged({ currentTarget, detail: { value } }) {
 			if (!value) {
 				return;
 			}
 
 			// focus the first input after the dropdown is visible
-			setTimeout(() => currentTarget.querySelector('cosmoz-input').focus(), 100);
+			setTimeout(
+				() => currentTarget.querySelector('cosmoz-input').focus(),
+				100,
+			);
 		}
 
-
 		/**
-			 * Debounced function called by `_filterInputChanged` when `_filterInput` changes.
-			 *
-			 * @returns {void}
-			 */
+		 * Debounced function called by `_filterInputChanged` when `_filterInput` changes.
+		 *
+		 * @returns {void}
+		 */
 		_limitInput() {
 			const input = this._filterInput,
 				path = this.__inputChangePath,
-				value = path ? this._fromInputString(this.get(path, input), path) : null;
+				value = path
+					? this._fromInputString(this.get(path, input), path)
+					: null;
 
 			this.__inputChangePath = null;
 
@@ -377,9 +401,14 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 				minValue = this.toValue(value, lowerLimit, Math.max),
 				limitedValue = this.toValue(minValue, upperLimit, Math.min);
 
-			if (this.getComparableValue(value) !== this.getComparableValue(limitedValue)) {
+			if (
+				this.getComparableValue(value) !== this.getComparableValue(limitedValue)
+			) {
 				//set value without debouncing _limitInput again.
-				this.set(['_filterInput', path], this._toInputString(limitedValue, path));
+				this.set(
+					['_filterInput', path],
+					this._toInputString(limitedValue, path),
+				);
 				if (this._limitInputDebouncer) {
 					this._limitInputDebouncer.cancel();
 				}
@@ -395,8 +424,10 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 				min = this._fromInputString(input.min, 'min'),
 				max = this._fromInputString(input.max, 'max');
 
-			if (this.getComparableValue(min) === this.getComparableValue(filter, 'min')
-					&& this.getComparableValue(max) === this.getComparableValue(filter, 'max')
+			if (
+				this.getComparableValue(min) ===
+					this.getComparableValue(filter, 'min') &&
+				this.getComparableValue(max) === this.getComparableValue(filter, 'max')
 			) {
 				return;
 			}
@@ -413,15 +444,17 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 				min = this._fromInputString(input.min, 'min'),
 				max = this._fromInputString(input.max, 'max');
 
-			if (this.getComparableValue(min) === this.getComparableValue(filter, 'min')
-					&& this.getComparableValue(max) === this.getComparableValue(filter, 'max')
+			if (
+				this.getComparableValue(min) ===
+					this.getComparableValue(filter, 'min') &&
+				this.getComparableValue(max) === this.getComparableValue(filter, 'max')
 			) {
 				return;
 			}
 
 			this.set('_filterInput', {
 				min: this._toInputString(filter.min),
-				max: this._toInputString(filter.max)
+				max: this._toInputString(filter.max),
 			});
 			if (this._limitInputDebouncer) {
 				this._limitInputDebouncer.cancel();
@@ -433,10 +466,25 @@ export const rangeInputMixin = base => // eslint-disable-line max-lines-per-func
 			if (filter == null) {
 				return false;
 			}
-			return this.toValue(filter.min) != null || this.toValue(filter.max) != null;
+			return (
+				this.toValue(filter.min) != null || this.toValue(filter.max) != null
+			);
 		}
 
 		resetFilter() {
 			this.filter = this._getDefaultFilter();
 		}
+
+		_updateLimits(limits, headerFocused) {
+			if (!limits) return;
+			Promise.resolve(invoke(limits, { active: headerFocused })).then(
+				(res) => {
+					const {min, max} = res ?? {};
+					Object.assign(this, {
+						...(min != null ? { min } : {}),
+						...(max != null ? { max } : {}),
+					});
+				},
+			);
+		}
 	};

package/lib/settings/drivers/remote.js

@@ -8,7 +8,7 @@ export default ({ prefix = '', get$, post$ } = {}) => {
 		}
 	};
 	return {
-		write: async (settingsId, settings) => {
+		write: async (settingsId, settings = {}) => {
 			const key = prefix + settingsId;
 			try {
 				await post$(key, settings);

package/lib/settings/use-saved-settings.js

@@ -37,7 +37,7 @@ export default (settingsId, settings, setSettings, onReset) => {
 				}
 				onReset?.();
 			},
-			[onReset]
+			[onReset],
 		),
 		hasChanges: settings != null,
 	};

package/package.json

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