Santhosh Janardhanan
de2d83092e
- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
112 lines
2.8 KiB
JavaScript
112 lines
2.8 KiB
JavaScript
import QuerySelector from '../../query-selector/QuerySelector.js';
|
|
import HTMLElement from '../html-element/HTMLElement.js';
|
|
import * as PropertySymbol from '../../PropertySymbol.js';
|
|
/**
|
|
* HTMLTableCellElement
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement
|
|
*/
|
|
export default class HTMLTableCellElement extends HTMLElement {
|
|
/**
|
|
* Returns abbr.
|
|
*
|
|
* @returns Abbr.
|
|
*/
|
|
get abbr() {
|
|
return this.getAttribute('abbr') || '';
|
|
}
|
|
/**
|
|
* Sets abbr.
|
|
*
|
|
* @param value Abbr.
|
|
*/
|
|
set abbr(value) {
|
|
this.setAttribute('abbr', value);
|
|
}
|
|
/**
|
|
* A number representing the cell's position in the cells collection of the <tr> the cell is contained within. If the cell doesn't belong to a <tr>, it returns -1.
|
|
*
|
|
* @returns Cell index.
|
|
*/
|
|
get cellIndex() {
|
|
let parent = this.parentNode;
|
|
while (parent) {
|
|
if (parent[PropertySymbol.tagName] === 'TR') {
|
|
const cells = QuerySelector.querySelectorAll(parent, 'td,th')[PropertySymbol.items];
|
|
return cells.indexOf(this);
|
|
}
|
|
parent = parent.parentNode;
|
|
}
|
|
return -1;
|
|
}
|
|
/**
|
|
* Returns colspan.
|
|
*
|
|
* @returns Colspan.
|
|
*/
|
|
get colSpan() {
|
|
const value = Number(this.getAttribute('colspan'));
|
|
return isNaN(value) || value < 1 ? 1 : value;
|
|
}
|
|
/**
|
|
* Sets colspan.
|
|
*
|
|
* @param value Colspan.
|
|
*/
|
|
set colSpan(value) {
|
|
const parsedValue = Number(value);
|
|
this.setAttribute('colspan', isNaN(parsedValue) || parsedValue < 1 ? '1' : String(parsedValue));
|
|
}
|
|
/**
|
|
* Returns headers.
|
|
*
|
|
* @returns headers.
|
|
*/
|
|
get headers() {
|
|
return this.getAttribute('headers') || '';
|
|
}
|
|
/**
|
|
* Sets headers.
|
|
*
|
|
* @param value headers.
|
|
*/
|
|
set headers(value) {
|
|
this.setAttribute('headers', String(value));
|
|
// TODO: implement metadata update if needed.
|
|
}
|
|
/**
|
|
* Returns rowspan.
|
|
*
|
|
* @returns Rowspan.
|
|
*/
|
|
get rowSpan() {
|
|
const value = Number(this.getAttribute('rowspan'));
|
|
return isNaN(value) || value < 1 ? 1 : value;
|
|
}
|
|
/**
|
|
* Sets rowspan.
|
|
*
|
|
* @param value Rowspan.
|
|
*/
|
|
set rowSpan(value) {
|
|
const parsedValue = Number(value);
|
|
this.setAttribute('rowspan', isNaN(parsedValue) || parsedValue < 1 ? '1' : String(parsedValue));
|
|
}
|
|
/**
|
|
* Returns scope.
|
|
*
|
|
* @returns Scope.
|
|
*/
|
|
get scope() {
|
|
return this.getAttribute('scope') || '';
|
|
}
|
|
/**
|
|
* Sets scope.
|
|
*
|
|
* @param value Scope.
|
|
*/
|
|
set scope(value) {
|
|
this.setAttribute('scope', value);
|
|
}
|
|
}
|
|
//# sourceMappingURL=HTMLTableCellElement.js.map
|