happy-dom/src/css/rules/CSSMediaRule.ts

Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.

import CSSRule from '../CSSRule.js';
import CSSRuleTypeEnum from '../CSSRuleTypeEnum.js';
import MediaList from '../MediaList.js';

/**
 * CSSRule interface.
 */
export default class CSSMediaRule extends CSSRule {
	public readonly type = CSSRuleTypeEnum.mediaRule;
	public readonly cssRules: CSSRule[] = [];
	public readonly media = new MediaList();

	/**
	 * Returns css text.
	 *
	 * @returns CSS text.
	 */
	public get cssText(): string {
		let cssText = '';
		for (const cssRule of this.cssRules) {
			cssText += cssRule.cssText;
		}
		return `@media ${this.conditionText} { ${cssText} }`;
	}

	/**
	 * Returns conditional text.
	 *
	 * @returns Conditional text.
	 */
	public get conditionText(): string {
		return this.media.mediaText;
	}
}