@native-dom/runtime 0.0.3 → 0.0.5

package/dist/css.js

@@ -1,573 +1,513 @@
 import { DOMException } from "./errors.js";
-export class CSSStyleDeclaration {
-    parentRule = null;
-    #properties = new Map();
-    #element;
-    #outlineNone = false;
-    constructor(cssText = "", element = null) {
-        this.#element = element;
-        this.cssText = cssText;
-    }
-    get cssText() {
-        return this.#orderedProperties()
-            .map(([name, value]) => `${name}: ${value};`)
-            .join(" ");
-    }
-    set cssText(value) {
-        this.#properties.clear();
-        this.#outlineNone = false;
-        for (const declaration of value.split(";")) {
-            const [name, ...rest] = declaration.split(":");
-            if (!name || rest.length === 0) {
-                continue;
-            }
-            this.#properties.set(normalizeStyleName(name), rest.join(":").trim());
-        }
-        this.#sync();
-    }
-    get length() {
-        return this.#orderedProperties().length;
-    }
-    get display() {
-        return this.getPropertyValue("display");
-    }
-    set display(value) {
-        this.setProperty("display", value);
-    }
-    get flexDirection() {
-        return this.getPropertyValue("flex-direction");
-    }
-    set flexDirection(value) {
-        this.setProperty("flex-direction", value);
-    }
-    get backgroundColor() {
-        return this.getPropertyValue("background-color");
-    }
-    set backgroundColor(value) {
-        this.setProperty("background-color", value);
-    }
-    get color() {
-        return this.getPropertyValue("color");
-    }
-    set color(value) {
-        this.setProperty("color", value);
-    }
-    get visibility() {
-        return this.getPropertyValue("visibility");
-    }
-    set visibility(value) {
-        this.setProperty("visibility", value);
-    }
-    get pointerEvents() {
-        return this.getPropertyValue("pointer-events");
-    }
-    set pointerEvents(value) {
-        this.setProperty("pointer-events", value);
-    }
-    get opacity() {
-        return this.getPropertyValue("opacity");
-    }
-    set opacity(value) {
-        this.setProperty("opacity", value);
-    }
-    get outlineColor() {
-        return this.getPropertyValue("outline-color");
-    }
-    set outlineColor(value) {
-        this.setProperty("outline-color", value);
-    }
-    get outlineStyle() {
-        return this.getPropertyValue("outline-style");
-    }
-    set outlineStyle(value) {
-        this.setProperty("outline-style", value);
-    }
-    get outlineWidth() {
-        return this.getPropertyValue("outline-width");
-    }
-    set outlineWidth(value) {
-        this.setProperty("outline-width", value);
-    }
-    get outline() {
-        return this.getPropertyValue("outline");
-    }
-    set outline(value) {
-        if (String(value).trim() === "none") {
-            this.#properties.delete("outline");
-            this.#properties.delete("outline-color");
-            this.#properties.delete("outline-style");
-            this.#properties.delete("outline-width");
-            this.#outlineNone = true;
-            this.#sync();
-            return;
-        }
-        this.setProperty("outline", value);
-    }
-    get animation() {
-        return this.getPropertyValue("animation");
-    }
-    set animation(value) {
-        this.setProperty("animation", value);
-    }
-    get content() {
-        return this.getPropertyValue("content");
-    }
-    set content(value) {
-        this.setProperty("content", value);
-    }
-    get width() {
-        return this.getPropertyValue("width");
-    }
-    set width(value) {
-        this.setProperty("width", value);
-    }
-    get inlineSize() {
-        return this.getPropertyValue("inline-size");
-    }
-    set inlineSize(value) {
-        this.setProperty("inline-size", value);
-    }
-    get minWidth() {
-        return this.getPropertyValue("min-width");
-    }
-    set minWidth(value) {
-        this.setProperty("min-width", value);
-    }
-    get height() {
-        return this.getPropertyValue("height");
-    }
-    set height(value) {
-        this.setProperty("height", value);
-    }
-    get blockSize() {
-        return this.getPropertyValue("block-size");
-    }
-    set blockSize(value) {
-        this.setProperty("block-size", value);
-    }
-    get border() {
-        return this.getPropertyValue("border");
-    }
-    set border(value) {
-        this.setProperty("border", value);
-    }
-    get clip() {
-        return this.getPropertyValue("clip");
-    }
-    set clip(value) {
-        this.setProperty("clip", value);
-    }
-    get clipPath() {
-        return this.getPropertyValue("clip-path");
-    }
-    set clipPath(value) {
-        this.setProperty("clip-path", value);
-    }
-    get caretColor() {
-        return this.getPropertyValue("caret-color");
-    }
-    set caretColor(value) {
-        this.setProperty("caret-color", value);
-    }
-    get margin() {
-        return this.getPropertyValue("margin");
-    }
-    set margin(value) {
-        this.setProperty("margin", value);
-    }
-    get overflow() {
-        return this.getPropertyValue("overflow");
-    }
-    set overflow(value) {
-        this.setProperty("overflow", value);
-    }
-    get padding() {
-        return this.getPropertyValue("padding");
-    }
-    set padding(value) {
-        this.setProperty("padding", value);
-    }
-    get whiteSpace() {
-        return this.getPropertyValue("white-space");
-    }
-    set whiteSpace(value) {
-        this.setProperty("white-space", value);
-    }
-    get wordWrap() {
-        return this.getPropertyValue("word-wrap");
-    }
-    set wordWrap(value) {
-        this.setProperty("word-wrap", value);
-    }
-    get transitionDuration() {
-        return this.getPropertyValue("transition-duration");
-    }
-    set transitionDuration(value) {
-        this.setProperty("transition-duration", value);
-    }
-    get animationDuration() {
-        return this.getPropertyValue("animation-duration");
-    }
-    set animationDuration(value) {
-        this.setProperty("animation-duration", value);
-    }
-    get animationName() {
-        return this.getPropertyValue("animation-name");
-    }
-    set animationName(value) {
-        this.setProperty("animation-name", value);
-    }
-    get top() {
-        return this.getPropertyValue("top");
-    }
-    set top(value) {
-        this.setProperty("top", value);
-    }
-    get right() {
-        return this.getPropertyValue("right");
-    }
-    set right(value) {
-        this.setProperty("right", value);
-    }
-    get bottom() {
-        return this.getPropertyValue("bottom");
-    }
-    set bottom(value) {
-        this.setProperty("bottom", value);
-    }
-    get left() {
-        return this.getPropertyValue("left");
-    }
-    set left(value) {
-        this.setProperty("left", value);
-    }
-    get position() {
-        return this.getPropertyValue("position");
-    }
-    set position(value) {
-        this.setProperty("position", value);
-    }
-    get transform() {
-        return this.getPropertyValue("transform");
-    }
-    set transform(value) {
-        this.setProperty("transform", value);
-    }
-    get transformOrigin() {
-        return this.getPropertyValue("transform-origin");
-    }
-    set transformOrigin(value) {
-        this.setProperty("transform-origin", value);
-    }
-    get WebkitTransform() {
-        return this.getPropertyValue("WebkitTransform");
-    }
-    set WebkitTransform(value) {
-        this.setProperty("WebkitTransform", value);
-    }
-    get MozTransform() {
-        return this.getPropertyValue("MozTransform");
-    }
-    set MozTransform(value) {
-        this.setProperty("MozTransform", value);
-    }
-    get msTransform() {
-        return this.getPropertyValue("msTransform");
-    }
-    set msTransform(value) {
-        this.setProperty("msTransform", value);
-    }
-    get OTransform() {
-        return this.getPropertyValue("OTransform");
-    }
-    set OTransform(value) {
-        this.setProperty("OTransform", value);
-    }
-    get boxSizing() {
-        return this.getPropertyValue("boxSizing");
-    }
-    set boxSizing(value) {
-        this.setProperty("boxSizing", value);
-    }
-    get zIndex() {
-        return this.getPropertyValue("zIndex");
-    }
-    set zIndex(value) {
-        this.setProperty("zIndex", value);
-    }
-    get touchAction() {
-        return this.getPropertyValue("touchAction");
-    }
-    set touchAction(value) {
-        this.setProperty("touchAction", value);
-    }
-    get userSelect() {
-        return this.getPropertyValue("userSelect");
-    }
-    set userSelect(value) {
-        this.setProperty("userSelect", value);
-    }
-    item(index) {
-        return this.#orderedProperties()[index]?.[0] ?? "";
-    }
-    getPropertyValue(name) {
-        const normalized = normalizeStyleName(name);
-        if (this.#outlineNone) {
-            if (normalized === "outline-color" || normalized === "outline-style") {
-                return "none";
-            }
-            if (normalized === "outline-width") {
-                return "initial";
-            }
-        }
-        return this.#properties.get(normalized) ?? "";
-    }
-    setProperty(name, value) {
-        const normalized = normalizeStyleName(name);
-        if (normalized === "outline" && String(value).trim() === "none") {
-            this.outline = "none";
-            return;
-        }
-        if (isOutlineProperty(normalized)) {
-            this.#outlineNone = false;
-        }
-        if (value == null || String(value).trim() === "") {
-            this.#properties.delete(normalized);
-        }
-        else {
-            this.#properties.set(normalized, normalizeStyleValue(normalized, value));
-        }
-        this.#sync();
-    }
-    removeProperty(name) {
-        const normalized = normalizeStyleName(name);
-        const previous = this.getPropertyValue(normalized);
-        if (isOutlineProperty(normalized)) {
-            this.#outlineNone = false;
-        }
-        this.#properties.delete(normalized);
-        this.#sync();
-        return previous;
-    }
-    #orderedProperties() {
-        const entries = [...this.#properties];
-        if (this.#outlineNone) {
-            entries.push(["outline-color", "none"]);
-            entries.push(["outline-style", "none"]);
-            entries.push(["outline-width", "initial"]);
-        }
-        return entries;
-    }
-    #sync() {
-        if (this.#element) {
-            const cssText = this.cssText;
-            if (cssText) {
-                this.#element.setAttribute("style", cssText);
-            }
-            else {
-                this.#element.removeAttribute("style");
-            }
-        }
-    }
-}
-export class CSSRule {
-    static STYLE_RULE = 1;
-    static MEDIA_RULE = 4;
-    type;
-    parentRule = null;
-    parentStyleSheet = null;
-    constructor(type) {
-        this.type = type;
-    }
-    get cssText() {
-        return "";
-    }
-}
-export class CSSStyleRule extends CSSRule {
-    selectorText;
-    style;
-    constructor(selectorText, styleText) {
-        super(CSSRule.STYLE_RULE);
-        this.selectorText = selectorText.trim();
-        this.style = new CSSStyleDeclaration(styleText);
-        this.style.parentRule = this;
-    }
-    get cssText() {
-        const declarations = this.style.cssText;
-        return `${this.selectorText} {${declarations ? ` ${declarations} ` : " "}}`;
-    }
-}
-export class CSSMediaRule extends CSSRule {
-    conditionText;
-    cssRules = [];
-    media;
-    constructor(conditionText, rules = []) {
-        super(CSSRule.MEDIA_RULE);
-        this.conditionText = conditionText.trim();
-        this.media = Object.assign([this.conditionText], { mediaText: this.conditionText });
-        for (const rule of rules) {
-            rule.parentRule = this;
-            this.cssRules.push(rule);
-        }
-    }
-    get cssText() {
-        const inner = this.cssRules.map((rule) => `  ${rule.cssText}`).join("\n");
-        return `@media ${this.conditionText} {\n${inner}\n}`;
-    }
-}
-export class CSSStyleSheet {
-    cssRules = [];
-    disabled = false;
-    href = null;
-    ownerRule = null;
-    title = null;
-    constructor(cssText = "") {
-        if (cssText) {
-            this.replaceSync(cssText);
-        }
-    }
-    insertRule(ruleText, index = this.cssRules.length) {
-        const normalizedIndex = Number(index);
-        if (!Number.isInteger(normalizedIndex) ||
-            normalizedIndex < 0 ||
-            normalizedIndex > this.cssRules.length) {
-            throw new DOMException("The index provided is outside the rule list.", "IndexSizeError");
-        }
-        const rules = parseCssRules(String(ruleText), this);
-        if (rules.length !== 1) {
-            throw new DOMException(`Failed to parse the rule '${String(ruleText)}'.`, "SyntaxError");
-        }
-        this.cssRules.splice(normalizedIndex, 0, rules[0]);
-        return normalizedIndex;
-    }
-    deleteRule(index = 0) {
-        const normalizedIndex = Number(index);
-        if (Number.isInteger(normalizedIndex) &&
-            normalizedIndex >= 0 &&
-            normalizedIndex < this.cssRules.length) {
-            this.cssRules.splice(normalizedIndex, 1);
-        }
-    }
-    replaceSync(cssText) {
-        this.cssRules.splice(0, this.cssRules.length, ...parseCssRules(String(cssText), this));
-    }
-}
+//#region src/css.ts
+var CSSStyleDeclaration = class {
+	parentRule = null;
+	#properties = /* @__PURE__ */ new Map();
+	#element;
+	#outlineNone = false;
+	constructor(cssText = "", element = null) {
+		this.#element = element;
+		this.cssText = cssText;
+	}
+	get cssText() {
+		return this.#orderedProperties().map(([name, value]) => `${name}: ${value};`).join(" ");
+	}
+	set cssText(value) {
+		this.#properties.clear();
+		this.#outlineNone = false;
+		for (const declaration of value.split(";")) {
+			const [name, ...rest] = declaration.split(":");
+			if (!name || rest.length === 0) continue;
+			this.#properties.set(normalizeStyleName(name), rest.join(":").trim());
+		}
+		this.#sync();
+	}
+	get length() {
+		return this.#orderedProperties().length;
+	}
+	get display() {
+		return this.getPropertyValue("display");
+	}
+	set display(value) {
+		this.setProperty("display", value);
+	}
+	get flexDirection() {
+		return this.getPropertyValue("flex-direction");
+	}
+	set flexDirection(value) {
+		this.setProperty("flex-direction", value);
+	}
+	get backgroundColor() {
+		return this.getPropertyValue("background-color");
+	}
+	set backgroundColor(value) {
+		this.setProperty("background-color", value);
+	}
+	get color() {
+		return this.getPropertyValue("color");
+	}
+	set color(value) {
+		this.setProperty("color", value);
+	}
+	get visibility() {
+		return this.getPropertyValue("visibility");
+	}
+	set visibility(value) {
+		this.setProperty("visibility", value);
+	}
+	get pointerEvents() {
+		return this.getPropertyValue("pointer-events");
+	}
+	set pointerEvents(value) {
+		this.setProperty("pointer-events", value);
+	}
+	get opacity() {
+		return this.getPropertyValue("opacity");
+	}
+	set opacity(value) {
+		this.setProperty("opacity", value);
+	}
+	get outlineColor() {
+		return this.getPropertyValue("outline-color");
+	}
+	set outlineColor(value) {
+		this.setProperty("outline-color", value);
+	}
+	get outlineStyle() {
+		return this.getPropertyValue("outline-style");
+	}
+	set outlineStyle(value) {
+		this.setProperty("outline-style", value);
+	}
+	get outlineWidth() {
+		return this.getPropertyValue("outline-width");
+	}
+	set outlineWidth(value) {
+		this.setProperty("outline-width", value);
+	}
+	get outline() {
+		return this.getPropertyValue("outline");
+	}
+	set outline(value) {
+		if (String(value).trim() === "none") {
+			this.#properties.delete("outline");
+			this.#properties.delete("outline-color");
+			this.#properties.delete("outline-style");
+			this.#properties.delete("outline-width");
+			this.#outlineNone = true;
+			this.#sync();
+			return;
+		}
+		this.setProperty("outline", value);
+	}
+	get animation() {
+		return this.getPropertyValue("animation");
+	}
+	set animation(value) {
+		this.setProperty("animation", value);
+	}
+	get content() {
+		return this.getPropertyValue("content");
+	}
+	set content(value) {
+		this.setProperty("content", value);
+	}
+	get width() {
+		return this.getPropertyValue("width");
+	}
+	set width(value) {
+		this.setProperty("width", value);
+	}
+	get inlineSize() {
+		return this.getPropertyValue("inline-size");
+	}
+	set inlineSize(value) {
+		this.setProperty("inline-size", value);
+	}
+	get minWidth() {
+		return this.getPropertyValue("min-width");
+	}
+	set minWidth(value) {
+		this.setProperty("min-width", value);
+	}
+	get height() {
+		return this.getPropertyValue("height");
+	}
+	set height(value) {
+		this.setProperty("height", value);
+	}
+	get blockSize() {
+		return this.getPropertyValue("block-size");
+	}
+	set blockSize(value) {
+		this.setProperty("block-size", value);
+	}
+	get border() {
+		return this.getPropertyValue("border");
+	}
+	set border(value) {
+		this.setProperty("border", value);
+	}
+	get clip() {
+		return this.getPropertyValue("clip");
+	}
+	set clip(value) {
+		this.setProperty("clip", value);
+	}
+	get clipPath() {
+		return this.getPropertyValue("clip-path");
+	}
+	set clipPath(value) {
+		this.setProperty("clip-path", value);
+	}
+	get caretColor() {
+		return this.getPropertyValue("caret-color");
+	}
+	set caretColor(value) {
+		this.setProperty("caret-color", value);
+	}
+	get margin() {
+		return this.getPropertyValue("margin");
+	}
+	set margin(value) {
+		this.setProperty("margin", value);
+	}
+	get overflow() {
+		return this.getPropertyValue("overflow");
+	}
+	set overflow(value) {
+		this.setProperty("overflow", value);
+	}
+	get padding() {
+		return this.getPropertyValue("padding");
+	}
+	set padding(value) {
+		this.setProperty("padding", value);
+	}
+	get whiteSpace() {
+		return this.getPropertyValue("white-space");
+	}
+	set whiteSpace(value) {
+		this.setProperty("white-space", value);
+	}
+	get wordWrap() {
+		return this.getPropertyValue("word-wrap");
+	}
+	set wordWrap(value) {
+		this.setProperty("word-wrap", value);
+	}
+	get transitionDuration() {
+		return this.getPropertyValue("transition-duration");
+	}
+	set transitionDuration(value) {
+		this.setProperty("transition-duration", value);
+	}
+	get animationDuration() {
+		return this.getPropertyValue("animation-duration");
+	}
+	set animationDuration(value) {
+		this.setProperty("animation-duration", value);
+	}
+	get animationName() {
+		return this.getPropertyValue("animation-name");
+	}
+	set animationName(value) {
+		this.setProperty("animation-name", value);
+	}
+	get top() {
+		return this.getPropertyValue("top");
+	}
+	set top(value) {
+		this.setProperty("top", value);
+	}
+	get right() {
+		return this.getPropertyValue("right");
+	}
+	set right(value) {
+		this.setProperty("right", value);
+	}
+	get bottom() {
+		return this.getPropertyValue("bottom");
+	}
+	set bottom(value) {
+		this.setProperty("bottom", value);
+	}
+	get left() {
+		return this.getPropertyValue("left");
+	}
+	set left(value) {
+		this.setProperty("left", value);
+	}
+	get position() {
+		return this.getPropertyValue("position");
+	}
+	set position(value) {
+		this.setProperty("position", value);
+	}
+	get transform() {
+		return this.getPropertyValue("transform");
+	}
+	set transform(value) {
+		this.setProperty("transform", value);
+	}
+	get transformOrigin() {
+		return this.getPropertyValue("transform-origin");
+	}
+	set transformOrigin(value) {
+		this.setProperty("transform-origin", value);
+	}
+	get WebkitTransform() {
+		return this.getPropertyValue("WebkitTransform");
+	}
+	set WebkitTransform(value) {
+		this.setProperty("WebkitTransform", value);
+	}
+	get MozTransform() {
+		return this.getPropertyValue("MozTransform");
+	}
+	set MozTransform(value) {
+		this.setProperty("MozTransform", value);
+	}
+	get msTransform() {
+		return this.getPropertyValue("msTransform");
+	}
+	set msTransform(value) {
+		this.setProperty("msTransform", value);
+	}
+	get OTransform() {
+		return this.getPropertyValue("OTransform");
+	}
+	set OTransform(value) {
+		this.setProperty("OTransform", value);
+	}
+	get boxSizing() {
+		return this.getPropertyValue("boxSizing");
+	}
+	set boxSizing(value) {
+		this.setProperty("boxSizing", value);
+	}
+	get zIndex() {
+		return this.getPropertyValue("zIndex");
+	}
+	set zIndex(value) {
+		this.setProperty("zIndex", value);
+	}
+	get touchAction() {
+		return this.getPropertyValue("touchAction");
+	}
+	set touchAction(value) {
+		this.setProperty("touchAction", value);
+	}
+	get userSelect() {
+		return this.getPropertyValue("userSelect");
+	}
+	set userSelect(value) {
+		this.setProperty("userSelect", value);
+	}
+	item(index) {
+		return this.#orderedProperties()[index]?.[0] ?? "";
+	}
+	getPropertyValue(name) {
+		const normalized = normalizeStyleName(name);
+		if (this.#outlineNone) {
+			if (normalized === "outline-color" || normalized === "outline-style") return "none";
+			if (normalized === "outline-width") return "initial";
+		}
+		return this.#properties.get(normalized) ?? "";
+	}
+	setProperty(name, value) {
+		const normalized = normalizeStyleName(name);
+		if (normalized === "outline" && String(value).trim() === "none") {
+			this.outline = "none";
+			return;
+		}
+		if (isOutlineProperty(normalized)) this.#outlineNone = false;
+		if (value == null || String(value).trim() === "") this.#properties.delete(normalized);
+		else this.#properties.set(normalized, normalizeStyleValue(normalized, value));
+		this.#sync();
+	}
+	removeProperty(name) {
+		const normalized = normalizeStyleName(name);
+		const previous = this.getPropertyValue(normalized);
+		if (isOutlineProperty(normalized)) this.#outlineNone = false;
+		this.#properties.delete(normalized);
+		this.#sync();
+		return previous;
+	}
+	#orderedProperties() {
+		const entries = [...this.#properties];
+		if (this.#outlineNone) {
+			entries.push(["outline-color", "none"]);
+			entries.push(["outline-style", "none"]);
+			entries.push(["outline-width", "initial"]);
+		}
+		return entries;
+	}
+	#sync() {
+		if (this.#element) {
+			const cssText = this.cssText;
+			if (cssText) this.#element.setAttribute("style", cssText);
+			else this.#element.removeAttribute("style");
+		}
+	}
+};
+var CSSRule = class {
+	static STYLE_RULE = 1;
+	static MEDIA_RULE = 4;
+	type;
+	parentRule = null;
+	parentStyleSheet = null;
+	constructor(type) {
+		this.type = type;
+	}
+	get cssText() {
+		return "";
+	}
+};
+var CSSStyleRule = class extends CSSRule {
+	selectorText;
+	style;
+	constructor(selectorText, styleText) {
+		super(CSSRule.STYLE_RULE);
+		this.selectorText = selectorText.trim();
+		this.style = new CSSStyleDeclaration(styleText);
+		this.style.parentRule = this;
+	}
+	get cssText() {
+		const declarations = this.style.cssText;
+		return `${this.selectorText} {${declarations ? ` ${declarations} ` : " "}}`;
+	}
+};
+var CSSMediaRule = class extends CSSRule {
+	conditionText;
+	cssRules = [];
+	media;
+	constructor(conditionText, rules = []) {
+		super(CSSRule.MEDIA_RULE);
+		this.conditionText = conditionText.trim();
+		this.media = Object.assign([this.conditionText], { mediaText: this.conditionText });
+		for (const rule of rules) {
+			rule.parentRule = this;
+			this.cssRules.push(rule);
+		}
+	}
+	get cssText() {
+		const inner = this.cssRules.map((rule) => `  ${rule.cssText}`).join("\n");
+		return `@media ${this.conditionText} {\n${inner}\n}`;
+	}
+};
+var CSSStyleSheet = class {
+	cssRules = [];
+	disabled = false;
+	href = null;
+	ownerRule = null;
+	title = null;
+	constructor(cssText = "") {
+		if (cssText) this.replaceSync(cssText);
+	}
+	insertRule(ruleText, index = this.cssRules.length) {
+		const normalizedIndex = Number(index);
+		if (!Number.isInteger(normalizedIndex) || normalizedIndex < 0 || normalizedIndex > this.cssRules.length) throw new DOMException("The index provided is outside the rule list.", "IndexSizeError");
+		const rules = parseCssRules(String(ruleText), this);
+		if (rules.length !== 1) throw new DOMException(`Failed to parse the rule '${String(ruleText)}'.`, "SyntaxError");
+		this.cssRules.splice(normalizedIndex, 0, rules[0]);
+		return normalizedIndex;
+	}
+	deleteRule(index = 0) {
+		const normalizedIndex = Number(index);
+		if (Number.isInteger(normalizedIndex) && normalizedIndex >= 0 && normalizedIndex < this.cssRules.length) this.cssRules.splice(normalizedIndex, 1);
+	}
+	replaceSync(cssText) {
+		this.cssRules.splice(0, this.cssRules.length, ...parseCssRules(String(cssText), this));
+	}
+};
 function parseCssRules(cssText, sheet) {
-    const rules = [];
-    const source = stripCssComments(cssText);
-    let cursor = 0;
-    while (cursor < source.length) {
-        while (/\s/.test(source[cursor] ?? "")) {
-            cursor++;
-        }
-        if (cursor >= source.length) {
-            break;
-        }
-        const openBrace = source.indexOf("{", cursor);
-        if (openBrace === -1) {
-            throw new DOMException(`Failed to parse the rule '${cssText}'.`, "SyntaxError");
-        }
-        const closeBrace = findMatchingCssBrace(source, openBrace);
-        if (closeBrace === -1) {
-            throw new DOMException(`Failed to parse the rule '${cssText}'.`, "SyntaxError");
-        }
-        const prelude = source.slice(cursor, openBrace).trim();
-        const block = source.slice(openBrace + 1, closeBrace).trim();
-        const rule = createCssRule(prelude, block, sheet, cssText);
-        rules.push(rule);
-        cursor = closeBrace + 1;
-    }
-    return rules;
+	const rules = [];
+	const source = stripCssComments(cssText);
+	let cursor = 0;
+	while (cursor < source.length) {
+		while (/\s/.test(source[cursor] ?? "")) cursor++;
+		if (cursor >= source.length) break;
+		const openBrace = source.indexOf("{", cursor);
+		if (openBrace === -1) throw new DOMException(`Failed to parse the rule '${cssText}'.`, "SyntaxError");
+		const closeBrace = findMatchingCssBrace(source, openBrace);
+		if (closeBrace === -1) throw new DOMException(`Failed to parse the rule '${cssText}'.`, "SyntaxError");
+		const rule = createCssRule(source.slice(cursor, openBrace).trim(), source.slice(openBrace + 1, closeBrace).trim(), sheet, cssText);
+		rules.push(rule);
+		cursor = closeBrace + 1;
+	}
+	return rules;
 }
 function createCssRule(prelude, block, sheet, sourceText) {
-    if (!prelude) {
-        throw new DOMException(`Failed to parse the rule '${sourceText}'.`, "SyntaxError");
-    }
-    if (prelude.toLowerCase().startsWith("@media ")) {
-        const mediaRule = new CSSMediaRule(prelude.slice(7), parseCssRules(block, sheet));
-        mediaRule.parentStyleSheet = sheet;
-        for (const child of mediaRule.cssRules) {
-            child.parentRule = mediaRule;
-            child.parentStyleSheet = sheet;
-        }
-        return mediaRule;
-    }
-    if (prelude.startsWith("@") || !block.includes(":")) {
-        throw new DOMException(`Failed to parse the rule '${sourceText}'.`, "SyntaxError");
-    }
-    const rule = new CSSStyleRule(prelude, block);
-    rule.parentStyleSheet = sheet;
-    return rule;
+	if (!prelude) throw new DOMException(`Failed to parse the rule '${sourceText}'.`, "SyntaxError");
+	if (prelude.toLowerCase().startsWith("@media ")) {
+		const mediaRule = new CSSMediaRule(prelude.slice(7), parseCssRules(block, sheet));
+		mediaRule.parentStyleSheet = sheet;
+		for (const child of mediaRule.cssRules) {
+			child.parentRule = mediaRule;
+			child.parentStyleSheet = sheet;
+		}
+		return mediaRule;
+	}
+	if (prelude.startsWith("@") || !block.includes(":")) throw new DOMException(`Failed to parse the rule '${sourceText}'.`, "SyntaxError");
+	const rule = new CSSStyleRule(prelude, block);
+	rule.parentStyleSheet = sheet;
+	return rule;
 }
 function findMatchingCssBrace(source, openBrace) {
-    let depth = 0;
-    let quote = null;
-    for (let index = openBrace; index < source.length; index++) {
-        const character = source[index];
-        if (quote) {
-            if (character === "\\" && index + 1 < source.length) {
-                index++;
-            }
-            else if (character === quote) {
-                quote = null;
-            }
-            continue;
-        }
-        if (character === "\"" || character === "'") {
-            quote = character;
-            continue;
-        }
-        if (character === "{") {
-            depth++;
-            continue;
-        }
-        if (character === "}") {
-            depth--;
-            if (depth === 0) {
-                return index;
-            }
-        }
-    }
-    return -1;
+	let depth = 0;
+	let quote = null;
+	for (let index = openBrace; index < source.length; index++) {
+		const character = source[index];
+		if (quote) {
+			if (character === "\\" && index + 1 < source.length) index++;
+			else if (character === quote) quote = null;
+			continue;
+		}
+		if (character === "\"" || character === "'") {
+			quote = character;
+			continue;
+		}
+		if (character === "{") {
+			depth++;
+			continue;
+		}
+		if (character === "}") {
+			depth--;
+			if (depth === 0) return index;
+		}
+	}
+	return -1;
 }
 function stripCssComments(cssText) {
-    return cssText.replace(/\/\*[\s\S]*?\*\//g, "");
+	return cssText.replace(/\/\*[\s\S]*?\*\//g, "");
 }
 function isOutlineProperty(name) {
-    return (name === "outline" ||
-        name === "outline-color" ||
-        name === "outline-style" ||
-        name === "outline-width");
+	return name === "outline" || name === "outline-color" || name === "outline-style" || name === "outline-width";
 }
 function normalizeStyleName(name) {
-    return name
-        .trim()
-        .replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`)
-        .toLowerCase();
+	return name.trim().replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`).toLowerCase();
 }
 const numericLengthProperties = new Set([
-    "block-size",
-    "border",
-    "bottom",
-    "height",
-    "inline-size",
-    "left",
-    "margin",
-    "min-width",
-    "padding",
-    "right",
-    "top",
-    "width"
+	"block-size",
+	"border",
+	"bottom",
+	"height",
+	"inline-size",
+	"left",
+	"margin",
+	"min-width",
+	"padding",
+	"right",
+	"top",
+	"width"
 ]);
 function normalizeStyleValue(name, value) {
-    if (typeof value === "number" && numericLengthProperties.has(name)) {
-        return `${value}px`;
-    }
-    if (typeof value === "string" &&
-        numericLengthProperties.has(name) &&
-        /^-?\d+(?:\.\d+)?$/.test(value.trim())) {
-        return `${value.trim()}px`;
-    }
-    return String(value).trim();
+	if (typeof value === "number" && numericLengthProperties.has(name)) return `${value}px`;
+	if (typeof value === "string" && numericLengthProperties.has(name) && /^-?\d+(?:\.\d+)?$/.test(value.trim())) return `${value.trim()}px`;
+	return String(value).trim();
 }
+//#endregion
+export { CSSMediaRule, CSSRule, CSSStyleDeclaration, CSSStyleRule, CSSStyleSheet };
+
 //# sourceMappingURL=css.js.map