`); function appendRows(i, j) { if (iterindex === i) { for (; i < j; ++i) { appendRow(iterator.next().value, i); } iterindex = j; } else { for (let k; i < j; ++i) { k = index[i]; appendRow(array[k], k); } } } function appendRow(d, i) { const itr = tr.cloneNode(true); const input = inputof(itr); input.onclick = reselect; input.checked = selected.has(i); input.value = i; if (d != null) for (let j = 0; j < columns.length; ++j) { let column = columns[j]; let value = d[column]; if (!defined(value)) continue; value = format[column](value, i, data); if (!(value instanceof Node)) value = document.createTextNode(value); itr.childNodes[j + 1].appendChild(value); } tbody.append(itr); } function unselect(i) { materialize(); let j = index.indexOf(i); if (checkedcolumn !== undefined && multiple) array[i][checkedcolumn] = false; if (j < tbody.childNodes.length) { const tr = tbody.childNodes[j]; inputof(tr).checked = false; } selected.delete(i); } function select(i) { materialize(); let j = index.indexOf(i); if (checkedcolumn !== undefined && multiple) array[i][checkedcolumn] = true; if (j < tbody.childNodes.length) { const tr = tbody.childNodes[j]; inputof(tr).checked = true; } selected.add(i); } function* range(i, j) { materialize(); i = index.indexOf(i), j = index.indexOf(j); if (i < j) while (i <= j) yield index[i++]; else while (j <= i) yield index[j++]; } function first(set) { return set[Symbol.iterator]().next().value; } function reselectAll(event) { materialize(); if (this.checked) { selected = new Set(index); if (checkedcolumn !== undefined && multiple) { array.forEach(e => { e[checkedcolumn]=true; }); } for (const tr of tbody.childNodes) { inputof(tr).checked = true; } } else { for (let i of selected) unselect(i); anchor = head = null; if (event.detail) event.currentTarget.blur(); } reinput(); } function reselect(event) { materialize(); let i = +this.value; if (!multiple) { for (let i of selected) unselect(i); select(i); } else if (event.shiftKey) { if (anchor === null) anchor = selected.size ? first(selected) : index[0]; else for (let i of range(anchor, head)) unselect(i); head = i; for (let i of range(anchor, head)) select(i); } else { anchor = head = i; if (selected.has(i)) { unselect(i); anchor = head = null; if (event.detail) event.currentTarget.blur(); } else { select(i); } } reinput(); } function resort(event, column) { materialize(); const th = event.currentTarget; let compare; if (currentSortHeader === th && event.metaKey) { orderof(currentSortHeader).textContent = ""; currentSortHeader = null; currentReverse = false; compare = ascending; } else { if (currentSortHeader === th) { currentReverse = !currentReverse; } else { if (currentSortHeader) { orderof(currentSortHeader).textContent = ""; } currentSortHeader = th; currentReverse = event.altKey; } const order = currentReverse ? descending : ascending; compare = (a, b) => order(array[a][column], array[b][column]); orderof(th).textContent = currentReverse ? "▾" : "▴"; } index.sort(compare); selected = new Set(Array.from(selected).sort(compare)); root.scrollTo(root.scrollLeft, 0); while (tbody.firstChild) tbody.firstChild.remove(); appendRows(0, n = minlengthof(rows * 2)); anchor = head = null; reinput(); } function reinput() { const check = inputof(theadr); check.disabled = !multiple && !selected.size; check.indeterminate = multiple && selected.size && selected.size !== N; // assume materalized! check.checked = selected.size; value = undefined; // lazily computed } root.onscroll = () => { if (root.scrollHeight - root.scrollTop < rows * rowHeight * 1.5 && n < minlengthof(n + 1)) { appendRows(n, n = minlengthof(n + rows)); } }; if (sort === undefined && reverse) { materialize(); index.reverse(); } if (value !== undefined) { materialize(); if (multiple) { const values = new Set(value); selected = new Set(index.filter(i => values.has(array[i]))); } else { const i = array.indexOf(value); selected = i < 0 ? new Set() : new Set([i]); } reinput(); } if (checkedcolumn !== undefined && multiple) { materialize(); selected = new Set(index.filter(i => array[i].hasOwnProperty(checkedcolumn) && array[i][checkedcolumn])); } if (minlengthof(1)) { appendRows(0, n); } else { tbody.append(html`${columns.length ? html`` : null}No results.`); } if (sort !== undefined) { let i = columns.indexOf(sort); if (i >= 0) { if (reverse) currentSortHeader = theadr.childNodes[i + 1]; resort({currentTarget: theadr.childNodes[i + 1]}, columns[i]); } } return Object.defineProperty(root, "value", { get() { if (value === undefined) { materialize(); if (multiple) { value = Array.from(required && selected.size === 0 ? index : selected, i => array[i]); value.columns = columns; } else if (selected.size) { const [i] = selected; value = array[i]; } else { value = null; } } return value; }, set(v) { materialize(); if (multiple) { const values = new Set(v); const selection = new Set(index.filter(i => values.has(array[i]))); for (const i of selected) if (!selection.has(i)) unselect(i); for (const i of selection) if (!selected.has(i)) select(i); } else { const i = array.indexOf(v); selected = i < 0 ? new Set() : new Set([i]); } value = undefined; // lazily computed } }); }