cx 24.4.2 → 24.4.4

package/dist/util.js

@@ -244,6 +244,12 @@ var formatFactory = {
 				};
 		}
 	},
+	zeroPad: function zeroPad(part0, length) {
+		return function (value) {
+			var s = String(value);
+			return s.padStart(length, "0");
+		};
+	},
 };
 formatFactory.s = formatFactory.str = formatFactory.string;
 formatFactory.f = formatFactory.fixed;
@@ -253,6 +259,7 @@ formatFactory.ps = formatFactory.percentageSign;
 formatFactory.d = formatFactory.date;
 formatFactory.t = formatFactory.time;
 formatFactory.dt = formatFactory.datetime;
+formatFactory.zeropad = formatFactory.zeroPad;
 function buildFormatter(format) {
 	var formatter = defaultFormatter,
 		nullText = "";

package/dist/widgets.js

@@ -17296,12 +17296,13 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		this.componentDidUpdate();
 		var instance = this.props.instance;
 		var widget = instance.widget;
-		if (widget.scrollable)
+		if (widget.scrollable) {
+			//update fixed header/footer on resize
 			this.offResize = ResizeManager.trackElement(this.dom.scroller, function () {
-				//ignore changes if the element is not visible on the page
-				if (_this10.dom.scroller.offsetWidth == 0) return;
-				//update fixed header/footer
 				requestAnimationFrame(function () {
+					var _this10$dom$scroller;
+					//ignore changes if the element is not visible on the page
+					if (!((_this10$dom$scroller = _this10.dom.scroller) != null && _this10$dom$scroller.offsetWidth)) return;
 					_this10.componentDidUpdate();
 					instance.setState({
 						dimensionsVersion: instance.state.dimensionsVersion + 1,
@@ -17309,6 +17310,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 					});
 				});
 			});
+		}
 		if (widget.pipeKeyDown) instance.invoke("pipeKeyDown", this.handleKeyDown.bind(this), instance);
 		this.unregisterDropZone = registerDropZone(this);
 		if (widget.infinite) this.ensureData(0, 0);

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.4.2",
+   "version": "24.4.4",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/charts/PieChart.js

@@ -98,13 +98,13 @@ class PieCalculator {
          }
          while (stack.gap > 0) {
             for (let index = 0; index < stack.r0s.length; index++)
-               gapAngleTotal += Math.asin(stack.gap / stack.r0s[index] / 2);
+               gapAngleTotal += 2 * Math.asin(stack.gap / stack.r0s[index] / 2);
 
             for (let index = 0; index < stack.r0ps.length; index++)
-               gapAngleTotal += Math.asin(stack.gap / ((stack.r0ps[index] * this.R) / 100) / 2);
+               gapAngleTotal += 2 * Math.asin(stack.gap / ((stack.r0ps[index] * this.R) / 100) / 2);
 
             if (gapAngleTotal < 0.25 * this.angleTotal) break;
-            stack.gap = stack.gap * 0.9;
+            stack.gap = stack.gap * 0.95;
             gapAngleTotal = 0;
          }
          if (gapAngleTotal == 0) stack.gap = 0;
@@ -124,7 +124,7 @@ class PieCalculator {
       let angle = value * s.angleFactor;
       let startAngle = s.lastAngle;
       let clockFactor = this.clockwise ? -1 : 1;
-      let gapAngle = r0 > 0 && s.gap > 0 ? Math.asin(s.gap / r0 / 2) : 0;
+      let gapAngle = r0 > 0 && s.gap > 0 ? 2 * Math.asin(s.gap / r0 / 2) : 0;
       s.lastAngle += clockFactor * (angle + gapAngle);
       let endAngle = startAngle + clockFactor * angle + gapAngle;
 
@@ -163,7 +163,7 @@ function createSvgArc(cx, cy, r0 = 0, r, startAngle, endAngle, br = 0, gap = 0)
          if (innerSmallArcAngle > (endAngle - startAngle) / 2) {
             innerSmallArcAngle = (endAngle - startAngle) / 2;
             let sin = Math.sin(innerSmallArcAngle);
-            innerBr = (r0 * sin - gap2) / (1 - sin);
+            innerBr = Math.max((r0 * sin - gap2) / (1 - sin), 0);
          }
 
          let innerHipDiagonal = (r0 + innerBr) * Math.cos(innerSmallArcAngle);
@@ -214,7 +214,7 @@ function createSvgArc(cx, cy, r0 = 0, r, startAngle, endAngle, br = 0, gap = 0)
       if (outerSmallArcAngle > (endAngle - startAngle) / 2) {
          outerSmallArcAngle = (endAngle - startAngle) / 2;
          let sin = Math.sin(outerSmallArcAngle);
-         outerBr = (r * sin - gap2) / (1 + sin);
+         outerBr = Math.max((r * sin - gap2) / (1 + sin), 0);
       }
 
       let outerHipDiagonal = Math.cos(outerSmallArcAngle) * (r - outerBr);

package/src/util/Format.js

@@ -124,6 +124,13 @@ let formatFactory = {
             };
       }
    },
+
+   zeroPad: function (part0, length) {
+      return (value) => {
+         let s = String(value);
+         return s.padStart(length, "0");
+      };
+   },
 };
 
 formatFactory.s = formatFactory.str = formatFactory.string;
@@ -134,6 +141,7 @@ formatFactory.ps = formatFactory.percentageSign;
 formatFactory.d = formatFactory.date;
 formatFactory.t = formatFactory.time;
 formatFactory.dt = formatFactory.datetime;
+formatFactory.zeropad = formatFactory.zeroPad;
 
 function buildFormatter(format) {
    let formatter = defaultFormatter,

package/src/widgets/grid/Grid.js

@@ -1972,12 +1972,12 @@ class GridComponent extends VDOM.Component {
       this.componentDidUpdate();
       let { instance } = this.props;
       let { widget } = instance;
-      if (widget.scrollable)
+      if (widget.scrollable) {
+         //update fixed header/footer on resize
          this.offResize = ResizeManager.trackElement(this.dom.scroller, () => {
-            //ignore changes if the element is not visible on the page
-            if (this.dom.scroller.offsetWidth == 0) return;
-            //update fixed header/footer
             requestAnimationFrame(() => {
+               //ignore changes if the element is not visible on the page
+               if (!this.dom.scroller?.offsetWidth) return;
                this.componentDidUpdate();
                instance.setState({
                   dimensionsVersion: instance.state.dimensionsVersion + 1,
@@ -1985,6 +1985,7 @@ class GridComponent extends VDOM.Component {
                });
             });
          });
+      }
       if (widget.pipeKeyDown) instance.invoke("pipeKeyDown", this.handleKeyDown.bind(this), instance);
       this.unregisterDropZone = registerDropZone(this);
       if (widget.infinite) this.ensureData(0, 0);