@likec4/diagram 1.39.2 → 1.39.3

package/bundle/{chunk-CaxOLfbm.js → chunk-C2OWyQIU.js}

@@ -1043,10 +1043,14 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }) {
   const [matches2, setMatches] = useState(
     getInitialValueInEffect ? initialValue : getInitialValue(query)
-  ), queryRef = useRef(null);
+  );
   return useEffect(() => {
-    if ("matchMedia" in window)
-      return queryRef.current = window.matchMedia(query), setMatches(queryRef.current.matches), attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
+    try {
+      const mediaQuery = window.matchMedia(query);
+      return setMatches(mediaQuery.matches), attachMediaListener(mediaQuery, (event) => setMatches(event.matches));
+    } catch {
+      return;
+    }
   }, [query]), matches2 || !1;
 }
 function useDebouncedState(defaultValue, wait, options = { leading: !1 }) {
@@ -1063,7 +1067,7 @@ function useDebouncedState(defaultValue, wait, options = { leading: !1 }) {
   return [value, debouncedSetValue];
 }
 function useDebouncedValue(value, wait, options = { leading: !1 }) {
-  const [_value, setValue] = useState(value), mountedRef = useRef(!1), timeoutRef = useRef(null), cooldownRef = useRef(!1), cancel2 = () => window.clearTimeout(timeoutRef.current);
+  const [_value, setValue] = useState(value), mountedRef = useRef(!1), timeoutRef = useRef(null), cooldownRef = useRef(!1), cancel2 = useCallback(() => window.clearTimeout(timeoutRef.current), []);
   return useEffect(() => {
     mountedRef.current && (!cooldownRef.current && options.leading ? (cooldownRef.current = !0, setValue(value)) : (cancel2(), timeoutRef.current = window.setTimeout(() => {
       cooldownRef.current = !1, setValue(value);
@@ -5836,27 +5840,18 @@ function usePopover(options) {
   }, floating = useFloating({
     strategy: options.strategy,
     placement: options.preventPositionChangeWhenVisible ? options.positionRef.current : options.position,
-    middleware: getPopoverMiddlewares(options, () => floating, env),
-    // Only use whileElementsMounted when elements are conditionally rendered (not keepMounted)
-    // When keepMounted=true, elements are hidden with CSS and we need manual autoUpdate control
-    whileElementsMounted: options.keepMounted ? void 0 : autoUpdate
+    middleware: getPopoverMiddlewares(options, () => floating, env)
   });
   return useEffect(() => {
-    if (!(!options.keepMounted || !floating.refs.reference.current || !floating.refs.floating.current) && _opened)
+    if (!(!floating.refs.reference.current || !floating.refs.floating.current) && _opened)
       return autoUpdate(
         floating.refs.reference.current,
         floating.refs.floating.current,
         floating.update
       );
-  }, [
-    options.keepMounted,
-    _opened,
-    floating.refs.reference,
-    floating.refs.floating,
-    floating.update
-  ]), useDidUpdate(() => {
+  }, [_opened, floating.update]), useDidUpdate(() => {
     options.onPositionChange?.(floating.placement), options.positionRef.current = floating.placement;
-  }, [floating.placement]), useDidUpdate(() => {
+  }, [floating.placement, options.preventPositionChangeWhenVisible]), useDidUpdate(() => {
     _opened !== previouslyOpened.current && (_opened ? options.onOpen?.() : options.onClose?.()), previouslyOpened.current = _opened;
   }, [_opened, options.onClose, options.onOpen]), useDidUpdate(() => {
     let timeout2 = -1;

package/bundle/custom.js

@@ -1,5 +1,5 @@
-import { du as customNode, eh as useLikeC4ViewModel } from "./chunk-CaxOLfbm.js";
-import { el, en, cd, eo, d2, ep, ce, eq, d0, d1, em, er, es, cf, c_, et, d9, eu, cg, d3, d4, cF, d6, d5, ev, dB, dm, e9, dr, ex, ey, ez, cG, dx, ew, cc, cz, cV, c6, cU, cm, cl, c7, ei, cR, cM, ej, cL, dU, cu, dE, ek, bf, c5, c8, dv, b9 } from "./chunk-CaxOLfbm.js";
+import { du as customNode, eh as useLikeC4ViewModel } from "./chunk-C2OWyQIU.js";
+import { el, en, cd, eo, d2, ep, ce, eq, d0, d1, em, er, es, cf, c_, et, d9, eu, cg, d3, d4, cF, d6, d5, ev, dB, dm, e9, dr, ex, ey, ez, cG, dx, ew, cc, cz, cV, c6, cU, cm, cl, c7, ei, cR, cM, ej, cL, dU, cu, dE, ek, bf, c5, c8, dv, b9 } from "./chunk-C2OWyQIU.js";
 import { jsx } from "react/jsx-runtime";
 function customDiagramNode(Node) {
   return customNode((props) => {