@likec4/diagram 1.56.0 → 1.58.0

package/dist/shadowroot/styles.js

@@ -0,0 +1,60 @@
+import { __name } from "../_virtual/_rolldown/runtime.js";
+import { useCallbackRef as useCallbackRef$1 } from "../hooks/useCallbackRef.js";
+import styles_font_default from "../styles-font2.js";
+import styles_default from "../styles2.js";
+import { useState } from "react";
+import { first, isFunction, isString, once } from "remeda";
+import { useColorScheme, useMutationObserverTarget } from "@mantine/hooks";
+//#region src/shadowroot/styles.ts
+function scopeStylesToShadowRoot(styles) {
+	return styles.replaceAll(/:where\(\s*:root\s*,\s*:host\s*\)/g, `:where(.likec4-shadow-root)`).replaceAll(":root", `.likec4-shadow-root`).replaceAll(/(^|[{},;]|\*\/)(\s*)body(?=\s*[{,])/g, "$1$2.likec4-shadow-root");
+}
+function appendFontToDocument(injectFontCss, styleNonce) {
+	if (injectFontCss && !document.querySelector(`style[data-likec4-font]`)) {
+		const style = document.createElement("style");
+		style.setAttribute("type", "text/css");
+		style.setAttribute("data-likec4-font", "");
+		let nonce;
+		if (isString(styleNonce)) nonce = styleNonce;
+		if (isFunction(styleNonce)) nonce = styleNonce();
+		if (nonce) style.setAttribute("nonce", nonce);
+		style.appendChild(document.createTextNode(styles_font_default));
+		document.head.appendChild(style);
+	}
+}
+/**
+* Creates a CSS string with styles scoped to the shadow root
+* @returns CSS string for the shadow root
+*/
+var shadowRootCSS = once(() => {
+	return scopeStylesToShadowRoot(styles_default);
+});
+/**
+* Creates a CSSStyleSheet with styles scoped to the shadow root
+*/
+function createShadowRootStylesheets(csstext) {
+	const css = new CSSStyleSheet();
+	css.replaceSync(csstext);
+	return [css];
+}
+var getComputedColorScheme = () => {
+	try {
+		const colorScheme = first((window.getComputedStyle(document.documentElement).colorScheme ?? "").split(" "));
+		if (colorScheme === "light" || colorScheme === "dark") return colorScheme;
+	} catch {}
+	return null;
+};
+var getDocumentElement = () => document.documentElement;
+function useColorScheme$1(explicit) {
+	const preferred = useColorScheme();
+	const [computed, setComputed] = useState(getComputedColorScheme);
+	useMutationObserverTarget(useCallbackRef$1(() => setComputed(getComputedColorScheme)), {
+		attributes: true,
+		childList: false,
+		subtree: false
+	}, getDocumentElement);
+	return explicit ?? computed ?? preferred;
+}
+__name(useColorScheme$1, "useColorScheme");
+//#endregion
+export { appendFontToDocument, createShadowRootStylesheets, shadowRootCSS, useColorScheme$1 as useColorScheme };