You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.6 KiB
JavaScript
58 lines
1.6 KiB
JavaScript
import {ATTRIBUTE_NODE} from '../shared/constants.js';
|
|
import {CHANGED, VALUE} from '../shared/symbols.js';
|
|
import {String, ignoreCase} from '../shared/utils.js';
|
|
import {attrAsJSON} from '../shared/jsdon.js';
|
|
import {emptyAttributes} from '../shared/attributes.js';
|
|
|
|
import {attributeChangedCallback as moAttributes} from './mutation-observer.js';
|
|
import {attributeChangedCallback as ceAttributes} from './custom-element-registry.js';
|
|
|
|
import {Node} from './node.js';
|
|
import {escape} from '../shared/text-escaper.js';
|
|
|
|
const QUOTE = /"/g;
|
|
|
|
/**
|
|
* @implements globalThis.Attr
|
|
*/
|
|
export class Attr extends Node {
|
|
constructor(ownerDocument, name, value = '') {
|
|
super(ownerDocument, name, ATTRIBUTE_NODE);
|
|
this.ownerElement = null;
|
|
this.name = String(name);
|
|
this[VALUE] = String(value);
|
|
this[CHANGED] = false;
|
|
}
|
|
|
|
get value() { return this[VALUE]; }
|
|
set value(newValue) {
|
|
const {[VALUE]: oldValue, name, ownerElement} = this;
|
|
this[VALUE] = String(newValue);
|
|
this[CHANGED] = true;
|
|
if (ownerElement) {
|
|
moAttributes(ownerElement, name, oldValue);
|
|
ceAttributes(ownerElement, name, oldValue, this[VALUE]);
|
|
}
|
|
}
|
|
|
|
cloneNode() {
|
|
const {ownerDocument, name, [VALUE]: value} = this;
|
|
return new Attr(ownerDocument, name, value);
|
|
}
|
|
|
|
toString() {
|
|
const {name, [VALUE]: value} = this;
|
|
if (emptyAttributes.has(name) && !value) {
|
|
return ignoreCase(this) ? name : `${name}=""`;
|
|
}
|
|
const escapedValue = (ignoreCase(this) ? value : escape(value)).replace(QUOTE, '"');
|
|
return `${name}="${escapedValue}"`;
|
|
}
|
|
|
|
toJSON() {
|
|
const json = [];
|
|
attrAsJSON(this, json);
|
|
return json;
|
|
}
|
|
}
|