ember-headless-table 0.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/addon-main.js +5 -0
- package/dist/-private/-type-tests/plugin-properties.test.d.ts +2 -0
- package/dist/-private/-type-tests/plugin-properties.test.d.ts.map +1 -0
- package/dist/-private/-type-tests/plugin-properties.test.js +31 -0
- package/dist/-private/-type-tests/plugin-properties.test.js.map +1 -0
- package/dist/-private/-type-tests/plugin-with.test.d.ts +1 -0
- package/dist/-private/-type-tests/plugin-with.test.js +21 -0
- package/dist/-private/-type-tests/plugin-with.test.js.map +1 -0
- package/dist/-private/-type-tests/plugins-accessors.test.d.ts +1 -0
- package/dist/-private/-type-tests/plugins-accessors.test.js +36 -0
- package/dist/-private/-type-tests/plugins-accessors.test.js.map +1 -0
- package/dist/-private/-type-tests/plugins-signature-from.test.d.ts +1 -0
- package/dist/-private/-type-tests/plugins-signature-from.test.js +14 -0
- package/dist/-private/-type-tests/plugins-signature-from.test.js.map +1 -0
- package/dist/-private/-type-tests/plugins-signature-utils.test.d.ts +1 -0
- package/dist/-private/-type-tests/plugins-signature-utils.test.js +36 -0
- package/dist/-private/-type-tests/plugins-signature-utils.test.js.map +1 -0
- package/dist/-private/-type-tests/table-api.test.d.ts +1 -0
- package/dist/-private/-type-tests/table-api.test.js +16 -0
- package/dist/-private/-type-tests/table-api.test.js.map +1 -0
- package/dist/-private/-type-tests/table-config.test.d.ts +1 -0
- package/dist/-private/-type-tests/table-config.test.js +58 -0
- package/dist/-private/-type-tests/table-config.test.js.map +1 -0
- package/dist/-private/column.d.ts +18 -0
- package/dist/-private/column.js +70 -0
- package/dist/-private/column.js.map +1 -0
- package/dist/-private/interfaces/column.d.ts +57 -0
- package/dist/-private/interfaces/column.js +2 -0
- package/dist/-private/interfaces/column.js.map +1 -0
- package/dist/-private/interfaces/index.d.ts +7 -0
- package/dist/-private/interfaces/index.js +2 -0
- package/dist/-private/interfaces/index.js.map +1 -0
- package/dist/-private/interfaces/modifier.d.ts +7 -0
- package/dist/-private/interfaces/modifier.js +2 -0
- package/dist/-private/interfaces/modifier.js.map +1 -0
- package/dist/-private/interfaces/pagination.d.ts +17 -0
- package/dist/-private/interfaces/pagination.js +2 -0
- package/dist/-private/interfaces/pagination.js.map +1 -0
- package/dist/-private/interfaces/plugins.d.ts +314 -0
- package/dist/-private/interfaces/plugins.js +2 -0
- package/dist/-private/interfaces/plugins.js.map +1 -0
- package/dist/-private/interfaces/preferences.d.ts +74 -0
- package/dist/-private/interfaces/preferences.js +2 -0
- package/dist/-private/interfaces/preferences.js.map +1 -0
- package/dist/-private/interfaces/selection.d.ts +35 -0
- package/dist/-private/interfaces/selection.js +2 -0
- package/dist/-private/interfaces/selection.js.map +1 -0
- package/dist/-private/interfaces/table.d.ts +109 -0
- package/dist/-private/interfaces/table.js +2 -0
- package/dist/-private/interfaces/table.js.map +1 -0
- package/dist/-private/js-helper.d.ts +39 -0
- package/dist/-private/js-helper.js +20 -0
- package/dist/-private/js-helper.js.map +1 -0
- package/dist/-private/preferences.d.ts +56 -0
- package/dist/-private/preferences.js +175 -0
- package/dist/-private/preferences.js.map +1 -0
- package/dist/-private/private-types.d.ts +6 -0
- package/dist/-private/private-types.js +2 -0
- package/dist/-private/private-types.js.map +1 -0
- package/dist/-private/row.d.ts +12 -0
- package/dist/-private/row.js +63 -0
- package/dist/-private/row.js.map +1 -0
- package/dist/-private/table.d.ts +0 -0
- package/dist/-private/table.js +18 -0
- package/dist/-private/table.js.map +1 -0
- package/dist/-private/utils.d.ts +3 -0
- package/dist/-private/utils.js +17 -0
- package/dist/-private/utils.js.map +1 -0
- package/dist/applyDecoratedDescriptor-e0489e2f.js +31 -0
- package/dist/applyDecoratedDescriptor-e0489e2f.js.map +1 -0
- package/dist/classPrivateFieldGet-af59a8ea.js +23 -0
- package/dist/classPrivateFieldGet-af59a8ea.js.map +1 -0
- package/dist/defineProperty-a0196711.js +17 -0
- package/dist/defineProperty-a0196711.js.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -0
- package/dist/plugins/-private/base.d.ts +267 -0
- package/dist/plugins/-private/base.js +486 -0
- package/dist/plugins/-private/base.js.map +1 -0
- package/dist/plugins/-private/utils.d.ts +21 -0
- package/dist/plugins/-private/utils.js +118 -0
- package/dist/plugins/-private/utils.js.map +1 -0
- package/dist/plugins/column-reordering/helpers.d.ts +28 -0
- package/dist/plugins/column-reordering/helpers.js +37 -0
- package/dist/plugins/column-reordering/helpers.js.map +1 -0
- package/dist/plugins/column-reordering/index.d.ts +3 -0
- package/dist/plugins/column-reordering/index.js +3 -0
- package/dist/plugins/column-reordering/index.js.map +1 -0
- package/dist/plugins/column-reordering/plugin.d.ts +133 -0
- package/dist/plugins/column-reordering/plugin.js +392 -0
- package/dist/plugins/column-reordering/plugin.js.map +1 -0
- package/dist/plugins/column-reordering/utils.d.ts +7 -0
- package/dist/plugins/column-reordering/utils.js +41 -0
- package/dist/plugins/column-reordering/utils.js.map +1 -0
- package/dist/plugins/column-resizing/handle.d.ts +116 -0
- package/dist/plugins/column-resizing/handle.js +251 -0
- package/dist/plugins/column-resizing/handle.js.map +1 -0
- package/dist/plugins/column-resizing/helpers.d.ts +17 -0
- package/dist/plugins/column-resizing/helpers.js +22 -0
- package/dist/plugins/column-resizing/helpers.js.map +1 -0
- package/dist/plugins/column-resizing/index.d.ts +4 -0
- package/dist/plugins/column-resizing/index.js +4 -0
- package/dist/plugins/column-resizing/index.js.map +1 -0
- package/dist/plugins/column-resizing/plugin.d.ts +144 -0
- package/dist/plugins/column-resizing/plugin.js +352 -0
- package/dist/plugins/column-resizing/plugin.js.map +1 -0
- package/dist/plugins/column-resizing/resize-observer.d.ts +14 -0
- package/dist/plugins/column-resizing/resize-observer.js +46 -0
- package/dist/plugins/column-resizing/resize-observer.js.map +1 -0
- package/dist/plugins/column-resizing/utils.d.ts +22 -0
- package/dist/plugins/column-resizing/utils.js +46 -0
- package/dist/plugins/column-resizing/utils.js.map +1 -0
- package/dist/plugins/column-visibility/helpers.d.ts +18 -0
- package/dist/plugins/column-visibility/helpers.js +25 -0
- package/dist/plugins/column-visibility/helpers.js.map +1 -0
- package/dist/plugins/column-visibility/index.d.ts +3 -0
- package/dist/plugins/column-visibility/index.js +3 -0
- package/dist/plugins/column-visibility/index.js.map +1 -0
- package/dist/plugins/column-visibility/plugin.d.ts +62 -0
- package/dist/plugins/column-visibility/plugin.js +124 -0
- package/dist/plugins/column-visibility/plugin.js.map +1 -0
- package/dist/plugins/data-sorting/helpers.d.ts +38 -0
- package/dist/plugins/data-sorting/helpers.js +49 -0
- package/dist/plugins/data-sorting/helpers.js.map +1 -0
- package/dist/plugins/data-sorting/index.d.ts +5 -0
- package/dist/plugins/data-sorting/index.js +4 -0
- package/dist/plugins/data-sorting/index.js.map +1 -0
- package/dist/plugins/data-sorting/plugin.d.ts +99 -0
- package/dist/plugins/data-sorting/plugin.js +165 -0
- package/dist/plugins/data-sorting/plugin.js.map +1 -0
- package/dist/plugins/data-sorting/types.d.ts +23 -0
- package/dist/plugins/data-sorting/types.js +17 -0
- package/dist/plugins/data-sorting/types.js.map +1 -0
- package/dist/plugins/index.d.ts +5 -0
- package/dist/plugins/index.js +3 -0
- package/dist/plugins/index.js.map +1 -0
- package/dist/plugins/row-selection/helpers.d.ts +6 -0
- package/dist/plugins/row-selection/helpers.js +10 -0
- package/dist/plugins/row-selection/helpers.js.map +1 -0
- package/dist/plugins/row-selection/index.d.ts +3 -0
- package/dist/plugins/row-selection/index.js +3 -0
- package/dist/plugins/row-selection/index.js.map +1 -0
- package/dist/plugins/row-selection/plugin.d.ts +79 -0
- package/dist/plugins/row-selection/plugin.js +187 -0
- package/dist/plugins/row-selection/plugin.js.map +1 -0
- package/dist/plugins/sticky-columns/helpers.d.ts +4 -0
- package/dist/plugins/sticky-columns/helpers.js +8 -0
- package/dist/plugins/sticky-columns/helpers.js.map +1 -0
- package/dist/plugins/sticky-columns/index.d.ts +3 -0
- package/dist/plugins/sticky-columns/index.js +3 -0
- package/dist/plugins/sticky-columns/index.js.map +1 -0
- package/dist/plugins/sticky-columns/plugin.d.ts +53 -0
- package/dist/plugins/sticky-columns/plugin.js +132 -0
- package/dist/plugins/sticky-columns/plugin.js.map +1 -0
- package/dist/table-8e46554b.d.ts +127 -0
- package/dist/table-8e46554b.js +249 -0
- package/dist/table-8e46554b.js.map +1 -0
- package/dist/test-support/index.d.ts +14 -0
- package/dist/test-support/index.js +72 -0
- package/dist/test-support/index.js.map +1 -0
- package/dist/utils.d.ts +26 -0
- package/dist/utils.js +77 -0
- package/dist/utils.js.map +1 -0
- package/package.json +147 -51
- package/LICENSE.md +0 -9
- package/README.md +0 -38
- package/config/environment.js +0 -5
- package/index.js +0 -5
@@ -0,0 +1,352 @@
|
|
1
|
+
import { a as _classPrivateFieldGet } from '../../classPrivateFieldGet-af59a8ea.js';
|
2
|
+
import { _ as _initializerDefineProperty } from '../../table-8e46554b.js';
|
3
|
+
import { _ as _applyDecoratedDescriptor } from '../../applyDecoratedDescriptor-e0489e2f.js';
|
4
|
+
import { _ as _defineProperty } from '../../defineProperty-a0196711.js';
|
5
|
+
import { macroCondition, dependencySatisfies, importSync } from '@embroider/macros';
|
6
|
+
import { tracked } from '@glimmer/tracking';
|
7
|
+
import { assert } from '@ember/debug';
|
8
|
+
import { action } from '@ember/object';
|
9
|
+
import { BasePlugin, meta, options, columns } from '../-private/base.js';
|
10
|
+
import { applyStyles } from '../-private/utils.js';
|
11
|
+
import { getAccurateClientWidth, getAccurateClientHeight, totalGapOf } from './utils.js';
|
12
|
+
|
13
|
+
var _class, _descriptor, _descriptor2, _class3, _descriptor3, _descriptor4, _availableColumns;
|
14
|
+
|
15
|
+
function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
|
16
|
+
|
17
|
+
function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
|
18
|
+
let cached = macroCondition(dependencySatisfies('ember-source', '>= 4.1.0-alpha.0')) ? importSync('@glimmer/tracking').cached : importSync('ember-cached-decorator-polyfill').cached;
|
19
|
+
|
20
|
+
/**
|
21
|
+
* One instance of a plugin exists per table
|
22
|
+
* but a plugin can have a "Meta" for each column
|
23
|
+
*/
|
24
|
+
class ColumnResizing extends BasePlugin {
|
25
|
+
constructor(...args) {
|
26
|
+
super(...args);
|
27
|
+
|
28
|
+
_defineProperty(this, "name", 'column-resizing');
|
29
|
+
|
30
|
+
_defineProperty(this, "meta", {
|
31
|
+
column: ColumnMeta,
|
32
|
+
table: TableMeta
|
33
|
+
});
|
34
|
+
|
35
|
+
_defineProperty(this, "headerCellModifier", (element, {
|
36
|
+
column
|
37
|
+
}) => {
|
38
|
+
let columnMeta = meta.forColumn(column, ColumnResizing);
|
39
|
+
element.setAttribute('data-test-is-resizable', `${columnMeta.isResizable}`);
|
40
|
+
applyStyles(element, columnMeta.style);
|
41
|
+
});
|
42
|
+
|
43
|
+
_defineProperty(this, "containerModifier", resizeObserver);
|
44
|
+
}
|
45
|
+
|
46
|
+
reset() {
|
47
|
+
let tableMeta = meta.forTable(this.table, ColumnResizing);
|
48
|
+
tableMeta.reset();
|
49
|
+
}
|
50
|
+
|
51
|
+
}
|
52
|
+
|
53
|
+
_defineProperty(ColumnResizing, "features", ['columnWidth']);
|
54
|
+
|
55
|
+
const DEFAULT_COLUMN_OPTIONS = {
|
56
|
+
minWidth: 128
|
57
|
+
};
|
58
|
+
/**
|
59
|
+
* @private
|
60
|
+
*
|
61
|
+
* Contains resizable information for a particular column
|
62
|
+
*/
|
63
|
+
|
64
|
+
let ColumnMeta = (_class = class ColumnMeta {
|
65
|
+
constructor(column) {
|
66
|
+
_initializerDefineProperty(this, "_width", _descriptor, this);
|
67
|
+
|
68
|
+
_initializerDefineProperty(this, "isResizing", _descriptor2, this);
|
69
|
+
|
70
|
+
this.column = column;
|
71
|
+
}
|
72
|
+
|
73
|
+
get tableMeta() {
|
74
|
+
return meta.forTable(this.column.table, ColumnResizing);
|
75
|
+
}
|
76
|
+
|
77
|
+
get options() {
|
78
|
+
let columnOptions = options.forColumn(this.column, ColumnResizing);
|
79
|
+
let filteredOptions = Object.entries(columnOptions || {}).reduce((result, [k, v]) => {
|
80
|
+
if (v) {
|
81
|
+
result[k] = v;
|
82
|
+
}
|
83
|
+
|
84
|
+
return result;
|
85
|
+
}, {});
|
86
|
+
return { ...DEFAULT_COLUMN_OPTIONS,
|
87
|
+
...filteredOptions
|
88
|
+
};
|
89
|
+
}
|
90
|
+
|
91
|
+
get minWidth() {
|
92
|
+
return this.options.minWidth;
|
93
|
+
}
|
94
|
+
|
95
|
+
get initialWidth() {
|
96
|
+
return this.options.width;
|
97
|
+
}
|
98
|
+
|
99
|
+
get canShrink() {
|
100
|
+
return this.width && this.width > this.minWidth;
|
101
|
+
}
|
102
|
+
|
103
|
+
get roomToShrink() {
|
104
|
+
return this.width ? this.width - this.minWidth : 0;
|
105
|
+
}
|
106
|
+
|
107
|
+
get isResizable() {
|
108
|
+
return this.options.isResizable ?? this.tableMeta.isResizable;
|
109
|
+
}
|
110
|
+
|
111
|
+
get hasResizeHandle() {
|
112
|
+
let previous = columns.previous(this.column);
|
113
|
+
if (!previous) return false;
|
114
|
+
return this.isResizable && meta.forColumn(previous, ColumnResizing).isResizable;
|
115
|
+
}
|
116
|
+
|
117
|
+
get width() {
|
118
|
+
let width = this._width ?? this.initialWidth;
|
119
|
+
|
120
|
+
if (!width) {
|
121
|
+
let {
|
122
|
+
defaultColumnWidth
|
123
|
+
} = this.tableMeta;
|
124
|
+
width = defaultColumnWidth ? Math.max(defaultColumnWidth, this.minWidth) : this.minWidth;
|
125
|
+
}
|
126
|
+
|
127
|
+
return width;
|
128
|
+
}
|
129
|
+
|
130
|
+
set width(value) {
|
131
|
+
this._width = value;
|
132
|
+
}
|
133
|
+
|
134
|
+
get style() {
|
135
|
+
let styles = {};
|
136
|
+
if (this.width) styles.width = `${this.width}px`;
|
137
|
+
if (this.minWidth) styles.minWidth = `${this.minWidth}px`;
|
138
|
+
return styles;
|
139
|
+
}
|
140
|
+
|
141
|
+
resize(delta) {
|
142
|
+
this.tableMeta.resizeColumn(this.column, delta);
|
143
|
+
}
|
144
|
+
|
145
|
+
}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "_width", [tracked], {
|
146
|
+
configurable: true,
|
147
|
+
enumerable: true,
|
148
|
+
writable: true,
|
149
|
+
initializer: null
|
150
|
+
}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isResizing", [tracked], {
|
151
|
+
configurable: true,
|
152
|
+
enumerable: true,
|
153
|
+
writable: true,
|
154
|
+
initializer: function () {
|
155
|
+
return false;
|
156
|
+
}
|
157
|
+
}), _applyDecoratedDescriptor(_class.prototype, "options", [cached], Object.getOwnPropertyDescriptor(_class.prototype, "options"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "resize", [action], Object.getOwnPropertyDescriptor(_class.prototype, "resize"), _class.prototype)), _class);
|
158
|
+
/**
|
159
|
+
* @private
|
160
|
+
*
|
161
|
+
* individual column width must exclude:
|
162
|
+
* - padding
|
163
|
+
* - margin
|
164
|
+
* - gap (partial)
|
165
|
+
* - any other positioning offsets
|
166
|
+
*
|
167
|
+
* Otherwise the table will infinitely resize itself
|
168
|
+
*/
|
169
|
+
|
170
|
+
function distributeDelta(delta, visibleColumns) {
|
171
|
+
if (delta === 0) return;
|
172
|
+
let metas = visibleColumns.map(column => meta.forColumn(column, ColumnResizing));
|
173
|
+
let resizableMetas = metas.filter(meta => meta.isResizable && (delta < 0 ? meta.canShrink : true));
|
174
|
+
let columnDelta = delta / resizableMetas.length;
|
175
|
+
|
176
|
+
for (let meta of resizableMetas) {
|
177
|
+
assert('cannot resize a column that does not have a width', meta.width);
|
178
|
+
meta.width = Math.max(meta.width + columnDelta, meta.minWidth);
|
179
|
+
}
|
180
|
+
}
|
181
|
+
/**
|
182
|
+
* @private
|
183
|
+
*
|
184
|
+
* Contains resizable and width information regarding the table as a whole
|
185
|
+
*/
|
186
|
+
|
187
|
+
|
188
|
+
let TableMeta = (_class3 = (_availableColumns = /*#__PURE__*/new WeakMap(), class TableMeta {
|
189
|
+
constructor(table) {
|
190
|
+
_classPrivateFieldInitSpec(this, _availableColumns, {
|
191
|
+
get: _get_availableColumns,
|
192
|
+
set: void 0
|
193
|
+
});
|
194
|
+
|
195
|
+
_initializerDefineProperty(this, "scrollContainerHeight", _descriptor3, this);
|
196
|
+
|
197
|
+
_initializerDefineProperty(this, "scrollContainerWidth", _descriptor4, this);
|
198
|
+
|
199
|
+
this.table = table;
|
200
|
+
}
|
201
|
+
|
202
|
+
get options() {
|
203
|
+
return options.forTable(this.table, ColumnResizing);
|
204
|
+
}
|
205
|
+
|
206
|
+
get isResizable() {
|
207
|
+
return this.options?.enabled ?? true;
|
208
|
+
}
|
209
|
+
|
210
|
+
get defaultColumnWidth() {
|
211
|
+
if (!this.scrollContainerWidth) return;
|
212
|
+
return (this.scrollContainerWidth - this.totalInitialColumnWidths) / this.columnsWithoutInitialWidth.length;
|
213
|
+
}
|
214
|
+
|
215
|
+
get visibleColumnMetas() {
|
216
|
+
return _classPrivateFieldGet(this, _availableColumns).map(column => meta.forColumn(column, ColumnResizing));
|
217
|
+
}
|
218
|
+
|
219
|
+
get totalInitialColumnWidths() {
|
220
|
+
return this.visibleColumnMetas.reduce((acc, meta) => acc += meta.initialWidth ?? 0, 0);
|
221
|
+
}
|
222
|
+
|
223
|
+
get columnsWithoutInitialWidth() {
|
224
|
+
return this.visibleColumnMetas.filter(meta => !meta.initialWidth);
|
225
|
+
}
|
226
|
+
|
227
|
+
get totalVisibleColumnsWidth() {
|
228
|
+
return this.visibleColumnMetas.reduce((acc, column) => acc += column.width ?? 0, 0);
|
229
|
+
}
|
230
|
+
|
231
|
+
reset() {
|
232
|
+
if (!this.scrollContainerWidth) return;
|
233
|
+
|
234
|
+
for (let column of this.visibleColumnMetas) {
|
235
|
+
column._width = undefined;
|
236
|
+
}
|
237
|
+
}
|
238
|
+
|
239
|
+
onTableResize(entry) {
|
240
|
+
assert('scroll container element must be an HTMLElement', entry.target instanceof HTMLElement);
|
241
|
+
this.scrollContainerWidth = getAccurateClientWidth(entry.target);
|
242
|
+
this.scrollContainerHeight = getAccurateClientHeight(entry.target); // TODO: extract this to card-list and remove it from the plugin
|
243
|
+
// card-list will provide its own column-resizing plugin
|
244
|
+
// by sub-classing this one, and defining its own way of calculating the "diff"
|
245
|
+
|
246
|
+
let totalGap = totalGapOf(entry.target.querySelector('[role="row"]'));
|
247
|
+
let diff = this.scrollContainerWidth - this.totalVisibleColumnsWidth - totalGap;
|
248
|
+
distributeDelta(diff, _classPrivateFieldGet(this, _availableColumns));
|
249
|
+
}
|
250
|
+
|
251
|
+
resizeColumn(column, delta) {
|
252
|
+
if (delta === 0) return;
|
253
|
+
/**
|
254
|
+
* When the delta is negative, we are dragging to the next
|
255
|
+
* when positive, we are dragging to the right
|
256
|
+
* when dragging to the right, we want to grow the column
|
257
|
+
* when dragging to the left, we grow the "next" column,
|
258
|
+
* which shrinks the column we're dragging
|
259
|
+
*
|
260
|
+
* This assumes the resize handle for any column is on the right-hand
|
261
|
+
* side of the column header
|
262
|
+
*
|
263
|
+
* If the resize handle were on the left-hand side of the column header
|
264
|
+
* we'd want the column.next to be column.previous
|
265
|
+
*
|
266
|
+
* This is CSS dependent, and can be configured in plugin
|
267
|
+
* options
|
268
|
+
*/
|
269
|
+
|
270
|
+
let isDraggingRight = delta > 0;
|
271
|
+
let position = this.options?.handlePosition ?? 'left';
|
272
|
+
let growingColumn;
|
273
|
+
|
274
|
+
if (position === 'right') {
|
275
|
+
growingColumn = isDraggingRight ? columns.next(column) : column;
|
276
|
+
} else {
|
277
|
+
growingColumn = isDraggingRight ? columns.previous(column) : column;
|
278
|
+
}
|
279
|
+
|
280
|
+
if (!growingColumn) return;
|
281
|
+
let growingColumnMeta = meta.forColumn(growingColumn, ColumnResizing);
|
282
|
+
assert('cannot resize a column that does not have a width', growingColumnMeta.width);
|
283
|
+
let shrinkableColumns = delta > 0 ? columns.after(growingColumn) : columns.before(growingColumn).reverse();
|
284
|
+
let shrinkableColumnsMetas = shrinkableColumns.map(column => meta.forColumn(column, ColumnResizing)).filter(meta => meta.canShrink);
|
285
|
+
let remainder = Math.abs(delta);
|
286
|
+
|
287
|
+
while (shrinkableColumnsMetas.length > 0) {
|
288
|
+
let shrinkingColumnMeta = shrinkableColumnsMetas.shift();
|
289
|
+
assert('cannot resize a column that does not have a width', shrinkingColumnMeta?.width);
|
290
|
+
let actualDelta = Math.min(remainder, shrinkingColumnMeta.roomToShrink);
|
291
|
+
growingColumnMeta.width += actualDelta;
|
292
|
+
shrinkingColumnMeta.width -= actualDelta;
|
293
|
+
remainder -= actualDelta;
|
294
|
+
}
|
295
|
+
}
|
296
|
+
|
297
|
+
}), (_descriptor3 = _applyDecoratedDescriptor(_class3.prototype, "scrollContainerHeight", [tracked], {
|
298
|
+
configurable: true,
|
299
|
+
enumerable: true,
|
300
|
+
writable: true,
|
301
|
+
initializer: null
|
302
|
+
}), _descriptor4 = _applyDecoratedDescriptor(_class3.prototype, "scrollContainerWidth", [tracked], {
|
303
|
+
configurable: true,
|
304
|
+
enumerable: true,
|
305
|
+
writable: true,
|
306
|
+
initializer: null
|
307
|
+
}), _applyDecoratedDescriptor(_class3.prototype, "reset", [action], Object.getOwnPropertyDescriptor(_class3.prototype, "reset"), _class3.prototype), _applyDecoratedDescriptor(_class3.prototype, "onTableResize", [action], Object.getOwnPropertyDescriptor(_class3.prototype, "onTableResize"), _class3.prototype), _applyDecoratedDescriptor(_class3.prototype, "resizeColumn", [action], Object.getOwnPropertyDescriptor(_class3.prototype, "resizeColumn"), _class3.prototype)), _class3);
|
308
|
+
/**
|
309
|
+
* @private
|
310
|
+
* included in the same file as the plugin due to circular dependency
|
311
|
+
*
|
312
|
+
* This goes on the containing element
|
313
|
+
*
|
314
|
+
* @example
|
315
|
+
* ```hbs
|
316
|
+
* <div {{resizeObserver @table}}>
|
317
|
+
* <table>
|
318
|
+
* ```
|
319
|
+
*/
|
320
|
+
|
321
|
+
function _get_availableColumns() {
|
322
|
+
return columns.for(this.table, ColumnResizing);
|
323
|
+
}
|
324
|
+
|
325
|
+
function resizeObserver(element, table) {
|
326
|
+
let observer = getObserver(element, table);
|
327
|
+
observer.observe(element);
|
328
|
+
return () => {
|
329
|
+
observer.unobserve(element);
|
330
|
+
};
|
331
|
+
}
|
332
|
+
|
333
|
+
let CACHE = new WeakMap();
|
334
|
+
/**
|
335
|
+
* This is technically "inefficient" as you don't want too many resize
|
336
|
+
* observers on a page, but tables are so big, that I don't see too many use cases
|
337
|
+
* where you'd have 10+ tables on a page
|
338
|
+
*/
|
339
|
+
|
340
|
+
function getObserver(element, table) {
|
341
|
+
let existing = CACHE.get(element);
|
342
|
+
if (existing) return existing;
|
343
|
+
existing = new ResizeObserver(entries => {
|
344
|
+
for (let entry of entries) {
|
345
|
+
meta.forTable(table, ColumnResizing).onTableResize(entry);
|
346
|
+
}
|
347
|
+
});
|
348
|
+
return existing;
|
349
|
+
}
|
350
|
+
|
351
|
+
export { ColumnMeta, ColumnResizing, TableMeta };
|
352
|
+
//# sourceMappingURL=plugin.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"plugin.js","sources":["../../../src/plugins/column-resizing/plugin.ts"],"sourcesContent":["import { cached, tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\n\nimport { BasePlugin, columns, meta, options } from '../-private/base';\nimport { applyStyles } from '../-private/utils';\nimport { getAccurateClientHeight, getAccurateClientWidth, totalGapOf } from './utils';\n\nimport type { ColumnApi } from '[public-plugin-types]';\nimport type { Column, Table } from '[public-types]';\n\nexport interface ColumnOptions {\n /**\n * Force a starting width\n * This may not be less than the minWidth\n */\n width?: number;\n /**\n * Default: 128px\n */\n minWidth?: number;\n /**\n * Flip if the column is resizable or not.\n * The default is whatever the table's plugin option is set to\n * (and then yet again true, if not set at all)\n */\n isResizable?: boolean;\n}\n\nexport interface TableOptions {\n /**\n * Toggle whether the table is able to be resized at all\n *\n * default :true\n */\n enabled?: boolean;\n\n /**\n * By default, each column's \"handle\" position is on the\n * left-hand side of the column.\n *\n * If, for style-reasons, you want to move it to the right,\n * this option should reflect that so that the calculations can be\n * updated to match the expected behavior of which column(s) grow/shrink\n *\n * Valid values are 'left' or 'right'\n */\n handlePosition?: string;\n}\n\ninterface Signature {\n Meta: {\n Column: ColumnMeta;\n Table: TableMeta;\n };\n Options: {\n Plugin: TableOptions;\n Column: ColumnOptions;\n };\n}\n\n/**\n * One instance of a plugin exists per table\n * but a plugin can have a \"Meta\" for each column\n */\nexport class ColumnResizing extends BasePlugin<Signature> {\n name = 'column-resizing';\n static features = ['columnWidth'];\n\n meta = {\n column: ColumnMeta,\n table: TableMeta,\n };\n\n headerCellModifier = (element: HTMLElement, { column }: ColumnApi) => {\n let columnMeta = meta.forColumn(column, ColumnResizing);\n\n element.setAttribute('data-test-is-resizable', `${columnMeta.isResizable}`);\n\n applyStyles(element, columnMeta.style);\n };\n\n /**\n * This is what ends up calling resize when the browesr changes\n * (assuming that the containing element's styles stretch to fill the space)\n *\n * Later, when container queries are more broadly supported, we'll want to watch\n * the container instead of the window to prevent unneeded updates (as a window can change\n * size without the container changing size)\n */\n containerModifier = resizeObserver;\n\n reset() {\n let tableMeta = meta.forTable(this.table, ColumnResizing);\n\n tableMeta.reset();\n }\n}\n\nconst DEFAULT_COLUMN_OPTIONS = {\n minWidth: 128,\n};\n\n/**\n * @private\n *\n * Contains resizable information for a particular column\n */\nexport class ColumnMeta {\n constructor(private column: Column) {}\n\n @tracked _width?: number;\n @tracked isResizing = false;\n\n get tableMeta() {\n return meta.forTable(this.column.table, ColumnResizing);\n }\n\n @cached\n get options() {\n let columnOptions = options.forColumn(this.column, ColumnResizing);\n let filteredOptions = Object.entries(columnOptions || {}).reduce((result, [k, v]) => {\n if (v) {\n result[k] = v;\n }\n\n return result;\n }, {} as Record<string, unknown>) as ColumnOptions;\n\n return {\n ...DEFAULT_COLUMN_OPTIONS,\n ...filteredOptions,\n };\n }\n\n get minWidth() {\n return this.options.minWidth;\n }\n\n get initialWidth() {\n return this.options.width;\n }\n\n get canShrink() {\n return this.width && this.width > this.minWidth;\n }\n\n get roomToShrink() {\n return this.width ? this.width - this.minWidth : 0;\n }\n\n get isResizable() {\n return this.options.isResizable ?? this.tableMeta.isResizable;\n }\n\n get hasResizeHandle() {\n let previous = columns.previous(this.column);\n\n if (!previous) return false;\n\n return this.isResizable && meta.forColumn(previous, ColumnResizing).isResizable;\n }\n\n get width() {\n let width = this._width ?? this.initialWidth;\n\n if (!width) {\n let { defaultColumnWidth } = this.tableMeta;\n\n width = defaultColumnWidth ? Math.max(defaultColumnWidth, this.minWidth) : this.minWidth;\n }\n\n return width;\n }\n\n set width(value) {\n this._width = value;\n }\n\n get style() {\n let styles: Partial<Pick<CSSStyleDeclaration, 'width' | 'minWidth'>> = {};\n\n if (this.width) styles.width = `${this.width}px`;\n if (this.minWidth) styles.minWidth = `${this.minWidth}px`;\n\n return styles;\n }\n\n @action\n resize(delta: number) {\n this.tableMeta.resizeColumn(this.column, delta);\n }\n}\n\n/**\n * @private\n *\n * individual column width must exclude:\n * - padding\n * - margin\n * - gap (partial)\n * - any other positioning offsets\n *\n * Otherwise the table will infinitely resize itself\n */\nfunction distributeDelta(delta: number, visibleColumns: Column[]) {\n if (delta === 0) return;\n\n let metas = visibleColumns.map((column) => meta.forColumn(column, ColumnResizing));\n\n let resizableMetas = metas.filter(\n (meta) => meta.isResizable && (delta < 0 ? meta.canShrink : true)\n );\n\n let columnDelta = delta / resizableMetas.length;\n\n for (let meta of resizableMetas) {\n assert('cannot resize a column that does not have a width', meta.width);\n meta.width = Math.max(meta.width + columnDelta, meta.minWidth);\n }\n}\n\n/**\n * @private\n *\n * Contains resizable and width information regarding the table as a whole\n */\nexport class TableMeta {\n constructor(private table: Table) {}\n\n @tracked scrollContainerHeight?: number;\n @tracked scrollContainerWidth?: number;\n\n get options() {\n return options.forTable(this.table, ColumnResizing);\n }\n\n get isResizable() {\n return this.options?.enabled ?? true;\n }\n\n get defaultColumnWidth() {\n if (!this.scrollContainerWidth) return;\n\n return (\n (this.scrollContainerWidth - this.totalInitialColumnWidths) /\n this.columnsWithoutInitialWidth.length\n );\n }\n\n get #availableColumns() {\n return columns.for(this.table, ColumnResizing);\n }\n\n get visibleColumnMetas() {\n return this.#availableColumns.map((column) => meta.forColumn(column, ColumnResizing));\n }\n\n get totalInitialColumnWidths() {\n return this.visibleColumnMetas.reduce((acc, meta) => (acc += meta.initialWidth ?? 0), 0);\n }\n\n get columnsWithoutInitialWidth() {\n return this.visibleColumnMetas.filter((meta) => !meta.initialWidth);\n }\n\n get totalVisibleColumnsWidth() {\n return this.visibleColumnMetas.reduce((acc, column) => (acc += column.width ?? 0), 0);\n }\n\n @action\n reset() {\n if (!this.scrollContainerWidth) return;\n\n for (let column of this.visibleColumnMetas) {\n column._width = undefined;\n }\n }\n\n @action\n onTableResize(entry: ResizeObserverEntry) {\n assert('scroll container element must be an HTMLElement', entry.target instanceof HTMLElement);\n\n this.scrollContainerWidth = getAccurateClientWidth(entry.target);\n this.scrollContainerHeight = getAccurateClientHeight(entry.target);\n\n // TODO: extract this to card-list and remove it from the plugin\n // card-list will provide its own column-resizing plugin\n // by sub-classing this one, and defining its own way of calculating the \"diff\"\n let totalGap = totalGapOf(entry.target.querySelector('[role=\"row\"]'));\n let diff = this.scrollContainerWidth - this.totalVisibleColumnsWidth - totalGap;\n\n distributeDelta(diff, this.#availableColumns);\n }\n\n @action\n resizeColumn(column: Column, delta: number) {\n if (delta === 0) return;\n\n /**\n * When the delta is negative, we are dragging to the next\n * when positive, we are dragging to the right\n * when dragging to the right, we want to grow the column\n * when dragging to the left, we grow the \"next\" column,\n * which shrinks the column we're dragging\n *\n * This assumes the resize handle for any column is on the right-hand\n * side of the column header\n *\n * If the resize handle were on the left-hand side of the column header\n * we'd want the column.next to be column.previous\n *\n * This is CSS dependent, and can be configured in plugin\n * options\n */\n let isDraggingRight = delta > 0;\n let position = this.options?.handlePosition ?? 'left';\n\n let growingColumn: Column | null | undefined;\n\n if (position === 'right') {\n growingColumn = isDraggingRight ? columns.next(column) : column;\n } else {\n growingColumn = isDraggingRight ? columns.previous(column) : column;\n }\n\n if (!growingColumn) return;\n\n let growingColumnMeta = meta.forColumn(growingColumn, ColumnResizing);\n\n assert('cannot resize a column that does not have a width', growingColumnMeta.width);\n\n let shrinkableColumns =\n delta > 0 ? columns.after(growingColumn) : columns.before(growingColumn).reverse();\n\n let shrinkableColumnsMetas = shrinkableColumns\n .map((column) => meta.forColumn(column, ColumnResizing))\n .filter((meta) => meta.canShrink);\n\n let remainder = Math.abs(delta);\n\n while (shrinkableColumnsMetas.length > 0) {\n let shrinkingColumnMeta = shrinkableColumnsMetas.shift();\n\n assert('cannot resize a column that does not have a width', shrinkingColumnMeta?.width);\n\n let actualDelta = Math.min(remainder, shrinkingColumnMeta.roomToShrink);\n\n growingColumnMeta.width += actualDelta;\n shrinkingColumnMeta.width -= actualDelta;\n remainder -= actualDelta;\n }\n }\n}\n\n/**\n * @private\n * included in the same file as the plugin due to circular dependency\n *\n * This goes on the containing element\n *\n * @example\n * ```hbs\n * <div {{resizeObserver @table}}>\n * <table>\n * ```\n */\nfunction resizeObserver(element: HTMLElement, table: Table) {\n let observer = getObserver(element, table);\n\n observer.observe(element);\n\n return () => {\n observer.unobserve(element);\n };\n}\n\nlet CACHE = new WeakMap<HTMLElement, ResizeObserver>();\n\n/**\n * This is technically \"inefficient\" as you don't want too many resize\n * observers on a page, but tables are so big, that I don't see too many use cases\n * where you'd have 10+ tables on a page\n */\nfunction getObserver(element: HTMLElement, table: Table): ResizeObserver {\n let existing = CACHE.get(element);\n\n if (existing) return existing;\n\n existing = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n for (let entry of entries) {\n meta.forTable(table, ColumnResizing).onTableResize(entry);\n }\n });\n\n return existing;\n}\n"],"names":["ColumnResizing","BasePlugin","column","ColumnMeta","table","TableMeta","element","columnMeta","meta","forColumn","setAttribute","isResizable","applyStyles","style","resizeObserver","reset","tableMeta","forTable","DEFAULT_COLUMN_OPTIONS","minWidth","constructor","options","columnOptions","filteredOptions","Object","entries","reduce","result","k","v","initialWidth","width","canShrink","roomToShrink","hasResizeHandle","previous","columns","_width","defaultColumnWidth","Math","max","value","styles","resize","delta","resizeColumn","tracked","cached","action","distributeDelta","visibleColumns","metas","map","resizableMetas","filter","columnDelta","length","assert","enabled","scrollContainerWidth","totalInitialColumnWidths","columnsWithoutInitialWidth","visibleColumnMetas","acc","totalVisibleColumnsWidth","undefined","onTableResize","entry","target","HTMLElement","getAccurateClientWidth","scrollContainerHeight","getAccurateClientHeight","totalGap","totalGapOf","querySelector","diff","isDraggingRight","position","handlePosition","growingColumn","next","growingColumnMeta","shrinkableColumns","after","before","reverse","shrinkableColumnsMetas","remainder","abs","shrinkingColumnMeta","shift","actualDelta","min","for","observer","getObserver","observe","unobserve","CACHE","WeakMap","existing","get","ResizeObserver"],"mappings":"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"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/**
|
2
|
+
* @private
|
3
|
+
* included in the same file as the plugin due to circular dependency
|
4
|
+
*
|
5
|
+
* This goes on the containing element
|
6
|
+
*
|
7
|
+
* @example
|
8
|
+
* ```hbs
|
9
|
+
* <div {{resizeObserver @table}}>
|
10
|
+
* <table>
|
11
|
+
* ```
|
12
|
+
*/
|
13
|
+
declare function resizeObserver(element: HTMLElement, table: any): () => void;
|
14
|
+
export { resizeObserver };
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import { isDestroyed, isDestroying } from '@ember/destroyable';
|
2
|
+
|
3
|
+
/**
|
4
|
+
* @private
|
5
|
+
* included in the same file as the plugin due to circular dependency
|
6
|
+
*
|
7
|
+
* This goes on the containing element
|
8
|
+
*
|
9
|
+
* @example
|
10
|
+
* ```hbs
|
11
|
+
* <div {{resizeObserver @table}}>
|
12
|
+
* <table>
|
13
|
+
* ```
|
14
|
+
*/
|
15
|
+
|
16
|
+
function resizeObserver(element, table) {
|
17
|
+
let observer = getObserver(element, table);
|
18
|
+
observer.observe(element);
|
19
|
+
return () => {
|
20
|
+
observer.unobserve(element);
|
21
|
+
};
|
22
|
+
}
|
23
|
+
let CACHE = new WeakMap();
|
24
|
+
/**
|
25
|
+
* This is technically "inefficient" as you don't want too many resize
|
26
|
+
* observers on a page, but tables are so big, that I don't see too many use cases
|
27
|
+
* where you'd have 10+ tables on a page
|
28
|
+
*/
|
29
|
+
|
30
|
+
function getObserver(element, table) {
|
31
|
+
let existing = CACHE.get(element);
|
32
|
+
if (existing) return existing;
|
33
|
+
existing = new ResizeObserver(entries => {
|
34
|
+
if (isDestroyed(table) || isDestroying(table)) {
|
35
|
+
return;
|
36
|
+
}
|
37
|
+
|
38
|
+
for (let entry of entries) {
|
39
|
+
table.handleScrollContainerResize(entry);
|
40
|
+
}
|
41
|
+
});
|
42
|
+
return existing;
|
43
|
+
}
|
44
|
+
|
45
|
+
export { resizeObserver };
|
46
|
+
//# sourceMappingURL=resize-observer.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"resize-observer.js","sources":["../../../src/plugins/column-resizing/resize-observer.ts"],"sourcesContent":["import { isDestroyed, isDestroying } from '@ember/destroyable';\n\n/**\n * @private\n * included in the same file as the plugin due to circular dependency\n *\n * This goes on the containing element\n *\n * @example\n * ```hbs\n * <div {{resizeObserver @table}}>\n * <table>\n * ```\n */\nexport function resizeObserver(element: HTMLElement, table: any) {\n let observer = getObserver(element, table);\n\n observer.observe(element);\n\n return () => {\n observer.unobserve(element);\n };\n}\n\nlet CACHE = new WeakMap<HTMLElement, ResizeObserver>();\n\n/**\n * This is technically \"inefficient\" as you don't want too many resize\n * observers on a page, but tables are so big, that I don't see too many use cases\n * where you'd have 10+ tables on a page\n */\nfunction getObserver(element: HTMLElement, table: any): ResizeObserver {\n let existing = CACHE.get(element);\n\n if (existing) return existing;\n\n existing = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n if (isDestroyed(table) || isDestroying(table)) {\n return;\n }\n\n for (let entry of entries) {\n table.handleScrollContainerResize(entry);\n }\n });\n\n return existing;\n}\n"],"names":["resizeObserver","element","table","observer","getObserver","observe","unobserve","CACHE","WeakMap","existing","get","ResizeObserver","entries","isDestroyed","isDestroying","entry","handleScrollContainerResize"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASA,cAAT,CAAwBC,OAAxB,EAA8CC,KAA9C,EAA0D;AAC/D,EAAA,IAAIC,QAAQ,GAAGC,WAAW,CAACH,OAAD,EAAUC,KAAV,CAA1B,CAAA;EAEAC,QAAQ,CAACE,OAAT,CAAiBJ,OAAjB,CAAA,CAAA;AAEA,EAAA,OAAO,MAAM;IACXE,QAAQ,CAACG,SAAT,CAAmBL,OAAnB,CAAA,CAAA;GADF,CAAA;AAGD,CAAA;AAED,IAAIM,KAAK,GAAG,IAAIC,OAAJ,EAAZ,CAAA;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASJ,WAAT,CAAqBH,OAArB,EAA2CC,KAA3C,EAAuE;AACrE,EAAA,IAAIO,QAAQ,GAAGF,KAAK,CAACG,GAAN,CAAUT,OAAV,CAAf,CAAA;EAEA,IAAIQ,QAAJ,EAAc,OAAOA,QAAP,CAAA;AAEdA,EAAAA,QAAQ,GAAG,IAAIE,cAAJ,CAAoBC,OAAD,IAAoC;IAChE,IAAIC,WAAW,CAACX,KAAD,CAAX,IAAsBY,YAAY,CAACZ,KAAD,CAAtC,EAA+C;AAC7C,MAAA,OAAA;AACD,KAAA;;AAED,IAAA,KAAK,IAAIa,KAAT,IAAkBH,OAAlB,EAA2B;MACzBV,KAAK,CAACc,2BAAN,CAAkCD,KAAlC,CAAA,CAAA;AACD,KAAA;AACF,GARU,CAAX,CAAA;AAUA,EAAA,OAAON,QAAP,CAAA;AACD;;;;"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
/**
|
2
|
+
We want to make sure we get the clientWidth rather than the
|
3
|
+
offsetWidth so that the width of the scrollbar is not included when we're
|
4
|
+
resizing the columns in the table so that they fit within the scroll
|
5
|
+
container
|
6
|
+
|
7
|
+
Ideally we would just use `entry.contentRect.width`, which we can access
|
8
|
+
without triggering any reflows. Unfortunately there are differences in the
|
9
|
+
way that this works in Chrome vs Firefox. In Chrome, the
|
10
|
+
`entry.contentRect.width` works the same as `entry.target.clientWidth`,
|
11
|
+
which does not include the width that is taken up by the vertical scrollbar
|
12
|
+
if the element overflows. In Firefox the `entry.contentRect.width` is the
|
13
|
+
same as `entry.target.offsetWidth`, which does include the width taken up by
|
14
|
+
the scrollbar.
|
15
|
+
|
16
|
+
We use `getBoundingClientRect()` because it does not round the value to an
|
17
|
+
integer, which can sometimes cause subpixel gaps.
|
18
|
+
**/
|
19
|
+
declare const getAccurateClientWidth: (element: HTMLElement) => number;
|
20
|
+
declare const totalGapOf: (element?: Element | null) => number;
|
21
|
+
declare const getAccurateClientHeight: (element: HTMLElement) => number;
|
22
|
+
export { getAccurateClientWidth, totalGapOf, getAccurateClientHeight };
|
@@ -0,0 +1,46 @@
|
|
1
|
+
/**
|
2
|
+
We want to make sure we get the clientWidth rather than the
|
3
|
+
offsetWidth so that the width of the scrollbar is not included when we're
|
4
|
+
resizing the columns in the table so that they fit within the scroll
|
5
|
+
container
|
6
|
+
|
7
|
+
Ideally we would just use `entry.contentRect.width`, which we can access
|
8
|
+
without triggering any reflows. Unfortunately there are differences in the
|
9
|
+
way that this works in Chrome vs Firefox. In Chrome, the
|
10
|
+
`entry.contentRect.width` works the same as `entry.target.clientWidth`,
|
11
|
+
which does not include the width that is taken up by the vertical scrollbar
|
12
|
+
if the element overflows. In Firefox the `entry.contentRect.width` is the
|
13
|
+
same as `entry.target.offsetWidth`, which does include the width taken up by
|
14
|
+
the scrollbar.
|
15
|
+
|
16
|
+
We use `getBoundingClientRect()` because it does not round the value to an
|
17
|
+
integer, which can sometimes cause subpixel gaps.
|
18
|
+
**/
|
19
|
+
const getAccurateClientWidth = element => {
|
20
|
+
let style = getComputedStyle(element);
|
21
|
+
let padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
|
22
|
+
let scrollbarWidth = element.offsetWidth - element.clientWidth;
|
23
|
+
return element.getBoundingClientRect().width - padding - scrollbarWidth;
|
24
|
+
};
|
25
|
+
const totalGapOf = element => {
|
26
|
+
if (!element) return 0;
|
27
|
+
let style = getComputedStyle(element);
|
28
|
+
let gapSize = parseFloat(style.columnGap);
|
29
|
+
let cells = element.querySelectorAll('[role="cell"], [role="columnheader"]');
|
30
|
+
let totalCellPadding = 0;
|
31
|
+
|
32
|
+
for (let cell of cells) {
|
33
|
+
let style = getComputedStyle(cell);
|
34
|
+
let padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
|
35
|
+
totalCellPadding += padding;
|
36
|
+
}
|
37
|
+
|
38
|
+
return gapSize * (element.children.length - 1) + totalCellPadding;
|
39
|
+
};
|
40
|
+
const getAccurateClientHeight = element => {
|
41
|
+
let scrollbarHeight = element.offsetHeight - element.clientHeight;
|
42
|
+
return element.getBoundingClientRect().height - scrollbarHeight;
|
43
|
+
};
|
44
|
+
|
45
|
+
export { getAccurateClientHeight, getAccurateClientWidth, totalGapOf };
|
46
|
+
//# sourceMappingURL=utils.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/plugins/column-resizing/utils.ts"],"sourcesContent":["/**\n We want to make sure we get the clientWidth rather than the\n offsetWidth so that the width of the scrollbar is not included when we're\n resizing the columns in the table so that they fit within the scroll\n container\n\n Ideally we would just use `entry.contentRect.width`, which we can access\n without triggering any reflows. Unfortunately there are differences in the\n way that this works in Chrome vs Firefox. In Chrome, the\n `entry.contentRect.width` works the same as `entry.target.clientWidth`,\n which does not include the width that is taken up by the vertical scrollbar\n if the element overflows. In Firefox the `entry.contentRect.width` is the\n same as `entry.target.offsetWidth`, which does include the width taken up by\n the scrollbar.\n\n We use `getBoundingClientRect()` because it does not round the value to an\n integer, which can sometimes cause subpixel gaps.\n**/\nexport const getAccurateClientWidth = (element: HTMLElement) => {\n let style = getComputedStyle(element);\n let padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);\n let scrollbarWidth = element.offsetWidth - element.clientWidth;\n\n return element.getBoundingClientRect().width - padding - scrollbarWidth;\n};\n\nexport const totalGapOf = (element?: Element | null) => {\n if (!element) return 0;\n\n let style = getComputedStyle(element);\n let gapSize = parseFloat(style.columnGap);\n let cells = element.querySelectorAll('[role=\"cell\"], [role=\"columnheader\"]');\n\n let totalCellPadding = 0;\n\n for (let cell of cells) {\n let style = getComputedStyle(cell);\n let padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);\n\n totalCellPadding += padding;\n }\n\n return gapSize * (element.children.length - 1) + totalCellPadding;\n};\n\nexport const getAccurateClientHeight = (element: HTMLElement) => {\n let scrollbarHeight = element.offsetHeight - element.clientHeight;\n\n return element.getBoundingClientRect().height - scrollbarHeight;\n};\n"],"names":["getAccurateClientWidth","element","style","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","scrollbarWidth","offsetWidth","clientWidth","getBoundingClientRect","width","totalGapOf","gapSize","columnGap","cells","querySelectorAll","totalCellPadding","cell","children","length","getAccurateClientHeight","scrollbarHeight","offsetHeight","clientHeight","height"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,sBAAsB,GAAIC,OAAD,IAA0B;AAC9D,EAAA,IAAIC,KAAK,GAAGC,gBAAgB,CAACF,OAAD,CAA5B,CAAA;AACA,EAAA,IAAIG,OAAO,GAAGC,UAAU,CAACH,KAAK,CAACI,WAAP,CAAV,GAAgCD,UAAU,CAACH,KAAK,CAACK,YAAP,CAAxD,CAAA;EACA,IAAIC,cAAc,GAAGP,OAAO,CAACQ,WAAR,GAAsBR,OAAO,CAACS,WAAnD,CAAA;EAEA,OAAOT,OAAO,CAACU,qBAAR,EAAA,CAAgCC,KAAhC,GAAwCR,OAAxC,GAAkDI,cAAzD,CAAA;AACD,EANM;AAQMK,MAAAA,UAAU,GAAIZ,OAAD,IAA8B;AACtD,EAAA,IAAI,CAACA,OAAL,EAAc,OAAO,CAAP,CAAA;AAEd,EAAA,IAAIC,KAAK,GAAGC,gBAAgB,CAACF,OAAD,CAA5B,CAAA;AACA,EAAA,IAAIa,OAAO,GAAGT,UAAU,CAACH,KAAK,CAACa,SAAP,CAAxB,CAAA;AACA,EAAA,IAAIC,KAAK,GAAGf,OAAO,CAACgB,gBAAR,CAAyB,sCAAzB,CAAZ,CAAA;EAEA,IAAIC,gBAAgB,GAAG,CAAvB,CAAA;;AAEA,EAAA,KAAK,IAAIC,IAAT,IAAiBH,KAAjB,EAAwB;AACtB,IAAA,IAAId,KAAK,GAAGC,gBAAgB,CAACgB,IAAD,CAA5B,CAAA;AACA,IAAA,IAAIf,OAAO,GAAGC,UAAU,CAACH,KAAK,CAACI,WAAP,CAAV,GAAgCD,UAAU,CAACH,KAAK,CAACK,YAAP,CAAxD,CAAA;AAEAW,IAAAA,gBAAgB,IAAId,OAApB,CAAA;AACD,GAAA;;EAED,OAAOU,OAAO,IAAIb,OAAO,CAACmB,QAAR,CAAiBC,MAAjB,GAA0B,CAA9B,CAAP,GAA0CH,gBAAjD,CAAA;AACD,EAjBM;AAmBMI,MAAAA,uBAAuB,GAAIrB,OAAD,IAA0B;EAC/D,IAAIsB,eAAe,GAAGtB,OAAO,CAACuB,YAAR,GAAuBvB,OAAO,CAACwB,YAArD,CAAA;AAEA,EAAA,OAAOxB,OAAO,CAACU,qBAAR,EAAgCe,CAAAA,MAAhC,GAAyCH,eAAhD,CAAA;AACD;;;;"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { Column } from "../../index";
|
2
|
+
/**
|
3
|
+
* Hide a column
|
4
|
+
*/
|
5
|
+
declare const hide: (column: Column) => void;
|
6
|
+
/**
|
7
|
+
* Show a column
|
8
|
+
*/
|
9
|
+
declare const show: (column: Column) => void;
|
10
|
+
/**
|
11
|
+
* Ask if a column is presently supposed to be visible
|
12
|
+
*/
|
13
|
+
declare const isVisible: (column: Column) => boolean;
|
14
|
+
/**
|
15
|
+
* Ask if a column is presently supposed to be hidden
|
16
|
+
*/
|
17
|
+
declare const isHidden: (column: Column) => boolean;
|
18
|
+
export { hide, show, isVisible, isHidden };
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { meta } from '../-private/base.js';
|
2
|
+
import { ColumnVisibility } from './plugin.js';
|
3
|
+
|
4
|
+
/**
|
5
|
+
* Hide a column
|
6
|
+
*/
|
7
|
+
const hide = column => meta.forColumn(column, ColumnVisibility).hide();
|
8
|
+
/**
|
9
|
+
* Show a column
|
10
|
+
*/
|
11
|
+
|
12
|
+
const show = column => meta.forColumn(column, ColumnVisibility).show();
|
13
|
+
/**
|
14
|
+
* Ask if a column is presently supposed to be visible
|
15
|
+
*/
|
16
|
+
|
17
|
+
const isVisible = column => meta.forColumn(column, ColumnVisibility).isVisible;
|
18
|
+
/**
|
19
|
+
* Ask if a column is presently supposed to be hidden
|
20
|
+
*/
|
21
|
+
|
22
|
+
const isHidden = column => meta.forColumn(column, ColumnVisibility).isHidden;
|
23
|
+
|
24
|
+
export { hide, isHidden, isVisible, show };
|
25
|
+
//# sourceMappingURL=helpers.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../src/plugins/column-visibility/helpers.ts"],"sourcesContent":["import { meta } from '../-private/base';\nimport { ColumnVisibility } from './plugin';\n\nimport type { Column } from '[public-types]';\n\n/**\n * Hide a column\n */\nexport const hide = (column: Column) => meta.forColumn(column, ColumnVisibility).hide();\n\n/**\n * Show a column\n */\nexport const show = (column: Column) => meta.forColumn(column, ColumnVisibility).show();\n\n/**\n * Ask if a column is presently supposed to be visible\n */\nexport const isVisible = (column: Column) => meta.forColumn(column, ColumnVisibility).isVisible;\n\n/**\n * Ask if a column is presently supposed to be hidden\n */\nexport const isHidden = (column: Column) => meta.forColumn(column, ColumnVisibility).isHidden;\n"],"names":["hide","column","meta","forColumn","ColumnVisibility","show","isVisible","isHidden"],"mappings":";;;AAKA;AACA;AACA;AACaA,MAAAA,IAAI,GAAIC,MAAD,IAAoBC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,gBAAvB,CAAA,CAAyCJ,IAAzC,GAAjC;AAEP;AACA;AACA;;AACaK,MAAAA,IAAI,GAAIJ,MAAD,IAAoBC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,gBAAvB,CAAA,CAAyCC,IAAzC,GAAjC;AAEP;AACA;AACA;;AACaC,MAAAA,SAAS,GAAIL,MAAD,IAAoBC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,gBAAvB,EAAyCE,UAA/E;AAEP;AACA;AACA;;AACaC,MAAAA,QAAQ,GAAIN,MAAD,IAAoBC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,gBAAvB,EAAyCG;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|