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

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;
}
}