- 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
135 lines
2.8 KiB
JavaScript
135 lines
2.8 KiB
JavaScript
import HTMLElement from '../html-element/HTMLElement.js';
|
|
import * as PropertySymbol from '../../PropertySymbol.js';
|
|
/**
|
|
* HTMLSourceElement
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLSourceElement
|
|
*/
|
|
export default class HTMLSourceElement extends HTMLElement {
|
|
/**
|
|
* Returns height.
|
|
*
|
|
* @returns Height.
|
|
*/
|
|
get height() {
|
|
const value = Number(this.getAttribute('height'));
|
|
return isNaN(value) || value < 0 ? 0 : value;
|
|
}
|
|
/**
|
|
* Sets height.
|
|
*
|
|
* @param value Height.
|
|
*/
|
|
set height(value) {
|
|
const parsedValue = Number(value);
|
|
this.setAttribute('height', isNaN(parsedValue) || parsedValue < 0 ? '0' : String(parsedValue));
|
|
}
|
|
/**
|
|
* Returns width.
|
|
*
|
|
* @returns Width.
|
|
*/
|
|
get width() {
|
|
const value = Number(this.getAttribute('width'));
|
|
return isNaN(value) || value < 0 ? 0 : value;
|
|
}
|
|
/**
|
|
* Sets width.
|
|
*
|
|
* @param value Width.
|
|
*/
|
|
set width(value) {
|
|
const parsedValue = Number(value);
|
|
this.setAttribute('width', isNaN(parsedValue) || parsedValue < 0 ? '0' : String(parsedValue));
|
|
}
|
|
/**
|
|
* Returns media.
|
|
*
|
|
* @returns Media.
|
|
*/
|
|
get media() {
|
|
return this.getAttribute('media') || '';
|
|
}
|
|
/**
|
|
* Sets media.
|
|
*
|
|
* @param value Media.
|
|
*/
|
|
set media(value) {
|
|
this.setAttribute('media', value);
|
|
}
|
|
/**
|
|
* Returns sizes.
|
|
*
|
|
* @returns Sizes.
|
|
*/
|
|
get sizes() {
|
|
return this.getAttribute('sizes') || '';
|
|
}
|
|
/**
|
|
* Sets sizes.
|
|
*
|
|
* @param value Sizes.
|
|
*/
|
|
set sizes(value) {
|
|
this.setAttribute('sizes', value);
|
|
}
|
|
/**
|
|
* Returns source.
|
|
*
|
|
* @returns Source.
|
|
*/
|
|
get src() {
|
|
if (!this.hasAttribute('src')) {
|
|
return '';
|
|
}
|
|
try {
|
|
return new URL(this.getAttribute('src'), this[PropertySymbol.ownerDocument].location.href)
|
|
.href;
|
|
}
|
|
catch (e) {
|
|
return this.getAttribute('src');
|
|
}
|
|
}
|
|
/**
|
|
* Sets source.
|
|
*
|
|
* @param src Source.
|
|
*/
|
|
set src(src) {
|
|
this.setAttribute('src', src);
|
|
}
|
|
/**
|
|
* Returns source set.
|
|
*
|
|
* @returns Source set.
|
|
*/
|
|
get srcset() {
|
|
return this.getAttribute('srcset') || '';
|
|
}
|
|
/**
|
|
* Sets source set.
|
|
*
|
|
* @param value Source set.
|
|
*/
|
|
set srcset(value) {
|
|
this.setAttribute('srcset', value);
|
|
}
|
|
/**
|
|
* Returns type.
|
|
*
|
|
* @returns Type.
|
|
*/
|
|
get type() {
|
|
return this.getAttribute('type') || '';
|
|
}
|
|
/**
|
|
* Sets type.
|
|
*
|
|
* @param type Type.
|
|
*/
|
|
set type(type) {
|
|
this.setAttribute('type', type);
|
|
}
|
|
}
|
|
//# sourceMappingURL=HTMLSourceElement.js.map
|