mario-education 2.4.164-up → 2.4.165-up

package/dist/index.modern.js

@@ -29053,13 +29053,17 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
     var _datum$arc = datum.arc,
       startAngle = _datum$arc.startAngle,
       endAngle = _datum$arc.endAngle,
-      innerRadius = _datum$arc.innerRadius,
       outerRadius = _datum$arc.outerRadius,
       padAngle = _datum$arc.padAngle;
-    var angle = (startAngle + endAngle) / 2 + padAngle / 2;
-    var radius = (innerRadius + outerRadius) * 1.3;
-    var x = Math.cos(angle - Math.PI / 2) * radius;
-    var y = Math.sin(angle - Math.PI / 2) * radius;
+    var angle = (startAngle + endAngle) / 2 + padAngle;
+    var radius = outerRadius + 16 + (!isMobileScreen ? 120 : 100) / 2;
+    var alpha = Math.PI / 2 - angle;
+    if (angle >= 3 * Math.PI / 2) alpha = 5 * Math.PI / 2 - angle;
+    var onOyAxis = alpha === Math.PI / 2 ? 1 : alpha === -Math.PI / 2 ? -1 : 0;
+    var xDirection = alpha > -Math.PI / 2 && alpha < Math.PI / 2 ? 1 : -1;
+    var yDirection = alpha < 0 ? 1 : -1;
+    var x = onOyAxis != 0 ? 0 : radius / Math.sqrt(1 + Math.pow(Math.tan(alpha), 2)) * xDirection;
+    var y = onOyAxis != 0 ? -onOyAxis * radius : Math.abs(Math.tan(alpha) * x) * yDirection;
     var labelLines = wrapTextToWidth(label, !isMobileScreen ? 120 : 100) || [];
     return React.createElement("g", {
       transform: "translate(" + x + "," + y + ")"
@@ -29134,7 +29138,7 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
     className: "" + styles$1["title-chart"]
   }, t(topMostUsedStrategiesName)), React.createElement("p", {
     className: "" + styles$1["description-chart"]
-  }, "How many times a strategy has been chosen"))), React.createElement(ResponsivePie, {
+  }, "How many times a strategy has been chosen"))), dataConvert.length > 0 ? React.createElement(ResponsivePie, {
     data: dataConvert,
     margin: screenWidth > 550 ? largeMarginChart : smallMarginChart,
     innerRadius: 0.5,
@@ -29143,7 +29147,13 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
     colors: colors,
     arcLabelsComponent: CustomArcLabel,
     arcLinkLabelComponent: WrappedTextArcLinkLabel
-  }))));
+  }) : React.createElement("p", {
+    className: "px-2 py-3 text-muted"
+  }, React.createElement("i", {
+    style: {
+      fontSize: "14px"
+    }
+  }, t("no_data"))))));
 };
 var propsAreEqual = function propsAreEqual(preProps, nextProps) {
   return JSON.stringify(preProps) === JSON.stringify(nextProps);