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.
60 lines
1.7 KiB
JavaScript
60 lines
1.7 KiB
JavaScript
'use strict';
|
|
const {ATTRIBUTE_NODE} = require('../shared/constants.js');
|
|
const {CHANGED, VALUE} = require('../shared/symbols.js');
|
|
const {String, ignoreCase} = require('../shared/utils.js');
|
|
const {attrAsJSON} = require('../shared/jsdon.js');
|
|
const {emptyAttributes} = require('../shared/attributes.js');
|
|
|
|
const {attributeChangedCallback: moAttributes} = require('./mutation-observer.js');
|
|
const {attributeChangedCallback: ceAttributes} = require('./custom-element-registry.js');
|
|
|
|
const {Node} = require('./node.js');
|
|
const {escape} = require('../shared/text-escaper.js');
|
|
|
|
const QUOTE = /"/g;
|
|
|
|
/**
|
|
* @implements globalThis.Attr
|
|
*/
|
|
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;
|
|
}
|
|
}
|
|
exports.Attr = Attr
|