@likec4/diagram 1.45.0 → 1.46.2

package/dist/search/components/utils.d.ts

@@ -3,3 +3,9 @@ export declare function centerY(element: HTMLElement): number;
 export declare function moveFocusToSearchInput(from: HTMLElement | null | undefined): void;
 export declare function focusToFirstFoundElement(from: HTMLElement | null | undefined): void;
 export declare function queryAllFocusable(from: HTMLElement | null | undefined, where: 'elements' | 'views', selector?: string): HTMLButtonElement[];
+/**
+ * Workaround: defers execution of the callback, to finish search panel close animation.
+ * Otherwise, there could be weird artifacts when navigating to large diagrams.
+ * @todo Find a better way to handle this, possibly with animationend event.
+ */
+export declare function whenSearchAnimationEnds(callback: () => void): void;

package/dist/search/components/utils.js

@@ -54,5 +54,8 @@ function queryAllFocusable(from, where, selector = `.${focusable}`) {
   const elements = root.querySelectorAll(`[data-likec4-search-${where}] ${selector}`);
   return [...elements];
 }
+function whenSearchAnimationEnds(callback) {
+  setTimeout(callback, 300);
+}
 
-export { centerY, focusToFirstFoundElement, moveFocusToSearchInput, queryAllFocusable, stopAndPrevent };
+export { centerY, focusToFirstFoundElement, moveFocusToSearchInput, queryAllFocusable, stopAndPrevent, whenSearchAnimationEnds };

package/dist/shadowroot/styles.css.js

@@ -1,5 +1,5 @@
 import { css } from '@likec4/styles/css';
-import { createTheme, Portal } from '@mantine/core';
+import { createTheme, Tooltip, Portal } from '@mantine/core';
 import { useColorScheme as useColorScheme$1, useMutationObserver, useDebouncedCallback } from '@mantine/hooks';
 import { useIsomorphicLayoutEffect } from '@react-hookz/web';
 import { useState } from 'react';
@@ -31,6 +31,11 @@ const DefaultTheme = createTheme({
       defaultProps: {
         reuseTargetNode: true
       }
+    }),
+    Tooltip: Tooltip.extend({
+      defaultProps: {
+        color: "dark"
+      }
     })
   }
 });