@neovici/cosmoz-omnitable 14.14.2 → 14.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cosmoz-omnitable-column-amount.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-amount.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-amount.js +113 -0
- package/dist/cosmoz-omnitable-column-autocomplete.d.ts +6 -0
- package/dist/cosmoz-omnitable-column-autocomplete.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-autocomplete.js +87 -0
- package/dist/cosmoz-omnitable-column-boolean.d.ts +17 -0
- package/dist/cosmoz-omnitable-column-boolean.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-boolean.js +105 -0
- package/dist/cosmoz-omnitable-column-date.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-date.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-date.js +97 -0
- package/dist/cosmoz-omnitable-column-datetime.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-datetime.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-datetime.js +106 -0
- package/dist/cosmoz-omnitable-column-list-data.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-list-data.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-list-data.js +123 -0
- package/dist/cosmoz-omnitable-column-list-horizontal.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-list-horizontal.d.ts.map +1 -0
- package/{cosmoz-omnitable-column-list-horizontal.js → dist/cosmoz-omnitable-column-list-horizontal.js} +15 -37
- package/dist/cosmoz-omnitable-column-list-mixin.d.ts +59 -0
- package/dist/cosmoz-omnitable-column-list-mixin.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-list-mixin.js +139 -0
- package/dist/cosmoz-omnitable-column-list.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-list.d.ts.map +1 -0
- package/{cosmoz-omnitable-column-list.js → dist/cosmoz-omnitable-column-list.js} +28 -47
- package/dist/cosmoz-omnitable-column-mixin.d.ts +161 -0
- package/dist/cosmoz-omnitable-column-mixin.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-mixin.js +121 -0
- package/dist/cosmoz-omnitable-column-number.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-number.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-number.js +112 -0
- package/dist/cosmoz-omnitable-column-time.d.ts +2 -0
- package/dist/cosmoz-omnitable-column-time.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-time.js +102 -0
- package/dist/cosmoz-omnitable-column.d.ts +2 -0
- package/dist/cosmoz-omnitable-column.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column.js +75 -0
- package/dist/cosmoz-omnitable-columns.d.ts +2 -0
- package/dist/cosmoz-omnitable-columns.d.ts.map +1 -0
- package/{cosmoz-omnitable-columns.js → dist/cosmoz-omnitable-columns.js} +1 -0
- package/dist/cosmoz-omnitable-group-row.d.ts +2 -0
- package/dist/cosmoz-omnitable-group-row.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-group-row.js +15 -0
- package/dist/cosmoz-omnitable-header-row.d.ts +2 -0
- package/dist/cosmoz-omnitable-header-row.d.ts.map +1 -0
- package/{cosmoz-omnitable-header-row.js → dist/cosmoz-omnitable-header-row.js} +12 -45
- package/dist/cosmoz-omnitable-item-expand-line.d.ts +2 -0
- package/dist/cosmoz-omnitable-item-expand-line.d.ts.map +1 -0
- package/{cosmoz-omnitable-item-expand-line.js → dist/cosmoz-omnitable-item-expand-line.js} +4 -9
- package/dist/cosmoz-omnitable-item-expand.d.ts +2 -0
- package/dist/cosmoz-omnitable-item-expand.d.ts.map +1 -0
- package/{cosmoz-omnitable-item-expand.js → dist/cosmoz-omnitable-item-expand.js} +10 -18
- package/dist/cosmoz-omnitable-item-row.d.ts +2 -0
- package/dist/cosmoz-omnitable-item-row.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-item-row.js +19 -0
- package/dist/cosmoz-omnitable-skeleton.d.ts +2 -0
- package/dist/cosmoz-omnitable-skeleton.d.ts.map +1 -0
- package/{cosmoz-omnitable-skeleton.js → dist/cosmoz-omnitable-skeleton.js} +9 -25
- package/dist/cosmoz-omnitable-styles.d.ts +4 -0
- package/dist/cosmoz-omnitable-styles.d.ts.map +1 -0
- package/{cosmoz-omnitable-styles.js → dist/cosmoz-omnitable-styles.js} +3 -4
- package/dist/cosmoz-omnitable.d.ts +3 -0
- package/dist/cosmoz-omnitable.d.ts.map +1 -0
- package/{cosmoz-omnitable.js → dist/cosmoz-omnitable.js} +27 -40
- package/dist/grouped-list/cosmoz-grouped-list-row.d.ts +2 -0
- package/dist/grouped-list/cosmoz-grouped-list-row.d.ts.map +1 -0
- package/dist/grouped-list/cosmoz-grouped-list-row.js +31 -0
- package/dist/grouped-list/cosmoz-grouped-list.d.ts +2 -0
- package/dist/grouped-list/cosmoz-grouped-list.d.ts.map +1 -0
- package/dist/grouped-list/cosmoz-grouped-list.js +5 -0
- package/dist/grouped-list/index.d.ts +2 -0
- package/dist/grouped-list/index.d.ts.map +1 -0
- package/{grouped-list → dist/grouped-list}/index.js +1 -0
- package/dist/grouped-list/use-collapsible-items.d.ts +7 -0
- package/dist/grouped-list/use-collapsible-items.d.ts.map +1 -0
- package/dist/grouped-list/use-collapsible-items.js +27 -0
- package/dist/grouped-list/use-cosmoz-grouped-list.d.ts +15 -0
- package/dist/grouped-list/use-cosmoz-grouped-list.d.ts.map +1 -0
- package/dist/grouped-list/use-cosmoz-grouped-list.js +66 -0
- package/dist/grouped-list/use-selected-items.d.ts +19 -0
- package/dist/grouped-list/use-selected-items.d.ts.map +1 -0
- package/dist/grouped-list/use-selected-items.js +105 -0
- package/dist/grouped-list/use-weak-state.d.ts +6 -0
- package/dist/grouped-list/use-weak-state.d.ts.map +1 -0
- package/dist/grouped-list/use-weak-state.js +15 -0
- package/dist/grouped-list/utils.d.ts +11 -0
- package/dist/grouped-list/utils.d.ts.map +1 -0
- package/dist/grouped-list/utils.js +57 -0
- package/dist/lib/compute-layout.d.ts +3 -0
- package/dist/lib/compute-layout.d.ts.map +1 -0
- package/dist/lib/compute-layout.js +46 -0
- package/dist/lib/cosmoz-omnitable-amount-range-input.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-amount-range-input.d.ts.map +1 -0
- package/dist/lib/cosmoz-omnitable-amount-range-input.js +304 -0
- package/dist/lib/cosmoz-omnitable-date-input-mixin.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-date-input-mixin.d.ts.map +1 -0
- package/dist/lib/cosmoz-omnitable-date-input-mixin.js +149 -0
- package/dist/lib/cosmoz-omnitable-date-range-input.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-date-range-input.d.ts.map +1 -0
- package/{lib → dist/lib}/cosmoz-omnitable-date-range-input.js +32 -41
- package/dist/lib/cosmoz-omnitable-datetime-range-input.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-datetime-range-input.d.ts.map +1 -0
- package/{lib → dist/lib}/cosmoz-omnitable-datetime-range-input.js +27 -38
- package/dist/lib/cosmoz-omnitable-number-range-input.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-number-range-input.d.ts.map +1 -0
- package/{lib → dist/lib}/cosmoz-omnitable-number-range-input.js +73 -83
- package/dist/lib/cosmoz-omnitable-range-input-mixin.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-range-input-mixin.d.ts.map +1 -0
- package/dist/lib/cosmoz-omnitable-range-input-mixin.js +337 -0
- package/dist/lib/cosmoz-omnitable-resize-nub.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-resize-nub.d.ts.map +1 -0
- package/dist/lib/cosmoz-omnitable-resize-nub.js +33 -0
- package/dist/lib/cosmoz-omnitable-time-range-input.d.ts +2 -0
- package/dist/lib/cosmoz-omnitable-time-range-input.d.ts.map +1 -0
- package/dist/lib/cosmoz-omnitable-time-range-input.js +125 -0
- package/dist/lib/generic-sorter.d.ts +2 -0
- package/dist/lib/generic-sorter.d.ts.map +1 -0
- package/dist/lib/generic-sorter.js +29 -0
- package/dist/lib/icons.d.ts +5 -0
- package/dist/lib/icons.d.ts.map +1 -0
- package/{lib → dist/lib}/icons.js +5 -8
- package/dist/lib/layout.d.ts +2 -0
- package/dist/lib/layout.d.ts.map +1 -0
- package/dist/lib/layout.js +41 -0
- package/dist/lib/polymer-haunted-render-mixin.d.ts +10 -0
- package/dist/lib/polymer-haunted-render-mixin.d.ts.map +1 -0
- package/dist/lib/polymer-haunted-render-mixin.js +16 -0
- package/dist/lib/render-footer.d.ts +9 -0
- package/dist/lib/render-footer.d.ts.map +1 -0
- package/{lib → dist/lib}/render-footer.js +4 -17
- package/dist/lib/render-header.d.ts +14 -0
- package/dist/lib/render-header.d.ts.map +1 -0
- package/{lib → dist/lib}/render-header.js +6 -27
- package/dist/lib/render-list.d.ts +2 -0
- package/dist/lib/render-list.d.ts.map +1 -0
- package/{lib → dist/lib}/render-list.js +12 -45
- package/dist/lib/save-as-csv-action.d.ts +2 -0
- package/dist/lib/save-as-csv-action.d.ts.map +1 -0
- package/dist/lib/save-as-csv-action.js +26 -0
- package/dist/lib/save-as-xlsx-action.d.ts +3 -0
- package/dist/lib/save-as-xlsx-action.d.ts.map +1 -0
- package/dist/lib/save-as-xlsx-action.js +18 -0
- package/dist/lib/settings/cosmoz-omnitable-settings.d.ts +2 -0
- package/dist/lib/settings/cosmoz-omnitable-settings.d.ts.map +1 -0
- package/{lib → dist/lib}/settings/cosmoz-omnitable-settings.js +27 -69
- package/dist/lib/settings/cosmoz-omnitable-sort-group.d.ts +14 -0
- package/dist/lib/settings/cosmoz-omnitable-sort-group.d.ts.map +1 -0
- package/dist/lib/settings/cosmoz-omnitable-sort-group.js +55 -0
- package/dist/lib/settings/drivers/context.d.ts +12 -0
- package/dist/lib/settings/drivers/context.d.ts.map +1 -0
- package/dist/lib/settings/drivers/context.js +11 -0
- package/dist/lib/settings/drivers/index.d.ts +4 -0
- package/dist/lib/settings/drivers/index.d.ts.map +1 -0
- package/{lib → dist/lib}/settings/drivers/index.js +1 -0
- package/dist/lib/settings/drivers/local.d.ts +8 -0
- package/dist/lib/settings/drivers/local.d.ts.map +1 -0
- package/dist/lib/settings/drivers/local.js +33 -0
- package/dist/lib/settings/drivers/remote.d.ts +8 -0
- package/dist/lib/settings/drivers/remote.d.ts.map +1 -0
- package/dist/lib/settings/drivers/remote.js +25 -0
- package/dist/lib/settings/index.d.ts +2 -0
- package/dist/lib/settings/index.d.ts.map +1 -0
- package/{lib → dist/lib}/settings/index.js +1 -1
- package/dist/lib/settings/normalize.d.ts +11 -0
- package/dist/lib/settings/normalize.d.ts.map +1 -0
- package/dist/lib/settings/normalize.js +47 -0
- package/dist/lib/settings/style.css.d.ts +4 -0
- package/dist/lib/settings/style.css.d.ts.map +1 -0
- package/{lib → dist/lib}/settings/style.css.js +3 -4
- package/dist/lib/settings/use-saved-settings.d.ts +9 -0
- package/dist/lib/settings/use-saved-settings.d.ts.map +1 -0
- package/dist/lib/settings/use-saved-settings.js +35 -0
- package/dist/lib/settings/use-settings-ui.d.ts +3 -0
- package/dist/lib/settings/use-settings-ui.d.ts.map +1 -0
- package/dist/lib/settings/use-settings-ui.js +78 -0
- package/dist/lib/settings/use-settings.d.ts +23 -0
- package/dist/lib/settings/use-settings.d.ts.map +1 -0
- package/dist/lib/settings/use-settings.js +26 -0
- package/dist/lib/use-canvas-width.d.ts +2 -0
- package/dist/lib/use-canvas-width.d.ts.map +1 -0
- package/dist/lib/use-canvas-width.js +8 -0
- package/dist/lib/use-dom-columns.d.ts +5 -0
- package/dist/lib/use-dom-columns.d.ts.map +1 -0
- package/dist/lib/use-dom-columns.js +127 -0
- package/dist/lib/use-fast-layout.d.ts +13 -0
- package/dist/lib/use-fast-layout.d.ts.map +1 -0
- package/dist/lib/use-fast-layout.js +47 -0
- package/dist/lib/use-footer.d.ts +10 -0
- package/dist/lib/use-footer.d.ts.map +1 -0
- package/dist/lib/use-footer.js +11 -0
- package/dist/lib/use-hash-state.d.ts +4 -0
- package/dist/lib/use-hash-state.d.ts.map +1 -0
- package/dist/lib/use-hash-state.js +32 -0
- package/dist/lib/use-header.d.ts +21 -0
- package/dist/lib/use-header.d.ts.map +1 -0
- package/dist/lib/use-header.js +38 -0
- package/dist/lib/use-layout.d.ts +7 -0
- package/dist/lib/use-layout.d.ts.map +1 -0
- package/dist/lib/use-layout.js +21 -0
- package/dist/lib/use-list.d.ts +31 -0
- package/dist/lib/use-list.d.ts.map +1 -0
- package/dist/lib/use-list.js +198 -0
- package/dist/lib/use-mini.d.ts +10 -0
- package/dist/lib/use-mini.d.ts.map +1 -0
- package/dist/lib/use-mini.js +19 -0
- package/dist/lib/use-omnitable.d.ts +37 -0
- package/dist/lib/use-omnitable.d.ts.map +1 -0
- package/dist/lib/use-omnitable.js +74 -0
- package/dist/lib/use-processed-items.d.ts +17 -0
- package/dist/lib/use-processed-items.d.ts.map +1 -0
- package/dist/lib/use-processed-items.js +151 -0
- package/dist/lib/use-public-interface.d.ts +7 -0
- package/dist/lib/use-public-interface.d.ts.map +1 -0
- package/dist/lib/use-public-interface.js +82 -0
- package/dist/lib/use-resizable-columns.d.ts +7 -0
- package/dist/lib/use-resizable-columns.d.ts.map +1 -0
- package/dist/lib/use-resizable-columns.js +38 -0
- package/dist/lib/use-sort-and-group-options.d.ts +26 -0
- package/dist/lib/use-sort-and-group-options.d.ts.map +1 -0
- package/dist/lib/use-sort-and-group-options.js +36 -0
- package/dist/lib/use-track-size.d.ts +2 -0
- package/dist/lib/use-track-size.d.ts.map +1 -0
- package/dist/lib/use-track-size.js +15 -0
- package/dist/lib/use-tween-array.d.ts +3 -0
- package/dist/lib/use-tween-array.d.ts.map +1 -0
- package/dist/lib/use-tween-array.js +50 -0
- package/dist/lib/utils-amount.d.ts +26 -0
- package/dist/lib/utils-amount.d.ts.map +1 -0
- package/dist/lib/utils-amount.js +99 -0
- package/dist/lib/utils-data.d.ts +8 -0
- package/dist/lib/utils-data.d.ts.map +1 -0
- package/dist/lib/utils-data.js +28 -0
- package/dist/lib/utils-date.d.ts +25 -0
- package/dist/lib/utils-date.d.ts.map +1 -0
- package/dist/lib/utils-date.js +161 -0
- package/dist/lib/utils-datetime.d.ts +16 -0
- package/dist/lib/utils-datetime.d.ts.map +1 -0
- package/dist/lib/utils-datetime.js +52 -0
- package/dist/lib/utils-number.d.ts +19 -0
- package/dist/lib/utils-number.d.ts.map +1 -0
- package/dist/lib/utils-number.js +87 -0
- package/dist/lib/utils-time.d.ts +17 -0
- package/dist/lib/utils-time.d.ts.map +1 -0
- package/dist/lib/utils-time.js +88 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +14 -0
- package/dist/ui-helpers/cosmoz-clear-button.d.ts +2 -0
- package/dist/ui-helpers/cosmoz-clear-button.d.ts.map +1 -0
- package/{ui-helpers → dist/ui-helpers}/cosmoz-clear-button.js +3 -5
- package/package.json +39 -9
- package/cosmoz-omnitable-column-amount.js +0 -162
- package/cosmoz-omnitable-column-autocomplete.js +0 -113
- package/cosmoz-omnitable-column-boolean.js +0 -168
- package/cosmoz-omnitable-column-date.js +0 -133
- package/cosmoz-omnitable-column-datetime.js +0 -145
- package/cosmoz-omnitable-column-list-data.js +0 -141
- package/cosmoz-omnitable-column-list-mixin.js +0 -198
- package/cosmoz-omnitable-column-mixin.js +0 -149
- package/cosmoz-omnitable-column-number.js +0 -157
- package/cosmoz-omnitable-column-time.js +0 -137
- package/cosmoz-omnitable-column.js +0 -99
- package/cosmoz-omnitable-group-row.js +0 -20
- package/cosmoz-omnitable-item-row.js +0 -38
- package/grouped-list/cosmoz-grouped-list-row.js +0 -41
- package/grouped-list/cosmoz-grouped-list.js +0 -13
- package/grouped-list/use-collapsible-items.js +0 -32
- package/grouped-list/use-cosmoz-grouped-list.js +0 -102
- package/grouped-list/use-selected-items.js +0 -140
- package/grouped-list/use-weak-state.js +0 -21
- package/grouped-list/utils.js +0 -89
- package/lib/compute-layout.js +0 -74
- package/lib/cosmoz-omnitable-amount-range-input.js +0 -353
- package/lib/cosmoz-omnitable-date-input-mixin.js +0 -182
- package/lib/cosmoz-omnitable-range-input-mixin.js +0 -451
- package/lib/cosmoz-omnitable-resize-nub.js +0 -41
- package/lib/cosmoz-omnitable-time-range-input.js +0 -154
- package/lib/generic-sorter.js +0 -35
- package/lib/layout.js +0 -61
- package/lib/polymer-haunted-render-mixin.js +0 -19
- package/lib/save-as-csv-action.js +0 -36
- package/lib/save-as-xlsx-action.js +0 -27
- package/lib/settings/cosmoz-omnitable-sort-group.js +0 -74
- package/lib/settings/drivers/context.js +0 -16
- package/lib/settings/drivers/local.js +0 -29
- package/lib/settings/drivers/remote.js +0 -22
- package/lib/settings/normalize.js +0 -76
- package/lib/settings/use-saved-settings.js +0 -43
- package/lib/settings/use-settings-ui.js +0 -125
- package/lib/settings/use-settings.js +0 -53
- package/lib/use-canvas-width.js +0 -12
- package/lib/use-dom-columns.js +0 -166
- package/lib/use-fast-layout.js +0 -73
- package/lib/use-footer.js +0 -16
- package/lib/use-hash-state.js +0 -71
- package/lib/use-header.js +0 -71
- package/lib/use-layout.js +0 -32
- package/lib/use-list.js +0 -263
- package/lib/use-mini.js +0 -30
- package/lib/use-omnitable.js +0 -99
- package/lib/use-processed-items.js +0 -254
- package/lib/use-public-interface.js +0 -107
- package/lib/use-resizable-columns.js +0 -63
- package/lib/use-sort-and-group-options.js +0 -95
- package/lib/use-track-size.js +0 -23
- package/lib/use-tween-array.js +0 -60
- package/lib/utils-amount.js +0 -131
- package/lib/utils-data.js +0 -42
- package/lib/utils-date.js +0 -194
- package/lib/utils-datetime.js +0 -66
- package/lib/utils-number.js +0 -111
- package/lib/utils-time.js +0 -112
- package/lib/utils.js +0 -17
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { _ } from '@neovici/cosmoz-i18next';
|
|
2
|
+
import { PolymerElement } from '@polymer/polymer';
|
|
3
|
+
import { html } from 'lit-html';
|
|
4
|
+
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
5
|
+
import '@neovici/cosmoz-input';
|
|
6
|
+
import { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
|
|
7
|
+
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
8
|
+
class TimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
|
|
9
|
+
render() {
|
|
10
|
+
return html `
|
|
11
|
+
<style>
|
|
12
|
+
paper-dropdown-menu {
|
|
13
|
+
--iron-icon-width: 0;
|
|
14
|
+
display: block;
|
|
15
|
+
}
|
|
16
|
+
</style>
|
|
17
|
+
|
|
18
|
+
<cosmoz-clear-button
|
|
19
|
+
@click=${() => this.resetFilter()}
|
|
20
|
+
?visible=${this.hasFilter()}
|
|
21
|
+
></cosmoz-clear-button>
|
|
22
|
+
<paper-dropdown-menu
|
|
23
|
+
label=${this.title}
|
|
24
|
+
placeholder=${ifDefined(this._filterText)}
|
|
25
|
+
class="external-values-${this.externalValues}"
|
|
26
|
+
title=${this._tooltip}
|
|
27
|
+
horizontal-align="right"
|
|
28
|
+
?opened=${this.headerFocused}
|
|
29
|
+
@opened-changed=${(event) => this.set('headerFocused', event.detail.value)}
|
|
30
|
+
>
|
|
31
|
+
>
|
|
32
|
+
<div
|
|
33
|
+
class="dropdown-content"
|
|
34
|
+
slot="dropdown-content"
|
|
35
|
+
style="padding: 15px; min-width: 100px;"
|
|
36
|
+
>
|
|
37
|
+
<h3 style="margin: 0;">${this.title}</h3>
|
|
38
|
+
<cosmoz-input
|
|
39
|
+
type="time"
|
|
40
|
+
label=${_('From time')}
|
|
41
|
+
step=${this.filterStep}
|
|
42
|
+
.value=${this._filterInput.min}
|
|
43
|
+
@value-changed=${(event) => this.set('_filterInput.min', event.detail.value)}
|
|
44
|
+
></cosmoz-input>
|
|
45
|
+
<cosmoz-input
|
|
46
|
+
type="time"
|
|
47
|
+
label=${_('Until time')}
|
|
48
|
+
step=${this.filterStep}
|
|
49
|
+
.value=${this._filterInput.max}
|
|
50
|
+
@value-changed=${(event) => this.set('_filterInput.max', event.detail.value)}
|
|
51
|
+
></cosmoz-input>
|
|
52
|
+
</div>
|
|
53
|
+
</paper-dropdown-menu>
|
|
54
|
+
`;
|
|
55
|
+
}
|
|
56
|
+
get _fixedDate() {
|
|
57
|
+
return '1970-01-01';
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Converts time to date optionaly limiting it.
|
|
61
|
+
*
|
|
62
|
+
* @param {Date|Number} value Date or Timestamp ( miliseconds since property _fixedDate ) to be converted
|
|
63
|
+
* @param {Date|Number} limit Optional value to limit the date.
|
|
64
|
+
* @param {Function} limitFunc Function used to limit the date (Math.min|Math.max)
|
|
65
|
+
* @returns {Date|void} Value converted to date optionaly limitated
|
|
66
|
+
*/
|
|
67
|
+
toDate(value, limit, limitFunc) {
|
|
68
|
+
// Most browsers use local timezone when no timezone is specified
|
|
69
|
+
// but Safari uses UTC, so we set it implicitly
|
|
70
|
+
// TODO: Consider removing this when/if Safari handles local timezone correctly
|
|
71
|
+
const date = typeof value === 'string' && value.length > 3 && value.length <= 9
|
|
72
|
+
? this.getAbsoluteISOString(this._fixedDate + 'T' + value)
|
|
73
|
+
: value;
|
|
74
|
+
return super.toDate(date, limit, limitFunc);
|
|
75
|
+
}
|
|
76
|
+
_toInputString(value) {
|
|
77
|
+
const date = this.toValue(value);
|
|
78
|
+
if (date == null) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
81
|
+
return this._toLocalISOString(date).slice(11, 19);
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Get the comparable value of an item.
|
|
85
|
+
*
|
|
86
|
+
* @param {Object} item Item to be processed
|
|
87
|
+
* @param {String} valuePath Property path
|
|
88
|
+
* @returns {Number|void} Valid value or void
|
|
89
|
+
*/
|
|
90
|
+
getComparableValue(item, valuePath) {
|
|
91
|
+
if (item == null) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
let value = this._toInputString(valuePath == null ? item : this.get(valuePath, item));
|
|
95
|
+
if (value == null) {
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
value = this.toValue(this.getAbsoluteISOString(this._fixedDate + 'T' + value));
|
|
99
|
+
if (value == null) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
return this.toNumber(value.getTime());
|
|
103
|
+
}
|
|
104
|
+
_timeValueChanged(e) {
|
|
105
|
+
const input = e.target, timeString = input.value, item = e.model.item, oldTime = this.toDate(item.date), newTime = this.toDate(oldTime != null
|
|
106
|
+
? oldTime.toISOString().slice(0, 10) + 'T' + timeString
|
|
107
|
+
: timeString), formatFn = (value) => value;
|
|
108
|
+
if (newTime != null) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
this.set(this.valuePath, newTime, item);
|
|
112
|
+
this._fireItemChangeEvent(item, this.valuePath, oldTime, formatFn.bind(this));
|
|
113
|
+
}
|
|
114
|
+
// OVERRIDES
|
|
115
|
+
_computeFormatter(locale) {
|
|
116
|
+
const timeFormatOption = {
|
|
117
|
+
hour: 'numeric',
|
|
118
|
+
minute: 'numeric',
|
|
119
|
+
second: 'numeric',
|
|
120
|
+
};
|
|
121
|
+
return new Intl.DateTimeFormat(locale || undefined, timeFormatOption);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
customElements.define('cosmoz-omnitable-time-range-input', TimeRangeInput);
|
|
125
|
+
//# sourceMappingURL=cosmoz-omnitable-time-range-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generic-sorter.d.ts","sourceRoot":"","sources":["../../src/lib/generic-sorter.js"],"names":[],"mappings":"AACO,sDAiCN"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
// eslint-disable-next-line max-statements
|
|
2
|
+
export const genericSorter = (a, b) => {
|
|
3
|
+
if (a === b) {
|
|
4
|
+
return 0;
|
|
5
|
+
}
|
|
6
|
+
if (a == null) {
|
|
7
|
+
return -1;
|
|
8
|
+
}
|
|
9
|
+
if (b == null) {
|
|
10
|
+
return 1;
|
|
11
|
+
}
|
|
12
|
+
if (typeof a === 'object' && typeof b === 'object') {
|
|
13
|
+
// HACK(pasleq): worst case, compare using values converted to string
|
|
14
|
+
return a.toString() < b.toString() ? -1 : 1;
|
|
15
|
+
}
|
|
16
|
+
if (typeof a === 'number' && typeof b === 'number') {
|
|
17
|
+
return a - b;
|
|
18
|
+
}
|
|
19
|
+
if (typeof a === 'string' && typeof b === 'string') {
|
|
20
|
+
return a < b ? -1 : 1;
|
|
21
|
+
}
|
|
22
|
+
if (typeof a === 'boolean' && typeof b === 'boolean') {
|
|
23
|
+
return a ? -1 : 1;
|
|
24
|
+
}
|
|
25
|
+
// eslint-disable-next-line no-console
|
|
26
|
+
console.warn('unsupported sort', typeof a, a, typeof b, b);
|
|
27
|
+
return 0;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=generic-sorter.js.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export const close: import("lit-html").TemplateResult<1>;
|
|
2
|
+
export const pull: import("lit-html").TemplateResult<1>;
|
|
3
|
+
export const arrow: import("lit-html").TemplateResult<1>;
|
|
4
|
+
export const triangle: import("lit-html").TemplateResult<1>;
|
|
5
|
+
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.js"],"names":[],"mappings":"AAEA,yDAqBQ;AAER,wDAWE;AAEF,yDAaQ;AAER,4DAWS"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { html } from 'lit-html';
|
|
2
|
-
|
|
3
|
-
export const close = html`<svg
|
|
2
|
+
export const close = html `<svg
|
|
4
3
|
width="10"
|
|
5
4
|
height="9"
|
|
6
5
|
viewBox="0 0 10 9"
|
|
@@ -22,8 +21,7 @@ export const close = html`<svg
|
|
|
22
21
|
stroke-width="1.5"
|
|
23
22
|
/>
|
|
24
23
|
</svg>`;
|
|
25
|
-
|
|
26
|
-
export const pull = html`
|
|
24
|
+
export const pull = html `
|
|
27
25
|
<svg
|
|
28
26
|
width="16"
|
|
29
27
|
height="6"
|
|
@@ -35,8 +33,7 @@ export const pull = html`
|
|
|
35
33
|
<rect y="4" width="16" height="2" />
|
|
36
34
|
</svg>
|
|
37
35
|
`;
|
|
38
|
-
|
|
39
|
-
export const arrow = html` <svg
|
|
36
|
+
export const arrow = html ` <svg
|
|
40
37
|
width="12"
|
|
41
38
|
height="7"
|
|
42
39
|
viewBox="0 0 12 7"
|
|
@@ -50,8 +47,7 @@ export const arrow = html` <svg
|
|
|
50
47
|
stroke-linejoin="round"
|
|
51
48
|
/>
|
|
52
49
|
</svg>`;
|
|
53
|
-
|
|
54
|
-
export const triangle = html`<svg
|
|
50
|
+
export const triangle = html `<svg
|
|
55
51
|
width="8"
|
|
56
52
|
height="6"
|
|
57
53
|
viewBox="0 0 8 6"
|
|
@@ -63,3 +59,4 @@ export const triangle = html`<svg
|
|
|
63
59
|
C-0.1,0.9,0.1,0.5,0.5,0.5z"
|
|
64
60
|
/>
|
|
65
61
|
</svg> `;
|
|
62
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/lib/layout.js"],"names":[],"mappings":"AACO,4DA2DL"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
const finite = (num) => (Number.isFinite(num) ? num : 0);
|
|
2
|
+
export const // eslint-disable-next-line max-statements
|
|
3
|
+
layout = (columns, container) => {
|
|
4
|
+
const result = [];
|
|
5
|
+
let [widthSum, lots] = columns.reduce(([widthSum, lots], { width, flex }) => [widthSum + width, lots + flex], [0, 0]), freeRealEstate = container - widthSum, lotSize = finite(freeRealEstate / lots), droppedWidth = 0, droppedContainerWidth = 0, droppedLots = 0;
|
|
6
|
+
// first pass: apply and drop lots with minWidth or flex 0
|
|
7
|
+
for (let i = 0; i < columns.length; i++) {
|
|
8
|
+
const { width, minWidth, flex } = columns[i], adjustment = freeRealEstate >= 0
|
|
9
|
+
? lotSize * flex
|
|
10
|
+
: (width * freeRealEstate) / widthSum;
|
|
11
|
+
if (minWidth > width + adjustment) {
|
|
12
|
+
droppedWidth += width;
|
|
13
|
+
droppedContainerWidth += minWidth;
|
|
14
|
+
droppedLots += flex;
|
|
15
|
+
result[i] = minWidth;
|
|
16
|
+
continue;
|
|
17
|
+
}
|
|
18
|
+
if (flex === 0) {
|
|
19
|
+
droppedWidth += width;
|
|
20
|
+
droppedContainerWidth += width;
|
|
21
|
+
result[i] = width;
|
|
22
|
+
continue;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
widthSum -= droppedWidth;
|
|
26
|
+
freeRealEstate = container - droppedContainerWidth - widthSum;
|
|
27
|
+
lots -= droppedLots;
|
|
28
|
+
lotSize = finite(freeRealEstate / lots);
|
|
29
|
+
// second pass: distribute the remaining space
|
|
30
|
+
for (let i = 0; i < columns.length; i++) {
|
|
31
|
+
if (result[i] != null) {
|
|
32
|
+
continue;
|
|
33
|
+
}
|
|
34
|
+
const { width, flex } = columns[i], adjustment = freeRealEstate >= 0
|
|
35
|
+
? lotSize * flex
|
|
36
|
+
: (width * freeRealEstate) / widthSum;
|
|
37
|
+
result[i] = width + adjustment;
|
|
38
|
+
}
|
|
39
|
+
return result;
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=layout.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function polymerHauntedRender(base: any): {
|
|
2
|
+
new (): {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
connectedCallback(): void;
|
|
5
|
+
_propertiesChanged(currentProps: any, changedProps: any, oldProps: any): void;
|
|
6
|
+
};
|
|
7
|
+
[x: string]: any;
|
|
8
|
+
get template(): HTMLTemplateElement;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=polymer-haunted-render-mixin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"polymer-haunted-render-mixin.d.ts","sourceRoot":"","sources":["../../src/lib/polymer-haunted-render-mixin.js"],"names":[],"mappings":"AAGO;;;;;;;;EAeL"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { html } from '@polymer/polymer';
|
|
2
|
+
import { render } from 'lit-html';
|
|
3
|
+
export const polymerHauntedRender = (base) => class extends base {
|
|
4
|
+
static get template() {
|
|
5
|
+
return html `<div id="output" style="position:relative;"></div>`;
|
|
6
|
+
}
|
|
7
|
+
connectedCallback() {
|
|
8
|
+
super.connectedCallback();
|
|
9
|
+
render(this.render(), this.$.output);
|
|
10
|
+
}
|
|
11
|
+
_propertiesChanged(currentProps, changedProps, oldProps) {
|
|
12
|
+
super._propertiesChanged(currentProps, changedProps, oldProps);
|
|
13
|
+
requestAnimationFrame(() => render(this.render(), this.$.output));
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=polymer-haunted-render-mixin.js.map
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export function renderFooter({ columns, selectedItems, csvFilename, xlsxFilename, xlsxSheetname, topPlacement, }: {
|
|
2
|
+
columns: any;
|
|
3
|
+
selectedItems: any;
|
|
4
|
+
csvFilename: any;
|
|
5
|
+
xlsxFilename: any;
|
|
6
|
+
xlsxSheetname: any;
|
|
7
|
+
topPlacement: any;
|
|
8
|
+
}): import("lit-html").TemplateResult<1>;
|
|
9
|
+
//# sourceMappingURL=render-footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render-footer.d.ts","sourceRoot":"","sources":["../../src/lib/render-footer.js"],"names":[],"mappings":"AAMO;;;;;;;yCA0De"}
|
|
@@ -3,27 +3,14 @@ import { ngettext, _ } from '@neovici/cosmoz-i18next';
|
|
|
3
3
|
import { saveAsCsvAction } from './save-as-csv-action';
|
|
4
4
|
import { saveAsXlsxAction } from './save-as-xlsx-action';
|
|
5
5
|
import { isEmpty } from '@neovici/cosmoz-utils/template';
|
|
6
|
-
|
|
7
|
-
export const renderFooter = ({
|
|
8
|
-
columns,
|
|
9
|
-
selectedItems,
|
|
10
|
-
csvFilename,
|
|
11
|
-
xlsxFilename,
|
|
12
|
-
xlsxSheetname,
|
|
13
|
-
topPlacement,
|
|
14
|
-
}) =>
|
|
15
|
-
html`<cosmoz-bottom-bar
|
|
6
|
+
export const renderFooter = ({ columns, selectedItems, csvFilename, xlsxFilename, xlsxSheetname, topPlacement, }) => html `<cosmoz-bottom-bar
|
|
16
7
|
id="bottomBar"
|
|
17
8
|
?active=${!isEmpty(selectedItems.length)}
|
|
18
9
|
part="bottomBar"
|
|
19
10
|
exportparts="bar: bottomBar-bar, info: bottomBar-info, buttons: bottomBar-buttons"
|
|
20
11
|
>
|
|
21
12
|
<slot name="info" slot="info">
|
|
22
|
-
${ngettext(
|
|
23
|
-
'{0} selected item',
|
|
24
|
-
'{0} selected items',
|
|
25
|
-
selectedItems.length,
|
|
26
|
-
)}
|
|
13
|
+
${ngettext('{0} selected item', '{0} selected items', selectedItems.length)}
|
|
27
14
|
</slot>
|
|
28
15
|
<slot name="actions" id="actions"></slot>
|
|
29
16
|
<!-- These slots are needed by cosmoz-bottom-bar
|
|
@@ -55,11 +42,11 @@ export const renderFooter = ({
|
|
|
55
42
|
${_('Save as CSV')}
|
|
56
43
|
</button>
|
|
57
44
|
<button
|
|
58
|
-
@click=${() =>
|
|
59
|
-
saveAsXlsxAction(columns, selectedItems, xlsxFilename, xlsxSheetname)}
|
|
45
|
+
@click=${() => saveAsXlsxAction(columns, selectedItems, xlsxFilename, xlsxSheetname)}
|
|
60
46
|
>
|
|
61
47
|
${_('Save as XLSX')}
|
|
62
48
|
</button>
|
|
63
49
|
<slot name="download-menu"></slot>
|
|
64
50
|
</cosmoz-dropdown-menu>
|
|
65
51
|
</cosmoz-bottom-bar>`;
|
|
52
|
+
//# sourceMappingURL=render-footer.js.map
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export function renderHeader({ allSelected, onAllCheckboxChange, sortAndGroup, dataIsValid, data, columns, filters, groupOnColumn, setFilterState, settingsConfig, hideSelectAll, }: {
|
|
2
|
+
allSelected: any;
|
|
3
|
+
onAllCheckboxChange: any;
|
|
4
|
+
sortAndGroup: any;
|
|
5
|
+
dataIsValid: any;
|
|
6
|
+
data: any;
|
|
7
|
+
columns: any;
|
|
8
|
+
filters: any;
|
|
9
|
+
groupOnColumn: any;
|
|
10
|
+
setFilterState: any;
|
|
11
|
+
settingsConfig: any;
|
|
12
|
+
hideSelectAll: any;
|
|
13
|
+
}): import("lit-html").TemplateResult<1>;
|
|
14
|
+
//# sourceMappingURL=render-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render-header.d.ts","sourceRoot":"","sources":["../../src/lib/render-header.js"],"names":[],"mappings":"AAGO;;;;;;;;;;;;yCA+CqB"}
|
|
@@ -1,41 +1,19 @@
|
|
|
1
1
|
import { html } from 'lit-html';
|
|
2
2
|
import { when } from 'lit-html/directives/when.js';
|
|
3
|
-
|
|
4
|
-
export const renderHeader = ({
|
|
5
|
-
allSelected,
|
|
6
|
-
onAllCheckboxChange,
|
|
7
|
-
sortAndGroup,
|
|
8
|
-
dataIsValid,
|
|
9
|
-
data,
|
|
10
|
-
columns,
|
|
11
|
-
filters,
|
|
12
|
-
groupOnColumn,
|
|
13
|
-
setFilterState,
|
|
14
|
-
settingsConfig,
|
|
15
|
-
hideSelectAll,
|
|
16
|
-
}) =>
|
|
17
|
-
html`<sort-and-group-provider .value=${sortAndGroup}>
|
|
3
|
+
export const renderHeader = ({ allSelected, onAllCheckboxChange, sortAndGroup, dataIsValid, data, columns, filters, groupOnColumn, setFilterState, settingsConfig, hideSelectAll, }) => html `<sort-and-group-provider .value=${sortAndGroup}>
|
|
18
4
|
<div class="header" id="header" part="header">
|
|
19
|
-
${when(
|
|
20
|
-
!hideSelectAll,
|
|
21
|
-
() =>
|
|
22
|
-
html`<input
|
|
5
|
+
${when(!hideSelectAll, () => html `<input
|
|
23
6
|
class="checkbox all"
|
|
24
7
|
type="checkbox"
|
|
25
8
|
.checked=${allSelected}
|
|
26
9
|
@input=${onAllCheckboxChange}
|
|
27
10
|
?disabled=${!dataIsValid}
|
|
28
11
|
part="all"
|
|
29
|
-
|
|
30
|
-
)
|
|
31
|
-
${when(
|
|
32
|
-
hideSelectAll,
|
|
33
|
-
() =>
|
|
34
|
-
html` <cosmoz-omnitable-settings
|
|
12
|
+
/>`)}
|
|
13
|
+
${when(hideSelectAll, () => html ` <cosmoz-omnitable-settings
|
|
35
14
|
.newLayout="${true}"
|
|
36
15
|
.config=${settingsConfig}
|
|
37
|
-
></cosmoz-omnitable-settings
|
|
38
|
-
)}
|
|
16
|
+
></cosmoz-omnitable-settings>`)}
|
|
39
17
|
|
|
40
18
|
<cosmoz-omnitable-header-row
|
|
41
19
|
part="headerRow"
|
|
@@ -49,3 +27,4 @@ export const renderHeader = ({
|
|
|
49
27
|
></cosmoz-omnitable-header-row>
|
|
50
28
|
</div>
|
|
51
29
|
</sort-and-group-provider>`;
|
|
30
|
+
//# sourceMappingURL=render-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,yFA0EN"}
|
|
@@ -1,28 +1,10 @@
|
|
|
1
1
|
import '../cosmoz-omnitable-skeleton.js';
|
|
2
|
-
|
|
3
2
|
import { _ } from '@neovici/cosmoz-i18next';
|
|
4
3
|
import { html } from 'lit-html';
|
|
5
4
|
import { when } from 'lit-html/directives/when.js';
|
|
6
|
-
|
|
7
5
|
export const renderList = (header, list) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
processedItems,
|
|
11
|
-
dataIsValid,
|
|
12
|
-
filterIsTooStrict,
|
|
13
|
-
loading,
|
|
14
|
-
displayEmptyGroups,
|
|
15
|
-
compareItemsFn,
|
|
16
|
-
setSelectedItems,
|
|
17
|
-
renderItem,
|
|
18
|
-
renderGroup,
|
|
19
|
-
error,
|
|
20
|
-
} = list;
|
|
21
|
-
|
|
22
|
-
return html`${when(
|
|
23
|
-
!loading && !dataIsValid && !error,
|
|
24
|
-
() =>
|
|
25
|
-
html`<div class="tableContent-empty">
|
|
6
|
+
const { settingsConfig } = header, { processedItems, dataIsValid, filterIsTooStrict, loading, displayEmptyGroups, compareItemsFn, setSelectedItems, renderItem, renderGroup, error, } = list;
|
|
7
|
+
return html `${when(!loading && !dataIsValid && !error, () => html `<div class="tableContent-empty">
|
|
26
8
|
<slot name="empty-set-message">
|
|
27
9
|
<iron-icon icon="icons:announcement"></iron-icon>
|
|
28
10
|
<div class="tableContent-empty-message">
|
|
@@ -30,48 +12,32 @@ export const renderList = (header, list) => {
|
|
|
30
12
|
<p>${_('No data to display')}</p>
|
|
31
13
|
</div>
|
|
32
14
|
</slot>
|
|
33
|
-
</div
|
|
34
|
-
)
|
|
35
|
-
${when(
|
|
36
|
-
filterIsTooStrict,
|
|
37
|
-
() =>
|
|
38
|
-
html`<div class="tableContent-empty">
|
|
15
|
+
</div>`)}
|
|
16
|
+
${when(filterIsTooStrict, () => html `<div class="tableContent-empty">
|
|
39
17
|
<iron-icon icon="icons:announcement"></iron-icon>
|
|
40
18
|
<div>
|
|
41
19
|
<h3>${_('Filter too strict')}</h3>
|
|
42
20
|
<p>${_('No matches for selection')}</p>
|
|
43
21
|
</div>
|
|
44
|
-
</div
|
|
45
|
-
)
|
|
46
|
-
${when(
|
|
47
|
-
loading,
|
|
48
|
-
() =>
|
|
49
|
-
html`<div class="tableContent-empty overlay">
|
|
22
|
+
</div>`)}
|
|
23
|
+
${when(loading, () => html `<div class="tableContent-empty overlay">
|
|
50
24
|
<cosmoz-omnitable-skeleton
|
|
51
25
|
.settingsConfig=${settingsConfig}
|
|
52
26
|
></cosmoz-omnitable-skeleton>
|
|
53
|
-
</div
|
|
54
|
-
)
|
|
55
|
-
${when(
|
|
56
|
-
error,
|
|
57
|
-
() =>
|
|
58
|
-
html`<div class="tableContent-empty overlay">
|
|
27
|
+
</div>`)}
|
|
28
|
+
${when(error, () => html `<div class="tableContent-empty overlay">
|
|
59
29
|
<iron-icon icon="icons:error"></iron-icon>
|
|
60
30
|
<div class="tableContent-empty-message">
|
|
61
31
|
<h3>${_('Error loading data')}</h3>
|
|
62
32
|
<p>${error.message}</p>
|
|
63
33
|
</div>
|
|
64
|
-
</div
|
|
65
|
-
)}
|
|
34
|
+
</div>`)}
|
|
66
35
|
<div class="tableContent-scroller" id="scroller" part="scroller">
|
|
67
36
|
<cosmoz-grouped-list
|
|
68
37
|
id="groupedList"
|
|
69
38
|
.data=${processedItems}
|
|
70
|
-
@selected-items-changed=${(event) =>
|
|
71
|
-
|
|
72
|
-
.displayEmptyGroups=${
|
|
73
|
-
displayEmptyGroups /* TODO: check if still works */
|
|
74
|
-
}
|
|
39
|
+
@selected-items-changed=${(event) => setSelectedItems(event.detail.value)}
|
|
40
|
+
.displayEmptyGroups=${displayEmptyGroups /* TODO: check if still works */}
|
|
75
41
|
.compareItemsFn=${compareItemsFn}
|
|
76
42
|
.renderItem=${renderItem}
|
|
77
43
|
.renderGroup=${renderGroup}
|
|
@@ -79,3 +45,4 @@ export const renderList = (header, list) => {
|
|
|
79
45
|
<slot name="extraContent"></slot>
|
|
80
46
|
</div>`;
|
|
81
47
|
};
|
|
48
|
+
//# sourceMappingURL=render-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"save-as-csv-action.d.ts","sourceRoot":"","sources":["../../src/lib/save-as-csv-action.js"],"names":[],"mappings":"AAUO,0FAyBN"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { saveAs } from 'file-saver-es';
|
|
2
|
+
const makeCsvField = (str) => {
|
|
3
|
+
const result = str.replace(/"/gu, '""');
|
|
4
|
+
if (result.search(/("|,|\n)/gu) >= 0) {
|
|
5
|
+
return '"' + result + '"';
|
|
6
|
+
}
|
|
7
|
+
return str;
|
|
8
|
+
};
|
|
9
|
+
export const saveAsCsvAction = (columns, selectedItems, csvFilename) => {
|
|
10
|
+
const separator = ';', lf = '\n', header = columns.map((col) => makeCsvField(col.title)).join(separator) + lf, rows = selectedItems.map((item) => {
|
|
11
|
+
return (columns
|
|
12
|
+
.map((column) => {
|
|
13
|
+
const cell = column.getString(column, item);
|
|
14
|
+
if (cell === undefined || cell === null) {
|
|
15
|
+
return '';
|
|
16
|
+
}
|
|
17
|
+
return makeCsvField(String(cell));
|
|
18
|
+
})
|
|
19
|
+
.join(separator) + lf);
|
|
20
|
+
});
|
|
21
|
+
rows.unshift(header);
|
|
22
|
+
saveAs(new File(rows, csvFilename, {
|
|
23
|
+
type: 'text/csv;charset=utf-8',
|
|
24
|
+
}));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=save-as-csv-action.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"save-as-xlsx-action.d.ts","sourceRoot":"","sources":["../../src/lib/save-as-xlsx-action.js"],"names":[],"mappings":"AAGO,uEAuBL;AAvBK,gHAuBL"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { saveAs } from 'file-saver-es';
|
|
2
|
+
import { NullXlsx } from '@neovici/nullxlsx';
|
|
3
|
+
export const prepareXlsxData = (columns, selectedItems) => {
|
|
4
|
+
const headers = columns.map((col) => col.title), data = selectedItems.map((item) => columns.map((column) => {
|
|
5
|
+
const value = column.toXlsxValue(column, item);
|
|
6
|
+
return value == null ? '' : value;
|
|
7
|
+
}));
|
|
8
|
+
data.unshift(headers);
|
|
9
|
+
return data;
|
|
10
|
+
}, saveAsXlsxAction = (columns, selectedItems, xlsxFilename, xlsxSheetname) => {
|
|
11
|
+
const data = prepareXlsxData(columns, selectedItems), xlsx = new NullXlsx(xlsxFilename)
|
|
12
|
+
.addSheetFromData(data, xlsxSheetname)
|
|
13
|
+
.generate();
|
|
14
|
+
saveAs(new File([xlsx], xlsxFilename, {
|
|
15
|
+
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=save-as-xlsx-action.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-settings.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/cosmoz-omnitable-settings.js"],"names":[],"mappings":""}
|