@jsenv/navi 0.22.3 → 0.22.4

package/dist/jsenv_navi.js

@@ -20642,11 +20642,12 @@ installImportMetaCssBuild(import.meta);const css$7 = /* css */`
  * @param {import("ignore:preact").RefObject} childRef — ref on the child element to reposition
  */
 const TextAnchor = ({
+  childRef,
   children,
   textAnchor = "char-bottom",
-  childRef,
-  lineLayout,
-  size
+  textKey,
+  textSize,
+  lineLayout
 }) => {
   import.meta.css = [css$7, "@jsenv/navi/src/text/text_anchor.jsx"];
   const anchorRef = useRef();
@@ -20679,7 +20680,7 @@ const TextAnchor = ({
       childEl.style.marginTop = "";
       childEl.style.marginBottom = "";
     }
-  }, [size, textAnchor, lineLayout?.size, lineLayout?.verticalAlign]);
+  }, [textAnchor, textKey, textSize, lineLayout?.size, lineLayout?.verticalAlign]);
   return jsxs(Fragment, {
     children: [children, jsx("span", {
       ref: anchorRef,
@@ -20874,10 +20875,10 @@ const Icon = ({
     });
   }
   return jsx(TextAnchor, {
+    childRef: textRef,
     textAnchor: textAnchor,
+    textSize: props.size,
     lineLayout: lineLayout,
-    childRef: textRef,
-    size: props.size,
     children: jsxs(Text, {
       ...props,
       ...ariaProps,
@@ -30686,10 +30687,11 @@ const BadgeCount = ({
   }
   if (circle) {
     return jsx(TextAnchor, {
+      childRef: ref,
       textAnchor: textAnchor,
+      textSize: props.size,
+      textKey: loading + valueDisplayed + hasOverflow,
       lineLayout: lineLayout,
-      childRef: ref,
-      size: props.size,
       children: jsxs(BadgeCountCircle, {
         ...props,
         loading: loading,
@@ -30704,10 +30706,11 @@ const BadgeCount = ({
     lang
   }) : valueDisplayed;
   return jsx(TextAnchor, {
+    childRef: ref,
     textAnchor: textAnchor,
+    textSize: props.size,
+    textKey: loading + valueFormatted + hasOverflow,
     lineLayout: lineLayout,
-    childRef: ref,
-    size: props.size,
     children: jsxs(BadgeCountEllipse, {
       ...props,
       loading: loading,
@@ -30756,9 +30759,7 @@ const BadgeCountEllipse = ({
     spacing: "pre",
     children: loading ? jsx(Icon, {
       children: jsx(LoadingDots, {})
-    }) : jsx(Fragment, {
-      children: children
-    })
+    }) : children
   });
 };
 const BadgeCountCircle = ({
@@ -30786,11 +30787,9 @@ const BadgeCountCircle = ({
     spacing: "pre",
     children: loading ? jsx(Icon, {
       children: jsx(LoadingDots, {})
-    }) : jsx(Fragment, {
-      children: jsx("span", {
-        className: "navi_badge_count_text",
-        children: children
-      })
+    }) : jsx("span", {
+      className: "navi_badge_count_text",
+      children: children
     })
   });
 };