@neovici/cosmoz-omnitable 14.14.2 → 14.15.0

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

@@ -0,0 +1,121 @@
+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;
+    }
+    return value
+        .toString()
+        .toLowerCase()
+        .trim()
+        .includes(filter.toLowerCase().trim());
+}, serializeFilter = (column, filter) => filter === '' || filter == null ? null : filter, columnMixin = (base) => class extends base {
+    static get properties() {
+        return {
+            /**
+             * Used to indicate that an element using this behavior is a column definition that can be used
+             * in cosmoz-omnitable
+             */
+            isOmnitableColumn: { type: Boolean, value: true },
+            title: { type: String },
+            valuePath: { type: String, notify: true },
+            values: { type: Array, notify: true },
+            filter: { type: Object },
+            noLocalFilter: { type: Boolean },
+            /**
+             * If the column should be disabled until enabled with enabledColumns
+             */
+            disabled: { type: Boolean, value: false, notify: true },
+            /**
+             * If true, the column will be editable by using an input element for rendering.
+             */
+            editable: { type: Boolean, notify: true },
+            /**
+             * Indicate that the column is loading/performing work
+             */
+            loading: { type: Boolean, value: false, notify: true },
+            externalValues: { type: Boolean, value: false, notify: true },
+            /**
+             * Column name for use with enabledColumns
+             */
+            name: { type: String },
+            sortOn: { type: String },
+            groupOn: { type: String },
+            width: { type: String, value: '75px' },
+            minWidth: { type: String, value: '40px' },
+            flex: { type: String, value: '1' },
+            cellClass: { type: String, value: 'default-cell' },
+            headerCellClass: { type: String, value: 'default-header-cell' },
+            priority: { type: Number, value: 0 },
+            hidden: { type: Boolean, notify: true },
+            preferredDropdownHorizontalAlign: { type: String, value: 'right' },
+            renderHeader: { type: Function },
+            renderCell: { type: Function },
+            renderEditCell: { type: Function },
+            renderGroup: { type: Function },
+            /**
+             * The priority of the column in the mini mode. If missing the column is disabled in the mini mode.
+             */
+            mini: { type: Number, value: null },
+            /**
+             * An alternative render to use in mini mode. Takes the same params as `renderCell`.
+             */
+            renderMini: { type: Function },
+        };
+    }
+    static get observers() {
+        return ['notifyFilterChange(filter)'];
+    }
+    notifyFilterChange(filter) {
+        if (this.__ownChange) {
+            return;
+        }
+        this.dispatchEvent(new CustomEvent('legacy-filter-changed', {
+            detail: {
+                name: this.name,
+                state: this.legacyFilterToState(filter),
+            },
+            bubbles: true,
+        }));
+    }
+    legacyFilterToState(filter) {
+        return { filter };
+    }
+    /**
+     * Override this in column elements if you need a different default width
+     */
+    // eslint-disable-next-line no-empty-function
+    getFilterFn() { }
+    getString(column, item) {
+        return getString(column, item);
+    }
+    toXlsxValue(column, item) {
+        return toXlsxValue(column, item);
+    }
+    cellTitleFn(column, item) {
+        return getString(column, item);
+    }
+    serializeFilter(column, filter) {
+        return serializeFilter(column, filter);
+    }
+    deserializeFilter(column, filter) {
+        if (filter == null) {
+            return null;
+        }
+        if (typeof filter === 'string') {
+            return window.decodeURIComponent(filter);
+        }
+        return filter;
+    }
+    getComparableValue(column, item) {
+        return getComparableValue(column, item);
+    }
+    computeSource(column, data) {
+        return data;
+    }
+    _propertiesChanged(currentProps, changedProps, oldProps) {
+        super._propertiesChanged(currentProps, changedProps, oldProps);
+        this.dispatchEvent(new CustomEvent('cosmoz-column-prop-changed', { bubbles: true }));
+    }
+};
+//# sourceMappingURL=cosmoz-omnitable-column-mixin.js.map

package/dist/cosmoz-omnitable-column-number.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-column-number.d.ts.map

package/dist/cosmoz-omnitable-column-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-column-number.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-column-number.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,112 @@
+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 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 },
+            autoupdate: { type: Boolean, value: false, notify: true },
+            cellClass: { type: String, value: 'number-cell align-right' },
+            width: { type: String, value: '30px' },
+            minWidth: { type: String, value: '30px' },
+            headerCellClass: { type: String, value: 'number-header-cell' },
+            maximumFractionDigits: { type: Number, value: null },
+            minimumFractionDigits: { type: Number, value: null }, // browser default 0 for numbers, currency-specific or 2 for currency
+        };
+    }
+    getConfig(column) {
+        return { limits: column.limits };
+    }
+    getFilterFn(column, filter) {
+        const min = getComparableValue({ ...column, valuePath: 'min' }, filter), max = getComparableValue({ ...column, valuePath: 'max' }, filter);
+        if (min == null && max == null) {
+            return;
+        }
+        return applySingleFilter(column, filter);
+    }
+    getString(column, item) {
+        return getString(column, item);
+    }
+    toXlsxValue({ valuePath }, item) {
+        return get(item, valuePath);
+    }
+    cellTitleFn(column, item) {
+        return getString(column, item);
+    }
+    getComparableValue(column, item) {
+        return getComparableValue(column, item);
+    }
+    serializeFilter(column, filter) {
+        if (filter == null) {
+            return;
+        }
+        const min = toNumber(filter.min), max = toNumber(filter.max);
+        if (min == null && max == null) {
+            return;
+        }
+        return toHashString(min) + '~' + toHashString(max);
+    }
+    deserializeFilter(column, filter) {
+        if (filter == null || filter === '') {
+            return null;
+        }
+        const matches = filter.match(/^([^~]+)?~([^~]+)?/iu);
+        if (!Array.isArray(matches)) {
+            return null;
+        }
+        return {
+            min: toNumber(matches[1]),
+            max: toNumber(matches[2]),
+        };
+    }
+    renderCell(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 html `<cosmoz-input
+			no-label-float
+			type="number"
+			@change=${onChange}
+			.value=${getInputString(column, item)}
+		></cosmoz-input>`;
+    }
+    renderHeader({ title, min, max, limits, locale, maximumFractionDigits, minimumFractionDigits, autoupdate, }, { filter }, setState, source) {
+        return html `<cosmoz-omnitable-number-range-input
+			.title=${title}
+			.filter=${filter}
+			.values=${source}
+			.min=${min}
+			.max=${max}
+			.limits=${limits}
+			.locale=${locale}
+			.maximumFractionDigits=${maximumFractionDigits}
+			.minimumFractionDigsits=${minimumFractionDigits}
+			.autoupdate=${autoupdate}
+			@filter-changed=${({ detail: { value } }) => setState((state) => ({ ...state, filter: value }))}
+			@header-focused-changed=${({ detail: { value } }) => setState((state) => ({ ...state, headerFocused: value }))}
+		></cosmoz-omnitable-number-range-input>`;
+    }
+    computeSource(column, data) {
+        return defaultComputeSource(column, data);
+    }
+}
+customElements.define('cosmoz-omnitable-column-number', OmnitableColumnNumber);
+//# sourceMappingURL=cosmoz-omnitable-column-number.js.map

package/dist/cosmoz-omnitable-column-time.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-column-time.d.ts.map

package/dist/cosmoz-omnitable-column-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-column-time.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-column-time.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,102 @@
+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 columnMixin(PolymerElement) {
+    static get properties() {
+        return {
+            min: { type: Number, value: null, notify: true },
+            max: { type: Number, value: null, notify: true },
+            locale: { type: String, value: null, notify: true },
+            headerCellClass: { type: String, value: 'time-header-cell' },
+            minWidth: { type: String, value: '63px' },
+            width: { type: String, value: '210px' },
+            flex: { type: String, value: '0' },
+            /*
+             * Specifies the value granularity of the time input's value in the filter.
+             * 1 => full seconds
+             * 0.1 => milliseconds
+             */
+            filterStep: { type: String, value: '1' },
+        };
+    }
+    getFilterFn(column, filter) {
+        const min = getComparableValue({ ...column, valuePath: 'min' }, filter), max = getComparableValue({ ...column, valuePath: 'max' }, filter);
+        if (min == null && max == null) {
+            return;
+        }
+        return applySingleFilter(column, filter);
+    }
+    getString(column, item) {
+        return getString(column, item);
+    }
+    toXlsxValue(column, item) {
+        return toXlsxValue(column, item);
+    }
+    cellTitleFn(column, item) {
+        return getString(column, item);
+    }
+    getComparableValue(column, item) {
+        return getComparableValue(column, item);
+    }
+    serializeFilter(column, filter) {
+        if (filter == null) {
+            return;
+        }
+        const min = toDate(filter.min), max = toDate(filter.max);
+        if (min == null && max == null) {
+            return;
+        }
+        return toHashString(min) + '~' + toHashString(max);
+    }
+    deserializeFilter(column, filter) {
+        if (filter == null || filter === '') {
+            return null;
+        }
+        const matches = filter.match(/^([^~]+)?~([^~]+)?/iu);
+        if (!Array.isArray(matches)) {
+            return null;
+        }
+        return { min: fromHashString(matches[1]), max: fromHashString(matches[2]) };
+    }
+    renderCell(column, { item }) {
+        return getString(column, item);
+    }
+    renderEditCell(column, { item }, onItemChange) {
+        const onChange = (event) => onItemChange(event.target.value);
+        return html `<cosmoz-input
+			no-label-float
+			type="text"
+			@change=${onChange}
+			.value=${getString(column, item)}
+		></cosmoz-input>`;
+    }
+    renderHeader({ title, min, max, locale, filterStep }, { filter }, setState, source) {
+        return html `<cosmoz-omnitable-time-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 }))}
+		></cosmoz-omnitable-time-range-input>`;
+    }
+    computeSource(column, data) {
+        return defaultComputeSource(column, data);
+    }
+}
+customElements.define('cosmoz-omnitable-column-time', OmnitableColumnTime);
+//# sourceMappingURL=cosmoz-omnitable-column-time.js.map

package/dist/cosmoz-omnitable-column.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-column.d.ts.map

package/dist/cosmoz-omnitable-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-column.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-column.js"],"names":[],"mappings":""}

package/dist/cosmoz-omnitable-column.js

@@ -0,0 +1,75 @@
+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 === '') {
+        return state;
+    }
+    clearTimeout(state.t);
+    const t = setTimeout(() => setState((state) => ({ ...state, filter: state.inputValue })), 1000);
+    return { ...state, inputValue: event.target.value, t };
+}), onBlur = (setState) => () => setState((state) => ({ ...state, filter: state.inputValue })), onKeyDown = (setState) => (event) => {
+    if (event.keyCode === 13) {
+        event.preventDefault();
+        setState((state) => ({ ...state, filter: state.inputValue }));
+    }
+}, onFocus = (setState) => (event) => setState((state) => ({ ...state, headerFocused: event.detail.value })), resetFilter = (setState) => () => setState((state) => ({ ...state, filter: null, inputValue: null })), hasFilter = (filter) => filter != null && filter !== '';
+/**
+ * @polymer
+ * @customElement
+ * @appliesMixin columnMixin
+ */
+class OmnitableColumn extends columnMixin(PolymerElement) {
+    static get properties() {
+        return {
+            minWidth: { type: String, value: '55px' },
+            editMinWidth: { type: String, value: '55px' },
+            inputValue: { type: Object, notify: true },
+        };
+    }
+    getFilterFn(column, filter) {
+        if (filter == null || filter === '') {
+            return;
+        }
+        return applySingleFilter(column, filter);
+    }
+    renderCell(column, { item }) {
+        return html `<span class="default-column">${getString(column, item)}</span>`;
+    }
+    renderEditCell(column, { item }, onItemChange) {
+        const onChange = (event) => onItemChange(event.target.value);
+        return html `<cosmoz-input
+			no-label-float
+			type="text"
+			@change=${onChange}
+			.value=${getString(column, item)}
+		></cosmoz-input>`;
+    }
+    renderHeader(column, { filter, inputValue, headerFocused }, setState) {
+        return html `<cosmoz-input
+			label=${column.title}
+			.value=${inputValue ?? filter}
+			@value-changed=${onChange(setState)}
+			focused=${headerFocused}
+			@focused-changed=${onFocus(setState)}
+			@keydown=${onKeyDown(setState)}
+			@blur=${onBlur(setState)}
+		>
+			<cosmoz-clear-button
+				suffix
+				slot="suffix"
+				?visible=${hasFilter(filter)}
+				light
+				@click=${resetFilter(setState)}
+			></cosmoz-clear-button>
+		</cosmoz-input>`;
+    }
+    legacyFilterToState(filter) {
+        return { filter, inputValue: filter };
+    }
+}
+customElements.define('cosmoz-omnitable-column', OmnitableColumn);
+//# sourceMappingURL=cosmoz-omnitable-column.js.map

package/dist/cosmoz-omnitable-columns.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-columns.d.ts.map

package/dist/cosmoz-omnitable-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-columns.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-columns.js"],"names":[],"mappings":""}

package/{cosmoz-omnitable-columns.js → dist/cosmoz-omnitable-columns.js}

@@ -8,3 +8,4 @@ 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.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-group-row.d.ts.map

package/dist/cosmoz-omnitable-group-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-group-row.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-group-row.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,15 @@
+import { component } from '@pionjs/pion';
+import { nothing } from 'lit-html';
+const GroupRow = ({ column, item, selected, folded, group }) => {
+    if (!column) {
+        return nothing;
+    }
+    return (column.renderGroup ?? column.renderCell)(column, {
+        item,
+        selected,
+        folded,
+        group,
+    });
+};
+customElements.define('cosmoz-omnitable-group-row', component(GroupRow, { useShadowDOM: false }));
+//# sourceMappingURL=cosmoz-omnitable-group-row.js.map

package/dist/cosmoz-omnitable-header-row.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-header-row.d.ts.map

package/dist/cosmoz-omnitable-header-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-header-row.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-header-row.js"],"names":[],"mappings":""}

package/{cosmoz-omnitable-header-row.js → dist/cosmoz-omnitable-header-row.js}

@@ -4,64 +4,31 @@ 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
+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}"
 				title="${column.title}"
 				name="${column.name}"
 			>
-				${column.renderHeader(
-					column,
-					filters[column.name] ?? {},
-					(state) => setFilterState(column.name, state),
-					column.source(column, data),
-				)}
+				${column.renderHeader(column, filters[column.name] ?? {}, (state) => setFilterState(column.name, state), column.source(column, data))}
 				${render({ on, setOn, descending, setDescending, column })}
 			</div>`,
-			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 = useContext(SortAndGroupContext);
-	return html`
-		${when(columns, (columns) =>
-			renderHeaderRow({ columns, sortAndGroup, ...thru }),
-		)}
-		${when(
-			!hideSelectAll,
-			() =>
-				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>`,
-		)}
+				></cosmoz-omnitable-settings>`)}
 	`;
 };
-
-customElements.define(
-	'cosmoz-omnitable-header-row',
-	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.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-item-expand-line.d.ts.map

package/dist/cosmoz-omnitable-item-expand-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-item-expand-line.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-item-expand-line.js"],"names":[],"mappings":""}

package/{cosmoz-omnitable-item-expand-line.js → dist/cosmoz-omnitable-item-expand-line.js}

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

package/dist/cosmoz-omnitable-item-expand.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-item-expand.d.ts.map

package/dist/cosmoz-omnitable-item-expand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-item-expand.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-item-expand.js"],"names":[],"mappings":""}

package/{cosmoz-omnitable-item-expand.js → dist/cosmoz-omnitable-item-expand.js}

@@ -2,27 +2,19 @@ import { component } from '@pionjs/pion';
 import { html } from 'lit-html';
 import { map } from 'lit-html/directives/map.js';
 import './cosmoz-omnitable-item-expand-line';
-
 const ItemExpand = ({ columns, item, selected, expanded, groupOnColumn }) => {
-	return map(
-		columns,
-		(column) =>
-			html`<cosmoz-omnitable-item-expand-line
+    return map(columns, (column) => html `<cosmoz-omnitable-item-expand-line
 				.column=${column}
 				?hidden=${column === groupOnColumn}
 				exportparts="item-expand-label, item-expand-value"
 				>${column.renderCell(column, {
-					item,
-					selected,
-					expanded,
-				})}</cosmoz-omnitable-item-expand-line
-			>`,
-	);
+        item,
+        selected,
+        expanded,
+    })}</cosmoz-omnitable-item-expand-line
+			>`);
 };
-
-customElements.define(
-	'cosmoz-omnitable-item-expand',
-	component(ItemExpand, {
-		useShadowDOM: false,
-	}),
-);
+customElements.define('cosmoz-omnitable-item-expand', component(ItemExpand, {
+    useShadowDOM: false,
+}));
+//# sourceMappingURL=cosmoz-omnitable-item-expand.js.map

package/dist/cosmoz-omnitable-item-row.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cosmoz-omnitable-item-row.d.ts.map

package/dist/cosmoz-omnitable-item-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmoz-omnitable-item-row.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-item-row.js"],"names":[],"mappings":""}