handsontable 0.0.0-next-fd9f817-20241125 → 0.0.0-next-fcb9b77-20241126
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of handsontable might be problematic. Click here for more details.
- package/3rdparty/walkontable/src/calculator/index.js +2 -1
- package/3rdparty/walkontable/src/calculator/index.mjs +2 -2
- package/3rdparty/walkontable/src/calculator/viewportRows.js +3 -3
- package/3rdparty/walkontable/src/calculator/viewportRows.mjs +3 -3
- package/3rdparty/walkontable/src/core/_base.js +19 -26
- package/3rdparty/walkontable/src/core/_base.mjs +19 -26
- package/3rdparty/walkontable/src/core/clone.js +0 -1
- package/3rdparty/walkontable/src/core/clone.mjs +0 -1
- package/3rdparty/walkontable/src/core/core.js +0 -2
- package/3rdparty/walkontable/src/core/core.mjs +0 -2
- package/3rdparty/walkontable/src/facade/core.js +6 -9
- package/3rdparty/walkontable/src/facade/core.mjs +6 -9
- package/3rdparty/walkontable/src/index.js +1 -0
- package/3rdparty/walkontable/src/index.mjs +2 -2
- package/3rdparty/walkontable/src/overlay/_base.js +1 -3
- package/3rdparty/walkontable/src/overlay/_base.mjs +1 -3
- package/3rdparty/walkontable/src/overlay/bottom.js +2 -2
- package/3rdparty/walkontable/src/overlay/bottom.mjs +2 -2
- package/3rdparty/walkontable/src/overlay/top.js +1 -1
- package/3rdparty/walkontable/src/overlay/top.mjs +1 -1
- package/3rdparty/walkontable/src/renderer/index.js +2 -4
- package/3rdparty/walkontable/src/renderer/index.mjs +2 -4
- package/3rdparty/walkontable/src/renderer/table.js +3 -12
- package/3rdparty/walkontable/src/renderer/table.mjs +3 -12
- package/3rdparty/walkontable/src/scroll.js +46 -37
- package/3rdparty/walkontable/src/scroll.mjs +46 -37
- package/3rdparty/walkontable/src/settings.js +2 -0
- package/3rdparty/walkontable/src/settings.mjs +2 -0
- package/3rdparty/walkontable/src/table.js +9 -17
- package/3rdparty/walkontable/src/table.mjs +9 -17
- package/3rdparty/walkontable/src/types.js +0 -1
- package/3rdparty/walkontable/src/types.mjs +0 -1
- package/3rdparty/walkontable/src/utils/column.js +1 -1
- package/3rdparty/walkontable/src/utils/column.mjs +1 -1
- package/3rdparty/walkontable/src/viewport.js +0 -1
- package/3rdparty/walkontable/src/viewport.mjs +0 -1
- package/base.js +2 -2
- package/base.mjs +2 -2
- package/core/hooks/constants.js +7 -9
- package/core/hooks/constants.mjs +7 -9
- package/core/hooks/index.d.ts +2 -3
- package/core.d.ts +0 -2
- package/core.js +3 -64
- package/core.mjs +3 -64
- package/dataMap/metaManager/metaSchema.js +3 -23
- package/dataMap/metaManager/metaSchema.mjs +3 -23
- package/dist/handsontable.css +9 -17
- package/dist/handsontable.full.css +240 -249
- package/dist/handsontable.full.js +4386 -4760
- package/dist/handsontable.full.min.css +9 -11
- package/dist/handsontable.full.min.js +53 -53
- package/dist/handsontable.js +4087 -4467
- package/dist/handsontable.min.css +4 -5
- package/dist/handsontable.min.js +33 -33
- package/editors/autocompleteEditor/autocompleteEditor.js +1 -1
- package/editors/autocompleteEditor/autocompleteEditor.mjs +1 -1
- package/editors/baseEditor/baseEditor.js +1 -1
- package/editors/baseEditor/baseEditor.mjs +1 -1
- package/editors/dateEditor/dateEditor.js +0 -9
- package/editors/dateEditor/dateEditor.mjs +1 -10
- package/editors/handsontableEditor/handsontableEditor.js +1 -7
- package/editors/handsontableEditor/handsontableEditor.mjs +1 -7
- package/editors/selectEditor/selectEditor.js +9 -20
- package/editors/selectEditor/selectEditor.mjs +9 -20
- package/editors/textEditor/textEditor.js +11 -4
- package/editors/textEditor/textEditor.mjs +11 -4
- package/helpers/dom/element.js +1 -32
- package/helpers/dom/element.mjs +1 -31
- package/helpers/mixed.js +2 -2
- package/helpers/mixed.mjs +2 -2
- package/package.json +3 -10
- package/plugins/comments/commentEditor.js +0 -9
- package/plugins/comments/commentEditor.mjs +0 -9
- package/plugins/comments/comments.js +0 -14
- package/plugins/comments/comments.mjs +1 -15
- package/plugins/contextMenu/menu/menu.js +4 -9
- package/plugins/contextMenu/menu/menu.mjs +4 -9
- package/plugins/contextMenu/predefinedItems/alignment.js +7 -84
- package/plugins/contextMenu/predefinedItems/alignment.mjs +8 -85
- package/plugins/contextMenu/utils.js +0 -10
- package/plugins/contextMenu/utils.mjs +0 -9
- package/plugins/filters/ui/multipleSelect.js +0 -6
- package/plugins/filters/ui/multipleSelect.mjs +0 -6
- package/plugins/manualRowMove/manualRowMove.js +1 -1
- package/plugins/manualRowMove/manualRowMove.mjs +1 -1
- package/plugins/manualRowResize/manualRowResize.js +2 -1
- package/plugins/manualRowResize/manualRowResize.mjs +3 -2
- package/plugins/mergeCells/mergeCells.js +1 -1
- package/plugins/mergeCells/mergeCells.mjs +1 -1
- package/plugins/nestedHeaders/nestedHeaders.js +60 -15
- package/plugins/nestedHeaders/nestedHeaders.mjs +60 -15
- package/plugins/nestedRows/ui/headers.js +1 -7
- package/plugins/nestedRows/ui/headers.mjs +1 -7
- package/plugins/stretchColumns/calculator.js +1 -2
- package/plugins/stretchColumns/calculator.mjs +2 -3
- package/selection/selection.js +4 -2
- package/selection/selection.mjs +4 -2
- package/settings.d.ts +0 -1
- package/tableView.js +23 -64
- package/tableView.mjs +24 -65
- package/utils/autoResize.js +1 -4
- package/utils/autoResize.mjs +1 -4
- package/utils/ghostTable.js +3 -5
- package/utils/ghostTable.mjs +3 -5
- package/3rdparty/walkontable/src/utils/stylesHandler.js +0 -287
- package/3rdparty/walkontable/src/utils/stylesHandler.mjs +0 -283
- package/helpers/themes.js +0 -17
- package/helpers/themes.mjs +0 -13
- package/styles/handsontable.css +0 -2187
- package/styles/handsontable.min.css +0 -30
- package/styles/ht-theme-horizon.css +0 -607
- package/styles/ht-theme-horizon.min.css +0 -30
- package/styles/ht-theme-main.css +0 -613
- package/styles/ht-theme-main.min.css +0 -30
@@ -21,4 +21,5 @@ var _viewportColumns = require("./viewportColumns");
|
|
21
21
|
exports.ViewportColumnsCalculator = _viewportColumns.ViewportColumnsCalculator;
|
22
22
|
exports.DEFAULT_COLUMN_WIDTH = _viewportColumns.DEFAULT_WIDTH;
|
23
23
|
var _viewportRows = require("./viewportRows");
|
24
|
-
exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;
|
24
|
+
exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;
|
25
|
+
exports.DEFAULT_ROW_HEIGHT = _viewportRows.DEFAULT_HEIGHT;
|
@@ -7,5 +7,5 @@ import { RenderedAllRowsCalculationType } from "./calculationType/renderedAllRow
|
|
7
7
|
import { RenderedColumnsCalculationType } from "./calculationType/renderedColumns.mjs";
|
8
8
|
import { RenderedRowsCalculationType } from "./calculationType/renderedRows.mjs";
|
9
9
|
import { ViewportColumnsCalculator, DEFAULT_WIDTH } from "./viewportColumns.mjs";
|
10
|
-
import { ViewportRowsCalculator } from "./viewportRows.mjs";
|
11
|
-
export { DEFAULT_WIDTH as DEFAULT_COLUMN_WIDTH, FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator };
|
10
|
+
import { ViewportRowsCalculator, DEFAULT_HEIGHT } from "./viewportRows.mjs";
|
11
|
+
export { DEFAULT_HEIGHT as DEFAULT_ROW_HEIGHT, DEFAULT_WIDTH as DEFAULT_COLUMN_WIDTH, FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator };
|
@@ -7,6 +7,8 @@ var _viewportBase = require("./viewportBase");
|
|
7
7
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
8
8
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
9
9
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
10
|
+
const DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 23;
|
11
|
+
|
10
12
|
/**
|
11
13
|
* @typedef {object} ViewportRowsCalculatorOptions
|
12
14
|
* @property {Map<string, ViewportBaseCalculator>} calculationTypes The calculation types to be performed.
|
@@ -32,7 +34,6 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
|
|
32
34
|
viewportHeight,
|
33
35
|
scrollOffset,
|
34
36
|
totalRows,
|
35
|
-
defaultRowHeight,
|
36
37
|
rowHeightFn,
|
37
38
|
overrideFn,
|
38
39
|
horizontalScrollbarHeight
|
@@ -50,7 +51,6 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
|
|
50
51
|
_defineProperty(this, "totalCalculatedHeight", 0);
|
51
52
|
_defineProperty(this, "startPositions", []);
|
52
53
|
_defineProperty(this, "needReverse", true);
|
53
|
-
this.defaultHeight = defaultRowHeight;
|
54
54
|
this.viewportHeight = viewportHeight;
|
55
55
|
this.scrollOffset = scrollOffset;
|
56
56
|
this.zeroBasedScrollOffset = Math.max(scrollOffset, 0);
|
@@ -89,7 +89,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
|
|
89
89
|
getRowHeight(row) {
|
90
90
|
const rowHeight = this.rowHeightFn(row);
|
91
91
|
if (isNaN(rowHeight)) {
|
92
|
-
return
|
92
|
+
return DEFAULT_HEIGHT;
|
93
93
|
}
|
94
94
|
return rowHeight;
|
95
95
|
}
|
@@ -4,6 +4,8 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
|
|
4
4
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
5
5
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
6
6
|
import { ViewportBaseCalculator } from "./viewportBase.mjs";
|
7
|
+
export const DEFAULT_HEIGHT = 23;
|
8
|
+
|
7
9
|
/**
|
8
10
|
* @typedef {object} ViewportRowsCalculatorOptions
|
9
11
|
* @property {Map<string, ViewportBaseCalculator>} calculationTypes The calculation types to be performed.
|
@@ -29,7 +31,6 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
|
|
29
31
|
viewportHeight,
|
30
32
|
scrollOffset,
|
31
33
|
totalRows,
|
32
|
-
defaultRowHeight,
|
33
34
|
rowHeightFn,
|
34
35
|
overrideFn,
|
35
36
|
horizontalScrollbarHeight
|
@@ -47,7 +48,6 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
|
|
47
48
|
_defineProperty(this, "totalCalculatedHeight", 0);
|
48
49
|
_defineProperty(this, "startPositions", []);
|
49
50
|
_defineProperty(this, "needReverse", true);
|
50
|
-
this.defaultHeight = defaultRowHeight;
|
51
51
|
this.viewportHeight = viewportHeight;
|
52
52
|
this.scrollOffset = scrollOffset;
|
53
53
|
this.zeroBasedScrollOffset = Math.max(scrollOffset, 0);
|
@@ -86,7 +86,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
|
|
86
86
|
getRowHeight(row) {
|
87
87
|
const rowHeight = this.rowHeightFn(row);
|
88
88
|
if (isNaN(rowHeight)) {
|
89
|
-
return
|
89
|
+
return DEFAULT_HEIGHT;
|
90
90
|
}
|
91
91
|
return rowHeight;
|
92
92
|
}
|
@@ -171,47 +171,43 @@ class CoreAbstract {
|
|
171
171
|
* Scrolls the viewport to a cell (rerenders if needed).
|
172
172
|
*
|
173
173
|
* @param {CellCoords} coords The cell coordinates to scroll to.
|
174
|
-
* @param {
|
175
|
-
*
|
176
|
-
*
|
177
|
-
* @param {
|
174
|
+
* @param {'auto' | 'start' | 'end'} [horizontalSnap='auto'] If `'start'`, viewport is scrolled to show
|
175
|
+
* the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
|
176
|
+
* the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
|
177
|
+
* @param {'auto' | 'top' | 'bottom'} [verticalSnap='auto'] If `'top'`, viewport is scrolled to show
|
178
|
+
* the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on the bottom of
|
179
|
+
* the table. When `'auto'`, the viewport is scrolled only when the row is outside of the viewport.
|
178
180
|
* @returns {boolean}
|
179
181
|
*/
|
180
|
-
scrollViewport(coords,
|
181
|
-
|
182
|
-
return false;
|
183
|
-
}
|
184
|
-
return this.wtScroll.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
|
182
|
+
scrollViewport(coords, horizontalSnap, verticalSnap) {
|
183
|
+
return this.wtScroll.scrollViewport(coords, horizontalSnap, verticalSnap);
|
185
184
|
}
|
186
185
|
|
187
186
|
/**
|
188
187
|
* Scrolls the viewport to a column (rerenders if needed).
|
189
188
|
*
|
190
189
|
* @param {number} column Visual column index.
|
191
|
-
* @param {
|
192
|
-
*
|
190
|
+
* @param {'auto' | 'start' | 'end'} [snapping='auto'] If `'start'`, viewport is scrolled to show
|
191
|
+
* the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
|
192
|
+
* the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
|
193
193
|
* @returns {boolean}
|
194
194
|
*/
|
195
|
-
scrollViewportHorizontally(column,
|
196
|
-
|
197
|
-
return false;
|
198
|
-
}
|
199
|
-
return this.wtScroll.scrollViewportHorizontally(column, snapToRight, snapToLeft);
|
195
|
+
scrollViewportHorizontally(column, snapping) {
|
196
|
+
return this.wtScroll.scrollViewportHorizontally(column, snapping);
|
200
197
|
}
|
201
198
|
|
202
199
|
/**
|
203
200
|
* Scrolls the viewport to a row (rerenders if needed).
|
204
201
|
*
|
205
202
|
* @param {number} row Visual row index.
|
206
|
-
* @param {
|
207
|
-
*
|
203
|
+
* @param {'auto' | 'top' | 'bottom'} [snapping='auto'] If `'top'`, viewport is scrolled to show
|
204
|
+
* the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on
|
205
|
+
* the bottom of the table. When `'auto'`, the viewport is scrolled only when the row is outside of
|
206
|
+
* the viewport.
|
208
207
|
* @returns {boolean}
|
209
208
|
*/
|
210
|
-
scrollViewportVertically(row,
|
211
|
-
|
212
|
-
return false;
|
213
|
-
}
|
214
|
-
return this.wtScroll.scrollViewportVertically(row, snapToTop, snapToBottom);
|
209
|
+
scrollViewportVertically(row, snapping) {
|
210
|
+
return this.wtScroll.scrollViewportVertically(row, snapping);
|
215
211
|
}
|
216
212
|
|
217
213
|
/**
|
@@ -309,9 +305,6 @@ class CoreAbstract {
|
|
309
305
|
get selectionManager() {
|
310
306
|
return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
|
311
307
|
},
|
312
|
-
get stylesHandler() {
|
313
|
-
return wot.stylesHandler;
|
314
|
-
},
|
315
308
|
get drawn() {
|
316
309
|
return wot.drawn;
|
317
310
|
},
|
@@ -167,47 +167,43 @@ export default class CoreAbstract {
|
|
167
167
|
* Scrolls the viewport to a cell (rerenders if needed).
|
168
168
|
*
|
169
169
|
* @param {CellCoords} coords The cell coordinates to scroll to.
|
170
|
-
* @param {
|
171
|
-
*
|
172
|
-
*
|
173
|
-
* @param {
|
170
|
+
* @param {'auto' | 'start' | 'end'} [horizontalSnap='auto'] If `'start'`, viewport is scrolled to show
|
171
|
+
* the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
|
172
|
+
* the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
|
173
|
+
* @param {'auto' | 'top' | 'bottom'} [verticalSnap='auto'] If `'top'`, viewport is scrolled to show
|
174
|
+
* the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on the bottom of
|
175
|
+
* the table. When `'auto'`, the viewport is scrolled only when the row is outside of the viewport.
|
174
176
|
* @returns {boolean}
|
175
177
|
*/
|
176
|
-
scrollViewport(coords,
|
177
|
-
|
178
|
-
return false;
|
179
|
-
}
|
180
|
-
return this.wtScroll.scrollViewport(coords, snapToTop, snapToRight, snapToBottom, snapToLeft);
|
178
|
+
scrollViewport(coords, horizontalSnap, verticalSnap) {
|
179
|
+
return this.wtScroll.scrollViewport(coords, horizontalSnap, verticalSnap);
|
181
180
|
}
|
182
181
|
|
183
182
|
/**
|
184
183
|
* Scrolls the viewport to a column (rerenders if needed).
|
185
184
|
*
|
186
185
|
* @param {number} column Visual column index.
|
187
|
-
* @param {
|
188
|
-
*
|
186
|
+
* @param {'auto' | 'start' | 'end'} [snapping='auto'] If `'start'`, viewport is scrolled to show
|
187
|
+
* the cell on the left of the table. If `'end'`, viewport is scrolled to show the cell on the right of
|
188
|
+
* the table. When `'auto'`, the viewport is scrolled only when the column is outside of the viewport.
|
189
189
|
* @returns {boolean}
|
190
190
|
*/
|
191
|
-
scrollViewportHorizontally(column,
|
192
|
-
|
193
|
-
return false;
|
194
|
-
}
|
195
|
-
return this.wtScroll.scrollViewportHorizontally(column, snapToRight, snapToLeft);
|
191
|
+
scrollViewportHorizontally(column, snapping) {
|
192
|
+
return this.wtScroll.scrollViewportHorizontally(column, snapping);
|
196
193
|
}
|
197
194
|
|
198
195
|
/**
|
199
196
|
* Scrolls the viewport to a row (rerenders if needed).
|
200
197
|
*
|
201
198
|
* @param {number} row Visual row index.
|
202
|
-
* @param {
|
203
|
-
*
|
199
|
+
* @param {'auto' | 'top' | 'bottom'} [snapping='auto'] If `'top'`, viewport is scrolled to show
|
200
|
+
* the cell on the top of the table. If `'bottom'`, viewport is scrolled to show the cell on
|
201
|
+
* the bottom of the table. When `'auto'`, the viewport is scrolled only when the row is outside of
|
202
|
+
* the viewport.
|
204
203
|
* @returns {boolean}
|
205
204
|
*/
|
206
|
-
scrollViewportVertically(row,
|
207
|
-
|
208
|
-
return false;
|
209
|
-
}
|
210
|
-
return this.wtScroll.scrollViewportVertically(row, snapToTop, snapToBottom);
|
205
|
+
scrollViewportVertically(row, snapping) {
|
206
|
+
return this.wtScroll.scrollViewportVertically(row, snapping);
|
211
207
|
}
|
212
208
|
|
213
209
|
/**
|
@@ -305,9 +301,6 @@ export default class CoreAbstract {
|
|
305
301
|
get selectionManager() {
|
306
302
|
return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
|
307
303
|
},
|
308
|
-
get stylesHandler() {
|
309
|
-
return wot.stylesHandler;
|
310
|
-
},
|
311
304
|
get drawn() {
|
312
305
|
return wot.drawn;
|
313
306
|
},
|
@@ -30,7 +30,6 @@ class Clone extends _base.default {
|
|
30
30
|
const facadeGetter = this.wtSettings.getSetting('facade', this);
|
31
31
|
this.cloneSource = clone.source;
|
32
32
|
this.cloneOverlay = clone.overlay;
|
33
|
-
this.stylesHandler = clone.stylesHandler;
|
34
33
|
this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
|
35
34
|
this.wtViewport = clone.viewport;
|
36
35
|
this.selectionManager = clone.selectionManager;
|
@@ -26,7 +26,6 @@ export default class Clone extends CoreAbstract {
|
|
26
26
|
const facadeGetter = this.wtSettings.getSetting('facade', this);
|
27
27
|
this.cloneSource = clone.source;
|
28
28
|
this.cloneOverlay = clone.overlay;
|
29
|
-
this.stylesHandler = clone.stylesHandler;
|
30
29
|
this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
|
31
30
|
this.wtViewport = clone.viewport;
|
32
31
|
this.selectionManager = clone.selectionManager;
|
@@ -12,7 +12,6 @@ var _base = _interopRequireDefault(require("./_base"));
|
|
12
12
|
var _manager = require("../selection/manager");
|
13
13
|
var _object = require("../../../../helpers/object");
|
14
14
|
var _element = require("../../../../helpers/dom/element");
|
15
|
-
var _stylesHandler = require("../utils/stylesHandler");
|
16
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
17
16
|
/**
|
18
17
|
* @class Walkontable
|
@@ -24,7 +23,6 @@ class Walkontable extends _base.default {
|
|
24
23
|
*/
|
25
24
|
constructor(table, settings) {
|
26
25
|
super(table, new _settings.default(settings));
|
27
|
-
this.stylesHandler = new _stylesHandler.StylesHandler(this.domBindings);
|
28
26
|
const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
|
29
27
|
|
30
28
|
this.wtTable = new _master.default(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
|
@@ -9,7 +9,6 @@ import CoreAbstract from "./_base.mjs";
|
|
9
9
|
import { SelectionManager } from "../selection/manager.mjs";
|
10
10
|
import { objectEach } from "../../../../helpers/object.mjs";
|
11
11
|
import { addClass, removeClass } from "../../../../helpers/dom/element.mjs";
|
12
|
-
import { StylesHandler } from "../utils/stylesHandler.mjs";
|
13
12
|
/**
|
14
13
|
* @class Walkontable
|
15
14
|
*/
|
@@ -20,7 +19,6 @@ export default class Walkontable extends CoreAbstract {
|
|
20
19
|
*/
|
21
20
|
constructor(table, settings) {
|
22
21
|
super(table, new Settings(settings));
|
23
|
-
this.stylesHandler = new StylesHandler(this.domBindings);
|
24
22
|
const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
|
25
23
|
|
26
24
|
this.wtTable = new MasterTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
|
@@ -110,9 +110,6 @@ class WalkontableFacade {
|
|
110
110
|
get eventManager() {
|
111
111
|
return this._wot.eventManager;
|
112
112
|
}
|
113
|
-
get stylesHandler() {
|
114
|
-
return this._wot.stylesHandler;
|
115
|
-
}
|
116
113
|
createCellCoords(row, column) {
|
117
114
|
return this._wot.createCellCoords(row, column);
|
118
115
|
}
|
@@ -128,14 +125,14 @@ class WalkontableFacade {
|
|
128
125
|
let topmost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
129
126
|
return this._wot.getCell(coords, topmost);
|
130
127
|
}
|
131
|
-
scrollViewport(coords,
|
132
|
-
return this._wot.scrollViewport(coords,
|
128
|
+
scrollViewport(coords, horizontalSnap, verticalSnap) {
|
129
|
+
return this._wot.scrollViewport(coords, horizontalSnap, verticalSnap);
|
133
130
|
}
|
134
|
-
scrollViewportHorizontally(column,
|
135
|
-
return this._wot.scrollViewportHorizontally(column,
|
131
|
+
scrollViewportHorizontally(column, snapping) {
|
132
|
+
return this._wot.scrollViewportHorizontally(column, snapping);
|
136
133
|
}
|
137
|
-
scrollViewportVertically(row,
|
138
|
-
return this._wot.scrollViewportVertically(row,
|
134
|
+
scrollViewportVertically(row, snapping) {
|
135
|
+
return this._wot.scrollViewportVertically(row, snapping);
|
139
136
|
}
|
140
137
|
getViewport() {
|
141
138
|
return this._wot.getViewport();
|
@@ -106,9 +106,6 @@ export default class WalkontableFacade {
|
|
106
106
|
get eventManager() {
|
107
107
|
return this._wot.eventManager;
|
108
108
|
}
|
109
|
-
get stylesHandler() {
|
110
|
-
return this._wot.stylesHandler;
|
111
|
-
}
|
112
109
|
createCellCoords(row, column) {
|
113
110
|
return this._wot.createCellCoords(row, column);
|
114
111
|
}
|
@@ -124,14 +121,14 @@ export default class WalkontableFacade {
|
|
124
121
|
let topmost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
125
122
|
return this._wot.getCell(coords, topmost);
|
126
123
|
}
|
127
|
-
scrollViewport(coords,
|
128
|
-
return this._wot.scrollViewport(coords,
|
124
|
+
scrollViewport(coords, horizontalSnap, verticalSnap) {
|
125
|
+
return this._wot.scrollViewport(coords, horizontalSnap, verticalSnap);
|
129
126
|
}
|
130
|
-
scrollViewportHorizontally(column,
|
131
|
-
return this._wot.scrollViewportHorizontally(column,
|
127
|
+
scrollViewportHorizontally(column, snapping) {
|
128
|
+
return this._wot.scrollViewportHorizontally(column, snapping);
|
132
129
|
}
|
133
|
-
scrollViewportVertically(row,
|
134
|
-
return this._wot.scrollViewportVertically(row,
|
130
|
+
scrollViewportVertically(row, snapping) {
|
131
|
+
return this._wot.scrollViewportVertically(row, snapping);
|
135
132
|
}
|
136
133
|
getViewport() {
|
137
134
|
return this._wot.getViewport();
|
@@ -4,6 +4,7 @@ exports.__esModule = true;
|
|
4
4
|
var _calculator = require("./calculator");
|
5
5
|
exports.ViewportColumnsCalculator = _calculator.ViewportColumnsCalculator;
|
6
6
|
exports.ViewportRowsCalculator = _calculator.ViewportRowsCalculator;
|
7
|
+
exports.DEFAULT_ROW_HEIGHT = _calculator.DEFAULT_ROW_HEIGHT;
|
7
8
|
exports.DEFAULT_COLUMN_WIDTH = _calculator.DEFAULT_COLUMN_WIDTH;
|
8
9
|
var _coords = _interopRequireDefault(require("./cell/coords"));
|
9
10
|
exports.CellCoords = _coords.default;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ViewportColumnsCalculator, ViewportRowsCalculator, DEFAULT_COLUMN_WIDTH } from "./calculator/index.mjs";
|
1
|
+
import { ViewportColumnsCalculator, ViewportRowsCalculator, DEFAULT_ROW_HEIGHT, DEFAULT_COLUMN_WIDTH } from "./calculator/index.mjs";
|
2
2
|
import CellCoords from "./cell/coords.mjs";
|
3
3
|
import CellRange from "./cell/range.mjs";
|
4
4
|
import Walkontable from "./facade/core.mjs";
|
@@ -6,4 +6,4 @@ import { Selection, ACTIVE_HEADER_TYPE, AREA_TYPE, FOCUS_TYPE, FILL_TYPE, HEADER
|
|
6
6
|
import * as Renderer from "./renderer/index.mjs";
|
7
7
|
import { OrderView, SharedOrderView } from "./utils/orderView/index.mjs";
|
8
8
|
import { getListenersCounter } from "../../../eventManager.mjs";
|
9
|
-
export { DEFAULT_COLUMN_WIDTH, ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };
|
9
|
+
export { DEFAULT_ROW_HEIGHT, DEFAULT_COLUMN_WIDTH, ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };
|
@@ -304,9 +304,7 @@ class Overlay {
|
|
304
304
|
// todo ioc , or factor func if used only here
|
305
305
|
event: this.wot.wtEvent,
|
306
306
|
// todo ioc , or factory func if used only here
|
307
|
-
selectionManager: this.wot.selectionManager,
|
308
|
-
// todo ioc , or factory func if used only here
|
309
|
-
stylesHandler: this.wot.stylesHandler
|
307
|
+
selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
|
310
308
|
});
|
311
309
|
}
|
312
310
|
|
@@ -300,9 +300,7 @@ export class Overlay {
|
|
300
300
|
// todo ioc , or factor func if used only here
|
301
301
|
event: this.wot.wtEvent,
|
302
302
|
// todo ioc , or factory func if used only here
|
303
|
-
selectionManager: this.wot.selectionManager,
|
304
|
-
// todo ioc , or factory func if used only here
|
305
|
-
stylesHandler: this.wot.stylesHandler
|
303
|
+
selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
|
306
304
|
});
|
307
305
|
}
|
308
306
|
|
@@ -144,9 +144,9 @@ class BottomOverlay extends _base.Overlay {
|
|
144
144
|
sumCellSizes(from, to) {
|
145
145
|
const {
|
146
146
|
wtTable,
|
147
|
-
|
147
|
+
wtSettings
|
148
148
|
} = this.wot;
|
149
|
-
const defaultRowHeight =
|
149
|
+
const defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
|
150
150
|
let row = from;
|
151
151
|
let sum = 0;
|
152
152
|
while (row < to) {
|
@@ -140,9 +140,9 @@ export class BottomOverlay extends Overlay {
|
|
140
140
|
sumCellSizes(from, to) {
|
141
141
|
const {
|
142
142
|
wtTable,
|
143
|
-
|
143
|
+
wtSettings
|
144
144
|
} = this.wot;
|
145
|
-
const defaultRowHeight =
|
145
|
+
const defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
|
146
146
|
let row = from;
|
147
147
|
let sum = 0;
|
148
148
|
while (row < to) {
|
@@ -138,7 +138,7 @@ class TopOverlay extends _base.Overlay {
|
|
138
138
|
* @returns {number} Height sum.
|
139
139
|
*/
|
140
140
|
sumCellSizes(from, to) {
|
141
|
-
const defaultRowHeight = this.
|
141
|
+
const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
|
142
142
|
let row = from;
|
143
143
|
let sum = 0;
|
144
144
|
while (row < to) {
|
@@ -134,7 +134,7 @@ export class TopOverlay extends Overlay {
|
|
134
134
|
* @returns {number} Height sum.
|
135
135
|
*/
|
136
136
|
sumCellSizes(from, to) {
|
137
|
-
const defaultRowHeight = this.
|
137
|
+
const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
|
138
138
|
let row = from;
|
139
139
|
let sum = 0;
|
140
140
|
while (row < to) {
|
@@ -28,8 +28,7 @@ class Renderer {
|
|
28
28
|
TBODY,
|
29
29
|
rowUtils,
|
30
30
|
columnUtils,
|
31
|
-
cellRenderer
|
32
|
-
stylesHandler
|
31
|
+
cellRenderer
|
33
32
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
34
33
|
/**
|
35
34
|
* General renderer class used to render Walkontable content on screen.
|
@@ -37,8 +36,7 @@ class Renderer {
|
|
37
36
|
* @type {TableRenderer}
|
38
37
|
*/
|
39
38
|
this.renderer = new _table.default(TABLE, {
|
40
|
-
cellRenderer
|
41
|
-
stylesHandler
|
39
|
+
cellRenderer
|
42
40
|
});
|
43
41
|
this.renderer.setRenderers({
|
44
42
|
rowHeaders: new _rowHeaders.default(),
|
@@ -18,8 +18,7 @@ class Renderer {
|
|
18
18
|
TBODY,
|
19
19
|
rowUtils,
|
20
20
|
columnUtils,
|
21
|
-
cellRenderer
|
22
|
-
stylesHandler
|
21
|
+
cellRenderer
|
23
22
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
24
23
|
/**
|
25
24
|
* General renderer class used to render Walkontable content on screen.
|
@@ -27,8 +26,7 @@ class Renderer {
|
|
27
26
|
* @type {TableRenderer}
|
28
27
|
*/
|
29
28
|
this.renderer = new TableRenderer(TABLE, {
|
30
|
-
cellRenderer
|
31
|
-
stylesHandler
|
29
|
+
cellRenderer
|
32
30
|
});
|
33
31
|
this.renderer.setRenderers({
|
34
32
|
rowHeaders: new RowHeadersRenderer(),
|
@@ -52,8 +52,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
|
|
52
52
|
class TableRenderer {
|
53
53
|
constructor(rootNode) {
|
54
54
|
let {
|
55
|
-
cellRenderer
|
56
|
-
stylesHandler
|
55
|
+
cellRenderer
|
57
56
|
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
58
57
|
/**
|
59
58
|
* Table element which will be used to render the children element.
|
@@ -169,14 +168,9 @@ class TableRenderer {
|
|
169
168
|
* @type {'inline_start'|'top'|'top_inline_start_corner'|'bottom'|'bottom_inline_start_corner'|'master'}
|
170
169
|
*/
|
171
170
|
_defineProperty(this, "activeOverlayName", void 0);
|
172
|
-
/**
|
173
|
-
* Styles handler instance.
|
174
|
-
*/
|
175
|
-
_defineProperty(this, "stylesHandler", void 0);
|
176
171
|
this.rootNode = rootNode;
|
177
172
|
this.rootDocument = this.rootNode.ownerDocument;
|
178
173
|
this.cellRenderer = cellRenderer;
|
179
|
-
this.stylesHandler = stylesHandler;
|
180
174
|
}
|
181
175
|
|
182
176
|
/**
|
@@ -319,15 +313,12 @@ class TableRenderer {
|
|
319
313
|
// Fix for multi-line content and for supporting `rowHeights` option.
|
320
314
|
for (let visibleRowIndex = 0; visibleRowIndex < rowsToRender; visibleRowIndex++) {
|
321
315
|
const TR = rows.getRenderedNode(visibleRowIndex);
|
322
|
-
const rowUtils = this.rowUtils;
|
323
316
|
if (TR.firstChild) {
|
324
317
|
const sourceRowIndex = this.renderedRowToSource(visibleRowIndex);
|
325
|
-
const rowHeight = rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
|
326
|
-
const isBorderBoxSizing = this.stylesHandler.areCellsBorderBox();
|
327
|
-
const borderCompensation = isBorderBoxSizing ? 0 : 1;
|
318
|
+
const rowHeight = this.rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
|
328
319
|
if (rowHeight) {
|
329
320
|
// Decrease height. 1 pixel will be "replaced" by 1px border top
|
330
|
-
TR.firstChild.style.height = `${rowHeight -
|
321
|
+
TR.firstChild.style.height = `${rowHeight - 1}px`;
|
331
322
|
} else {
|
332
323
|
TR.firstChild.style.height = '';
|
333
324
|
}
|
@@ -49,8 +49,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
|
|
49
49
|
export default class TableRenderer {
|
50
50
|
constructor(rootNode) {
|
51
51
|
let {
|
52
|
-
cellRenderer
|
53
|
-
stylesHandler
|
52
|
+
cellRenderer
|
54
53
|
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
55
54
|
/**
|
56
55
|
* Table element which will be used to render the children element.
|
@@ -166,14 +165,9 @@ export default class TableRenderer {
|
|
166
165
|
* @type {'inline_start'|'top'|'top_inline_start_corner'|'bottom'|'bottom_inline_start_corner'|'master'}
|
167
166
|
*/
|
168
167
|
_defineProperty(this, "activeOverlayName", void 0);
|
169
|
-
/**
|
170
|
-
* Styles handler instance.
|
171
|
-
*/
|
172
|
-
_defineProperty(this, "stylesHandler", void 0);
|
173
168
|
this.rootNode = rootNode;
|
174
169
|
this.rootDocument = this.rootNode.ownerDocument;
|
175
170
|
this.cellRenderer = cellRenderer;
|
176
|
-
this.stylesHandler = stylesHandler;
|
177
171
|
}
|
178
172
|
|
179
173
|
/**
|
@@ -316,15 +310,12 @@ export default class TableRenderer {
|
|
316
310
|
// Fix for multi-line content and for supporting `rowHeights` option.
|
317
311
|
for (let visibleRowIndex = 0; visibleRowIndex < rowsToRender; visibleRowIndex++) {
|
318
312
|
const TR = rows.getRenderedNode(visibleRowIndex);
|
319
|
-
const rowUtils = this.rowUtils;
|
320
313
|
if (TR.firstChild) {
|
321
314
|
const sourceRowIndex = this.renderedRowToSource(visibleRowIndex);
|
322
|
-
const rowHeight = rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
|
323
|
-
const isBorderBoxSizing = this.stylesHandler.areCellsBorderBox();
|
324
|
-
const borderCompensation = isBorderBoxSizing ? 0 : 1;
|
315
|
+
const rowHeight = this.rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
|
325
316
|
if (rowHeight) {
|
326
317
|
// Decrease height. 1 pixel will be "replaced" by 1px border top
|
327
|
-
TR.firstChild.style.height = `${rowHeight -
|
318
|
+
TR.firstChild.style.height = `${rowHeight - 1}px`;
|
328
319
|
} else {
|
329
320
|
TR.firstChild.style.height = '';
|
330
321
|
}
|