@neovici/cosmoz-omnitable 14.17.0 → 14.18.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.
Files changed (141) hide show
  1. package/dist/cosmoz-omnitable-column-amount.js +29 -27
  2. package/dist/cosmoz-omnitable-column-autocomplete.d.ts +1 -1
  3. package/dist/cosmoz-omnitable-column-autocomplete.d.ts.map +1 -1
  4. package/dist/cosmoz-omnitable-column-autocomplete.js +28 -24
  5. package/dist/cosmoz-omnitable-column-boolean.d.ts +4 -1
  6. package/dist/cosmoz-omnitable-column-boolean.d.ts.map +1 -1
  7. package/dist/cosmoz-omnitable-column-boolean.js +25 -17
  8. package/dist/cosmoz-omnitable-column-date.js +28 -26
  9. package/dist/cosmoz-omnitable-column-datetime.js +28 -26
  10. package/dist/cosmoz-omnitable-column-list-data.js +8 -6
  11. package/dist/cosmoz-omnitable-column-list-horizontal.js +17 -15
  12. package/dist/cosmoz-omnitable-column-list-mixin.d.ts +6 -6
  13. package/dist/cosmoz-omnitable-column-list-mixin.d.ts.map +1 -1
  14. package/dist/cosmoz-omnitable-column-list-mixin.js +28 -15
  15. package/dist/cosmoz-omnitable-column-list.js +21 -19
  16. package/dist/cosmoz-omnitable-column-mixin.js +12 -8
  17. package/dist/cosmoz-omnitable-column-number.js +29 -27
  18. package/dist/cosmoz-omnitable-column-time.js +26 -24
  19. package/dist/cosmoz-omnitable-column.js +13 -11
  20. package/dist/cosmoz-omnitable-columns.js +11 -9
  21. package/dist/cosmoz-omnitable-group-row.js +6 -4
  22. package/dist/cosmoz-omnitable-header-row.js +17 -15
  23. package/dist/cosmoz-omnitable-item-expand-line.js +7 -5
  24. package/dist/cosmoz-omnitable-item-expand.js +8 -6
  25. package/dist/cosmoz-omnitable-item-row.js +7 -5
  26. package/dist/cosmoz-omnitable-skeleton.js +8 -6
  27. package/dist/cosmoz-omnitable-styles.js +7 -4
  28. package/dist/cosmoz-omnitable.d.ts +1 -1
  29. package/dist/cosmoz-omnitable.d.ts.map +1 -1
  30. package/dist/cosmoz-omnitable.js +37 -31
  31. package/dist/grouped-list/cosmoz-grouped-list-row.js +4 -2
  32. package/dist/grouped-list/cosmoz-grouped-list.js +6 -4
  33. package/dist/grouped-list/index.js +3 -1
  34. package/dist/grouped-list/use-collapsible-items.d.ts +4 -4
  35. package/dist/grouped-list/use-collapsible-items.js +12 -8
  36. package/dist/grouped-list/use-cosmoz-grouped-list.d.ts +1 -1
  37. package/dist/grouped-list/use-cosmoz-grouped-list.js +23 -19
  38. package/dist/grouped-list/use-selected-items.d.ts +10 -10
  39. package/dist/grouped-list/use-selected-items.js +19 -15
  40. package/dist/grouped-list/use-weak-state.d.ts +3 -3
  41. package/dist/grouped-list/use-weak-state.js +10 -6
  42. package/dist/grouped-list/utils.js +11 -1
  43. package/dist/lib/compute-layout.js +10 -6
  44. package/dist/lib/cosmoz-omnitable-amount-range-input.js +16 -14
  45. package/dist/lib/cosmoz-omnitable-date-input-mixin.js +9 -5
  46. package/dist/lib/cosmoz-omnitable-date-range-input.js +14 -12
  47. package/dist/lib/cosmoz-omnitable-datetime-range-input.js +15 -13
  48. package/dist/lib/cosmoz-omnitable-number-range-input.js +14 -12
  49. package/dist/lib/cosmoz-omnitable-range-input-mixin.js +12 -8
  50. package/dist/lib/cosmoz-omnitable-resize-nub.js +7 -5
  51. package/dist/lib/cosmoz-omnitable-time-range-input.js +14 -12
  52. package/dist/lib/generic-sorter.js +5 -1
  53. package/dist/lib/icons.d.ts +4 -4
  54. package/dist/lib/icons.d.ts.map +1 -1
  55. package/dist/lib/icons.js +8 -5
  56. package/dist/lib/layout.js +5 -2
  57. package/dist/lib/polymer-haunted-render-mixin.js +10 -6
  58. package/dist/lib/render-footer.d.ts +1 -1
  59. package/dist/lib/render-footer.d.ts.map +1 -1
  60. package/dist/lib/render-footer.js +16 -12
  61. package/dist/lib/render-header.d.ts +1 -1
  62. package/dist/lib/render-header.d.ts.map +1 -1
  63. package/dist/lib/render-header.js +9 -5
  64. package/dist/lib/render-list.d.ts +1 -1
  65. package/dist/lib/render-list.d.ts.map +1 -1
  66. package/dist/lib/render-list.js +18 -14
  67. package/dist/lib/save-as-csv-action.js +7 -3
  68. package/dist/lib/save-as-xlsx-action.js +9 -5
  69. package/dist/lib/settings/cosmoz-omnitable-settings.js +71 -33
  70. package/dist/lib/settings/cosmoz-omnitable-sort-group.d.ts +3 -3
  71. package/dist/lib/settings/cosmoz-omnitable-sort-group.d.ts.map +1 -1
  72. package/dist/lib/settings/cosmoz-omnitable-sort-group.js +19 -12
  73. package/dist/lib/settings/drivers/context.d.ts +2 -10
  74. package/dist/lib/settings/drivers/context.d.ts.map +1 -1
  75. package/dist/lib/settings/drivers/context.js +13 -6
  76. package/dist/lib/settings/drivers/index.js +25 -3
  77. package/dist/lib/settings/drivers/local.js +3 -1
  78. package/dist/lib/settings/drivers/remote.js +3 -1
  79. package/dist/lib/settings/index.js +9 -2
  80. package/dist/lib/settings/normalize.js +15 -10
  81. package/dist/lib/settings/style.css.js +8 -5
  82. package/dist/lib/settings/use-saved-settings.d.ts +2 -2
  83. package/dist/lib/settings/use-saved-settings.js +11 -9
  84. package/dist/lib/settings/use-settings-ui.js +14 -12
  85. package/dist/lib/settings/use-settings.d.ts +6 -12
  86. package/dist/lib/settings/use-settings.d.ts.map +1 -1
  87. package/dist/lib/settings/use-settings.js +46 -8
  88. package/dist/lib/types.d.ts +20 -0
  89. package/dist/lib/types.d.ts.map +1 -0
  90. package/dist/lib/types.js +3 -0
  91. package/dist/lib/use-canvas-width.js +9 -5
  92. package/dist/lib/use-dom-columns.d.ts +1 -1
  93. package/dist/lib/use-dom-columns.d.ts.map +1 -1
  94. package/dist/lib/use-dom-columns.js +11 -7
  95. package/dist/lib/use-fast-layout.d.ts +1 -1
  96. package/dist/lib/use-fast-layout.js +22 -18
  97. package/dist/lib/use-footer.js +5 -1
  98. package/dist/lib/use-hash-state.js +15 -11
  99. package/dist/lib/use-header.js +9 -5
  100. package/dist/lib/use-layout.js +8 -4
  101. package/dist/lib/use-list.d.ts +2 -10
  102. package/dist/lib/use-list.d.ts.map +1 -1
  103. package/dist/lib/use-list.js +25 -21
  104. package/dist/lib/use-mini.d.ts +1 -1
  105. package/dist/lib/use-mini.js +9 -5
  106. package/dist/lib/use-omnitable.d.ts +2 -10
  107. package/dist/lib/use-omnitable.d.ts.map +1 -1
  108. package/dist/lib/use-omnitable.js +22 -18
  109. package/dist/lib/use-processed-items.d.ts +3 -5
  110. package/dist/lib/use-processed-items.d.ts.map +1 -1
  111. package/dist/lib/use-processed-items.js +27 -23
  112. package/dist/lib/use-public-interface.js +20 -16
  113. package/dist/lib/use-resizable-columns.js +8 -4
  114. package/dist/lib/use-sort-and-group-options.d.ts +2 -25
  115. package/dist/lib/use-sort-and-group-options.d.ts.map +1 -1
  116. package/dist/lib/use-sort-and-group-options.js +16 -12
  117. package/dist/lib/use-track-size.d.ts +1 -1
  118. package/dist/lib/use-track-size.d.ts.map +1 -1
  119. package/dist/lib/use-track-size.js +6 -2
  120. package/dist/lib/use-tween-array.d.ts +1 -1
  121. package/dist/lib/use-tween-array.d.ts.map +1 -1
  122. package/dist/lib/use-tween-array.js +14 -10
  123. package/dist/lib/utils-amount.d.ts +1 -1
  124. package/dist/lib/utils-amount.d.ts.map +1 -1
  125. package/dist/lib/utils-amount.js +25 -29
  126. package/dist/lib/utils-data.js +12 -8
  127. package/dist/lib/utils-date.d.ts +4 -4
  128. package/dist/lib/utils-date.d.ts.map +1 -1
  129. package/dist/lib/utils-date.js +58 -35
  130. package/dist/lib/utils-datetime.d.ts +2 -2
  131. package/dist/lib/utils-datetime.d.ts.map +1 -1
  132. package/dist/lib/utils-datetime.js +20 -16
  133. package/dist/lib/utils-number.d.ts +11 -18
  134. package/dist/lib/utils-number.d.ts.map +1 -1
  135. package/dist/lib/utils-number.js +44 -36
  136. package/dist/lib/utils-time.d.ts +2 -2
  137. package/dist/lib/utils-time.d.ts.map +1 -1
  138. package/dist/lib/utils-time.js +37 -24
  139. package/dist/lib/utils.js +6 -2
  140. package/dist/ui-helpers/cosmoz-clear-button.js +7 -5
  141. package/package.json +1 -1
@@ -1,20 +1,22 @@
1
- import '@neovici/cosmoz-autocomplete';
2
- import '@neovici/cosmoz-spinner';
3
- import { PolymerElement } from '@polymer/polymer/polymer-element';
4
- import { html } from 'lit-html';
5
- import { when } from 'lit-html/directives/when.js';
6
- import { columnMixin } from './cosmoz-omnitable-column-mixin';
7
- import { getTexts, listColumnMixin, onChange, onFocus, onText, } from './cosmoz-omnitable-column-list-mixin';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("@neovici/cosmoz-autocomplete");
4
+ require("@neovici/cosmoz-spinner");
5
+ const polymer_element_1 = require("@polymer/polymer/polymer-element");
6
+ const lit_html_1 = require("lit-html");
7
+ const when_js_1 = require("lit-html/directives/when.js");
8
+ const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
9
+ const cosmoz_omnitable_column_list_mixin_1 = require("./cosmoz-omnitable-column-list-mixin");
8
10
  /**
9
11
  * @polymer
10
12
  * @customElement
11
13
  * @appliesMixin listColumnMixin
12
14
  * @appliesMixin columnMixin
13
15
  */
14
- class OmnitableColumnListHorizontal extends listColumnMixin(columnMixin(PolymerElement)) {
16
+ class OmnitableColumnListHorizontal extends (0, cosmoz_omnitable_column_list_mixin_1.listColumnMixin)((0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement)) {
15
17
  renderCell({ valuePath, textProperty }, { item }) {
16
- const list = getTexts(item, valuePath, textProperty).map((item) => html `<li>${item}</li>`);
17
- return html `
18
+ const list = (0, cosmoz_omnitable_column_list_mixin_1.getTexts)(item, valuePath, textProperty).map((item) => (0, lit_html_1.html) `<li>${item}</li>`);
19
+ return (0, lit_html_1.html) `
18
20
  <style>
19
21
  ul {
20
22
  padding: 0;
@@ -40,17 +42,17 @@ class OmnitableColumnListHorizontal extends listColumnMixin(columnMixin(PolymerE
40
42
  return 'not implemented';
41
43
  }
42
44
  renderHeader(column, { filter, query }, setState, source) {
43
- return html `<cosmoz-autocomplete-ui
45
+ return (0, lit_html_1.html) `<cosmoz-autocomplete-ui
44
46
  class="external-values-${column.externalValues}"
45
47
  .label=${column.title}
46
48
  .source=${source}
47
49
  .textProperty=${column.textProperty}
48
50
  .value=${filter}
49
51
  .text=${query}
50
- .onChange=${onChange(setState)}
51
- .onFocus=${onFocus(setState)}
52
- .onText=${onText(setState)}
53
- >${when(column.loading, () => html `<cosmoz-spinner slot="suffix"></cosmoz-spinner>`)}</cosmoz-autocomplete-ui
52
+ .onChange=${(0, cosmoz_omnitable_column_list_mixin_1.onChange)(setState)}
53
+ .onFocus=${(0, cosmoz_omnitable_column_list_mixin_1.onFocus)(setState)}
54
+ .onText=${(0, cosmoz_omnitable_column_list_mixin_1.onText)(setState)}
55
+ >${(0, when_js_1.when)(column.loading, () => (0, lit_html_1.html) `<cosmoz-spinner slot="suffix"></cosmoz-spinner>`)}</cosmoz-autocomplete-ui
54
56
  > `;
55
57
  }
56
58
  }
@@ -1,13 +1,13 @@
1
1
  export function unique(values: any, valueProperty: any): any;
2
- export function getTexts(item: any, valuePath: any, textProperty: any): any;
2
+ export function getTexts(item: any, valuePath: any, textProperty: any): any[];
3
3
  export function getString({ valuePath, textProperty }: {
4
4
  valuePath: any;
5
5
  textProperty: any;
6
- }, item: any): any;
6
+ }, item: any): string;
7
7
  export function toXlsxValue({ valuePath, textProperty }: {
8
8
  valuePath: any;
9
9
  textProperty: any;
10
- }, item: any): any;
10
+ }, item: any): string;
11
11
  export function applyMultiFilter({ valueProperty, valuePath, emptyValue, emptyProperty }: {
12
12
  valueProperty: any;
13
13
  valuePath: any;
@@ -25,9 +25,9 @@ export function listColumnMixin(base: any): {
25
25
  getConfig(column: any): {
26
26
  emptyProperty: any;
27
27
  };
28
- getString(column: any, item: any): any;
29
- toXlsxValue(column: any, item: any): any;
30
- cellTitleFn(column: any, item: any): any;
28
+ getString(column: any, item: any): string;
29
+ toXlsxValue(column: any, item: any): string;
30
+ cellTitleFn(column: any, item: any): string;
31
31
  getComparableValue({ valuePath, valueProperty }: {
32
32
  valuePath: any;
33
33
  valueProperty: any;
@@ -1 +1 @@
1
- {"version":3,"file":"cosmoz-omnitable-column-list-mixin.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-column-list-mixin.js"],"names":[],"mappings":"AAMA,6DAiLG;AAjLH,4EAiLG;AAjLH;;;mBAiLG;AAjLH;;;mBAiLG;AAjLH;;;;;mBAsEG,SAAI,SA2GJ;AAjLH,0CAgF2B,UAAK,SAiG7B;AAjLH,yCAkF0B,YAAO,SA+F9B;AAjLH,wCAoFyB,SAAI,SA6F1B;AAjLH,2DAiLG;AAjLH,8FAiLG;AAjLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiLG"}
1
+ {"version":3,"file":"cosmoz-omnitable-column-list-mixin.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable-column-list-mixin.js"],"names":[],"mappings":"AAMA,6DAiLG;AAjLH,8EAiLG;AAjLH;;;sBAiLG;AAjLH;;;sBAiLG;AAjLH;;;;;mBAsEG,SAAI,SA2GJ;AAjLH,0CAgF2B,UAAK,SAiG7B;AAjLH,yCAkF0B,YAAO,SA+F9B;AAjLH,wCAoFyB,SAAI,SA6F1B;AAjLH,2DAiLG;AAjLH,8FAiLG;AAjLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiLG"}
@@ -1,8 +1,11 @@
1
- import { prop } from '@neovici/cosmoz-utils/object';
2
- import { array } from '@neovici/cosmoz-utils/array';
3
- import { invoke } from '@neovici/cosmoz-utils/function';
4
- import { get } from '@polymer/polymer/lib/utils/path';
5
- import { valuesFrom } from './lib/utils-data';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.listColumnMixin = exports.toAutocompleteSource = exports.computeSource = exports.onText = exports.onFocus = exports.onChange = exports.applyMultiFilter = exports.toXlsxValue = exports.getString = exports.getTexts = exports.unique = void 0;
4
+ const object_1 = require("@neovici/cosmoz-utils/object");
5
+ const array_1 = require("@neovici/cosmoz-utils/array");
6
+ const function_1 = require("@neovici/cosmoz-utils/function");
7
+ const path_1 = require("@polymer/polymer/lib/utils/path");
8
+ const utils_data_1 = require("./lib/utils-data");
6
9
  const unique = (values, valueProperty) => {
7
10
  if (!Array.isArray(values)) {
8
11
  return;
@@ -24,7 +27,7 @@ const unique = (values, valueProperty) => {
24
27
  return false;
25
28
  }
26
29
  if (valueProperty) {
27
- const value = get(item, valueProperty);
30
+ const value = (0, path_1.get)(item, valueProperty);
28
31
  if (used.indexOf(value) !== -1) {
29
32
  return false;
30
33
  }
@@ -57,14 +60,14 @@ const unique = (values, valueProperty) => {
57
60
  });
58
61
  }
59
62
  return [];
60
- }, getTexts = (item, valuePath, textProperty) => array(valuePath && get(item, valuePath)).map(prop(textProperty)), getString = ({ valuePath, textProperty }, item) => {
63
+ }, getTexts = (item, valuePath, textProperty) => (0, array_1.array)(valuePath && (0, path_1.get)(item, valuePath)).map((0, object_1.prop)(textProperty)), getString = ({ valuePath, textProperty }, item) => {
61
64
  return getTexts(item, valuePath, textProperty)
62
65
  .filter((i) => i != null)
63
66
  .join(', ');
64
67
  }, toXlsxValue = getString, applyMultiFilter = ({ valueProperty, valuePath, emptyValue, emptyProperty }, filters) => (item) => {
65
- const val = prop(valueProperty), values = array(get(item, valuePath));
68
+ const val = (0, object_1.prop)(valueProperty), values = (0, array_1.array)((0, path_1.get)(item, valuePath));
66
69
  return filters.some((filter) => (values.length === 0 &&
67
- prop(emptyProperty || valueProperty)(filter) === emptyValue) ||
70
+ (0, object_1.prop)(emptyProperty || valueProperty)(filter) === emptyValue) ||
68
71
  values.some((value) => val(value) === val(filter)));
69
72
  }, onChange = (setState) => (value) => setState((state) => ({ ...state, filter: value })), onFocus = (setState) => (focused) => setState((state) => ({ ...state, headerFocused: focused })), onText = (setState) => (text) => setState((state) => ({ ...state, query: text })), computeValues = ({ emptyValue, emptyLabel, emptyProperty, textProperty, valueProperty }, rawSource) => {
70
73
  const source = toAutocompleteSource(rawSource, valueProperty, textProperty);
@@ -82,7 +85,7 @@ const unique = (values, valueProperty) => {
82
85
  },
83
86
  ...source,
84
87
  ];
85
- }, computeSource = (column, data) => computeValues(column, valuesFrom(data, column.valuePath)), listColumnMixin = (base) => class extends base {
88
+ }, computeSource = (column, data) => computeValues(column, (0, utils_data_1.valuesFrom)(data, column.valuePath)), listColumnMixin = (base) => class extends base {
86
89
  static get properties() {
87
90
  return {
88
91
  textProperty: { type: String },
@@ -107,12 +110,12 @@ const unique = (values, valueProperty) => {
107
110
  return getString(column, item);
108
111
  }
109
112
  getComparableValue({ valuePath, valueProperty }, item) {
110
- const value = get(item, valuePath);
113
+ const value = (0, path_1.get)(item, valuePath);
111
114
  if (valueProperty == null) {
112
115
  return value;
113
116
  }
114
- const subValues = array(value).reduce((acc, subItem) => {
115
- acc.push(get(subItem, valueProperty));
117
+ const subValues = (0, array_1.array)(value).reduce((acc, subItem) => {
118
+ acc.push((0, path_1.get)(subItem, valueProperty));
116
119
  return acc;
117
120
  }, []);
118
121
  return subValues.sort().join(' ');
@@ -131,9 +134,19 @@ const unique = (values, valueProperty) => {
131
134
  }
132
135
  computeSource(column, data) {
133
136
  return column.externalValues || typeof column.values === 'function'
134
- ? async (...args) => computeValues(column, await Promise.resolve(invoke(column.values, ...args)))
137
+ ? async (...args) => computeValues(column, await Promise.resolve((0, function_1.invoke)(column.values, ...args)))
135
138
  : computeSource(column, data);
136
139
  }
137
140
  };
138
- export { unique, getTexts, getString, toXlsxValue, applyMultiFilter, onChange, onFocus, onText, computeSource, toAutocompleteSource, listColumnMixin, };
141
+ exports.unique = unique;
142
+ exports.toAutocompleteSource = toAutocompleteSource;
143
+ exports.getTexts = getTexts;
144
+ exports.getString = getString;
145
+ exports.toXlsxValue = toXlsxValue;
146
+ exports.applyMultiFilter = applyMultiFilter;
147
+ exports.onChange = onChange;
148
+ exports.onFocus = onFocus;
149
+ exports.onText = onText;
150
+ exports.computeSource = computeSource;
151
+ exports.listColumnMixin = listColumnMixin;
139
152
  //# sourceMappingURL=cosmoz-omnitable-column-list-mixin.js.map
@@ -1,18 +1,20 @@
1
- import './cosmoz-omnitable-column-list-data';
2
- import { PolymerElement } from '@polymer/polymer/polymer-element';
3
- import { html } from 'lit-html';
4
- import { when } from 'lit-html/directives/when.js';
5
- import { columnMixin } from './cosmoz-omnitable-column-mixin';
6
- import { getString, getTexts, listColumnMixin, onChange, onFocus, onText, } from './cosmoz-omnitable-column-list-mixin';
7
- import '@neovici/cosmoz-autocomplete';
8
- import { columnSymbol } from './lib/use-dom-columns';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("./cosmoz-omnitable-column-list-data");
4
+ const polymer_element_1 = require("@polymer/polymer/polymer-element");
5
+ const lit_html_1 = require("lit-html");
6
+ const when_js_1 = require("lit-html/directives/when.js");
7
+ const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
8
+ const cosmoz_omnitable_column_list_mixin_1 = require("./cosmoz-omnitable-column-list-mixin");
9
+ require("@neovici/cosmoz-autocomplete");
10
+ const use_dom_columns_1 = require("./lib/use-dom-columns");
9
11
  /**
10
12
  * @polymer
11
13
  * @customElement
12
14
  * @appliesMixin listColumnMixin
13
15
  * @appliesMixin columnMixin
14
16
  */
15
- class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
17
+ class OmnitableColumnList extends (0, cosmoz_omnitable_column_list_mixin_1.listColumnMixin)((0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement)) {
16
18
  static get properties() {
17
19
  return {
18
20
  keepOpened: { type: Boolean, value: true },
@@ -29,21 +31,21 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
29
31
  };
30
32
  }
31
33
  renderCell({ valuePath, textProperty }, { item }) {
32
- return html `<cosmoz-omnitable-column-list-data
33
- .items=${getTexts(item, valuePath, textProperty)}
34
+ return (0, lit_html_1.html) `<cosmoz-omnitable-column-list-data
35
+ .items=${(0, cosmoz_omnitable_column_list_mixin_1.getTexts)(item, valuePath, textProperty)}
34
36
  ></cosmoz-omnitable-column-list-data>`;
35
37
  }
36
38
  renderEditCell(column, { item }, onItemChange) {
37
39
  const onChange = (event) => onItemChange(event.target.value.split(/,\s*/gu));
38
- return html `<cosmoz-input
40
+ return (0, lit_html_1.html) `<cosmoz-input
39
41
  no-label-float
40
42
  type="text"
41
- .value=${getString(column, item)}
43
+ .value=${(0, cosmoz_omnitable_column_list_mixin_1.getString)(column, item)}
42
44
  @change=${onChange}
43
45
  ></cosmoz-input>`;
44
46
  }
45
47
  renderHeader(column, { filter, query }, setState, source) {
46
- return html `<cosmoz-autocomplete-ui
48
+ return (0, lit_html_1.html) `<cosmoz-autocomplete-ui
47
49
  class="external-values-${column.externalValues}"
48
50
  ?keep-opened=${column.keepOpened}
49
51
  ?keep-query=${column.keepQuery}
@@ -53,13 +55,13 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
53
55
  .source=${source}
54
56
  .textProperty=${column.textProperty}
55
57
  .valueProperty=${column.valueProperty}
56
- .itemRenderer=${column[columnSymbol]?.itemRenderer}
58
+ .itemRenderer=${column[use_dom_columns_1.columnSymbol]?.itemRenderer}
57
59
  .value=${filter}
58
60
  .text=${query}
59
- .onChange=${onChange(setState)}
60
- .onFocus=${onFocus(setState)}
61
- .onText=${onText(setState)}
62
- >${when(column.loading, () => html `<cosmoz-spinner slot="suffix"></cosmoz-spinner>`)}</cosmoz-autocomplete-ui
61
+ .onChange=${(0, cosmoz_omnitable_column_list_mixin_1.onChange)(setState)}
62
+ .onFocus=${(0, cosmoz_omnitable_column_list_mixin_1.onFocus)(setState)}
63
+ .onText=${(0, cosmoz_omnitable_column_list_mixin_1.onText)(setState)}
64
+ >${(0, when_js_1.when)(column.loading, () => (0, lit_html_1.html) `<cosmoz-spinner slot="suffix"></cosmoz-spinner>`)}</cosmoz-autocomplete-ui
63
65
  >`;
64
66
  }
65
67
  }
@@ -1,6 +1,9 @@
1
- import { get } from '@polymer/polymer/lib/utils/path';
2
- export const getString = ({ valuePath }, item) => get(item, valuePath), toXlsxValue = getString, getComparableValue = getString, applySingleFilter = ({ valuePath }, filter) => (item) => {
3
- const value = get(item, valuePath);
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.columnMixin = exports.serializeFilter = exports.applySingleFilter = exports.getComparableValue = exports.toXlsxValue = exports.getString = void 0;
4
+ const path_1 = require("@polymer/polymer/lib/utils/path");
5
+ const getString = ({ valuePath }, item) => (0, path_1.get)(item, valuePath), applySingleFilter = ({ valuePath }, filter) => (item) => {
6
+ const value = (0, path_1.get)(item, valuePath);
4
7
  if (value == null) {
5
8
  return false;
6
9
  }
@@ -87,16 +90,16 @@ export const getString = ({ valuePath }, item) => get(item, valuePath), toXlsxVa
87
90
  // eslint-disable-next-line no-empty-function
88
91
  getFilterFn() { }
89
92
  getString(column, item) {
90
- return getString(column, item);
93
+ return (0, exports.getString)(column, item);
91
94
  }
92
95
  toXlsxValue(column, item) {
93
- return toXlsxValue(column, item);
96
+ return (0, exports.toXlsxValue)(column, item);
94
97
  }
95
98
  cellTitleFn(column, item) {
96
- return getString(column, item);
99
+ return (0, exports.getString)(column, item);
97
100
  }
98
101
  serializeFilter(column, filter) {
99
- return serializeFilter(column, filter);
102
+ return (0, exports.serializeFilter)(column, filter);
100
103
  }
101
104
  deserializeFilter(column, filter) {
102
105
  if (filter == null) {
@@ -108,7 +111,7 @@ export const getString = ({ valuePath }, item) => get(item, valuePath), toXlsxVa
108
111
  return filter;
109
112
  }
110
113
  getComparableValue(column, item) {
111
- return getComparableValue(column, item);
114
+ return (0, exports.getComparableValue)(column, item);
112
115
  }
113
116
  computeSource(column, data) {
114
117
  return data;
@@ -118,4 +121,5 @@ export const getString = ({ valuePath }, item) => get(item, valuePath), toXlsxVa
118
121
  this.dispatchEvent(new CustomEvent('cosmoz-column-prop-changed', { bubbles: true }));
119
122
  }
120
123
  };
124
+ exports.getString = getString, exports.toXlsxValue = exports.getString, exports.getComparableValue = exports.getString, exports.applySingleFilter = applySingleFilter, exports.serializeFilter = serializeFilter, exports.columnMixin = columnMixin;
121
125
  //# sourceMappingURL=cosmoz-omnitable-column-mixin.js.map
@@ -1,19 +1,21 @@
1
- import '@neovici/cosmoz-input';
2
- import '@polymer/paper-dropdown-menu/paper-dropdown-menu';
3
- import './ui-helpers/cosmoz-clear-button';
4
- import { PolymerElement } from '@polymer/polymer/polymer-element';
5
- import { html } from 'lit-html';
6
- import { columnMixin } from './cosmoz-omnitable-column-mixin';
7
- import './lib/cosmoz-omnitable-number-range-input';
8
- import { defaultComputeSource } from './lib/utils-data';
9
- import { applySingleFilter, getComparableValue, getInputString, getString, toHashString, toNumber, } from './lib/utils-number';
10
- import { get } from '@polymer/polymer/lib/utils/path';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("@neovici/cosmoz-input");
4
+ require("@polymer/paper-dropdown-menu/paper-dropdown-menu");
5
+ require("./ui-helpers/cosmoz-clear-button");
6
+ const polymer_element_1 = require("@polymer/polymer/polymer-element");
7
+ const lit_html_1 = require("lit-html");
8
+ const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
9
+ require("./lib/cosmoz-omnitable-number-range-input");
10
+ const utils_data_1 = require("./lib/utils-data");
11
+ const utils_number_1 = require("./lib/utils-number");
12
+ const path_1 = require("@polymer/polymer/lib/utils/path");
11
13
  /**
12
14
  * @polymer
13
15
  * @customElement
14
16
  * @appliesMixin columnMixin
15
17
  */
16
- class OmnitableColumnNumber extends columnMixin(PolymerElement) {
18
+ class OmnitableColumnNumber extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement) {
17
19
  static get properties() {
18
20
  return {
19
21
  min: { type: Number, value: null, notify: true },
@@ -33,33 +35,33 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
33
35
  return { limits: column.limits };
34
36
  }
35
37
  getFilterFn(column, filter) {
36
- const min = getComparableValue({ ...column, valuePath: 'min' }, filter), max = getComparableValue({ ...column, valuePath: 'max' }, filter);
38
+ const min = (0, utils_number_1.getComparableValue)({ ...column, valuePath: 'min' }, filter), max = (0, utils_number_1.getComparableValue)({ ...column, valuePath: 'max' }, filter);
37
39
  if (min == null && max == null) {
38
40
  return;
39
41
  }
40
- return applySingleFilter(column, filter);
42
+ return (0, utils_number_1.applySingleFilter)(column, filter);
41
43
  }
42
44
  getString(column, item) {
43
- return getString(column, item);
45
+ return (0, utils_number_1.getString)(column, item);
44
46
  }
45
47
  toXlsxValue({ valuePath }, item) {
46
- return get(item, valuePath);
48
+ return (0, path_1.get)(item, valuePath);
47
49
  }
48
50
  cellTitleFn(column, item) {
49
- return getString(column, item);
51
+ return (0, utils_number_1.getString)(column, item);
50
52
  }
51
53
  getComparableValue(column, item) {
52
- return getComparableValue(column, item);
54
+ return (0, utils_number_1.getComparableValue)(column, item);
53
55
  }
54
56
  serializeFilter(column, filter) {
55
57
  if (filter == null) {
56
58
  return;
57
59
  }
58
- const min = toNumber(filter.min), max = toNumber(filter.max);
60
+ const min = (0, utils_number_1.toNumber)(filter.min), max = (0, utils_number_1.toNumber)(filter.max);
59
61
  if (min == null && max == null) {
60
62
  return;
61
63
  }
62
- return toHashString(min) + '~' + toHashString(max);
64
+ return (0, utils_number_1.toHashString)(min) + '~' + (0, utils_number_1.toHashString)(max);
63
65
  }
64
66
  deserializeFilter(column, filter) {
65
67
  if (filter == null || filter === '') {
@@ -70,26 +72,26 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
70
72
  return null;
71
73
  }
72
74
  return {
73
- min: toNumber(matches[1]),
74
- max: toNumber(matches[2]),
75
+ min: (0, utils_number_1.toNumber)(matches[1]),
76
+ max: (0, utils_number_1.toNumber)(matches[2]),
75
77
  };
76
78
  }
77
79
  renderCell(column, { item }) {
78
- return html `<div class="omnitable-cell-number">
79
- ${getString(column, item)}
80
+ return (0, lit_html_1.html) `<div class="omnitable-cell-number">
81
+ ${(0, utils_number_1.getString)(column, item)}
80
82
  </div>`;
81
83
  }
82
84
  renderEditCell(column, { item }, onItemChange) {
83
85
  const onChange = (event) => onItemChange(event.target.value);
84
- return html `<cosmoz-input
86
+ return (0, lit_html_1.html) `<cosmoz-input
85
87
  no-label-float
86
88
  type="number"
87
89
  @change=${onChange}
88
- .value=${getInputString(column, item)}
90
+ .value=${(0, utils_number_1.getInputString)(column, item)}
89
91
  ></cosmoz-input>`;
90
92
  }
91
93
  renderHeader({ title, min, max, limits, locale, maximumFractionDigits, minimumFractionDigits, autoupdate, }, { filter }, setState, source) {
92
- return html `<cosmoz-omnitable-number-range-input
94
+ return (0, lit_html_1.html) `<cosmoz-omnitable-number-range-input
93
95
  .title=${title}
94
96
  .filter=${filter}
95
97
  .values=${source}
@@ -105,7 +107,7 @@ class OmnitableColumnNumber extends columnMixin(PolymerElement) {
105
107
  ></cosmoz-omnitable-number-range-input>`;
106
108
  }
107
109
  computeSource(column, data) {
108
- return defaultComputeSource(column, data);
110
+ return (0, utils_data_1.defaultComputeSource)(column, data);
109
111
  }
110
112
  }
111
113
  customElements.define('cosmoz-omnitable-column-number', OmnitableColumnNumber);
@@ -1,18 +1,20 @@
1
- import '@polymer/paper-dropdown-menu/paper-dropdown-menu';
2
- import '@neovici/cosmoz-input';
3
- import './ui-helpers/cosmoz-clear-button';
4
- import { PolymerElement } from '@polymer/polymer/polymer-element';
5
- import { html } from 'lit-html';
6
- import { columnMixin } from './cosmoz-omnitable-column-mixin';
7
- import { getComparableValue, getString, toXlsxValue, applySingleFilter, toDate, toHashString, fromHashString, } from './lib/utils-time';
8
- import './lib/cosmoz-omnitable-time-range-input';
9
- import { defaultComputeSource } from './lib/utils-data';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("@polymer/paper-dropdown-menu/paper-dropdown-menu");
4
+ require("@neovici/cosmoz-input");
5
+ require("./ui-helpers/cosmoz-clear-button");
6
+ const polymer_element_1 = require("@polymer/polymer/polymer-element");
7
+ const lit_html_1 = require("lit-html");
8
+ const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
9
+ const utils_time_1 = require("./lib/utils-time");
10
+ require("./lib/cosmoz-omnitable-time-range-input");
11
+ const utils_data_1 = require("./lib/utils-data");
10
12
  /**
11
13
  * @polymer
12
14
  * @customElement
13
15
  * @appliesMixin columnMixin
14
16
  */
15
- class OmnitableColumnTime extends columnMixin(PolymerElement) {
17
+ class OmnitableColumnTime extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement) {
16
18
  static get properties() {
17
19
  return {
18
20
  min: { type: Number, value: null, notify: true },
@@ -31,33 +33,33 @@ class OmnitableColumnTime extends columnMixin(PolymerElement) {
31
33
  };
32
34
  }
33
35
  getFilterFn(column, filter) {
34
- const min = getComparableValue({ ...column, valuePath: 'min' }, filter), max = getComparableValue({ ...column, valuePath: 'max' }, filter);
36
+ const min = (0, utils_time_1.getComparableValue)({ ...column, valuePath: 'min' }, filter), max = (0, utils_time_1.getComparableValue)({ ...column, valuePath: 'max' }, filter);
35
37
  if (min == null && max == null) {
36
38
  return;
37
39
  }
38
- return applySingleFilter(column, filter);
40
+ return (0, utils_time_1.applySingleFilter)(column, filter);
39
41
  }
40
42
  getString(column, item) {
41
- return getString(column, item);
43
+ return (0, utils_time_1.getString)(column, item);
42
44
  }
43
45
  toXlsxValue(column, item) {
44
- return toXlsxValue(column, item);
46
+ return (0, utils_time_1.toXlsxValue)(column, item);
45
47
  }
46
48
  cellTitleFn(column, item) {
47
- return getString(column, item);
49
+ return (0, utils_time_1.getString)(column, item);
48
50
  }
49
51
  getComparableValue(column, item) {
50
- return getComparableValue(column, item);
52
+ return (0, utils_time_1.getComparableValue)(column, item);
51
53
  }
52
54
  serializeFilter(column, filter) {
53
55
  if (filter == null) {
54
56
  return;
55
57
  }
56
- const min = toDate(filter.min), max = toDate(filter.max);
58
+ const min = (0, utils_time_1.toDate)(filter.min), max = (0, utils_time_1.toDate)(filter.max);
57
59
  if (min == null && max == null) {
58
60
  return;
59
61
  }
60
- return toHashString(min) + '~' + toHashString(max);
62
+ return (0, utils_time_1.toHashString)(min) + '~' + (0, utils_time_1.toHashString)(max);
61
63
  }
62
64
  deserializeFilter(column, filter) {
63
65
  if (filter == null || filter === '') {
@@ -67,22 +69,22 @@ class OmnitableColumnTime extends columnMixin(PolymerElement) {
67
69
  if (!Array.isArray(matches)) {
68
70
  return null;
69
71
  }
70
- return { min: fromHashString(matches[1]), max: fromHashString(matches[2]) };
72
+ return { min: (0, utils_time_1.fromHashString)(matches[1]), max: (0, utils_time_1.fromHashString)(matches[2]) };
71
73
  }
72
74
  renderCell(column, { item }) {
73
- return getString(column, item);
75
+ return (0, utils_time_1.getString)(column, item);
74
76
  }
75
77
  renderEditCell(column, { item }, onItemChange) {
76
78
  const onChange = (event) => onItemChange(event.target.value);
77
- return html `<cosmoz-input
79
+ return (0, lit_html_1.html) `<cosmoz-input
78
80
  no-label-float
79
81
  type="text"
80
82
  @change=${onChange}
81
- .value=${getString(column, item)}
83
+ .value=${(0, utils_time_1.getString)(column, item)}
82
84
  ></cosmoz-input>`;
83
85
  }
84
86
  renderHeader({ title, min, max, locale, filterStep }, { filter }, setState, source) {
85
- return html `<cosmoz-omnitable-time-range-input
87
+ return (0, lit_html_1.html) `<cosmoz-omnitable-time-range-input
86
88
  .title=${title}
87
89
  .filter=${filter}
88
90
  .values=${source}
@@ -95,7 +97,7 @@ class OmnitableColumnTime extends columnMixin(PolymerElement) {
95
97
  ></cosmoz-omnitable-time-range-input>`;
96
98
  }
97
99
  computeSource(column, data) {
98
- return defaultComputeSource(column, data);
100
+ return (0, utils_data_1.defaultComputeSource)(column, data);
99
101
  }
100
102
  }
101
103
  customElements.define('cosmoz-omnitable-column-time', OmnitableColumnTime);
@@ -1,8 +1,10 @@
1
- import '@neovici/cosmoz-input';
2
- import './ui-helpers/cosmoz-clear-button';
3
- import { applySingleFilter, columnMixin, getString, } from './cosmoz-omnitable-column-mixin';
4
- import { PolymerElement } from '@polymer/polymer/polymer-element';
5
- import { html } from 'lit-html';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("@neovici/cosmoz-input");
4
+ require("./ui-helpers/cosmoz-clear-button");
5
+ const cosmoz_omnitable_column_mixin_1 = require("./cosmoz-omnitable-column-mixin");
6
+ const polymer_element_1 = require("@polymer/polymer/polymer-element");
7
+ const lit_html_1 = require("lit-html");
6
8
  const onChange = (setState) => (event) => setState((state) => {
7
9
  // skip the event emitted during cosmoz-input initialization
8
10
  if (state.inputValue === undefined && event.target.value === '') {
@@ -22,7 +24,7 @@ const onChange = (setState) => (event) => setState((state) => {
22
24
  * @customElement
23
25
  * @appliesMixin columnMixin
24
26
  */
25
- class OmnitableColumn extends columnMixin(PolymerElement) {
27
+ class OmnitableColumn extends (0, cosmoz_omnitable_column_mixin_1.columnMixin)(polymer_element_1.PolymerElement) {
26
28
  static get properties() {
27
29
  return {
28
30
  minWidth: { type: String, value: '55px' },
@@ -34,22 +36,22 @@ class OmnitableColumn extends columnMixin(PolymerElement) {
34
36
  if (filter == null || filter === '') {
35
37
  return;
36
38
  }
37
- return applySingleFilter(column, filter);
39
+ return (0, cosmoz_omnitable_column_mixin_1.applySingleFilter)(column, filter);
38
40
  }
39
41
  renderCell(column, { item }) {
40
- return html `<span class="default-column">${getString(column, item)}</span>`;
42
+ return (0, lit_html_1.html) `<span class="default-column">${(0, cosmoz_omnitable_column_mixin_1.getString)(column, item)}</span>`;
41
43
  }
42
44
  renderEditCell(column, { item }, onItemChange) {
43
45
  const onChange = (event) => onItemChange(event.target.value);
44
- return html `<cosmoz-input
46
+ return (0, lit_html_1.html) `<cosmoz-input
45
47
  no-label-float
46
48
  type="text"
47
49
  @change=${onChange}
48
- .value=${getString(column, item)}
50
+ .value=${(0, cosmoz_omnitable_column_mixin_1.getString)(column, item)}
49
51
  ></cosmoz-input>`;
50
52
  }
51
53
  renderHeader(column, { filter, inputValue, headerFocused }, setState) {
52
- return html `<cosmoz-input
54
+ return (0, lit_html_1.html) `<cosmoz-input
53
55
  label=${column.title}
54
56
  .value=${inputValue ?? filter}
55
57
  @value-changed=${onChange(setState)}
@@ -1,11 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
1
3
  /* convenience file to import all available columns */
2
- import './cosmoz-omnitable-column-amount.js';
3
- import './cosmoz-omnitable-column-autocomplete.js';
4
- import './cosmoz-omnitable-column-boolean.js';
5
- import './cosmoz-omnitable-column-date.js';
6
- import './cosmoz-omnitable-column-list-horizontal.js';
7
- import './cosmoz-omnitable-column-list.js';
8
- import './cosmoz-omnitable-column-number.js';
9
- import './cosmoz-omnitable-column-time.js';
10
- import './cosmoz-omnitable-column-datetime.js';
4
+ require("./cosmoz-omnitable-column-amount.js");
5
+ require("./cosmoz-omnitable-column-autocomplete.js");
6
+ require("./cosmoz-omnitable-column-boolean.js");
7
+ require("./cosmoz-omnitable-column-date.js");
8
+ require("./cosmoz-omnitable-column-list-horizontal.js");
9
+ require("./cosmoz-omnitable-column-list.js");
10
+ require("./cosmoz-omnitable-column-number.js");
11
+ require("./cosmoz-omnitable-column-time.js");
12
+ require("./cosmoz-omnitable-column-datetime.js");
11
13
  //# sourceMappingURL=cosmoz-omnitable-columns.js.map
@@ -1,8 +1,10 @@
1
- import { component } from '@pionjs/pion';
2
- import { nothing } from 'lit-html';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const pion_1 = require("@pionjs/pion");
4
+ const lit_html_1 = require("lit-html");
3
5
  const GroupRow = ({ column, item, selected, folded, group }) => {
4
6
  if (!column) {
5
- return nothing;
7
+ return lit_html_1.nothing;
6
8
  }
7
9
  return (column.renderGroup ?? column.renderCell)(column, {
8
10
  item,
@@ -11,5 +13,5 @@ const GroupRow = ({ column, item, selected, folded, group }) => {
11
13
  group,
12
14
  });
13
15
  };
14
- customElements.define('cosmoz-omnitable-group-row', component(GroupRow, { useShadowDOM: false }));
16
+ customElements.define('cosmoz-omnitable-group-row', (0, pion_1.component)(GroupRow, { useShadowDOM: false }));
15
17
  //# sourceMappingURL=cosmoz-omnitable-group-row.js.map