@webstudio-is/css-engine 0.3.0 → 0.4.0

package/lib/core/css-engine.js

@@ -1,97 +1,117 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
 };
-var _CssEngine_element, _CssEngine_mediaRules, _CssEngine_plainRules, _CssEngine_fontFaceRules, _CssEngine_sheet, _CssEngine_isDirty, _CssEngine_cssText, _CssEngine_onChangeRule;
-import { FontFaceRule, MediaRule, PlaintextRule, StyleRule, } from "./rules";
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _element, _mediaRules, _plainRules, _fontFaceRules, _sheet, _isDirty, _cssText, _onChangeRule;
+import {
+  FontFaceRule,
+  MediaRule,
+  PlaintextRule,
+  StyleRule
+} from "./rules";
 import { StyleElement } from "./style-element";
 import { StyleSheet } from "./style-sheet";
 const defaultMediaRuleId = "__default-media-rule__";
-export class CssEngine {
-    constructor() {
-        _CssEngine_element.set(this, void 0);
-        _CssEngine_mediaRules.set(this, new Map());
-        _CssEngine_plainRules.set(this, new Map());
-        _CssEngine_fontFaceRules.set(this, []);
-        _CssEngine_sheet.set(this, void 0);
-        _CssEngine_isDirty.set(this, false);
-        _CssEngine_cssText.set(this, "");
-        _CssEngine_onChangeRule.set(this, () => {
-            __classPrivateFieldSet(this, _CssEngine_isDirty, true, "f");
-        });
-        __classPrivateFieldSet(this, _CssEngine_element, new StyleElement(), "f");
-        __classPrivateFieldSet(this, _CssEngine_sheet, new StyleSheet(__classPrivateFieldGet(this, _CssEngine_element, "f")), "f");
-    }
-    addMediaRule(id, options) {
-        let mediaRule = __classPrivateFieldGet(this, _CssEngine_mediaRules, "f").get(id);
-        if (mediaRule === undefined) {
-            mediaRule = new MediaRule(options);
-            __classPrivateFieldGet(this, _CssEngine_mediaRules, "f").set(id, mediaRule);
-            __classPrivateFieldSet(this, _CssEngine_isDirty, true, "f");
-        }
-        return mediaRule;
-    }
-    addStyleRule(selectorText, rule) {
-        const mediaRule = this.addMediaRule(rule.breakpoint || defaultMediaRuleId);
-        __classPrivateFieldSet(this, _CssEngine_isDirty, true, "f");
-        const styleRule = new StyleRule(selectorText, rule.style);
-        styleRule.onChange = __classPrivateFieldGet(this, _CssEngine_onChangeRule, "f");
-        if (mediaRule === undefined) {
-            // Should be impossible to reach.
-            throw new Error("No media rule found");
-        }
-        mediaRule.insertRule(styleRule);
-        return styleRule;
+class CssEngine {
+  constructor() {
+    __privateAdd(this, _element, void 0);
+    __privateAdd(this, _mediaRules, /* @__PURE__ */ new Map());
+    __privateAdd(this, _plainRules, /* @__PURE__ */ new Map());
+    __privateAdd(this, _fontFaceRules, []);
+    __privateAdd(this, _sheet, void 0);
+    __privateAdd(this, _isDirty, false);
+    __privateAdd(this, _cssText, "");
+    __privateAdd(this, _onChangeRule, () => {
+      __privateSet(this, _isDirty, true);
+    });
+    __privateSet(this, _element, new StyleElement());
+    __privateSet(this, _sheet, new StyleSheet(__privateGet(this, _element)));
+  }
+  addMediaRule(id, options) {
+    let mediaRule = __privateGet(this, _mediaRules).get(id);
+    if (mediaRule === void 0) {
+      mediaRule = new MediaRule(options);
+      __privateGet(this, _mediaRules).set(id, mediaRule);
+      __privateSet(this, _isDirty, true);
     }
-    addPlaintextRule(cssText) {
-        const rule = __classPrivateFieldGet(this, _CssEngine_plainRules, "f").get(cssText);
-        if (rule !== undefined)
-            return rule;
-        __classPrivateFieldSet(this, _CssEngine_isDirty, true, "f");
-        return __classPrivateFieldGet(this, _CssEngine_plainRules, "f").set(cssText, new PlaintextRule(cssText));
+    return mediaRule;
+  }
+  addStyleRule(selectorText, rule) {
+    const mediaRule = this.addMediaRule(rule.breakpoint || defaultMediaRuleId);
+    __privateSet(this, _isDirty, true);
+    const styleRule = new StyleRule(selectorText, rule.style);
+    styleRule.onChange = __privateGet(this, _onChangeRule);
+    if (mediaRule === void 0) {
+      throw new Error("No media rule found");
     }
-    addFontFaceRule(options) {
-        __classPrivateFieldSet(this, _CssEngine_isDirty, true, "f");
-        return __classPrivateFieldGet(this, _CssEngine_fontFaceRules, "f").push(new FontFaceRule(options));
+    mediaRule.insertRule(styleRule);
+    return styleRule;
+  }
+  addPlaintextRule(cssText) {
+    const rule = __privateGet(this, _plainRules).get(cssText);
+    if (rule !== void 0)
+      return rule;
+    __privateSet(this, _isDirty, true);
+    return __privateGet(this, _plainRules).set(cssText, new PlaintextRule(cssText));
+  }
+  addFontFaceRule(options) {
+    __privateSet(this, _isDirty, true);
+    return __privateGet(this, _fontFaceRules).push(new FontFaceRule(options));
+  }
+  clear() {
+    __privateGet(this, _mediaRules).clear();
+    __privateGet(this, _plainRules).clear();
+    __privateSet(this, _fontFaceRules, []);
+    __privateSet(this, _isDirty, true);
+  }
+  render() {
+    __privateGet(this, _element).mount();
+    __privateGet(this, _sheet).replaceSync(this.cssText);
+  }
+  unmount() {
+    __privateGet(this, _element).unmount();
+  }
+  get cssText() {
+    if (__privateGet(this, _isDirty) === false) {
+      return __privateGet(this, _cssText);
     }
-    clear() {
-        __classPrivateFieldGet(this, _CssEngine_mediaRules, "f").clear();
-        __classPrivateFieldGet(this, _CssEngine_plainRules, "f").clear();
-        __classPrivateFieldSet(this, _CssEngine_fontFaceRules, [], "f");
-        __classPrivateFieldSet(this, _CssEngine_isDirty, true, "f");
+    __privateSet(this, _isDirty, false);
+    const css = [];
+    css.push(...__privateGet(this, _fontFaceRules).map((rule) => rule.cssText));
+    for (const plaintextRule of __privateGet(this, _plainRules).values()) {
+      css.push(plaintextRule.cssText);
     }
-    render() {
-        __classPrivateFieldGet(this, _CssEngine_element, "f").mount();
-        // This isn't going to do anything if the `cssText` hasn't changed.
-        __classPrivateFieldGet(this, _CssEngine_sheet, "f").replaceSync(this.cssText);
-    }
-    unmount() {
-        __classPrivateFieldGet(this, _CssEngine_element, "f").unmount();
-    }
-    get cssText() {
-        if (__classPrivateFieldGet(this, _CssEngine_isDirty, "f") === false) {
-            return __classPrivateFieldGet(this, _CssEngine_cssText, "f");
-        }
-        __classPrivateFieldSet(this, _CssEngine_isDirty, false, "f");
-        const css = [];
-        css.push(...__classPrivateFieldGet(this, _CssEngine_fontFaceRules, "f").map((rule) => rule.cssText));
-        for (const plaintextRule of __classPrivateFieldGet(this, _CssEngine_plainRules, "f").values()) {
-            css.push(plaintextRule.cssText);
-        }
-        for (const mediaRule of __classPrivateFieldGet(this, _CssEngine_mediaRules, "f").values()) {
-            const { cssText } = mediaRule;
-            if (cssText !== "")
-                css.push(cssText);
-        }
-        __classPrivateFieldSet(this, _CssEngine_cssText, css.join("\n"), "f");
-        return __classPrivateFieldGet(this, _CssEngine_cssText, "f");
+    for (const mediaRule of __privateGet(this, _mediaRules).values()) {
+      const { cssText } = mediaRule;
+      if (cssText !== "")
+        css.push(cssText);
     }
+    __privateSet(this, _cssText, css.join("\n"));
+    return __privateGet(this, _cssText);
+  }
 }
-_CssEngine_element = new WeakMap(), _CssEngine_mediaRules = new WeakMap(), _CssEngine_plainRules = new WeakMap(), _CssEngine_fontFaceRules = new WeakMap(), _CssEngine_sheet = new WeakMap(), _CssEngine_isDirty = new WeakMap(), _CssEngine_cssText = new WeakMap(), _CssEngine_onChangeRule = new WeakMap();
+_element = new WeakMap();
+_mediaRules = new WeakMap();
+_plainRules = new WeakMap();
+_fontFaceRules = new WeakMap();
+_sheet = new WeakMap();
+_isDirty = new WeakMap();
+_cssText = new WeakMap();
+_onChangeRule = new WeakMap();
+export {
+  CssEngine
+};

package/lib/core/index.js

@@ -1,3 +1,6 @@
-export { CssEngine } from "./css-engine";
+import { CssEngine } from "./css-engine";
 export * from "./create-css-engine";
 export * from "./to-value";
+export {
+  CssEngine
+};

package/lib/core/rules.js

@@ -1,112 +1,137 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
 };
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
 };
-var _StylePropertyMap_styleMap, _StylePropertyMap_isDirty, _StylePropertyMap_string, _StyleRule_onChange, _MediaRule_options, _MediaRule_mediaType, _FontFaceRule_options;
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _styleMap, _isDirty, _string, _onChange, _options, _mediaType, _options2;
 import hyphenate from "hyphenate-style-name";
 import { toValue } from "./to-value";
 class StylePropertyMap {
-    constructor() {
-        _StylePropertyMap_styleMap.set(this, new Map());
-        _StylePropertyMap_isDirty.set(this, false);
-        _StylePropertyMap_string.set(this, "");
-    }
-    set(property, value) {
-        __classPrivateFieldGet(this, _StylePropertyMap_styleMap, "f").set(property, value);
-        __classPrivateFieldSet(this, _StylePropertyMap_isDirty, true, "f");
-        this.onChange?.();
+  constructor() {
+    __privateAdd(this, _styleMap, /* @__PURE__ */ new Map());
+    __privateAdd(this, _isDirty, false);
+    __privateAdd(this, _string, "");
+  }
+  set(property, value) {
+    __privateGet(this, _styleMap).set(property, value);
+    __privateSet(this, _isDirty, true);
+    this.onChange?.();
+  }
+  has(property) {
+    return __privateGet(this, _styleMap).has(property);
+  }
+  clear() {
+    __privateGet(this, _styleMap).clear();
+    __privateSet(this, _isDirty, true);
+    this.onChange?.();
+  }
+  toString() {
+    if (__privateGet(this, _isDirty) === false) {
+      return __privateGet(this, _string);
     }
-    clear() {
-        __classPrivateFieldGet(this, _StylePropertyMap_styleMap, "f").clear();
-        __classPrivateFieldSet(this, _StylePropertyMap_isDirty, true, "f");
-        this.onChange?.();
-    }
-    toString() {
-        if (__classPrivateFieldGet(this, _StylePropertyMap_isDirty, "f") === false) {
-            return __classPrivateFieldGet(this, _StylePropertyMap_string, "f");
-        }
-        const block = [];
-        for (const [property, value] of __classPrivateFieldGet(this, _StylePropertyMap_styleMap, "f")) {
-            if (value === undefined)
-                continue;
-            block.push(`${hyphenate(property)}: ${toValue(value)}`);
-        }
-        __classPrivateFieldSet(this, _StylePropertyMap_string, block.join("; "), "f");
-        __classPrivateFieldSet(this, _StylePropertyMap_isDirty, false, "f");
-        return __classPrivateFieldGet(this, _StylePropertyMap_string, "f");
+    const block = [];
+    for (const [property, value] of __privateGet(this, _styleMap)) {
+      if (value === void 0)
+        continue;
+      block.push(`${hyphenate(property)}: ${toValue(value)}`);
     }
+    __privateSet(this, _string, block.join("; "));
+    __privateSet(this, _isDirty, false);
+    return __privateGet(this, _string);
+  }
 }
-_StylePropertyMap_styleMap = new WeakMap(), _StylePropertyMap_isDirty = new WeakMap(), _StylePropertyMap_string = new WeakMap();
-export class StyleRule {
-    constructor(selectorText, style) {
-        _StyleRule_onChange.set(this, () => {
-            this.onChange?.();
-        });
-        this.styleMap = new StylePropertyMap();
-        this.selectorText = selectorText;
-        let property;
-        for (property in style) {
-            this.styleMap.set(property, style[property]);
-        }
-        this.styleMap.onChange = __classPrivateFieldGet(this, _StyleRule_onChange, "f");
-    }
-    get cssText() {
-        return `${this.selectorText} { ${this.styleMap} }`;
+_styleMap = new WeakMap();
+_isDirty = new WeakMap();
+_string = new WeakMap();
+class StyleRule {
+  constructor(selectorText, style) {
+    __privateAdd(this, _onChange, () => {
+      this.onChange?.();
+    });
+    this.styleMap = new StylePropertyMap();
+    this.selectorText = selectorText;
+    let property;
+    for (property in style) {
+      this.styleMap.set(property, style[property]);
     }
+    this.styleMap.onChange = __privateGet(this, _onChange);
+  }
+  get cssText() {
+    return `${this.selectorText} { ${this.styleMap} }`;
+  }
 }
-_StyleRule_onChange = new WeakMap();
-export class MediaRule {
-    constructor(options = {}) {
-        _MediaRule_options.set(this, void 0);
-        this.rules = [];
-        _MediaRule_mediaType.set(this, void 0);
-        __classPrivateFieldSet(this, _MediaRule_options, options, "f");
-        __classPrivateFieldSet(this, _MediaRule_mediaType, options.mediaType ?? "all", "f");
-    }
-    insertRule(rule) {
-        this.rules.push(rule);
-        return rule;
-    }
-    get cssText() {
-        if (this.rules.length === 0)
-            return "";
-        const rules = [];
-        for (const rule of this.rules) {
-            rules.push(`  ${rule.cssText}`);
-        }
-        let conditionText = "";
-        const { minWidth, maxWidth } = __classPrivateFieldGet(this, _MediaRule_options, "f");
-        if (minWidth !== undefined)
-            conditionText = `min-width: ${minWidth}px`;
-        if (maxWidth !== undefined)
-            conditionText = `max-width: ${maxWidth}px`;
-        if (conditionText)
-            conditionText = `and (${conditionText}) `;
-        return `@media ${__classPrivateFieldGet(this, _MediaRule_mediaType, "f")} ${conditionText}{\n${rules.join("\n")}\n}`;
+_onChange = new WeakMap();
+class MediaRule {
+  constructor(options = {}) {
+    __privateAdd(this, _options, void 0);
+    this.rules = [];
+    __privateAdd(this, _mediaType, void 0);
+    __privateSet(this, _options, options);
+    __privateSet(this, _mediaType, options.mediaType ?? "all");
+  }
+  insertRule(rule) {
+    this.rules.push(rule);
+    return rule;
+  }
+  get cssText() {
+    if (this.rules.length === 0)
+      return "";
+    const rules = [];
+    for (const rule of this.rules) {
+      rules.push(`  ${rule.cssText}`);
     }
+    let conditionText = "";
+    const { minWidth, maxWidth } = __privateGet(this, _options);
+    if (minWidth !== void 0)
+      conditionText = `min-width: ${minWidth}px`;
+    if (maxWidth !== void 0)
+      conditionText = `max-width: ${maxWidth}px`;
+    if (conditionText)
+      conditionText = `and (${conditionText}) `;
+    return `@media ${__privateGet(this, _mediaType)} ${conditionText}{
+${rules.join(
+      "\n"
+    )}
+}`;
+  }
 }
-_MediaRule_options = new WeakMap(), _MediaRule_mediaType = new WeakMap();
-export class PlaintextRule {
-    constructor(cssText) {
-        this.styleMap = new Map();
-        this.cssText = cssText;
-    }
+_options = new WeakMap();
+_mediaType = new WeakMap();
+class PlaintextRule {
+  constructor(cssText) {
+    this.styleMap = new StylePropertyMap();
+    this.cssText = cssText;
+  }
 }
-export class FontFaceRule {
-    constructor(options) {
-        _FontFaceRule_options.set(this, void 0);
-        __classPrivateFieldSet(this, _FontFaceRule_options, options, "f");
-    }
-    get cssText() {
-        const { fontFamily, fontStyle, fontWeight, fontDisplay, src } = __classPrivateFieldGet(this, _FontFaceRule_options, "f");
-        return `@font-face {\n  font-family: ${fontFamily}; font-style: ${fontStyle}; font-weight: ${fontWeight}; font-display: ${fontDisplay}; src: ${src};\n}`;
-    }
+class FontFaceRule {
+  constructor(options) {
+    __privateAdd(this, _options2, void 0);
+    __privateSet(this, _options2, options);
+  }
+  get cssText() {
+    const { fontFamily, fontStyle, fontWeight, fontDisplay, src } = __privateGet(this, _options2);
+    return `@font-face {
+  font-family: ${fontFamily}; font-style: ${fontStyle}; font-weight: ${fontWeight}; font-display: ${fontDisplay}; src: ${src};
+}`;
+  }
 }
-_FontFaceRule_options = new WeakMap();
+_options2 = new WeakMap();
+export {
+  FontFaceRule,
+  MediaRule,
+  PlaintextRule,
+  StyleRule
+};

package/lib/core/style-element.js

@@ -1,39 +1,49 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
 };
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
 };
-var _StyleElement_element;
-export class StyleElement {
-    constructor() {
-        _StyleElement_element.set(this, void 0);
-    }
-    get isMounted() {
-        return __classPrivateFieldGet(this, _StyleElement_element, "f")?.parentElement != null;
-    }
-    mount() {
-        if (this.isMounted === false) {
-            __classPrivateFieldSet(this, _StyleElement_element, document.createElement("style"), "f");
-            __classPrivateFieldGet(this, _StyleElement_element, "f").setAttribute("data-webstudio", "");
-            document.head.appendChild(__classPrivateFieldGet(this, _StyleElement_element, "f"));
-        }
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _element;
+class StyleElement {
+  constructor() {
+    __privateAdd(this, _element, void 0);
+  }
+  get isMounted() {
+    return __privateGet(this, _element)?.parentElement != null;
+  }
+  mount() {
+    if (this.isMounted === false) {
+      __privateSet(this, _element, document.createElement("style"));
+      __privateGet(this, _element).setAttribute("data-webstudio", "");
+      document.head.appendChild(__privateGet(this, _element));
     }
-    unmount() {
-        if (this.isMounted) {
-            __classPrivateFieldGet(this, _StyleElement_element, "f")?.parentElement?.removeChild(__classPrivateFieldGet(this, _StyleElement_element, "f"));
-            __classPrivateFieldSet(this, _StyleElement_element, undefined, "f");
-        }
+  }
+  unmount() {
+    if (this.isMounted) {
+      __privateGet(this, _element)?.parentElement?.removeChild(__privateGet(this, _element));
+      __privateSet(this, _element, void 0);
     }
-    render(cssText) {
-        if (__classPrivateFieldGet(this, _StyleElement_element, "f")) {
-            __classPrivateFieldGet(this, _StyleElement_element, "f").textContent = cssText;
-        }
+  }
+  render(cssText) {
+    if (__privateGet(this, _element)) {
+      __privateGet(this, _element).textContent = cssText;
     }
+  }
 }
-_StyleElement_element = new WeakMap();
+_element = new WeakMap();
+export {
+  StyleElement
+};

package/lib/core/style-sheet.js

@@ -1,26 +1,37 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
 };
-var _StyleSheet_cssText, _StyleSheet_element;
-export class StyleSheet {
-    constructor(element) {
-        _StyleSheet_cssText.set(this, "");
-        _StyleSheet_element.set(this, void 0);
-        __classPrivateFieldSet(this, _StyleSheet_element, element, "f");
-    }
-    replaceSync(cssText) {
-        if (cssText !== __classPrivateFieldGet(this, _StyleSheet_cssText, "f")) {
-            __classPrivateFieldSet(this, _StyleSheet_cssText, cssText, "f");
-            __classPrivateFieldGet(this, _StyleSheet_element, "f").render(cssText);
-        }
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _cssText, _element;
+class StyleSheet {
+  constructor(element) {
+    __privateAdd(this, _cssText, "");
+    __privateAdd(this, _element, void 0);
+    __privateSet(this, _element, element);
+  }
+  replaceSync(cssText) {
+    if (cssText !== __privateGet(this, _cssText)) {
+      __privateSet(this, _cssText, cssText);
+      __privateGet(this, _element).render(cssText);
     }
+  }
 }
-_StyleSheet_cssText = new WeakMap(), _StyleSheet_element = new WeakMap();
+_cssText = new WeakMap();
+_element = new WeakMap();
+export {
+  StyleSheet
+};