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
117 lines
2.8 KiB
JavaScript
117 lines
2.8 KiB
JavaScript
import * as PropertySymbol from '../PropertySymbol.js';
|
|
/**
|
|
* DOM Rect Readonly.
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly
|
|
*/
|
|
export default class DOMRectReadOnly {
|
|
[PropertySymbol.x] = 0;
|
|
[PropertySymbol.y] = 0;
|
|
[PropertySymbol.width] = 0;
|
|
[PropertySymbol.height] = 0;
|
|
/**
|
|
* Constructor.
|
|
*
|
|
* @param [x] X position.
|
|
* @param [y] Y position.
|
|
* @param [width] Width.
|
|
* @param [height] Height.
|
|
*/
|
|
constructor(x, y, width, height) {
|
|
this[PropertySymbol.x] = x !== undefined && x !== null ? Number(x) : 0;
|
|
this[PropertySymbol.y] = y !== undefined && y !== null ? Number(y) : 0;
|
|
this[PropertySymbol.width] = width !== undefined && width !== null ? Number(width) : 0;
|
|
this[PropertySymbol.height] = height !== undefined && height !== null ? Number(height) : 0;
|
|
}
|
|
/**
|
|
* Returns x.
|
|
*
|
|
* @returns X.
|
|
*/
|
|
get x() {
|
|
return this[PropertySymbol.x];
|
|
}
|
|
/**
|
|
* Returns y.
|
|
*
|
|
* @returns Y.
|
|
*/
|
|
get y() {
|
|
return this[PropertySymbol.y];
|
|
}
|
|
/**
|
|
* Returns width.
|
|
*
|
|
* @returns Width.
|
|
*/
|
|
get width() {
|
|
return this[PropertySymbol.width];
|
|
}
|
|
/**
|
|
* Returns height.
|
|
*
|
|
* @returns Height.
|
|
*/
|
|
get height() {
|
|
return this[PropertySymbol.height];
|
|
}
|
|
/**
|
|
* Returns top.
|
|
*
|
|
* @returns Top.
|
|
*/
|
|
get top() {
|
|
return Math.min(this[PropertySymbol.y], this[PropertySymbol.y] + this[PropertySymbol.height]);
|
|
}
|
|
/**
|
|
* Returns right.
|
|
*
|
|
* @returns Right.
|
|
*/
|
|
get right() {
|
|
return Math.max(this[PropertySymbol.x], this[PropertySymbol.x] + this[PropertySymbol.width]);
|
|
}
|
|
/**
|
|
* Returns bottom.
|
|
*
|
|
* @returns Bottom.
|
|
*/
|
|
get bottom() {
|
|
return Math.max(this[PropertySymbol.y], this[PropertySymbol.y] + this[PropertySymbol.height]);
|
|
}
|
|
/**
|
|
* Returns left.
|
|
*
|
|
* @returns Left.
|
|
*/
|
|
get left() {
|
|
return Math.min(this[PropertySymbol.x], this[PropertySymbol.x] + this[PropertySymbol.width]);
|
|
}
|
|
/**
|
|
* Returns the JSON representation of the object.
|
|
*
|
|
* @returns JSON representation.
|
|
*/
|
|
toJSON() {
|
|
return {
|
|
x: this.x,
|
|
y: this.y,
|
|
width: this.width,
|
|
height: this.height,
|
|
top: this.top,
|
|
right: this.right,
|
|
bottom: this.bottom,
|
|
left: this.left
|
|
};
|
|
}
|
|
/**
|
|
* Returns a new DOMRectReadOnly object.
|
|
*
|
|
* @param other
|
|
* @returns Cloned object.
|
|
*/
|
|
static fromRect(other) {
|
|
return new DOMRectReadOnly(other.x, other.y, other.width, other.height);
|
|
}
|
|
}
|
|
//# sourceMappingURL=DOMRectReadOnly.js.map
|