spytial-core 1.4.22 → 1.4.23

package/dist/browser/spytial-core-complete.global.js

@@ -91522,6 +91522,21 @@ VVbdfjptxz|~\x80\x82\x84\xA6\xA8W\b
             }
           });
         }
+        /**
+         * Gets the current zoom scale factor
+         * @returns Current zoom scale (k value from transform)
+         */
+        getCurrentZoomScale() {
+          if (this.svg && this.svg.node()) {
+            try {
+              const transform = d32.zoomTransform(this.svg.node());
+              return transform.k;
+            } catch (e) {
+              return 1;
+            }
+          }
+          return 1;
+        }
         isErrorGroup(group) {
           const overlappingGroups = this.currentLayout.overlappingGroups;
           if (!overlappingGroups) {
@@ -93005,7 +93020,7 @@ VVbdfjptxz|~\x80\x82\x84\xA6\xA8W\b
               return `${lineHeight}px`;
             });
           }).raise();
-          this.svgLinkGroups.select(".link").attr("d", (d) => {
+          this.svgLinkGroups.select("path").attr("d", (d) => {
             let source = d.source;
             let target = d.target;
             if (d.id?.startsWith("_g_")) {
@@ -93041,6 +93056,11 @@ VVbdfjptxz|~\x80\x82\x84\xA6\xA8W\b
           }).attr("y", (d) => {
             const pathElement = this.shadowRoot?.querySelector(`path[data-link-id="${d.id}"]`);
             return pathElement ? this.calculateNewPosition(pathElement, "y") : (d.source.y + d.target.y) / 2;
+          }).style("font-size", () => {
+            const zoomScale = this.getCurrentZoomScale();
+            const baseFontSize = 12;
+            const adjustedSize = zoomScale < 1 ? baseFontSize / Math.sqrt(zoomScale) : baseFontSize;
+            return `${Math.min(adjustedSize, 16)}px`;
           }).raise();
           this.updateEdgeEndpointMarkers();
           this.svgGroupLabels.attr("x", (d) => {
@@ -94295,12 +94315,14 @@ VVbdfjptxz|~\x80\x82\x84\xA6\xA8W\b
         text-anchor: middle;
         dominant-baseline: middle;
         font-size: 12px;
-        fill: #161616ff;
+        font-weight: 500;
+        fill: #1a1a1a;
         pointer-events: none;
-        font-family: system-ui;
-        stroke: white; /* Add white shadow */
-        stroke-width: 0.2px; /* Reduced thickness of the shadow */
-        stroke-opacity: 0.7; /* Added opacity to make the shadow less intense */
+        font-family: system-ui, -apple-system, sans-serif;
+        stroke: white;
+        stroke-width: 3px;
+        stroke-linejoin: round;
+        paint-order: stroke fill;
       }
       
       .mostSpecificTypeLabel {