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
|