@neovici/cosmoz-omnitable 14.17.0 → 14.19.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 +23 -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 +15 -24
  128. package/dist/lib/utils-date.d.ts.map +1 -1
  129. package/dist/lib/utils-date.js +82 -66
  130. package/dist/lib/utils-datetime.d.ts +9 -15
  131. package/dist/lib/utils-datetime.d.ts.map +1 -1
  132. package/dist/lib/utils-datetime.js +42 -21
  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 +12 -16
  137. package/dist/lib/utils-time.d.ts.map +1 -1
  138. package/dist/lib/utils-time.js +61 -42
  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,9 +1,12 @@
1
- import { useCallback, useState } from '@pionjs/pion';
2
- import { callFn, getItemState } from './utils';
3
- export const useWeakState = () => {
4
- const [wrapper, setState] = useState(() => [new WeakMap()]), setItemState = useCallback((item, newItemState) => setState(([state]) => {
5
- const itemState = getItemState(item, state);
6
- Object.assign(itemState, callFn(newItemState, itemState));
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useWeakState = void 0;
4
+ const pion_1 = require("@pionjs/pion");
5
+ const utils_1 = require("./utils");
6
+ const useWeakState = () => {
7
+ const [wrapper, setState] = (0, pion_1.useState)(() => [new WeakMap()]), setItemState = (0, pion_1.useCallback)((item, newItemState) => setState(([state]) => {
8
+ const itemState = (0, utils_1.getItemState)(item, state);
9
+ Object.assign(itemState, (0, utils_1.callFn)(newItemState, itemState));
7
10
  return [state];
8
11
  }), []);
9
12
  return {
@@ -12,4 +15,5 @@ export const useWeakState = () => {
12
15
  signal: wrapper,
13
16
  };
14
17
  };
18
+ exports.useWeakState = useWeakState;
15
19
  //# sourceMappingURL=use-weak-state.js.map
@@ -1,3 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.byReference = exports.callFn = exports.isGroup = exports.isFolded = exports.isExpanded = exports.getItemState = exports.prepareData = exports.symbols = void 0;
1
4
  const symbols = {
2
5
  group: Symbol('group'),
3
6
  }, getItemState = (item, itemsState) => {
@@ -53,5 +56,12 @@ prepareData = (data, displayEmptyGroups, itemsState) => {
53
56
  }, []);
54
57
  return flatData;
55
58
  }, callFn = (fn, ...args) => (typeof fn === 'function' ? fn(...args) : fn), byReference = (a, b) => a === b;
56
- export { symbols, prepareData, getItemState, isExpanded, isFolded, isGroup, callFn, byReference, };
59
+ exports.symbols = symbols;
60
+ exports.getItemState = getItemState;
61
+ exports.isExpanded = isExpanded;
62
+ exports.isFolded = isFolded;
63
+ exports.isGroup = isGroup;
64
+ exports.prepareData = prepareData;
65
+ exports.callFn = callFn;
66
+ exports.byReference = byReference;
57
67
  //# sourceMappingURL=utils.js.map
@@ -1,7 +1,10 @@
1
- import { layout } from './layout';
2
- import { findLastIndex } from './utils';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.toCss = exports.computeLayout = void 0;
4
+ const layout_1 = require("./layout");
5
+ const utils_1 = require("./utils");
3
6
  const _toCss = (layout, config) => {
4
- const lastVisibleIndex = findLastIndex(layout, (width) => width != null && width > 0), generateCellCSS = (itemName, width) => `.cell[name="${itemName}"], cosmoz-omnitable-skeleton::part(cell-${itemName}){width: ${Math.floor(width)}px;padding: 0 min(3px, ${width / 2}px)}`, hideResizeNub = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"]{display:none}`, hideColumn = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"], .cell[name="${itemName}"]{display:none}`;
7
+ const lastVisibleIndex = (0, utils_1.findLastIndex)(layout, (width) => width != null && width > 0), generateCellCSS = (itemName, width) => `.cell[name="${itemName}"], cosmoz-omnitable-skeleton::part(cell-${itemName}){width: ${Math.floor(width)}px;padding: 0 min(3px, ${width / 2}px)}`, hideResizeNub = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"]{display:none}`, hideColumn = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"], .cell[name="${itemName}"]{display:none}`;
5
8
  return config
6
9
  .map((item, index) => {
7
10
  const width = layout[index];
@@ -20,11 +23,11 @@ const _toCss = (layout, config) => {
20
23
  })
21
24
  .join('\n');
22
25
  };
23
- export const computeLayout = (_columnConfigs, canvasWidth, numColumns) => {
26
+ const computeLayout = (_columnConfigs, canvasWidth, numColumns) => {
24
27
  const columnConfigs = _columnConfigs.filter((c) => !c.hidden), totalWidths = columnConfigs.reduce((sum, { width }) => sum + width, 0);
25
28
  if (columnConfigs.length > 1 && totalWidths > canvasWidth) {
26
29
  // drop a column
27
- return computeLayout(columnConfigs.slice(1), canvasWidth, numColumns);
30
+ return (0, exports.computeLayout)(columnConfigs.slice(1), canvasWidth, numColumns);
28
31
  }
29
32
  // calculate the index of the last visible column, the one that needs to flex,
30
33
  // as the column configs might now be in a different order than displayed
@@ -37,10 +40,11 @@ export const computeLayout = (_columnConfigs, canvasWidth, numColumns) => {
37
40
  if (lastColumnIndex !== -1) {
38
41
  columnConfigs[lastColumnIndex].flex = 1;
39
42
  }
40
- const widths = layout(columnConfigs, canvasWidth);
43
+ const widths = (0, layout_1.layout)(columnConfigs, canvasWidth);
41
44
  return widths.reduce((sorted, width, i) => {
42
45
  sorted[columnConfigs[i].index] = width;
43
46
  return sorted;
44
47
  }, new Array(numColumns).fill(undefined));
45
48
  }, toCss = (layout, config) => layout.length === 0 ? '.cell {display: none;}' : _toCss(layout, config);
49
+ exports.computeLayout = computeLayout, exports.toCss = toCss;
46
50
  //# sourceMappingURL=compute-layout.js.map
@@ -1,11 +1,13 @@
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 { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
7
- import { polymerHauntedRender } from './polymer-haunted-render-mixin';
8
- class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerElement)) {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
4
+ const polymer_1 = require("@polymer/polymer");
5
+ const lit_html_1 = require("lit-html");
6
+ const if_defined_js_1 = require("lit-html/directives/if-defined.js");
7
+ require("@neovici/cosmoz-input");
8
+ const cosmoz_omnitable_range_input_mixin_1 = require("./cosmoz-omnitable-range-input-mixin");
9
+ const polymer_haunted_render_mixin_1 = require("./polymer-haunted-render-mixin");
10
+ class AmountRangeInput extends (0, cosmoz_omnitable_range_input_mixin_1.rangeInputMixin)((0, polymer_haunted_render_mixin_1.polymerHauntedRender)(polymer_1.PolymerElement)) {
9
11
  static get properties() {
10
12
  return {
11
13
  /**
@@ -37,7 +39,7 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
37
39
  this.headerFocused = event.detail.value;
38
40
  this._onDropdownOpenedChanged(event);
39
41
  };
40
- return html `
42
+ return (0, lit_html_1.html) `
41
43
  <style>
42
44
  paper-dropdown-menu {
43
45
  --iron-icon-width: 0;
@@ -93,7 +95,7 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
93
95
  ></cosmoz-clear-button>
94
96
  <paper-dropdown-menu
95
97
  label=${this.title}
96
- placeholder=${ifDefined(this._filterText)}
98
+ placeholder=${(0, if_defined_js_1.ifDefined)(this._filterText)}
97
99
  class="external-values-${this.externalValues}"
98
100
  title=${this._tooltip}
99
101
  horizontal-align="right"
@@ -105,8 +107,8 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
105
107
  <cosmoz-input
106
108
  class=${this._fromClasses}
107
109
  type="number"
108
- title=${_('Minimum amount')}
109
- label=${_('Min amount')}
110
+ title=${(0, cosmoz_i18next_1._)('Minimum amount')}
111
+ label=${(0, cosmoz_i18next_1._)('Min amount')}
110
112
  .value=${this._filterInput?.min}
111
113
  @value-changed=${(event) => {
112
114
  this.set('_filterInput.min', event.detail.value);
@@ -121,8 +123,8 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
121
123
  <cosmoz-input
122
124
  class=${this._toClasses}
123
125
  type="number"
124
- title=${_('Maximum amount')}
125
- label=${_('Max amount')}
126
+ title=${(0, cosmoz_i18next_1._)('Maximum amount')}
127
+ label=${(0, cosmoz_i18next_1._)('Max amount')}
126
128
  .value=${this._filterInput?.max}
127
129
  @value-changed=${(event) => {
128
130
  this.set('_filterInput.max', event.detail.value);
@@ -1,5 +1,8 @@
1
- import { toLocalISOString } from '@neovici/cosmoz-utils/date';
2
- import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.dateInputMixin = void 0;
4
+ const date_1 = require("@neovici/cosmoz-utils/date");
5
+ const cosmoz_omnitable_range_input_mixin_1 = require("./cosmoz-omnitable-range-input-mixin");
3
6
  /**
4
7
  * @polymer
5
8
  * @mixinFunction
@@ -7,12 +10,12 @@ import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
7
10
  * @param {class} base The base class
8
11
  * @returns {class} The base class with the mixin applied
9
12
  */
10
- export const dateInputMixin = (base) =>
13
+ const dateInputMixin = (base) =>
11
14
  /**
12
15
  * @polymer
13
16
  * @mixinClass
14
17
  */
15
- class extends rangeInputMixin(base) {
18
+ class extends (0, cosmoz_omnitable_range_input_mixin_1.rangeInputMixin)(base) {
16
19
  static get properties() {
17
20
  return {
18
21
  max: { type: Date, value: null },
@@ -143,7 +146,8 @@ class extends rangeInputMixin(base) {
143
146
  this._fireItemChangeEvent(item, this.valuePath, oldValue, this.renderValue.bind(this));
144
147
  }
145
148
  _toLocalISOString(date) {
146
- return toLocalISOString(date);
149
+ return (0, date_1.toLocalISOString)(date);
147
150
  }
148
151
  };
152
+ exports.dateInputMixin = dateInputMixin;
149
153
  //# sourceMappingURL=cosmoz-omnitable-date-input-mixin.js.map
@@ -1,13 +1,15 @@
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 DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
4
+ const polymer_1 = require("@polymer/polymer");
5
+ const lit_html_1 = require("lit-html");
6
+ const if_defined_js_1 = require("lit-html/directives/if-defined.js");
7
+ require("@neovici/cosmoz-input");
8
+ const cosmoz_omnitable_date_input_mixin_1 = require("./cosmoz-omnitable-date-input-mixin");
9
+ const polymer_haunted_render_mixin_1 = require("./polymer-haunted-render-mixin");
10
+ class DateRangeInput extends (0, cosmoz_omnitable_date_input_mixin_1.dateInputMixin)((0, polymer_haunted_render_mixin_1.polymerHauntedRender)(polymer_1.PolymerElement)) {
9
11
  render() {
10
- return html `
12
+ return (0, lit_html_1.html) `
11
13
  <style>
12
14
  paper-dropdown-menu {
13
15
  --iron-icon-width: 0;
@@ -62,7 +64,7 @@ class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
62
64
  ></cosmoz-clear-button>
63
65
  <paper-dropdown-menu
64
66
  label=${this.title}
65
- placeholder=${ifDefined(this._filterText)}
67
+ placeholder=${(0, if_defined_js_1.ifDefined)(this._filterText)}
66
68
  class="external-values-${this.externalValues}"
67
69
  title=${this._tooltip}
68
70
  horizontal-align="right"
@@ -76,7 +78,7 @@ class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
76
78
  <h3 style="margin: 0;">${this.title}</h3>
77
79
  <cosmoz-input
78
80
  type="date"
79
- label=${_('From date')}
81
+ label=${(0, cosmoz_i18next_1._)('From date')}
80
82
  min=${this._toInputString(this._limit.fromMin)}
81
83
  max=${this._toInputString(this._limit.fromMax)}
82
84
  .value=${this._filterInput?.min}
@@ -84,7 +86,7 @@ class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
84
86
  ></cosmoz-input>
85
87
  <cosmoz-input
86
88
  type="date"
87
- label=${_('Until date')}
89
+ label=${(0, cosmoz_i18next_1._)('Until date')}
88
90
  min=${this._toInputString(this._limit.toMin)}
89
91
  max=${this._toInputString(this._limit.toMax)}
90
92
  .value=${this._filterInput?.max}
@@ -1,12 +1,14 @@
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 { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
6
- import { polymerHauntedRender } from './polymer-haunted-render-mixin';
7
- class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
4
+ const polymer_1 = require("@polymer/polymer");
5
+ const lit_html_1 = require("lit-html");
6
+ const if_defined_js_1 = require("lit-html/directives/if-defined.js");
7
+ const cosmoz_omnitable_date_input_mixin_1 = require("./cosmoz-omnitable-date-input-mixin");
8
+ const polymer_haunted_render_mixin_1 = require("./polymer-haunted-render-mixin");
9
+ class DatetimeRangeInput extends (0, cosmoz_omnitable_date_input_mixin_1.dateInputMixin)((0, polymer_haunted_render_mixin_1.polymerHauntedRender)(polymer_1.PolymerElement)) {
8
10
  render() {
9
- return html `
11
+ return (0, lit_html_1.html) `
10
12
  <style>
11
13
  paper-dropdown-menu {
12
14
  --iron-icon-width: 0;
@@ -63,7 +65,7 @@ class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElem
63
65
  ></cosmoz-clear-button>
64
66
  <paper-dropdown-menu
65
67
  label=${this.title}
66
- placeholder=${ifDefined(this._filterText)}
68
+ placeholder=${(0, if_defined_js_1.ifDefined)(this._filterText)}
67
69
  class="external-values-${this.externalValues}"
68
70
  title=${this._tooltip}
69
71
  horizontal-align="right"
@@ -73,8 +75,8 @@ class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElem
73
75
  <div class="dropdown-content" slot="dropdown-content">
74
76
  <h3 style="margin: 0;">${this.title}</h3>
75
77
  <cosmoz-datetime-input
76
- date-label=${_('From date')}
77
- time-label=${_('From time')}
78
+ date-label=${(0, cosmoz_i18next_1._)('From date')}
79
+ time-label=${(0, cosmoz_i18next_1._)('From time')}
78
80
  min=${this._toInputString(this._limit.fromMin)}
79
81
  max=${this._toInputString(this._limit.fromMax)}
80
82
  step=${this.filterStep}
@@ -82,8 +84,8 @@ class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElem
82
84
  @value-changed=${(event) => this.set('_filterInput.min', event.detail.value)}
83
85
  ></cosmoz-datetime-input>
84
86
  <cosmoz-datetime-input
85
- date-label=${_('To date')}
86
- time-label=${_('To time')}
87
+ date-label=${(0, cosmoz_i18next_1._)('To date')}
88
+ time-label=${(0, cosmoz_i18next_1._)('To time')}
87
89
  min=${this._toInputString(this._limit.toMin)}
88
90
  max=${this._toInputString(this._limit.toMax)}
89
91
  step=${this.filterStep}
@@ -1,11 +1,13 @@
1
- import { PolymerElement } from '@polymer/polymer';
2
- import { ifDefined } from 'lit-html/directives/if-defined.js';
3
- import { html } from 'lit-html';
4
- import { _ } from '@neovici/cosmoz-i18next';
5
- import '@neovici/cosmoz-input';
6
- import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
7
- import { polymerHauntedRender } from './polymer-haunted-render-mixin';
8
- class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerElement)) {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const polymer_1 = require("@polymer/polymer");
4
+ const if_defined_js_1 = require("lit-html/directives/if-defined.js");
5
+ const lit_html_1 = require("lit-html");
6
+ const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
7
+ require("@neovici/cosmoz-input");
8
+ const cosmoz_omnitable_range_input_mixin_1 = require("./cosmoz-omnitable-range-input-mixin");
9
+ const polymer_haunted_render_mixin_1 = require("./polymer-haunted-render-mixin");
10
+ class NumberRangeInput extends (0, cosmoz_omnitable_range_input_mixin_1.rangeInputMixin)((0, polymer_haunted_render_mixin_1.polymerHauntedRender)(polymer_1.PolymerElement)) {
9
11
  static get properties() {
10
12
  return {
11
13
  maximumFractionDigits: { type: Number, value: null },
@@ -27,7 +29,7 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
27
29
  this.headerFocused = event.detail.value;
28
30
  this._onDropdownOpenedChanged(event);
29
31
  };
30
- return html `
32
+ return (0, lit_html_1.html) `
31
33
  <style>
32
34
  paper-dropdown-menu {
33
35
  --iron-icon-width: 0;
@@ -84,7 +86,7 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
84
86
  ></cosmoz-clear-button>
85
87
  <paper-dropdown-menu
86
88
  label=${this.title}
87
- placeholder=${ifDefined(this._filterText)}
89
+ placeholder=${(0, if_defined_js_1.ifDefined)(this._filterText)}
88
90
  class="external-values-${this.externalValues}"
89
91
  title=${this._tooltip}
90
92
  horizontal-align="right"
@@ -96,7 +98,7 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
96
98
  <cosmoz-input
97
99
  class=${this._fromClasses}
98
100
  type="number"
99
- label=${_('From')}
101
+ label=${(0, cosmoz_i18next_1._)('From')}
100
102
  .value=${this._filterInput?.min}
101
103
  @value-changed=${(event) => {
102
104
  this.set('_filterInput.min', event.detail.value);
@@ -109,7 +111,7 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
109
111
  <cosmoz-input
110
112
  class=${this._toClasses}
111
113
  type="number"
112
- label=${_('To')}
114
+ label=${(0, cosmoz_i18next_1._)('To')}
113
115
  .value=${this._filterInput?.max}
114
116
  @value-changed=${(event) => {
115
117
  this.set('_filterInput.max', event.detail.value);
@@ -1,7 +1,10 @@
1
- import { Debouncer } from '@polymer/polymer/lib/utils/debounce.js';
2
- import { timeOut } from '@polymer/polymer/lib/utils/async.js';
3
- import { enqueueDebouncer } from '@polymer/polymer/lib/utils/flush.js';
4
- import { invoke } from '@neovici/cosmoz-utils/function';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.rangeInputMixin = void 0;
4
+ const debounce_js_1 = require("@polymer/polymer/lib/utils/debounce.js");
5
+ const async_js_1 = require("@polymer/polymer/lib/utils/async.js");
6
+ const flush_js_1 = require("@polymer/polymer/lib/utils/flush.js");
7
+ const function_1 = require("@neovici/cosmoz-utils/function");
5
8
  const getCloseableParent = (el) => typeof el.close === 'function' ? el : getCloseableParent(el.parentElement);
6
9
  /**
7
10
  * @polymer
@@ -9,7 +12,7 @@ const getCloseableParent = (el) => typeof el.close === 'function' ? el : getClos
9
12
  * @param {class} base The base class
10
13
  * @returns {class} The base class with the mixin applied
11
14
  */
12
- export const rangeInputMixin = (base) =>
15
+ const rangeInputMixin = (base) =>
13
16
  /**
14
17
  * @polymer
15
18
  * @mixinClass
@@ -207,11 +210,11 @@ class extends base {
207
210
  if (!autoupdate) {
208
211
  return;
209
212
  }
210
- this._limitInputDebouncer = Debouncer.debounce(this._limitInputDebouncer, timeOut.after(600), () => {
213
+ this._limitInputDebouncer = debounce_js_1.Debouncer.debounce(this._limitInputDebouncer, async_js_1.timeOut.after(600), () => {
211
214
  this._limitInput();
212
215
  this._updateFilter();
213
216
  });
214
- enqueueDebouncer(this._limitInputDebouncer);
217
+ (0, flush_js_1.enqueueDebouncer)(this._limitInputDebouncer);
215
218
  }
216
219
  _clearFrom() {
217
220
  this.set('_filterInput.min', null);
@@ -325,7 +328,7 @@ class extends base {
325
328
  _updateLimits(limits, headerFocused) {
326
329
  if (!limits)
327
330
  return;
328
- Promise.resolve(invoke(limits, { active: headerFocused })).then((res) => {
331
+ Promise.resolve((0, function_1.invoke)(limits, { active: headerFocused })).then((res) => {
329
332
  const { min, max } = res ?? {};
330
333
  Object.assign(this, {
331
334
  ...(min != null ? { min } : {}),
@@ -334,4 +337,5 @@ class extends base {
334
337
  });
335
338
  }
336
339
  };
340
+ exports.rangeInputMixin = rangeInputMixin;
337
341
  //# sourceMappingURL=cosmoz-omnitable-range-input-mixin.js.map
@@ -1,8 +1,10 @@
1
- import { useEffect, 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 ResizeNub = (host) => {
4
6
  const { column } = host;
5
- useEffect(() => {
7
+ (0, pion_1.useEffect)(() => {
6
8
  let initial = 0;
7
9
  let initialWidth = 0;
8
10
  const move = (ev) => {
@@ -27,7 +29,7 @@ const ResizeNub = (host) => {
27
29
  host.addEventListener('pointerdown', start);
28
30
  return () => host.removeEventListener('pointerdown', start);
29
31
  }, [column]);
30
- return nothing;
32
+ return lit_html_1.nothing;
31
33
  };
32
- customElements.define('cosmoz-omnitable-resize-nub', component(ResizeNub));
34
+ customElements.define('cosmoz-omnitable-resize-nub', (0, pion_1.component)(ResizeNub));
33
35
  //# sourceMappingURL=cosmoz-omnitable-resize-nub.js.map
@@ -1,13 +1,15 @@
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)) {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const cosmoz_i18next_1 = require("@neovici/cosmoz-i18next");
4
+ const polymer_1 = require("@polymer/polymer");
5
+ const lit_html_1 = require("lit-html");
6
+ const if_defined_js_1 = require("lit-html/directives/if-defined.js");
7
+ require("@neovici/cosmoz-input");
8
+ const cosmoz_omnitable_date_input_mixin_1 = require("./cosmoz-omnitable-date-input-mixin");
9
+ const polymer_haunted_render_mixin_1 = require("./polymer-haunted-render-mixin");
10
+ class TimeRangeInput extends (0, cosmoz_omnitable_date_input_mixin_1.dateInputMixin)((0, polymer_haunted_render_mixin_1.polymerHauntedRender)(polymer_1.PolymerElement)) {
9
11
  render() {
10
- return html `
12
+ return (0, lit_html_1.html) `
11
13
  <style>
12
14
  paper-dropdown-menu {
13
15
  --iron-icon-width: 0;
@@ -21,7 +23,7 @@ class TimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
21
23
  ></cosmoz-clear-button>
22
24
  <paper-dropdown-menu
23
25
  label=${this.title}
24
- placeholder=${ifDefined(this._filterText)}
26
+ placeholder=${(0, if_defined_js_1.ifDefined)(this._filterText)}
25
27
  class="external-values-${this.externalValues}"
26
28
  title=${this._tooltip}
27
29
  horizontal-align="right"
@@ -37,14 +39,14 @@ class TimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
37
39
  <h3 style="margin: 0;">${this.title}</h3>
38
40
  <cosmoz-input
39
41
  type="time"
40
- label=${_('From time')}
42
+ label=${(0, cosmoz_i18next_1._)('From time')}
41
43
  step=${this.filterStep}
42
44
  .value=${this._filterInput.min}
43
45
  @value-changed=${(event) => this.set('_filterInput.min', event.detail.value)}
44
46
  ></cosmoz-input>
45
47
  <cosmoz-input
46
48
  type="time"
47
- label=${_('Until time')}
49
+ label=${(0, cosmoz_i18next_1._)('Until time')}
48
50
  step=${this.filterStep}
49
51
  .value=${this._filterInput.max}
50
52
  @value-changed=${(event) => this.set('_filterInput.max', event.detail.value)}
@@ -1,5 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.genericSorter = void 0;
1
4
  // eslint-disable-next-line max-statements
2
- export const genericSorter = (a, b) => {
5
+ const genericSorter = (a, b) => {
3
6
  if (a === b) {
4
7
  return 0;
5
8
  }
@@ -26,4 +29,5 @@ export const genericSorter = (a, b) => {
26
29
  console.warn('unsupported sort', typeof a, a, typeof b, b);
27
30
  return 0;
28
31
  };
32
+ exports.genericSorter = genericSorter;
29
33
  //# sourceMappingURL=generic-sorter.js.map
@@ -1,5 +1,5 @@
1
- export declare const close: import("lit-html").TemplateResult<1>;
2
- export declare const pull: import("lit-html").TemplateResult<1>;
3
- export declare const arrow: import("lit-html").TemplateResult<1>;
4
- export declare const triangle: import("lit-html").TemplateResult<1>;
1
+ export declare const close: import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
2
+ export declare const pull: import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
3
+ export declare const arrow: import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
4
+ export declare const triangle: import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
5
5
  //# sourceMappingURL=icons.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,sCAqBX,CAAC;AAER,eAAO,MAAM,IAAI,sCAWhB,CAAC;AAEF,eAAO,MAAM,KAAK,sCAaX,CAAC;AAER,eAAO,MAAM,QAAQ,sCAWb,CAAC"}
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,iFAqBX,CAAC;AAER,eAAO,MAAM,IAAI,iFAWhB,CAAC;AAEF,eAAO,MAAM,KAAK,iFAaX,CAAC;AAER,eAAO,MAAM,QAAQ,iFAWb,CAAC"}
package/dist/lib/icons.js CHANGED
@@ -1,5 +1,8 @@
1
- import { html } from 'lit-html';
2
- export const close = html `<svg
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.triangle = exports.arrow = exports.pull = exports.close = void 0;
4
+ const lit_html_1 = require("lit-html");
5
+ exports.close = (0, lit_html_1.html) `<svg
3
6
  width="10"
4
7
  height="9"
5
8
  viewBox="0 0 10 9"
@@ -21,7 +24,7 @@ export const close = html `<svg
21
24
  stroke-width="1.5"
22
25
  />
23
26
  </svg>`;
24
- export const pull = html `
27
+ exports.pull = (0, lit_html_1.html) `
25
28
  <svg
26
29
  width="16"
27
30
  height="6"
@@ -33,7 +36,7 @@ export const pull = html `
33
36
  <rect y="4" width="16" height="2" />
34
37
  </svg>
35
38
  `;
36
- export const arrow = html ` <svg
39
+ exports.arrow = (0, lit_html_1.html) ` <svg
37
40
  width="12"
38
41
  height="7"
39
42
  viewBox="0 0 12 7"
@@ -47,7 +50,7 @@ export const arrow = html ` <svg
47
50
  stroke-linejoin="round"
48
51
  />
49
52
  </svg>`;
50
- export const triangle = html `<svg
53
+ exports.triangle = (0, lit_html_1.html) `<svg
51
54
  width="8"
52
55
  height="6"
53
56
  viewBox="0 0 8 6"
@@ -1,6 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.layout = void 0;
1
4
  const finite = (num) => (Number.isFinite(num) ? num : 0);
2
- export const // eslint-disable-next-line max-statements
3
- layout = (columns, container) => {
5
+ const layout = (columns, container) => {
4
6
  const result = [];
5
7
  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
8
  // first pass: apply and drop lots with minWidth or flex 0
@@ -38,4 +40,5 @@ layout = (columns, container) => {
38
40
  }
39
41
  return result;
40
42
  };
43
+ exports.layout = layout;
41
44
  //# sourceMappingURL=layout.js.map
@@ -1,16 +1,20 @@
1
- import { html } from '@polymer/polymer';
2
- import { render } from 'lit-html';
3
- export const polymerHauntedRender = (base) => class extends base {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.polymerHauntedRender = void 0;
4
+ const polymer_1 = require("@polymer/polymer");
5
+ const lit_html_1 = require("lit-html");
6
+ const polymerHauntedRender = (base) => class extends base {
4
7
  static get template() {
5
- return html `<div id="output" style="position:relative;"></div>`;
8
+ return (0, polymer_1.html) `<div id="output" style="position:relative;"></div>`;
6
9
  }
7
10
  connectedCallback() {
8
11
  super.connectedCallback();
9
- render(this.render(), this.$.output);
12
+ (0, lit_html_1.render)(this.render(), this.$.output);
10
13
  }
11
14
  _propertiesChanged(currentProps, changedProps, oldProps) {
12
15
  super._propertiesChanged(currentProps, changedProps, oldProps);
13
- requestAnimationFrame(() => render(this.render(), this.$.output));
16
+ requestAnimationFrame(() => (0, lit_html_1.render)(this.render(), this.$.output));
14
17
  }
15
18
  };
19
+ exports.polymerHauntedRender = polymerHauntedRender;
16
20
  //# sourceMappingURL=polymer-haunted-render-mixin.js.map
@@ -5,5 +5,5 @@ export function renderFooter({ columns, selectedItems, csvFilename, xlsxFilename
5
5
  xlsxFilename: any;
6
6
  xlsxSheetname: any;
7
7
  topPlacement: any;
8
- }): import("lit-html").TemplateResult<1>;
8
+ }): import("lit-html", { with: { "resolution-mode": "import" } }).TemplateResult<1>;
9
9
  //# sourceMappingURL=render-footer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"render-footer.d.ts","sourceRoot":"","sources":["../../src/lib/render-footer.js"],"names":[],"mappings":"AAMO;;;;;;;yCA0De"}
1
+ {"version":3,"file":"render-footer.d.ts","sourceRoot":"","sources":["../../src/lib/render-footer.js"],"names":[],"mappings":"AAMO;;;;;;;oFA0De"}