@neovici/cosmoz-omnitable 14.17.0 → 14.18.0

package/dist/lib/render-footer.js

@@ -1,16 +1,19 @@
-import { html } from 'lit-html';
-import { ngettext, _ } from '@neovici/cosmoz-i18next';
-import { saveAsCsvAction } from './save-as-csv-action';
-import { saveAsXlsxAction } from './save-as-xlsx-action';
-import { isEmpty } from '@neovici/cosmoz-utils/template';
-export const renderFooter = ({ columns, selectedItems, csvFilename, xlsxFilename, xlsxSheetname, topPlacement, }) => html `<cosmoz-bottom-bar
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderFooter = void 0;
+const lit_html_1 = require("lit-html");
+const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
+const save_as_csv_action_1 = require("./save-as-csv-action");
+const save_as_xlsx_action_1 = require("./save-as-xlsx-action");
+const template_1 = require("@neovici/cosmoz-utils/template");
+const renderFooter = ({ columns, selectedItems, csvFilename, xlsxFilename, xlsxSheetname, topPlacement, }) => (0, lit_html_1.html) `<cosmoz-bottom-bar
 		id="bottomBar"
-		?active=${!isEmpty(selectedItems.length)}
+		?active=${!(0, template_1.isEmpty)(selectedItems.length)}
 		part="bottomBar"
 		exportparts="bar: bottomBar-bar, info: bottomBar-info, buttons: bottomBar-buttons"
 	>
 		<slot name="info" slot="info">
-			${ngettext('{0} selected item', '{0} selected items', selectedItems.length)}
+			${(0, cosmoz_i18next_1.ngettext)('{0} selected item', '{0} selected items', selectedItems.length)}
 		</slot>
 		<slot name="actions" id="actions"></slot>
 		<!-- These slots are needed by cosmoz-bottom-bar
@@ -37,16 +40,17 @@ export const renderFooter = ({ columns, selectedItems, csvFilename, xlsxFilename
 				<path d="M7 1V13" stroke-width="2" stroke-linecap="round" />
 			</svg>
 			<button
-				@click=${() => saveAsCsvAction(columns, selectedItems, csvFilename)}
+				@click=${() => (0, save_as_csv_action_1.saveAsCsvAction)(columns, selectedItems, csvFilename)}
 			>
-				${_('Save as CSV')}
+				${(0, cosmoz_i18next_1._)('Save as CSV')}
 			</button>
 			<button
-				@click=${() => saveAsXlsxAction(columns, selectedItems, xlsxFilename, xlsxSheetname)}
+				@click=${() => (0, save_as_xlsx_action_1.saveAsXlsxAction)(columns, selectedItems, xlsxFilename, xlsxSheetname)}
 			>
-				${_('Save as XLSX')}
+				${(0, cosmoz_i18next_1._)('Save as XLSX')}
 			</button>
 			<slot name="download-menu"></slot>
 		</cosmoz-dropdown-menu>
 	</cosmoz-bottom-bar>`;
+exports.renderFooter = renderFooter;
 //# sourceMappingURL=render-footer.js.map

package/dist/lib/render-header.d.ts

@@ -10,5 +10,5 @@ export function renderHeader({ allSelected, onAllCheckboxChange, sortAndGroup, d
     setFilterState: any;
     settingsConfig: any;
     hideSelectAll: any;
-}): import("lit-html").TemplateResult<1>;
+}): import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
 //# sourceMappingURL=render-header.d.ts.map

package/dist/lib/render-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-header.d.ts","sourceRoot":"","sources":["../../src/lib/render-header.js"],"names":[],"mappings":"AAGO;;;;;;;;;;;;yCA+CqB"}
+{"version":3,"file":"render-header.d.ts","sourceRoot":"","sources":["../../src/lib/render-header.js"],"names":[],"mappings":"AAGO;;;;;;;;;;;;oFA+CqB"}

package/dist/lib/render-header.js

@@ -1,8 +1,11 @@
-import { html } from 'lit-html';
-import { when } from 'lit-html/directives/when.js';
-export const renderHeader = ({ allSelected, onAllCheckboxChange, sortAndGroup, dataIsValid, data, columns, filters, groupOnColumn, setFilterState, settingsConfig, hideSelectAll, }) => html `<sort-and-group-provider .value=${sortAndGroup}>
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderHeader = void 0;
+const lit_html_1 = require("lit-html");
+const when_js_1 = require("lit-html/directives/when.js");
+const renderHeader = ({ allSelected, onAllCheckboxChange, sortAndGroup, dataIsValid, data, columns, filters, groupOnColumn, setFilterState, settingsConfig, hideSelectAll, }) => (0, lit_html_1.html) `<sort-and-group-provider .value=${sortAndGroup}>
 		<div class="header" id="header" part="header">
-			${when(!hideSelectAll, () => html `<input
+			${(0, when_js_1.when)(!hideSelectAll, () => (0, lit_html_1.html) `<input
 						class="checkbox all"
 						type="checkbox"
 						.checked=${allSelected}
@@ -10,7 +13,7 @@ export const renderHeader = ({ allSelected, onAllCheckboxChange, sortAndGroup, d
 						?disabled=${!dataIsValid}
 						part="all"
 					/>`)}
-			${when(hideSelectAll, () => html ` <cosmoz-omnitable-settings
+			${(0, when_js_1.when)(hideSelectAll, () => (0, lit_html_1.html) ` <cosmoz-omnitable-settings
 						.newLayout="${true}"
 						.config=${settingsConfig}
 					></cosmoz-omnitable-settings>`)}
@@ -27,4 +30,5 @@ export const renderHeader = ({ allSelected, onAllCheckboxChange, sortAndGroup, d
 			></cosmoz-omnitable-header-row>
 		</div>
 	</sort-and-group-provider>`;
+exports.renderHeader = renderHeader;
 //# sourceMappingURL=render-header.js.map

package/dist/lib/render-list.d.ts

@@ -1,2 +1,2 @@
-export function renderList(header: any, list: any): import("lit-html").TemplateResult<1>;
+export function renderList(header: any, list: any): import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
 //# sourceMappingURL=render-list.d.ts.map

package/dist/lib/render-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,yFA0EN"}
+{"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,oIA0EN"}

package/dist/lib/render-list.js

@@ -1,34 +1,37 @@
-import '../cosmoz-omnitable-skeleton.js';
-import { _ } from '@neovici/cosmoz-i18next';
-import { html } from 'lit-html';
-import { when } from 'lit-html/directives/when.js';
-export const renderList = (header, list) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderList = void 0;
+require("../cosmoz-omnitable-skeleton.js");
+const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
+const lit_html_1 = require("lit-html");
+const when_js_1 = require("lit-html/directives/when.js");
+const renderList = (header, list) => {
     const { settingsConfig } = header, { processedItems, dataIsValid, filterIsTooStrict, loading, displayEmptyGroups, compareItemsFn, setSelectedItems, renderItem, renderGroup, error, } = list;
-    return html `${when(!loading && !dataIsValid && !error, () => html `<div class="tableContent-empty">
+    return (0, lit_html_1.html) `${(0, when_js_1.when)(!loading && !dataIsValid && !error, () => (0, lit_html_1.html) `<div class="tableContent-empty">
 					<slot name="empty-set-message">
 						<iron-icon icon="icons:announcement"></iron-icon>
 						<div class="tableContent-empty-message">
-							<h3>${_('Working set empty')}</h3>
-							<p>${_('No data to display')}</p>
+							<h3>${(0, cosmoz_i18next_1._)('Working set empty')}</h3>
+							<p>${(0, cosmoz_i18next_1._)('No data to display')}</p>
 						</div>
 					</slot>
 				</div>`)}
-		${when(filterIsTooStrict, () => html `<div class="tableContent-empty">
+		${(0, when_js_1.when)(filterIsTooStrict, () => (0, lit_html_1.html) `<div class="tableContent-empty">
 					<iron-icon icon="icons:announcement"></iron-icon>
 					<div>
-						<h3>${_('Filter too strict')}</h3>
-						<p>${_('No matches for selection')}</p>
+						<h3>${(0, cosmoz_i18next_1._)('Filter too strict')}</h3>
+						<p>${(0, cosmoz_i18next_1._)('No matches for selection')}</p>
 					</div>
 				</div>`)}
-		${when(loading, () => html `<div class="tableContent-empty overlay">
+		${(0, when_js_1.when)(loading, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
 					<cosmoz-omnitable-skeleton
 						.settingsConfig=${settingsConfig}
 					></cosmoz-omnitable-skeleton>
 				</div>`)}
-		${when(error, () => html `<div class="tableContent-empty overlay">
+		${(0, when_js_1.when)(error, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
 					<iron-icon icon="icons:error"></iron-icon>
 					<div class="tableContent-empty-message">
-						<h3>${_('Error loading data')}</h3>
+						<h3>${(0, cosmoz_i18next_1._)('Error loading data')}</h3>
 						<p>${error.message}</p>
 					</div>
 				</div>`)}
@@ -45,4 +48,5 @@ export const renderList = (header, list) => {
 			<slot name="extraContent"></slot>
 		</div>`;
 };
+exports.renderList = renderList;
 //# sourceMappingURL=render-list.js.map

package/dist/lib/save-as-csv-action.js

@@ -1,4 +1,7 @@
-import { saveAs } from 'file-saver-es';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveAsCsvAction = void 0;
+const file_saver_es_1 = require("file-saver-es");
 const makeCsvField = (str) => {
     const result = str.replace(/"/gu, '""');
     if (result.search(/("|,|\n)/gu) >= 0) {
@@ -6,7 +9,7 @@ const makeCsvField = (str) => {
     }
     return str;
 };
-export const saveAsCsvAction = (columns, selectedItems, csvFilename) => {
+const saveAsCsvAction = (columns, selectedItems, csvFilename) => {
     const separator = ';', lf = '\n', header = columns.map((col) => makeCsvField(col.title)).join(separator) + lf, rows = selectedItems.map((item) => {
         return (columns
             .map((column) => {
@@ -19,8 +22,9 @@ export const saveAsCsvAction = (columns, selectedItems, csvFilename) => {
             .join(separator) + lf);
     });
     rows.unshift(header);
-    saveAs(new File(rows, csvFilename, {
+    (0, file_saver_es_1.saveAs)(new File(rows, csvFilename, {
         type: 'text/csv;charset=utf-8',
     }));
 };
+exports.saveAsCsvAction = saveAsCsvAction;
 //# sourceMappingURL=save-as-csv-action.js.map

package/dist/lib/save-as-xlsx-action.js

@@ -1,6 +1,9 @@
-import { saveAs } from 'file-saver-es';
-import { NullXlsx } from '@neovici/nullxlsx';
-export const prepareXlsxData = (columns, selectedItems) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveAsXlsxAction = exports.prepareXlsxData = void 0;
+const file_saver_es_1 = require("file-saver-es");
+const nullxlsx_1 = require("@neovici/nullxlsx");
+const prepareXlsxData = (columns, selectedItems) => {
     const headers = columns.map((col) => col.title), data = selectedItems.map((item) => columns.map((column) => {
         const value = column.toXlsxValue(column, item);
         return value == null ? '' : value;
@@ -8,11 +11,12 @@ export const prepareXlsxData = (columns, selectedItems) => {
     data.unshift(headers);
     return data;
 }, saveAsXlsxAction = (columns, selectedItems, xlsxFilename, xlsxSheetname) => {
-    const data = prepareXlsxData(columns, selectedItems), xlsx = new NullXlsx(xlsxFilename)
+    const data = (0, exports.prepareXlsxData)(columns, selectedItems), xlsx = new nullxlsx_1.NullXlsx(xlsxFilename)
         .addSheetFromData(data, xlsxSheetname)
         .generate();
-    saveAs(new File([xlsx], xlsxFilename, {
+    (0, file_saver_es_1.saveAs)(new File([xlsx], xlsxFilename, {
         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
     }));
 };
+exports.prepareXlsxData = prepareXlsxData, exports.saveAsXlsxAction = saveAsXlsxAction;
 //# sourceMappingURL=save-as-xlsx-action.js.map

package/dist/lib/settings/cosmoz-omnitable-settings.js

@@ -1,27 +1,65 @@
-import { html, component } from '@pionjs/pion';
-import { _ } from '@neovici/cosmoz-i18next';
-import { isEmpty } from '@neovici/cosmoz-utils/template';
-import { defaultMiddleware, size } from '@neovici/cosmoz-dropdown/use-floating';
-import '@neovici/cosmoz-collapse';
-import { sort, group } from './cosmoz-omnitable-sort-group';
-import style, { dropdown as dropdownStyle } from './style.css';
-import useSettingsUi from './use-settings-ui';
-import { close, pull, arrow } from '../icons';
-import { when } from 'lit-html/directives/when.js';
-import { sheet } from '@neovici/cosmoz-utils';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const pion_1 = require("@pionjs/pion");
+const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
+const template_1 = require("@neovici/cosmoz-utils/template");
+const use_floating_1 = require("@neovici/cosmoz-dropdown/use-floating");
+require("@neovici/cosmoz-collapse");
+const cosmoz_omnitable_sort_group_1 = require("./cosmoz-omnitable-sort-group");
+const style_css_1 = __importStar(require("./style.css"));
+const use_settings_ui_1 = __importDefault(require("./use-settings-ui"));
+const icons_1 = require("../icons");
+const when_js_1 = require("lit-html/directives/when.js");
+const cosmoz_utils_1 = require("@neovici/cosmoz-utils");
 const middleware = [
-    size({
+    (0, use_floating_1.size)({
         apply({ availableHeight, elements }) {
             Object.assign(elements.floating.style, {
                 maxHeight: `${Math.max(0, availableHeight)}px`,
             });
         },
     }),
-    ...defaultMiddleware,
+    ...use_floating_1.defaultMiddleware,
 ];
 const renderItem = ({ onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop, onDown, onToggle, collapsed, filters, }) => (column, i) => {
     const indeterminate = !!collapsed?.find((c) => c.name === column.name), checked = !column.disabled && !indeterminate;
-    return html ` <div
+    return (0, pion_1.html) ` <div
 			class="item"
 			data-index=${i}
 			@mousedown=${onDown}
@@ -32,8 +70,8 @@ const renderItem = ({ onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop,
 			@dragleave=${onDragLeave}
 			@drop=${onDrop}
 		>
-			<button class="pull">${pull}</button>
-			<label class="title" ?has-filter=${!isEmpty(filters[column.name]?.filter)}
+			<button class="pull">${icons_1.pull}</button>
+			<label class="title" ?has-filter=${!(0, template_1.isEmpty)(filters[column.name]?.filter)}
 				>${column.title}</label
 			>
 			<input
@@ -46,9 +84,9 @@ const renderItem = ({ onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop,
 		</div>`;
 };
 const SettingsUI = (host) => {
-    const { settings, settingsId, onSave, onReset, hasChanges, opened, setOpened, ...thru } = useSettingsUi(host);
-    return html ` <div class="headline">
-			${_('Sort and filter')}
+    const { settings, settingsId, onSave, onReset, hasChanges, opened, setOpened, ...thru } = (0, use_settings_ui_1.default)(host);
+    return (0, pion_1.html) ` <div class="headline">
+			${(0, cosmoz_i18next_1._)('Sort and filter')}
 			<button
 				class="close"
 				@click=${(e) => {
@@ -57,7 +95,7 @@ const SettingsUI = (host) => {
         tg?.blur();
     }}
 			>
-				${close}
+				${icons_1.close}
 			</button>
 		</div>
 
@@ -68,7 +106,7 @@ const SettingsUI = (host) => {
 				@click=${() => setOpened((c) => ({ ...c, columns: !c.columns }))}
 				part="columns columns-heading"
 			>
-				${_('Columns')} ${arrow}
+				${(0, cosmoz_i18next_1._)('Columns')} ${icons_1.arrow}
 			</div>
 			<cosmoz-collapse
 				?opened="${opened.columns}"
@@ -82,9 +120,9 @@ const SettingsUI = (host) => {
 				?data-opened=${opened.sort}
 				@click=${() => setOpened((c) => ({ ...c, sort: !c.sort }))}
 			>
-				${_('Sort on')} ${arrow}
+				${(0, cosmoz_i18next_1._)('Sort on')} ${icons_1.arrow}
 			</div>
-			<cosmoz-collapse ?opened=${opened.sort}> ${sort()} </cosmoz-collapse>
+			<cosmoz-collapse ?opened=${opened.sort}> ${(0, cosmoz_omnitable_sort_group_1.sort)()} </cosmoz-collapse>
 
 			<div
 				class="heading"
@@ -92,33 +130,33 @@ const SettingsUI = (host) => {
 				@click=${() => setOpened((c) => ({ ...c, group: !c.group }))}
 				part="groups groups-heading"
 			>
-				${_('Group on')} ${arrow}
+				${(0, cosmoz_i18next_1._)('Group on')} ${icons_1.arrow}
 			</div>
 			<cosmoz-collapse ?opened=${opened.group} part="groups groups-heading"
-				>${group()}</cosmoz-collapse
+				>${(0, cosmoz_omnitable_sort_group_1.group)()}</cosmoz-collapse
 			>
 		</div>
 
-		${when(settingsId, () => html `<div class="buttons">
+		${(0, when_js_1.when)(settingsId, () => (0, pion_1.html) `<div class="buttons">
 					<button
 						class="button reset"
 						@click=${onReset}
 						?disabled=${!hasChanges}
 					>
-						${_('Reset')}
+						${(0, cosmoz_i18next_1._)('Reset')}
 					</button>
 					<button class="button" @click=${onSave} ?disabled=${!hasChanges}>
-						${_('Save')}
+						${(0, cosmoz_i18next_1._)('Save')}
 					</button>
 				</div>`)}`;
 };
-customElements.define('cosmoz-omnitable-settings-ui', component(SettingsUI, { styleSheets: [sheet(style)] }));
-const Settings = ({ config, newLayout }) => html `
+customElements.define('cosmoz-omnitable-settings-ui', (0, pion_1.component)(SettingsUI, { styleSheets: [(0, cosmoz_utils_1.sheet)(style_css_1.default)] }));
+const Settings = ({ config, newLayout }) => (0, pion_1.html) `
 	<cosmoz-dropdown
 		.placement="${newLayout ? 'bottom-start' : 'bottom-end'}"
 		.middleware="${middleware}"
 	>
-		${when(newLayout, () => html `<div class="headerDots" slot="button">...</div>`, () => html ` <svg
+		${(0, when_js_1.when)(newLayout, () => (0, pion_1.html) `<div class="headerDots" slot="button">...</div>`, () => (0, pion_1.html) ` <svg
 					viewBox="0 0 24 24"
 					width="24"
 					slot="button"
@@ -128,12 +166,12 @@ const Settings = ({ config, newLayout }) => html `
 					<circle cx="10" cy="12" r="2"></circle>
 					<circle cx="10" cy="6" r="2"></circle>
 				</svg>`)}
-		${when(config?.badge, () => html `<div class="badge" slot="button"></div>`)}
+		${(0, when_js_1.when)(config?.badge, () => (0, pion_1.html) `<div class="badge" slot="button"></div>`)}
 		<cosmoz-omnitable-settings-ui
 			exportparts="columns, groups"
 			.config=${config}
 		></cosmoz-omnitable-settings-ui>
 	</cosmoz-dropdown>
 `;
-customElements.define('cosmoz-omnitable-settings', component(Settings, { styleSheets: [sheet(dropdownStyle)] }));
+customElements.define('cosmoz-omnitable-settings', (0, pion_1.component)(Settings, { styleSheets: [(0, cosmoz_utils_1.sheet)(style_css_1.dropdown)] }));
 //# sourceMappingURL=cosmoz-omnitable-settings.js.map

package/dist/lib/settings/cosmoz-omnitable-sort-group.d.ts

@@ -4,11 +4,11 @@ export function render({ column, on, descending, setOn, setDescending }: {
     descending: any;
     setOn: any;
     setDescending: any;
-}): import("lit-html").TemplateResult<1>;
+}): any;
 export function renderAll({ columns, ...thru }: {
     [x: string]: any;
     columns: any;
 }): any;
-export function group(): import("lit-html").TemplateResult<1>;
-export function sort(): import("lit-html").TemplateResult<1>;
+export function group(): any;
+export function sort(): any;
 //# sourceMappingURL=cosmoz-omnitable-sort-group.d.ts.map

package/dist/lib/settings/cosmoz-omnitable-sort-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-omnitable-sort-group.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/cosmoz-omnitable-sort-group.js"],"names":[],"mappings":"AAIO;;;;;;yCAwBN;AAEM;;;QAC+C;AAE/C,8DAmBN;AAEM,6DAmBN"}
+{"version":3,"file":"cosmoz-omnitable-sort-group.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/cosmoz-omnitable-sort-group.js"],"names":[],"mappings":"AAIO;;;;;;QAwBN;AAEM;;;QAC+C;AAE/C,6BAmBN;AAEM,4BAmBN"}

package/dist/lib/settings/cosmoz-omnitable-sort-group.js

@@ -1,12 +1,15 @@
-import { html } from '@pionjs/pion';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { triangle } from '../icons';
-export const render = ({ column, on, descending, setOn, setDescending }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sort = exports.group = exports.renderAll = exports.render = void 0;
+const pion_1 = require("@pionjs/pion");
+const if_defined_js_1 = require("lit-html/directives/if-defined.js");
+const icons_1 = require("../icons");
+const render = ({ column, on, descending, setOn, setDescending }) => {
     const { name, title } = column ?? {};
-    return html `<button
+    return (0, pion_1.html) `<button
 		class="sg"
 		title=${title}
-		data-on=${ifDefined((name === on && (descending ? 'desc' : 'asc')) || undefined)}
+		data-on=${(0, if_defined_js_1.ifDefined)((name === on && (descending ? 'desc' : 'asc')) || undefined)}
 		@click=${(e) => {
         const on = e.currentTarget?.dataset.on;
         if (!on) {
@@ -22,14 +25,16 @@ export const render = ({ column, on, descending, setOn, setDescending }) => {
         }
     }}
 	>
-		<span>${title}</span> ${triangle}
+		<span>${title}</span> ${icons_1.triangle}
 	</button>`;
 };
-export const renderAll = ({ columns, ...thru }) => columns?.map((column) => render({ column, ...thru }));
-export const group = () => html `
+exports.render = render;
+const renderAll = ({ columns, ...thru }) => columns?.map((column) => (0, exports.render)({ column, ...thru }));
+exports.renderAll = renderAll;
+const group = () => (0, pion_1.html) `
 	<sort-and-group-consumer
 		class="sgs"
-		.render=${({ columns, groupOn: on, setGroupOn: setOn, groupOnDescending: descending, setGroupOnDescending: setDescending, } = {}) => renderAll({
+		.render=${({ columns, groupOn: on, setGroupOn: setOn, groupOnDescending: descending, setGroupOnDescending: setDescending, } = {}) => (0, exports.renderAll)({
     columns: columns?.filter?.((c) => c['groupOn']),
     on,
     setOn,
@@ -39,10 +44,11 @@ export const group = () => html `
 	>
 	</sort-and-group-consumer>
 `;
-export const sort = () => html `
+exports.group = group;
+const sort = () => (0, pion_1.html) `
 	<sort-and-group-consumer
 		class="sgs"
-		.render=${({ columns, sortOn: on, setSortOn: setOn, descending, setDescending, } = {}) => renderAll({
+		.render=${({ columns, sortOn: on, setSortOn: setOn, descending, setDescending, } = {}) => (0, exports.renderAll)({
     columns: columns?.filter?.((c) => c['sortOn']),
     on,
     setOn,
@@ -52,4 +58,5 @@ export const sort = () => html `
 	>
 	</sort-and-group-consumer>
 `;
+exports.sort = sort;
 //# sourceMappingURL=cosmoz-omnitable-sort-group.js.map

package/dist/lib/settings/drivers/context.d.ts

@@ -1,12 +1,4 @@
-export const DriverContext: import("@pionjs/pion/lib/create-context").Context<({ prefix }?: {
-    prefix?: string | undefined;
-}) => {
-    write: (settingsId: any, settings: any) => Promise<void>;
-    read: (settingsId: any) => Promise<any>;
-}>;
-export function useDriver(): {
-    write: (settingsId: any, settings: any) => Promise<void>;
-    read: (settingsId: any) => Promise<any>;
-};
+export const DriverContext: any;
+export function useDriver(): any;
 export function registerProvider(): void;
 //# sourceMappingURL=context.d.ts.map

package/dist/lib/settings/drivers/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/lib/settings/drivers/context.js"],"names":[],"mappings":"AAGa;;;;;GAAoC;AAA1C;;;EAYL;AAZK,yCAYL"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/lib/settings/drivers/context.js"],"names":[],"mappings":"AAGa,gCAAoC;AAA1C,iCAYL;AAZK,yCAYL"}

package/dist/lib/settings/drivers/context.js

@@ -1,11 +1,18 @@
-import { createContext, useContext, useMemo } from '@pionjs/pion';
-import local from './local';
-export const DriverContext = createContext(local), useDriver = () => {
-    const driver = useContext(DriverContext);
-    return useMemo(() => driver(), [driver]);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerProvider = exports.useDriver = exports.DriverContext = void 0;
+const pion_1 = require("@pionjs/pion");
+const local_1 = __importDefault(require("./local"));
+const useDriver = () => {
+    const driver = (0, pion_1.useContext)(exports.DriverContext);
+    return (0, pion_1.useMemo)(() => driver(), [driver]);
 }, registerProvider = () => {
     if (customElements.get('omnitable-settings-driver-provider'))
         return;
-    customElements.define('omnitable-settings-driver-provider', DriverContext.Provider);
+    customElements.define('omnitable-settings-driver-provider', exports.DriverContext.Provider);
 };
+exports.DriverContext = (0, pion_1.createContext)(local_1.default), exports.useDriver = useDriver, exports.registerProvider = registerProvider;
 //# sourceMappingURL=context.js.map

package/dist/lib/settings/drivers/index.js

@@ -1,4 +1,26 @@
-export * from './context';
-export { default as local } from './local';
-export { default as remote } from './remote';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.remote = exports.local = void 0;
+__exportStar(require("./context"), exports);
+var local_1 = require("./local");
+Object.defineProperty(exports, "local", { enumerable: true, get: function () { return __importDefault(local_1).default; } });
+var remote_1 = require("./remote");
+Object.defineProperty(exports, "remote", { enumerable: true, get: function () { return __importDefault(remote_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/lib/settings/drivers/local.js

@@ -1,4 +1,6 @@
-export default ({ prefix = 'omnitable-' } = {}) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ({ prefix = 'omnitable-' } = {}) => {
     const read = async (settingsId) => {
         if (!settingsId) {
             return;

package/dist/lib/settings/drivers/remote.js

@@ -1,4 +1,6 @@
-export default ({ prefix = '', get$, post$ } = {}) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ({ prefix = '', get$, post$ } = {}) => {
     const read = async (settingsId) => {
         try {
             return await get$(prefix + settingsId);

package/dist/lib/settings/index.js

@@ -1,3 +1,10 @@
-import './cosmoz-omnitable-settings';
-export { default as useSettings } from './use-settings';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettings = void 0;
+require("./cosmoz-omnitable-settings");
+var use_settings_1 = require("./use-settings");
+Object.defineProperty(exports, "useSettings", { enumerable: true, get: function () { return __importDefault(use_settings_1).default; } });
 //# sourceMappingURL=index.js.map