@neovici/cosmoz-omnitable 14.21.2 → 14.22.0

package/dist/cosmoz-omnitable-column-list-mixin.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listColumnMixin = exports.toAutocompleteSource = exports.computeSource = exports.onText = exports.onFocus = exports.onChange = exports.applyMultiFilter = exports.toXlsxValue = exports.getString = exports.getTexts = exports.unique = void 0;
-const object_1 = require("@neovici/cosmoz-utils/object");
-const array_1 = require("@neovici/cosmoz-utils/array");
-const function_1 = require("@neovici/cosmoz-utils/function");
-const path_1 = require("@polymer/polymer/lib/utils/path");
-const utils_data_1 = require("./lib/utils-data");
+import { prop } from '@neovici/cosmoz-utils/object';
+import { array } from '@neovici/cosmoz-utils/array';
+import { invoke } from '@neovici/cosmoz-utils/function';
+import { get } from '@polymer/polymer/lib/utils/path';
+import { valuesFrom } from './lib/utils-data';
 const unique = (values, valueProperty) => {
     if (!Array.isArray(values)) {
         return;
@@ -27,7 +24,7 @@ const unique = (values, valueProperty) => {
             return false;
         }
         if (valueProperty) {
-            const value = (0, path_1.get)(item, valueProperty);
+            const value = get(item, valueProperty);
             if (used.indexOf(value) !== -1) {
                 return false;
             }
@@ -60,14 +57,14 @@ const unique = (values, valueProperty) => {
         });
     }
     return [];
-}, getTexts = (item, valuePath, textProperty) => (0, array_1.array)(valuePath && (0, path_1.get)(item, valuePath)).map((0, object_1.prop)(textProperty)), getString = ({ valuePath, textProperty }, item) => {
+}, getTexts = (item, valuePath, textProperty) => array(valuePath && get(item, valuePath)).map(prop(textProperty)), getString = ({ valuePath, textProperty }, item) => {
     return getTexts(item, valuePath, textProperty)
         .filter((i) => i != null)
         .join(', ');
 }, toXlsxValue = getString, applyMultiFilter = ({ valueProperty, valuePath, emptyValue, emptyProperty }, filters) => (item) => {
-    const val = (0, object_1.prop)(valueProperty), values = (0, array_1.array)((0, path_1.get)(item, valuePath));
+    const val = prop(valueProperty), values = array(get(item, valuePath));
     return filters.some((filter) => (values.length === 0 &&
-        (0, object_1.prop)(emptyProperty || valueProperty)(filter) === emptyValue) ||
+        prop(emptyProperty || valueProperty)(filter) === emptyValue) ||
         values.some((value) => val(value) === val(filter)));
 }, onChange = (setState) => (value) => setState((state) => ({ ...state, filter: value })), onFocus = (setState) => (focused) => setState((state) => ({ ...state, headerFocused: focused })), onText = (setState) => (text) => setState((state) => ({ ...state, query: text })), computeValues = ({ emptyValue, emptyLabel, emptyProperty, textProperty, valueProperty }, rawSource) => {
     const source = toAutocompleteSource(rawSource, valueProperty, textProperty);
@@ -85,7 +82,7 @@ const unique = (values, valueProperty) => {
         },
         ...source,
     ];
-}, computeSource = (column, data) => computeValues(column, (0, utils_data_1.valuesFrom)(data, column.valuePath)), listColumnMixin = (base) => class extends base {
+}, computeSource = (column, data) => computeValues(column, valuesFrom(data, column.valuePath)), listColumnMixin = (base) => class extends base {
     static get properties() {
         return {
             textProperty: { type: String },
@@ -110,12 +107,12 @@ const unique = (values, valueProperty) => {
         return getString(column, item);
     }
     getComparableValue({ valuePath, valueProperty }, item) {
-        const value = (0, path_1.get)(item, valuePath);
+        const value = get(item, valuePath);
         if (valueProperty == null) {
             return value;
         }
-        const subValues = (0, array_1.array)(value).reduce((acc, subItem) => {
-            acc.push((0, path_1.get)(subItem, valueProperty));
+        const subValues = array(value).reduce((acc, subItem) => {
+            acc.push(get(subItem, valueProperty));
             return acc;
         }, []);
         return subValues.sort().join(' ');
@@ -134,19 +131,9 @@ const unique = (values, valueProperty) => {
     }
     computeSource(column, data) {
         return column.externalValues || typeof column.values === 'function'
-            ? async (...args) => computeValues(column, await Promise.resolve((0, function_1.invoke)(column.values, ...args)))
+            ? async (...args) => computeValues(column, await Promise.resolve(invoke(column.values, ...args)))
             : computeSource(column, data);
     }
 };
-exports.unique = unique;
-exports.toAutocompleteSource = toAutocompleteSource;
-exports.getTexts = getTexts;
-exports.getString = getString;
-exports.toXlsxValue = toXlsxValue;
-exports.applyMultiFilter = applyMultiFilter;
-exports.onChange = onChange;
-exports.onFocus = onFocus;
-exports.onText = onText;
-exports.computeSource = computeSource;
-exports.listColumnMixin = listColumnMixin;
+export { unique, getTexts, getString, toXlsxValue, applyMultiFilter, onChange, onFocus, onText, computeSource, toAutocompleteSource, listColumnMixin, };
 //# sourceMappingURL=cosmoz-omnitable-column-list-mixin.js.map

package/dist/cosmoz-omnitable-column-list.js

@@ -1,20 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./cosmoz-omnitable-column-list-data");
-const polymer_element_1 = require("@polymer/polymer/polymer-element");
-const lit_html_1 = require("lit-html");
-const when_js_1 = require("lit-html/directives/when.js");
-const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
-const cosmoz_omnitable_column_list_mixin_1 = require("./cosmoz-omnitable-column-list-mixin");
-require("@neovici/cosmoz-autocomplete");
-const use_dom_columns_1 = require("./lib/use-dom-columns");
+import './cosmoz-omnitable-column-list-data';
+import { PolymerElement } from '@polymer/polymer/polymer-element';
+import { html } from 'lit-html';
+import { when } from 'lit-html/directives/when.js';
+import { columnMixin } from './cosmoz-omnitable-column-mixin';
+import { getString, getTexts, listColumnMixin, onChange, onFocus, onText, } from './cosmoz-omnitable-column-list-mixin';
+import '@neovici/cosmoz-autocomplete';
+import { columnSymbol } from './lib/use-dom-columns';
 /**
  * @polymer
  * @customElement
  * @appliesMixin listColumnMixin
  * @appliesMixin columnMixin
  */
-class OmnitableColumnList extends (0, cosmoz_omnitable_column_list_mixin_1.listColumnMixin)((0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement)) {
+class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
     static get properties() {
         return {
             keepOpened: { type: Boolean, value: true },
@@ -31,21 +29,21 @@ class OmnitableColumnList extends (0, cosmoz_omnitable_column_list_mixin_1.listC
         };
     }
     renderCell({ valuePath, textProperty }, { item }) {
-        return (0, lit_html_1.html) `<cosmoz-omnitable-column-list-data
-			.items=${(0, cosmoz_omnitable_column_list_mixin_1.getTexts)(item, valuePath, textProperty)}
+        return html `<cosmoz-omnitable-column-list-data
+			.items=${getTexts(item, valuePath, textProperty)}
 		></cosmoz-omnitable-column-list-data>`;
     }
     renderEditCell(column, { item }, onItemChange) {
         const onChange = (event) => onItemChange(event.target.value.split(/,\s*/gu));
-        return (0, lit_html_1.html) `<cosmoz-input
+        return html `<cosmoz-input
 			no-label-float
 			type="text"
-			.value=${(0, cosmoz_omnitable_column_list_mixin_1.getString)(column, item)}
+			.value=${getString(column, item)}
 			@change=${onChange}
 		></cosmoz-input>`;
     }
     renderHeader(column, { filter, query }, setState, source) {
-        return (0, lit_html_1.html) `<cosmoz-autocomplete-ui
+        return html `<cosmoz-autocomplete-ui
 			class="external-values-${column.externalValues}"
 			?keep-opened=${column.keepOpened}
 			?keep-query=${column.keepQuery}
@@ -55,13 +53,13 @@ class OmnitableColumnList extends (0, cosmoz_omnitable_column_list_mixin_1.listC
 			.source=${source}
 			.textProperty=${column.textProperty}
 			.valueProperty=${column.valueProperty}
-			.itemRenderer=${column[use_dom_columns_1.columnSymbol]?.itemRenderer}
+			.itemRenderer=${column[columnSymbol]?.itemRenderer}
 			.value=${filter}
 			.text=${query}
-			.onChange=${(0, cosmoz_omnitable_column_list_mixin_1.onChange)(setState)}
-			.onFocus=${(0, cosmoz_omnitable_column_list_mixin_1.onFocus)(setState)}
-			.onText=${(0, cosmoz_omnitable_column_list_mixin_1.onText)(setState)}
-			>${(0, when_js_1.when)(column.loading, () => (0, lit_html_1.html) `<cosmoz-spinner slot="suffix"></cosmoz-spinner>`)}</cosmoz-autocomplete-ui
+			.onChange=${onChange(setState)}
+			.onFocus=${onFocus(setState)}
+			.onText=${onText(setState)}
+			>${when(column.loading, () => html `<cosmoz-spinner slot="suffix"></cosmoz-spinner>`)}</cosmoz-autocomplete-ui
 		>`;
     }
 }

package/dist/cosmoz-omnitable-column-mixin.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.columnMixin = exports.serializeFilter = exports.applySingleFilter = exports.getComparableValue = exports.toXlsxValue = exports.getString = void 0;
-const path_1 = require("@polymer/polymer/lib/utils/path");
-const getString = ({ valuePath }, item) => (0, path_1.get)(item, valuePath), applySingleFilter = ({ valuePath }, filter) => (item) => {
-    const value = (0, path_1.get)(item, valuePath);
+import { get } from '@polymer/polymer/lib/utils/path';
+export const getString = ({ valuePath }, item) => get(item, valuePath), toXlsxValue = getString, getComparableValue = getString, applySingleFilter = ({ valuePath }, filter) => (item) => {
+    const value = get(item, valuePath);
     if (value == null) {
         return false;
     }
@@ -90,16 +87,16 @@ const getString = ({ valuePath }, item) => (0, path_1.get)(item, valuePath), app
     // eslint-disable-next-line no-empty-function
     getFilterFn() { }
     getString(column, item) {
-        return (0, exports.getString)(column, item);
+        return getString(column, item);
     }
     toXlsxValue(column, item) {
-        return (0, exports.toXlsxValue)(column, item);
+        return toXlsxValue(column, item);
     }
     cellTitleFn(column, item) {
-        return (0, exports.getString)(column, item);
+        return getString(column, item);
     }
     serializeFilter(column, filter) {
-        return (0, exports.serializeFilter)(column, filter);
+        return serializeFilter(column, filter);
     }
     deserializeFilter(column, filter) {
         if (filter == null) {
@@ -111,7 +108,7 @@ const getString = ({ valuePath }, item) => (0, path_1.get)(item, valuePath), app
         return filter;
     }
     getComparableValue(column, item) {
-        return (0, exports.getComparableValue)(column, item);
+        return getComparableValue(column, item);
     }
     computeSource(column, data) {
         return data;
@@ -121,5 +118,4 @@ const getString = ({ valuePath }, item) => (0, path_1.get)(item, valuePath), app
         this.dispatchEvent(new CustomEvent('cosmoz-column-prop-changed', { bubbles: true }));
     }
 };
-exports.getString = getString, exports.toXlsxValue = exports.getString, exports.getComparableValue = exports.getString, exports.applySingleFilter = applySingleFilter, exports.serializeFilter = serializeFilter, exports.columnMixin = columnMixin;
 //# sourceMappingURL=cosmoz-omnitable-column-mixin.js.map

package/dist/cosmoz-omnitable-column-number.js

@@ -1,21 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@neovici/cosmoz-input");
-require("@polymer/paper-dropdown-menu/paper-dropdown-menu");
-require("./ui-helpers/cosmoz-clear-button");
-const polymer_element_1 = require("@polymer/polymer/polymer-element");
-const lit_html_1 = require("lit-html");
-const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
-require("./lib/cosmoz-omnitable-number-range-input");
-const utils_data_1 = require("./lib/utils-data");
-const utils_number_1 = require("./lib/utils-number");
-const path_1 = require("@polymer/polymer/lib/utils/path");
+import '@neovici/cosmoz-input';
+import '@polymer/paper-dropdown-menu/paper-dropdown-menu';
+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-number-range-input';
+import { defaultComputeSource } from './lib/utils-data';
+import { applySingleFilter, getComparableValue, getInputString, getString, toHashString, toNumber, } from './lib/utils-number';
+import { get } from '@polymer/polymer/lib/utils/path';
 /**
  * @polymer
  * @customElement
  * @appliesMixin columnMixin
  */
-class OmnitableColumnNumber extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement) {
+class OmnitableColumnNumber extends columnMixin(PolymerElement) {
     static get properties() {
         return {
             min: { type: Number, value: null, notify: true },
@@ -35,33 +33,33 @@ class OmnitableColumnNumber extends (0, cosmoz_omnitable_column_mixin_1.columnMi
         return { limits: column.limits };
     }
     getFilterFn(column, filter) {
-        const min = (0, utils_number_1.getComparableValue)({ ...column, valuePath: 'min' }, filter), max = (0, utils_number_1.getComparableValue)({ ...column, valuePath: 'max' }, filter);
+        const min = getComparableValue({ ...column, valuePath: 'min' }, filter), max = getComparableValue({ ...column, valuePath: 'max' }, filter);
         if (min == null && max == null) {
             return;
         }
-        return (0, utils_number_1.applySingleFilter)(column, filter);
+        return applySingleFilter(column, filter);
     }
     getString(column, item) {
-        return (0, utils_number_1.getString)(column, item);
+        return getString(column, item);
     }
     toXlsxValue({ valuePath }, item) {
-        return (0, path_1.get)(item, valuePath);
+        return get(item, valuePath);
     }
     cellTitleFn(column, item) {
-        return (0, utils_number_1.getString)(column, item);
+        return getString(column, item);
     }
     getComparableValue(column, item) {
-        return (0, utils_number_1.getComparableValue)(column, item);
+        return getComparableValue(column, item);
     }
     serializeFilter(column, filter) {
         if (filter == null) {
             return;
         }
-        const min = (0, utils_number_1.toNumber)(filter.min), max = (0, utils_number_1.toNumber)(filter.max);
+        const min = toNumber(filter.min), max = toNumber(filter.max);
         if (min == null && max == null) {
             return;
         }
-        return (0, utils_number_1.toHashString)(min) + '~' + (0, utils_number_1.toHashString)(max);
+        return toHashString(min) + '~' + toHashString(max);
     }
     deserializeFilter(column, filter) {
         if (filter == null || filter === '') {
@@ -72,26 +70,26 @@ class OmnitableColumnNumber extends (0, cosmoz_omnitable_column_mixin_1.columnMi
             return null;
         }
         return {
-            min: (0, utils_number_1.toNumber)(matches[1]),
-            max: (0, utils_number_1.toNumber)(matches[2]),
+            min: toNumber(matches[1]),
+            max: toNumber(matches[2]),
         };
     }
     renderCell(column, { item }) {
-        return (0, lit_html_1.html) `<div class="omnitable-cell-number">
-			${(0, utils_number_1.getString)(column, item)}
+        return html `<div class="omnitable-cell-number">
+			${getString(column, item)}
 		</div>`;
     }
     renderEditCell(column, { item }, onItemChange) {
         const onChange = (event) => onItemChange(event.target.value);
-        return (0, lit_html_1.html) `<cosmoz-input
+        return html `<cosmoz-input
 			no-label-float
 			type="number"
 			@change=${onChange}
-			.value=${(0, utils_number_1.getInputString)(column, item)}
+			.value=${getInputString(column, item)}
 		></cosmoz-input>`;
     }
     renderHeader({ title, min, max, limits, locale, maximumFractionDigits, minimumFractionDigits, autoupdate, }, { filter }, setState, source) {
-        return (0, lit_html_1.html) `<cosmoz-omnitable-number-range-input
+        return html `<cosmoz-omnitable-number-range-input
 			.title=${title}
 			.filter=${filter}
 			.values=${source}
@@ -107,7 +105,7 @@ class OmnitableColumnNumber extends (0, cosmoz_omnitable_column_mixin_1.columnMi
 		></cosmoz-omnitable-number-range-input>`;
     }
     computeSource(column, data) {
-        return (0, utils_data_1.defaultComputeSource)(column, data);
+        return defaultComputeSource(column, data);
     }
 }
 customElements.define('cosmoz-omnitable-column-number', OmnitableColumnNumber);

package/dist/cosmoz-omnitable-column-time.js

@@ -1,20 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@polymer/paper-dropdown-menu/paper-dropdown-menu");
-require("@neovici/cosmoz-input");
-require("./ui-helpers/cosmoz-clear-button");
-const polymer_element_1 = require("@polymer/polymer/polymer-element");
-const lit_html_1 = require("lit-html");
-const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
-const utils_time_1 = require("./lib/utils-time");
-require("./lib/cosmoz-omnitable-time-range-input");
-const utils_data_1 = require("./lib/utils-data");
+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 { getComparableValue, getString, toXlsxValue, applySingleFilter, toDate, toHashString, fromHashString, } from './lib/utils-time';
+import './lib/cosmoz-omnitable-time-range-input';
+import { defaultComputeSource } from './lib/utils-data';
 /**
  * @polymer
  * @customElement
  * @appliesMixin columnMixin
  */
-class OmnitableColumnTime extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement) {
+class OmnitableColumnTime extends columnMixin(PolymerElement) {
     static get properties() {
         return {
             min: { type: Number, value: null, notify: true },
@@ -33,33 +31,33 @@ class OmnitableColumnTime extends (0, cosmoz_omnitable_column_mixin_1.columnMixi
         };
     }
     getFilterFn(column, filter) {
-        const min = (0, utils_time_1.getComparableValue)({ ...column, valuePath: 'min' }, filter), max = (0, utils_time_1.getComparableValue)({ ...column, valuePath: 'max' }, filter);
+        const min = getComparableValue({ ...column, valuePath: 'min' }, filter), max = getComparableValue({ ...column, valuePath: 'max' }, filter);
         if (min == null && max == null) {
             return;
         }
-        return (0, utils_time_1.applySingleFilter)(column, filter);
+        return applySingleFilter(column, filter);
     }
     getString(column, item) {
-        return (0, utils_time_1.getString)(column, item);
+        return getString(column, item);
     }
     toXlsxValue(column, item) {
-        return (0, utils_time_1.toXlsxValue)(column, item);
+        return toXlsxValue(column, item);
     }
     cellTitleFn(column, item) {
-        return (0, utils_time_1.getString)(column, item);
+        return getString(column, item);
     }
     getComparableValue(column, item) {
-        return (0, utils_time_1.getComparableValue)(column, item);
+        return getComparableValue(column, item);
     }
     serializeFilter(column, filter) {
         if (filter == null) {
             return;
         }
-        const min = (0, utils_time_1.toDate)(filter.min), max = (0, utils_time_1.toDate)(filter.max);
+        const min = toDate(filter.min), max = toDate(filter.max);
         if (min == null && max == null) {
             return;
         }
-        return (0, utils_time_1.toHashString)(min) + '~' + (0, utils_time_1.toHashString)(max);
+        return toHashString(min) + '~' + toHashString(max);
     }
     deserializeFilter(column, filter) {
         if (filter == null || filter === '') {
@@ -69,22 +67,22 @@ class OmnitableColumnTime extends (0, cosmoz_omnitable_column_mixin_1.columnMixi
         if (!Array.isArray(matches)) {
             return null;
         }
-        return { min: (0, utils_time_1.fromHashString)(matches[1]), max: (0, utils_time_1.fromHashString)(matches[2]) };
+        return { min: fromHashString(matches[1]), max: fromHashString(matches[2]) };
     }
     renderCell(column, { item }) {
-        return (0, utils_time_1.getString)(column, item);
+        return getString(column, item);
     }
     renderEditCell(column, { item }, onItemChange) {
         const onChange = (event) => onItemChange(event.target.value);
-        return (0, lit_html_1.html) `<cosmoz-input
+        return html `<cosmoz-input
 			no-label-float
 			type="text"
 			@change=${onChange}
-			.value=${(0, utils_time_1.getString)(column, item)}
+			.value=${getString(column, item)}
 		></cosmoz-input>`;
     }
     renderHeader({ title, min, max, locale, filterStep }, { filter }, setState, source) {
-        return (0, lit_html_1.html) `<cosmoz-omnitable-time-range-input
+        return html `<cosmoz-omnitable-time-range-input
 			.title=${title}
 			.filter=${filter}
 			.values=${source}
@@ -97,7 +95,7 @@ class OmnitableColumnTime extends (0, cosmoz_omnitable_column_mixin_1.columnMixi
 		></cosmoz-omnitable-time-range-input>`;
     }
     computeSource(column, data) {
-        return (0, utils_data_1.defaultComputeSource)(column, data);
+        return defaultComputeSource(column, data);
     }
 }
 customElements.define('cosmoz-omnitable-column-time', OmnitableColumnTime);

package/dist/cosmoz-omnitable-column.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@neovici/cosmoz-input");
-require("./ui-helpers/cosmoz-clear-button");
-const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
-const polymer_element_1 = require("@polymer/polymer/polymer-element");
-const lit_html_1 = require("lit-html");
+import '@neovici/cosmoz-input';
+import './ui-helpers/cosmoz-clear-button';
+import { applySingleFilter, columnMixin, getString, } from './cosmoz-omnitable-column-mixin';
+import { PolymerElement } from '@polymer/polymer/polymer-element';
+import { html } from 'lit-html';
 const onChange = (setState) => (event) => setState((state) => {
     // skip the event emitted during cosmoz-input initialization
     if (state.inputValue === undefined && event.target.value === '') {
@@ -24,7 +22,7 @@ const onChange = (setState) => (event) => setState((state) => {
  * @customElement
  * @appliesMixin columnMixin
  */
-class OmnitableColumn extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement) {
+class OmnitableColumn extends columnMixin(PolymerElement) {
     static get properties() {
         return {
             minWidth: { type: String, value: '55px' },
@@ -36,22 +34,22 @@ class OmnitableColumn extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(p
         if (filter == null || filter === '') {
             return;
         }
-        return (0, cosmoz_omnitable_column_mixin_1.applySingleFilter)(column, filter);
+        return applySingleFilter(column, filter);
     }
     renderCell(column, { item }) {
-        return (0, lit_html_1.html) `<span class="default-column">${(0, cosmoz_omnitable_column_mixin_1.getString)(column, item)}</span>`;
+        return html `<span class="default-column">${getString(column, item)}</span>`;
     }
     renderEditCell(column, { item }, onItemChange) {
         const onChange = (event) => onItemChange(event.target.value);
-        return (0, lit_html_1.html) `<cosmoz-input
+        return html `<cosmoz-input
 			no-label-float
 			type="text"
 			@change=${onChange}
-			.value=${(0, cosmoz_omnitable_column_mixin_1.getString)(column, item)}
+			.value=${getString(column, item)}
 		></cosmoz-input>`;
     }
     renderHeader(column, { filter, inputValue, headerFocused }, setState) {
-        return (0, lit_html_1.html) `<cosmoz-input
+        return html `<cosmoz-input
 			label=${column.title}
 			.value=${inputValue ?? filter}
 			@value-changed=${onChange(setState)}

package/dist/cosmoz-omnitable-columns.js

@@ -1,13 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /* convenience file to import all available columns */
-require("./cosmoz-omnitable-column-amount.js");
-require("./cosmoz-omnitable-column-autocomplete.js");
-require("./cosmoz-omnitable-column-boolean.js");
-require("./cosmoz-omnitable-column-date.js");
-require("./cosmoz-omnitable-column-list-horizontal.js");
-require("./cosmoz-omnitable-column-list.js");
-require("./cosmoz-omnitable-column-number.js");
-require("./cosmoz-omnitable-column-time.js");
-require("./cosmoz-omnitable-column-datetime.js");
+import './cosmoz-omnitable-column-amount.js';
+import './cosmoz-omnitable-column-autocomplete.js';
+import './cosmoz-omnitable-column-boolean.js';
+import './cosmoz-omnitable-column-date.js';
+import './cosmoz-omnitable-column-list-horizontal.js';
+import './cosmoz-omnitable-column-list.js';
+import './cosmoz-omnitable-column-number.js';
+import './cosmoz-omnitable-column-time.js';
+import './cosmoz-omnitable-column-datetime.js';
 //# sourceMappingURL=cosmoz-omnitable-columns.js.map

package/dist/cosmoz-omnitable-group-row.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pion_1 = require("@pionjs/pion");
-const lit_html_1 = require("lit-html");
+import { component } from '@pionjs/pion';
+import { nothing } from 'lit-html';
 const GroupRow = ({ column, item, selected, folded, group }) => {
     if (!column) {
-        return lit_html_1.nothing;
+        return nothing;
     }
     return (column.renderGroup ?? column.renderCell)(column, {
         item,
@@ -13,5 +11,5 @@ const GroupRow = ({ column, item, selected, folded, group }) => {
         group,
     });
 };
-customElements.define('cosmoz-omnitable-group-row', (0, pion_1.component)(GroupRow, { useShadowDOM: false }));
+customElements.define('cosmoz-omnitable-group-row', component(GroupRow, { useShadowDOM: false }));
 //# sourceMappingURL=cosmoz-omnitable-group-row.js.map

package/dist/cosmoz-omnitable-header-row.js

@@ -1,13 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pion_1 = require("@pionjs/pion");
-const repeat_js_1 = require("lit-html/directives/repeat.js");
-require("./lib/cosmoz-omnitable-resize-nub");
-const cosmoz_omnitable_sort_group_1 = require("./lib/settings/cosmoz-omnitable-sort-group");
-const when_js_1 = require("lit-html/directives/when.js");
-const use_sort_and_group_options_1 = require("./lib/use-sort-and-group-options");
-const renderHeaderRow = ({ data, columns, groupOnColumn, filters, setFilterState, sortAndGroup: { sortOn: on, setSortOn: setOn, descending, setDescending, } = {}, }) => (0, repeat_js_1.repeat)(columns, (column) => column.name, (column) => [
-    (0, pion_1.html) `<div
+import { html, component, useContext } from '@pionjs/pion';
+import { repeat } from 'lit-html/directives/repeat.js';
+import './lib/cosmoz-omnitable-resize-nub';
+import { render } from './lib/settings/cosmoz-omnitable-sort-group';
+import { when } from 'lit-html/directives/when.js';
+import { SortAndGroupContext } from './lib/use-sort-and-group-options';
+const renderHeaderRow = ({ data, columns, groupOnColumn, filters, setFilterState, sortAndGroup: { sortOn: on, setSortOn: setOn, descending, setDescending, } = {}, }) => repeat(columns, (column) => column.name, (column) => [
+    html `<div
 				class="cell ${column.headerCellClass} header-cell"
 				part="cell header-cell cell-${column.name} header-cell-${column.name}"
 				?hidden="${column === groupOnColumn}"
@@ -15,22 +13,22 @@ const renderHeaderRow = ({ data, columns, groupOnColumn, filters, setFilterState
 				name="${column.name}"
 			>
 				${column.renderHeader(column, filters[column.name] ?? {}, (state) => setFilterState(column.name, state), column.source(column, data))}
-				${(0, cosmoz_omnitable_sort_group_1.render)({ on, setOn, descending, setDescending, column })}
+				${render({ on, setOn, descending, setDescending, column })}
 			</div>`,
-    (0, pion_1.html) `<cosmoz-omnitable-resize-nub
+    html `<cosmoz-omnitable-resize-nub
 				.column="${column}"
 				name="${column.name}"
 			></cosmoz-omnitable-resize-nub>`,
 ]);
 const HeaderRow = ({ columns, settingsConfig, hideSelectAll, ...thru }) => {
-    const sortAndGroup = (0, pion_1.useContext)(use_sort_and_group_options_1.SortAndGroupContext);
-    return (0, pion_1.html) `
-		${(0, when_js_1.when)(columns, (columns) => renderHeaderRow({ columns, sortAndGroup, ...thru }))}
-		${(0, when_js_1.when)(!hideSelectAll, () => (0, pion_1.html) ` <cosmoz-omnitable-settings
+    const sortAndGroup = useContext(SortAndGroupContext);
+    return html `
+		${when(columns, (columns) => renderHeaderRow({ columns, sortAndGroup, ...thru }))}
+		${when(!hideSelectAll, () => html ` <cosmoz-omnitable-settings
 					.config=${settingsConfig}
 					part="settings"
 				></cosmoz-omnitable-settings>`)}
 	`;
 };
-customElements.define('cosmoz-omnitable-header-row', (0, pion_1.component)(HeaderRow, { useShadowDOM: false }));
+customElements.define('cosmoz-omnitable-header-row', component(HeaderRow, { useShadowDOM: false }));
 //# sourceMappingURL=cosmoz-omnitable-header-row.js.map

package/dist/cosmoz-omnitable-item-expand-line.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pion_1 = require("@pionjs/pion");
-const cosmoz_utils_1 = require("@neovici/cosmoz-utils");
-const style = (0, cosmoz_utils_1.css) `
+import { component, html } from '@pionjs/pion';
+import { css, sheet } from '@neovici/cosmoz-utils';
+const style = css `
 	:host {
 		display: flex;
 		align-items: center;
@@ -24,7 +22,7 @@ const style = (0, cosmoz_utils_1.css) `
 		white-space: nowrap;
 	}
 `;
-const ItemExpandLine = ({ column }) => (0, pion_1.html) `
+const ItemExpandLine = ({ column }) => html `
 	<div class="label" title="${column.title}" part="item-expand-label">
 		${column.title}
 	</div>
@@ -32,5 +30,5 @@ const ItemExpandLine = ({ column }) => (0, pion_1.html) `
 		<slot></slot>
 	</div>
 `;
-customElements.define('cosmoz-omnitable-item-expand-line', (0, pion_1.component)(ItemExpandLine, { styleSheets: [(0, cosmoz_utils_1.sheet)(style)] }));
+customElements.define('cosmoz-omnitable-item-expand-line', component(ItemExpandLine, { styleSheets: [sheet(style)] }));
 //# sourceMappingURL=cosmoz-omnitable-item-expand-line.js.map