@tenphi/tasty 2.0.3 → 2.1.0

package/dist/injector/injector.js

@@ -1,651 +0,0 @@
-import { getEffectiveDefinition, normalizePropertyDefinition } from "../properties/index.js";
-import { hashString } from "../utils/hash.js";
-import { isDevEnv } from "../utils/is-dev-env.js";
-import { parseStyle } from "../utils/styles.js";
-import { SheetManager } from "./sheet-manager.js";
-import { fontFaceContentHash, formatFontFaceDeclarations } from "../font-face/index.js";
-import { formatCounterStyleDeclarations } from "../counter-style/index.js";
-//#region src/injector/injector.ts
-/**
-* Generate a deterministic class name from a cache key using content hash.
-* The same cache key always produces the same class name across environments.
-*/
-function generateClassName(cacheKey) {
-	return `t${hashString(cacheKey)}`;
-}
-const RSC_CLASS_RE = /\.(t[a-z0-9]+)\.\1/g;
-/**
-* Extract class names from `<style data-tasty-rsc>` tags.
-* The doubled-specificity pattern `.tXXX.tXXX` makes extraction reliable.
-*/
-function extractRSCClassNames() {
-	if (typeof document === "undefined") return [];
-	const styles = document.querySelectorAll("style[data-tasty-rsc]");
-	if (styles.length === 0) return [];
-	const classSet = /* @__PURE__ */ new Set();
-	for (const style of styles) {
-		const text = style.textContent;
-		if (!text) continue;
-		let match;
-		RSC_CLASS_RE.lastIndex = 0;
-		while ((match = RSC_CLASS_RE.exec(text)) !== null) classSet.add(match[1]);
-	}
-	return Array.from(classSet);
-}
-/**
-* Lazily sync server-rendered class names into the client registry.
-*
-* Sources:
-* 1. `window.__TASTY__` — pushed by SSR/RSC streaming scripts
-* 2. `<style data-tasty-rsc>` tags — inline CSS emitted by RSC components
-*
-* Called inside `inject()` / `allocateClassName()` to pick up
-* class names rendered on the server (including during SPA navigation).
-*/
-function syncServerClasses(registry) {
-	if (typeof window === "undefined") return;
-	const classes = window.__TASTY__;
-	if (classes && classes.length > registry.serverClassSyncIndex) {
-		for (let i = registry.serverClassSyncIndex; i < classes.length; i++) registerHydratedClass(registry, classes[i]);
-		registry.serverClassSyncIndex = classes.length;
-	}
-	if (!registry.rscStylesScanned) {
-		registry.rscStylesScanned = true;
-		for (const cls of extractRSCClassNames()) registerHydratedClass(registry, cls);
-	}
-}
-function registerHydratedClass(registry, className) {
-	if (registry.rules.has(className)) return;
-	registry.rules.set(className, {
-		className,
-		ruleIndex: -2,
-		sheetIndex: -2
-	});
-	registry.refCounts.set(className, 0);
-}
-var StyleInjector = class StyleInjector {
-	sheetManager;
-	config;
-	globalRuleCounter = 0;
-	pendingGCHandle = null;
-	/** @internal — exposed for debug utilities only */
-	get _sheetManager() {
-		return this.sheetManager;
-	}
-	constructor(config = {}) {
-		this.config = config;
-		this.sheetManager = new SheetManager(config);
-	}
-	/**
-	* Check if `className` was hydrated from server-rendered styles and,
-	* if so, wire the cacheKey mapping. Returns true on hit.
-	*/
-	tryHydratedHit(registry, cacheKey, className) {
-		syncServerClasses(registry);
-		const rule = registry.rules.get(className);
-		if (rule && rule.ruleIndex === -2 && rule.sheetIndex === -2) {
-			registry.cacheKeyToClassName.set(cacheKey, className);
-			return true;
-		}
-		return false;
-	}
-	/**
-	* Allocate a className for a cacheKey without injecting styles yet.
-	* This allows separating className allocation (render phase) from style injection (insertion phase).
-	*/
-	allocateClassName(cacheKey, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		if (registry.cacheKeyToClassName.has(cacheKey)) return {
-			className: registry.cacheKeyToClassName.get(cacheKey),
-			isNewAllocation: false
-		};
-		const className = generateClassName(cacheKey);
-		if (this.tryHydratedHit(registry, cacheKey, className)) return {
-			className,
-			isNewAllocation: false
-		};
-		if (registry.rules.get(className)) {
-			if (isDevEnv()) console.warn(`[tasty] Hash collision: cache keys produce the same class "${className}". Styles may be incorrect.`);
-			registry.cacheKeyToClassName.set(cacheKey, className);
-			return {
-				className,
-				isNewAllocation: false
-			};
-		}
-		const placeholderRuleInfo = {
-			className,
-			ruleIndex: -1,
-			sheetIndex: -1
-		};
-		registry.rules.set(className, placeholderRuleInfo);
-		registry.cacheKeyToClassName.set(cacheKey, className);
-		return {
-			className,
-			isNewAllocation: true
-		};
-	}
-	/**
-	* Inject styles from StyleResult objects
-	*/
-	inject(rules, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		if (rules.length === 0) return {
-			className: "",
-			dispose: () => {}
-		};
-		const cacheKey = options?.cacheKey;
-		let className;
-		let isPreAllocated = false;
-		if (cacheKey && registry.cacheKeyToClassName.has(cacheKey)) {
-			className = registry.cacheKeyToClassName.get(cacheKey);
-			const existingRuleInfo = registry.rules.get(className);
-			isPreAllocated = existingRuleInfo.ruleIndex === -1 && existingRuleInfo.sheetIndex === -1;
-			if (!isPreAllocated) {
-				const currentRefCount = registry.refCounts.get(className) || 0;
-				registry.refCounts.set(className, currentRefCount + 1);
-				if (registry.metrics) registry.metrics.hits++;
-				return {
-					className,
-					dispose: () => this.dispose(className, registry)
-				};
-			}
-		} else if (cacheKey) {
-			className = generateClassName(cacheKey);
-			if (this.tryHydratedHit(registry, cacheKey, className)) {
-				registry.refCounts.set(className, (registry.refCounts.get(className) || 0) + 1);
-				if (registry.metrics) registry.metrics.hits++;
-				return {
-					className,
-					dispose: () => this.dispose(className, registry)
-				};
-			}
-		} else className = `t${hashString(rules.map((r) => `${r.selector}\0${r.declarations}`).join("\n"))}`;
-		const rulesToInsert = rules.map((rule) => {
-			let newSelector = rule.selector;
-			if (rule.needsClassName) {
-				const selectorParts = newSelector ? newSelector.split("|||") : [""];
-				const classPrefix = `.${className}.${className}`;
-				newSelector = selectorParts.map((part) => {
-					const classSelector = part ? `${classPrefix}${part}` : classPrefix;
-					if (rule.rootPrefix) return `${rule.rootPrefix} ${classSelector}`;
-					return classSelector;
-				}).join(", ");
-			}
-			return {
-				...rule,
-				selector: newSelector,
-				needsClassName: void 0,
-				rootPrefix: void 0
-			};
-		});
-		if (this.config.autoPropertyTypes !== false) {
-			const resolver = registry.propertyTypeResolver;
-			const defined = registry.injectedProperties;
-			for (const rule of rulesToInsert) {
-				if (!rule.declarations) continue;
-				resolver.scanDeclarations(rule.declarations, (name) => defined.has(name), (name, syntax, initialValue) => {
-					this.property(name, {
-						syntax,
-						inherits: true,
-						initialValue,
-						root
-					});
-				});
-			}
-		}
-		const ruleInfo = this.sheetManager.insertRule(registry, rulesToInsert, className, root);
-		if (!ruleInfo) {
-			if (registry.metrics) registry.metrics.misses++;
-			return {
-				className,
-				dispose: () => {}
-			};
-		}
-		registry.refCounts.set(className, 1);
-		if (isPreAllocated) registry.rules.set(className, ruleInfo);
-		else {
-			registry.rules.set(className, ruleInfo);
-			if (cacheKey) registry.cacheKeyToClassName.set(cacheKey, className);
-		}
-		if (registry.metrics) {
-			registry.metrics.totalInsertions++;
-			registry.metrics.misses++;
-		}
-		return {
-			className,
-			dispose: () => this.dispose(className, registry)
-		};
-	}
-	/**
-	* Inject global styles (rules without a generated tasty class selector)
-	* This ensures we don't reserve a tasty class name (t{number}) for global rules,
-	* which could otherwise collide with element-level styles and break lookups.
-	*/
-	injectGlobal(rules, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		if (!rules || rules.length === 0) return { dispose: () => {} };
-		if (this.config.autoPropertyTypes !== false) {
-			const resolver = registry.propertyTypeResolver;
-			const defined = registry.injectedProperties;
-			for (const rule of rules) {
-				if (!rule.declarations) continue;
-				resolver.scanDeclarations(rule.declarations, (name) => defined.has(name), (name, syntax, initialValue) => {
-					this.property(name, {
-						syntax,
-						inherits: true,
-						initialValue,
-						root
-					});
-				});
-			}
-		}
-		const key = `global:${this.globalRuleCounter++}`;
-		const info = this.sheetManager.insertGlobalRule(registry, rules, key, root);
-		if (registry.metrics) registry.metrics.totalInsertions++;
-		return { dispose: () => {
-			if (info) this.sheetManager.deleteGlobalRule(registry, key);
-		} };
-	}
-	/**
-	* Inject raw CSS text directly without parsing
-	* This is a low-overhead alternative to createGlobalStyle for raw CSS
-	* The CSS is inserted into a separate style element to avoid conflicts with tasty's chunking
-	*/
-	injectRawCSS(css, options) {
-		const root = options?.root || document;
-		return this.sheetManager.injectRawCSS(css, root);
-	}
-	/**
-	* Get raw CSS text for SSR
-	*/
-	getRawCSSText(options) {
-		const root = options?.root || document;
-		return this.sheetManager.getRawCSSText(root);
-	}
-	/**
-	* Increment refCount for an already-injected cacheKey and return a dispose.
-	* Used by useStyles on cache hits (hydration or runtime reuse) where
-	* the pipeline was skipped but refCount tracking is still needed.
-	* Returns null if the cacheKey is not found.
-	*/
-	trackRef(cacheKey, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		if (!registry.cacheKeyToClassName.has(cacheKey)) return null;
-		const className = registry.cacheKeyToClassName.get(cacheKey);
-		const currentRefCount = registry.refCounts.get(className) || 0;
-		registry.refCounts.set(className, currentRefCount + 1);
-		if (registry.metrics) registry.metrics.hits++;
-		return {
-			className,
-			dispose: () => this.dispose(className, registry)
-		};
-	}
-	/**
-	* Dispose of a className (decrements refCount only).
-	*/
-	dispose(className, registry) {
-		const currentRefCount = registry.refCounts.get(className);
-		if (currentRefCount == null || currentRefCount <= 0) return;
-		const newRefCount = currentRefCount - 1;
-		registry.refCounts.set(className, newRefCount);
-		if (newRefCount === 0 && registry.metrics) registry.metrics.totalUnused++;
-	}
-	/**
-	* Force bulk cleanup of unused styles
-	*/
-	cleanup(root) {
-		const registry = this.sheetManager.getRegistry(root || document);
-		this.sheetManager.forceCleanup(registry);
-	}
-	/**
-	* Get CSS text from all sheets (for SSR)
-	*/
-	getCssText(options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		return this.sheetManager.getCssText(registry);
-	}
-	/**
-	* Get CSS only for the provided tasty classNames (e.g., ["t0","t3"])
-	*/
-	getCssTextForClasses(classNames, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		const cssChunks = [];
-		for (const cls of classNames) {
-			const info = registry.rules.get(cls);
-			if (info) {
-				const styleSheet = registry.sheets[info.sheetIndex]?.sheet?.sheet;
-				if (styleSheet) {
-					const start = Math.max(0, info.ruleIndex);
-					const end = Math.min(styleSheet.cssRules.length - 1, info.endRuleIndex ?? info.ruleIndex);
-					if (start >= 0 && end >= start && start < styleSheet.cssRules.length) for (let i = start; i <= end; i++) {
-						const rule = styleSheet.cssRules[i];
-						if (rule) cssChunks.push(rule.cssText);
-					}
-				} else if (info.cssText && info.cssText.length) cssChunks.push(...info.cssText);
-			}
-		}
-		return cssChunks.join("\n");
-	}
-	/**
-	* Get cache performance metrics
-	*/
-	getMetrics(options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		return this.sheetManager.getMetrics(registry);
-	}
-	/**
-	* Reset cache performance metrics
-	*/
-	resetMetrics(options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		this.sheetManager.resetMetrics(registry);
-	}
-	/**
-	* Define a CSS @property custom property.
-	*
-	* Accepts tasty token syntax for the property name:
-	* - `$name` → defines `--name`
-	* - `#name` → defines `--name-color` (auto-sets syntax: '<color>', defaults initialValue: 'transparent')
-	* - `--name` → defines `--name` (legacy format)
-	*
-	* Example:
-	* @property --rotation { syntax: "<angle>"; inherits: false; initial-value: 45deg; }
-	*
-	* Note: No caching or dispose — this defines a global property.
-	*
-	* If the same property is registered with different options, a warning is emitted
-	* but the original definition is preserved (CSS @property cannot be redefined).
-	*/
-	property(name, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		const effectiveResult = getEffectiveDefinition(name, {
-			syntax: options?.syntax,
-			inherits: options?.inherits,
-			initialValue: options?.initialValue
-		});
-		if (!effectiveResult.isValid) {
-			if (isDevEnv()) console.warn(`[Tasty] property(): ${effectiveResult.error}. Got: "${name}"`);
-			return;
-		}
-		const cssName = effectiveResult.cssName;
-		const definition = effectiveResult.definition;
-		const normalizedDef = normalizePropertyDefinition(definition);
-		if (registry.injectedProperties.get(cssName) !== void 0) return;
-		const parts = [];
-		if (definition.syntax != null) {
-			let syntax = String(definition.syntax).trim();
-			if (!/^['"]/u.test(syntax)) syntax = `"${syntax}"`;
-			parts.push(`syntax: ${syntax};`);
-		}
-		const inherits = definition.inherits ?? true;
-		parts.push(`inherits: ${inherits ? "true" : "false"};`);
-		if (definition.initialValue != null) {
-			let initialValueStr;
-			if (typeof definition.initialValue === "number") initialValueStr = String(definition.initialValue);
-			else initialValueStr = parseStyle(definition.initialValue).output;
-			parts.push(`initial-value: ${initialValueStr};`);
-		}
-		const declarations = parts.join(" ").trim();
-		const rule = {
-			selector: `@property ${cssName}`,
-			declarations
-		};
-		if (!this.sheetManager.insertGlobalRule(registry, [rule], `property:${name}`, root)) return;
-		registry.injectedProperties.set(cssName, normalizedDef);
-	}
-	/**
-	* Check whether a given @property name was already injected by this injector.
-	*
-	* Accepts tasty token syntax:
-	* - `$name` → checks `--name`
-	* - `#name` → checks `--name-color`
-	* - `--name` → checks `--name` (legacy format)
-	*/
-	isPropertyDefined(name, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		const effectiveResult = getEffectiveDefinition(name, {});
-		if (!effectiveResult.isValid) return false;
-		return registry.injectedProperties.has(effectiveResult.cssName);
-	}
-	/**
-	* Inject a CSS @font-face rule.
-	*
-	* Permanent and global — no dispose or ref-counting.
-	* Deduplicates by content hash (family + descriptors).
-	*/
-	fontFace(family, descriptors, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		const hash = fontFaceContentHash(family, descriptors);
-		if (registry.injectedFontFaces.has(hash)) return;
-		const rule = {
-			selector: "@font-face",
-			declarations: formatFontFaceDeclarations(family, descriptors)
-		};
-		if (this.sheetManager.insertGlobalRule(registry, [rule], `fontface:${hash}`, root)) registry.injectedFontFaces.add(hash);
-	}
-	/**
-	* Inject a CSS @counter-style rule.
-	*
-	* Permanent and global — no dispose or ref-counting.
-	* Deduplicates by name (first definition wins).
-	*/
-	counterStyle(name, descriptors, options) {
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		if (registry.injectedCounterStyles.has(name)) return;
-		const rule = {
-			selector: `@counter-style ${name}`,
-			declarations: formatCounterStyleDeclarations(descriptors)
-		};
-		if (this.sheetManager.insertGlobalRule(registry, [rule], `counterstyle:${name}`, root)) registry.injectedCounterStyles.add(name);
-	}
-	/**
-	* Inject keyframes and return object with toString() and dispose()
-	*
-	* Keyframes are cached by content (steps). If the same content is injected
-	* multiple times with different provided names, the first injected name is reused.
-	*
-	* If the same name is provided with different content (collision), a unique
-	* name is generated to avoid overwriting the existing keyframes.
-	*/
-	keyframes(steps, nameOrOptions) {
-		const isStringName = typeof nameOrOptions === "string";
-		const providedName = isStringName ? nameOrOptions : nameOrOptions?.name;
-		const root = isStringName ? document : nameOrOptions?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		if (Object.keys(steps).length === 0) return {
-			toString: () => "",
-			dispose: () => {}
-		};
-		const contentHash = JSON.stringify(steps);
-		const existing = registry.keyframesCache.get(contentHash);
-		if (existing) {
-			existing.refCount++;
-			return {
-				toString: () => existing.name,
-				dispose: () => this.disposeKeyframes(contentHash, registry)
-			};
-		}
-		let actualName;
-		if (providedName) {
-			const existingContentForName = registry.keyframesNameToContent.get(providedName);
-			if (existingContentForName && existingContentForName !== contentHash) actualName = `${providedName}-k${registry.keyframesCounter++}`;
-			else {
-				actualName = providedName;
-				registry.keyframesNameToContent.set(providedName, contentHash);
-			}
-		} else actualName = `k${registry.keyframesCounter++}`;
-		const result = this.sheetManager.insertKeyframes(registry, steps, actualName, root);
-		if (!result) return {
-			toString: () => "",
-			dispose: () => {}
-		};
-		const { info, declarations } = result;
-		if (this.config.autoPropertyTypes !== false && declarations) registry.propertyTypeResolver.scanDeclarations(declarations, (name) => registry.injectedProperties.has(name), (name, syntax, initialValue) => {
-			this.property(name, {
-				syntax,
-				inherits: true,
-				initialValue,
-				root
-			});
-		});
-		registry.keyframesCache.set(contentHash, {
-			name: actualName,
-			refCount: 1,
-			info
-		});
-		if (registry.metrics) {
-			registry.metrics.totalInsertions++;
-			registry.metrics.misses++;
-		}
-		return {
-			toString: () => actualName,
-			dispose: () => this.disposeKeyframes(contentHash, registry)
-		};
-	}
-	/**
-	* Dispose keyframes
-	*/
-	disposeKeyframes(contentHash, registry) {
-		const entry = registry.keyframesCache.get(contentHash);
-		if (!entry) return;
-		entry.refCount--;
-		if (entry.refCount <= 0) {
-			this.sheetManager.deleteKeyframes(registry, entry.info);
-			registry.keyframesCache.delete(contentHash);
-			for (const [name, hash] of registry.keyframesNameToContent.entries()) if (hash === contentHash) {
-				registry.keyframesNameToContent.delete(name);
-				break;
-			}
-			if (registry.metrics) {
-				registry.metrics.totalUnused++;
-				registry.metrics.stylesCleanedUp++;
-			}
-		}
-	}
-	static TASTY_CLASS_RE = /^t[a-z0-9]+$/;
-	/**
-	* Record a render-time usage hit for one or more classNames.
-	* Handles space-separated multi-chunk classNames.
-	* When the global touch counter reaches `touchInterval`, schedules a GC
-	* via `requestIdleCallback`.
-	* No-op on the server.
-	*/
-	touch(className, options) {
-		if (typeof document === "undefined") return;
-		if (!this.config.gc) return;
-		const root = options?.root || document;
-		const registry = this.sheetManager.getRegistry(root);
-		const now = Date.now();
-		const parts = className.indexOf(" ") === -1 ? [className] : className.split(" ");
-		for (const cls of parts) {
-			if (!StyleInjector.TASTY_CLASS_RE.test(cls)) continue;
-			if (!registry.rules.has(cls)) continue;
-			const entry = registry.usageMap.get(cls);
-			if (entry) entry.lastTouchedAt = now;
-			else registry.usageMap.set(cls, { lastTouchedAt: now });
-			registry.touchCount++;
-		}
-		const touchInterval = this.config.gc.touchInterval ?? 1e3;
-		if (registry.touchCount >= touchInterval) {
-			registry.touchCount = 0;
-			this.scheduleGC();
-		}
-	}
-	/**
-	* Schedule a GC via `requestIdleCallback` (or synchronously as fallback).
-	* Runs GC on all active roots. Avoids double-scheduling via `pendingGCHandle`.
-	*/
-	scheduleGC() {
-		if (this.pendingGCHandle != null) return;
-		const runGC = () => {
-			this.pendingGCHandle = null;
-			this.sheetManager.pruneDisconnectedRoots();
-			for (const root of this.sheetManager.getActiveRoots()) this.gc({ root });
-		};
-		if (typeof requestIdleCallback !== "undefined") this.pendingGCHandle = requestIdleCallback(() => runGC());
-		else runGC();
-	}
-	/**
-	* Synchronous garbage collection.
-	*
-	* 1. Quick upper-bound check: skip if unused count can't exceed capacity.
-	* 2. Scans the DOM for live tasty classNames (safety guard).
-	* 3. With `force: true`: deletes all unused entries inline.
-	*    Without `force`: collects unused, sorts oldest-first, evicts over capacity.
-	*
-	* @returns Number of styles evicted.
-	*/
-	gc(options) {
-		if (typeof document === "undefined") return 0;
-		if (this.pendingGCHandle != null) {
-			if (typeof cancelIdleCallback !== "undefined") cancelIdleCallback(this.pendingGCHandle);
-			this.pendingGCHandle = null;
-		}
-		const root = options?.root || document;
-		const force = options?.force ?? false;
-		const registry = this.sheetManager.getRegistry(root);
-		const capacity = this.config.gc?.capacity ?? 1e3;
-		if (!force) {
-			let activeCount = 0;
-			for (const refCount of registry.refCounts.values()) if (refCount > 0) activeCount++;
-			if (registry.usageMap.size - activeCount <= capacity) return 0;
-		}
-		const liveClasses = /* @__PURE__ */ new Set();
-		for (const el of root.querySelectorAll("[class]")) for (const token of el.classList) if (StyleInjector.TASTY_CLASS_RE.test(token)) liveClasses.add(token);
-		let swept = 0;
-		if (force) for (const [className] of registry.usageMap) {
-			if (liveClasses.has(className)) continue;
-			if ((registry.refCounts.get(className) ?? 0) > 0) continue;
-			registry.usageMap.delete(className);
-			swept++;
-		}
-		else {
-			const unused = [];
-			for (const [className, usage] of registry.usageMap) {
-				if (liveClasses.has(className)) continue;
-				if ((registry.refCounts.get(className) ?? 0) > 0) continue;
-				unused.push({
-					className,
-					lastTouchedAt: usage.lastTouchedAt
-				});
-			}
-			if (unused.length > capacity) {
-				unused.sort((a, b) => a.lastTouchedAt - b.lastTouchedAt);
-				const toEvict = unused.length - capacity;
-				for (let i = 0; i < toEvict; i++) {
-					registry.usageMap.delete(unused[i].className);
-					swept++;
-				}
-			}
-		}
-		if (swept > 0) this.sheetManager.forceCleanup(registry);
-		return swept;
-	}
-	/**
-	* Destroy all resources for a root
-	*/
-	destroy(root) {
-		const targetRoot = root || document;
-		this.sheetManager.cleanup(targetRoot);
-		if (this.pendingGCHandle != null && !this.sheetManager.hasActiveRoots()) {
-			if (typeof cancelIdleCallback !== "undefined") cancelIdleCallback(this.pendingGCHandle);
-			this.pendingGCHandle = null;
-		}
-	}
-};
-//#endregion
-export { StyleInjector };
-
-//# sourceMappingURL=injector.js.map