import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js'; import CSSParser from './utilities/CSSParser.js'; import * as PropertySymbol from '../PropertySymbol.js'; /** * CSS StyleSheet. * * Reference: * https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet. */ export default class CSSStyleSheet { value = null; name = null; namespaceURI = null; cssRules = []; // TODO: MediaList is not fully implemented. media; title; alternate; disabled; #currentText = null; /** * Constructor. * * @param [options] Options. * @param [options.media] Media. * @param [options.title] Title. * @param [options.alternate] Alternate. * @param [options.disabled] Disabled. */ constructor(options) { this.media = options && options.media ? options.media : ''; this.title = options && options.title ? options.title : ''; this.alternate = options && options.alternate ? options.alternate : false; this.disabled = options && options.disabled ? options.disabled : false; } /** * Inserts a rule. * * @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule * @param rule Rule. * @param [index] Index. * @returns The newly inserterted rule's index. */ insertRule(rule, index) { const rules = CSSParser.parseFromString(this, rule); if (rules.length === 0) { throw new this[PropertySymbol.window].DOMException('Invalid CSS rule.', DOMExceptionNameEnum.hierarchyRequestError); } if (rules.length > 1) { throw new this[PropertySymbol.window].DOMException('Only one rule is allowed to be added.', DOMExceptionNameEnum.syntaxError); } if (index !== undefined) { if (index > this.cssRules.length) { throw new this[PropertySymbol.window].DOMException('Index is more than the length of CSSRuleList.', DOMExceptionNameEnum.indexSizeError); } this.cssRules.splice(index, 0, rules[0]); return index; } const newIndex = this.cssRules.length; this.cssRules.push(rules[0]); return newIndex; } /** * Removes a rule. * * @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/deleteRule * @param index Index. */ deleteRule(index) { delete this.cssRules[index]; } /** * Replaces all CSS rules. * * @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/replace * @param text CSS text. * @returns Promise. */ async replace(text) { this.replaceSync(text); } /** * Replaces all CSS rules. * * @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/replaceSync * @param text CSS text. */ replaceSync(text) { if (this.#currentText !== text) { this.#currentText = text; this.cssRules = CSSParser.parseFromString(this, text); } } } //# sourceMappingURL=CSSStyleSheet.js.map