import HTMLCollection from '../element/HTMLCollection.js'; import HTMLElement from '../html-element/HTMLElement.js'; import * as PropertySymbol from '../../PropertySymbol.js'; import QuerySelector from '../../query-selector/QuerySelector.js'; import HTMLTableSectionElement from '../html-table-section-element/HTMLTableSectionElement.js'; import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js'; /** * HTMLTableRowElement * * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement */ export default class HTMLTableRowElement extends HTMLElement { [PropertySymbol.cells] = null; /** * Returns cells. * * @returns Cells. */ get cells() { if (!this[PropertySymbol.cells]) { this[PropertySymbol.cells] = new HTMLCollection(PropertySymbol.illegalConstructor, () => (QuerySelector.querySelectorAll(this, 'td,th')[PropertySymbol.items])); } return this[PropertySymbol.cells]; } /** * Returns a number that gives the logical position of the row within the entire table. If the row is not part of a table, returns -1. * * @returns Row index. */ get rowIndex() { let parent = this.parentNode; while (parent) { if (parent[PropertySymbol.tagName] === 'TABLE') { const rows = QuerySelector.querySelectorAll(parent, 'tr')[PropertySymbol.items]; return rows.indexOf(this); } parent = parent.parentNode; } return -1; } /** * Returns a number that gives the logical position of the row within the table section it belongs to. If the row is not part of a section, returns -1. */ get sectionRowIndex() { let parent = this.parentNode; while (parent) { if (parent instanceof HTMLTableSectionElement) { const rows = QuerySelector.querySelectorAll(parent, 'tr')[PropertySymbol.items]; return rows.indexOf(this); } parent = parent.parentNode; } return -1; } /** * Returns an HTMLTableCellElement representing a new cell of the row. The cell is inserted in the collection of cells immediately before the given index position in the row. If index is -1, the new cell is appended to the collection. If index is less than -1 or greater than the number of cells in the collection, a DOMException with the value IndexSizeError is raised. * * @param [index] Index. * @returns Cell. */ insertCell(index = -1) { if (typeof index !== 'number') { index = -1; } const cells = QuerySelector.querySelectorAll(this, 'td,th')[PropertySymbol.items]; if (index < -1) { throw new this[PropertySymbol.window].DOMException(`Failed to execute 'insertCell' on 'HTMLTableRowElement': The index provided (${index}) is less than -1.`, DOMExceptionNameEnum.indexSizeError); } if (index > cells.length) { throw new this[PropertySymbol.window].DOMException(`Failed to execute 'insertCell' on 'HTMLTableRowElement': The index provided (${index}) is greater than the number of cells (${cells.length}).`, DOMExceptionNameEnum.indexSizeError); } const cell = this[PropertySymbol.ownerDocument].createElement('th'); if (index === -1 || index === cells.length) { this.appendChild(cell); return cell; } cells[index].parentNode.insertBefore(cell, cells[index]); return cell; } /** * Removes the cell corresponding to index. If index is -1, the last cell of the row is removed. If index is less than -1 or greater than the amount of cells in the collection, a DOMException with the value IndexSizeError is raised. * * @param index Index. */ deleteCell(index) { if (arguments.length === 0) { throw new this[PropertySymbol.window].TypeError("Failed to execute 'deleteCell' on 'HTMLTableRowElement': 1 argument required, but only 0 present."); } if (typeof index !== 'number') { index = -1; } if (index < -1) { throw new this[PropertySymbol.window].DOMException(`Failed to execute 'deleteCell' on 'HTMLTableRowElement': The index provided (${index}) is less than -1.`, DOMExceptionNameEnum.indexSizeError); } const cells = QuerySelector.querySelectorAll(this, 'td,th')[PropertySymbol.items]; if (index >= cells.length) { throw new this[PropertySymbol.window].DOMException(`Failed to execute 'deleteCell' on 'HTMLTableRowElement': The index provided (${index}) is greater than the number of cells in the row (${cells.length}).`, DOMExceptionNameEnum.indexSizeError); } if (index === -1) { index = cells.length - 1; } cells[index].remove(); } } //# sourceMappingURL=HTMLTableRowElement.js.map