highcharts 13.0.0 → 13.0.2

package/esm/modules/xrange.js

@@ -1,5 +1,5 @@
 /**
- * Highcharts JS v13.0.0 (2026-06-11)
+ * Highcharts JS v13.0.2 (2026-08-27)
  * @module highcharts/modules/xrange
  * @requires highcharts
  *
@@ -10,4 +10,4 @@
  *
  * A commercial license may be required depending on use,
  * see www.highcharts.com/license
- */import*as t from"../highcharts.js";var e={};e.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{for(var s in i)e.o(i,s)&&!e.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:i[s]})},e.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);let i=t.default;var s=e.n(i);let o=t.default.Color;var r=e.n(o);let a=t.default.SeriesRegistry;var l=e.n(a);let{column:{prototype:{pointClass:n}}}=l().seriesTypes;class p extends n{static getColorByCategory(t,e){let i=t.chart,s=t.options.colors||i.options.colors,o=s?s.length:i.options.chart.colorCount||1,r=(e.y||0)%o,a=s?.[r];return{colorIndex:r,color:a}}resolveColor(){let t=this.series;if(t.options.colorByPoint&&!this.options.color){let e=p.getColorByCategory(t,this);t.chart.styledMode||(this.color=e.color),(void 0===this.options.colorIndex||null===this.options.colorIndex)&&(this.colorIndex=e.colorIndex)}else this.color=this.options.color||t.color}constructor(t,e,i){super(t,e,i),this.y||(this.y=0)}applyOptions(t,e){return super.applyOptions(t,e),this.x2=this.series.chart.time.parse(this.x2),this.isNull=!this.isValid?.(),this.formatPrefix=this.isNull?"null":"point",this}setState(){super.setState.apply(this,arguments),this.series.drawPoint(this,this.series.getAnimationVerb())}isValid(){return"number"==typeof this.x&&"number"==typeof this.x2}}(0,i.extend)(p.prototype,{ttBelow:!1,tooltipDateKeys:["x","x2"]});let{composed:h,noop:c}=s(),{parse:d}=r(),{column:u}=l().seriesTypes;function m(){let t,e,s=this.chart.time;if(this.isXAxis){for(let o of(t=(0,i.pick)(this.dataMax,-Number.MAX_VALUE),this.series))for(let r of o.dataTable.getColumn("x2",!0)||o.dataTable.getColumn("end",!0)||[])"string"==typeof r&&(r=s.parse(r)),(0,i.isNumber)(r)&&r>t&&(t=r,e=!0);e&&(this.dataMax=t)}}class g extends u{static compose(t){(0,i.pushUnique)(h,"Series.XRange")&&(0,i.addEvent)(t,"afterGetSeriesExtremes",m)}init(){super.init.apply(this,arguments),this.options.stacking=void 0}getColumnMetrics(){let t=()=>{for(let t of this.chart.series){let e=t.xAxis;t.xAxis=t.yAxis,t.yAxis=e}};t();let e=super.getColumnMetrics();return t(),e}cropData(t,e,i){let s=t.getColumn("x")||[],o=t.getColumn("x2");t.setColumn("x",o,void 0,{silent:!0});let r=super.cropData(t,e,i);return t.setColumn("x",s.slice(r.start,r.end),void 0,{silent:!0}),r}findPointIndex(t){let e,{cropStart:s,points:o}=this,{id:r}=t;if(r){let t=(0,i.find)(o,t=>t.id===r);e=t?t.index:void 0}if(void 0===e){let s=(0,i.find)(o,e=>e.x===t.x&&e.x2===t.x2&&!e.touched);e=s?s.index:void 0}return this.cropped&&(0,i.isNumber)(e)&&(0,i.isNumber)(s)&&e>=s&&(e-=s),e}alignDataLabel(t){let e=t.plotX;t.plotX=(0,i.pick)(t.dlBox?.centerX,t.plotX),t.dataLabel&&t.shapeArgs?.width&&t.dataLabel.css({width:`${t.shapeArgs.width}px`}),super.alignDataLabel.apply(this,arguments),t.plotX=e}translatePoint(t){let e=this.xAxis,s=this.yAxis,o=this.columnMetrics,r=this.options,a=r.minPointLength||0,l=(t.shapeArgs?.width||0)/2,n=this.pointXOffset=o.offset,p=(0,i.pick)(t.x2,t.x+(t.len||0)),h=r.borderRadius,c=this.chart.plotTop,d=this.chart.plotLeft,u=t.plotX,m=e.translate(p,0,0,0,1),g=Math.abs(m-u),x=this.chart.inverted,y=(0,i.pick)(r.borderWidth,1),f,b,A=o.offset,C=Math.round(o.width),w,v,M,P;a&&((f=a-g)<0&&(f=0),u-=f/2,m+=f/2),u=Math.max(u,-10),m=(0,i.clamp)(m,-10,e.len+10),(0,i.defined)(t.options.pointWidth)&&(A-=(Math.ceil(t.options.pointWidth)-C)/2,C=Math.ceil(t.options.pointWidth)),r.pointPlacement&&(0,i.isNumber)(t.plotY)&&s.categories&&(t.plotY=s.translate(t.y,0,1,0,1,r.pointPlacement));let R=(0,i.crisp)(Math.min(u,m),y),X=(0,i.crisp)(Math.max(u,m),y)-R,O=Math.min((0,i.relativeLength)("object"==typeof h?h.radius:h||0,C),Math.min(X,C)/2),N={x:R,y:(0,i.crisp)((t.plotY||0)+A,y),width:X,height:C,r:O};t.shapeArgs=N,x?t.tooltipPos[1]+=n+l:t.tooltipPos[0]-=l+n-N.width/2,v=(w=N.x)+N.width,w<0||v>e.len?(w=(0,i.clamp)(w,0,e.len),M=(v=(0,i.clamp)(v,0,e.len))-w,t.dlBox=(0,i.merge)(N,{x:w,width:v-w,centerX:M?M/2:null})):t.dlBox=null;let L=t.tooltipPos,S=+!!x,F=+!x,I=this.columnMetrics?this.columnMetrics.offset:-o.width/2;x?L[S]+=N.width/2:L[S]=(0,i.clamp)(L[S]+(e.reversed?-1:0)*N.width,e.left-d,e.left+e.len-d-1),L[F]=(0,i.clamp)(L[F]+(x?-1:1)*I,s.top-c,s.top+s.len-c-1),(b=t.partialFill??0)&&((0,i.isObject)(b)&&(b=b.amount||0),(0,i.isNumber)(b)||(b=0),t.partShapeArgs=(0,i.merge)(N),P=Math.max(Math.round(g*b+t.plotX-u),0),t.clipRectArgs={x:e.reversed?N.x+g-P:N.x,y:N.y,width:P,height:N.height}),t.key=t.category||t.name,t.yCategory=s.categories?.[t.y??-1]}translate(){for(let t of(super.translate.apply(this,arguments),this.points))this.translatePoint(t)}drawPoint(t,e){let s=this.options,o=this.chart.renderer,r=t.shapeType,a=t.shapeArgs,l=t.partShapeArgs,n=t.clipRectArgs,p=t.state,h=s.states[p||"normal"]||{},c=void 0===p?"attr":e,u=this.pointAttribs(t,p),m=(0,i.pick)(this.chart.options.chart.animation,h.animation),g=t.graphic,x=t.partialFill;if(t.isNull||!1===t.visible)g&&(t.graphic=g.destroy());else{let h=t.getClassName();if(g?g.rect[e](a):(t.graphic=g=o.g("point").add(t.group||this.group),g.rect=o[r]((0,i.merge)(a)).add(g)),g.addClass(h+(p&&"select"!==p?" highcharts-point-"+p:""),!0),g.rect.addClass(h+" highcharts-partfill-original",!0),l&&(g.partRect?(g.partRect[e]((0,i.merge)(l)),g.partialClipRect[e]((0,i.merge)(n))):(g.partialClipRect=o.clipRect(n.x,n.y,n.width,n.height),g.partRect=o[r](l).addClass("highcharts-partfill-overlay").add(g).clip(g.partialClipRect))),!this.chart.styledMode&&(g.rect[e](u,m).shadow(s.shadow),l)){(0,i.isObject)(x)||(x={}),(0,i.isObject)(s.partialFill)&&(x=(0,i.merge)(s.partialFill,x));let e=x.fill||d(u.fill).brighten(-.3).get()||d(t.color||this.color).brighten(-.3).get();u.fill=e,g.partRect[c](u,m).shadow(s.shadow)}}}drawPoints(){let t=this.getAnimationVerb();for(let e of this.points)this.drawPoint(e,t)}getAnimationVerb(){return this.chart.pointCount<(this.options.animationLimit||250)?"animate":"attr"}isPointInside(t){let e=t.shapeArgs,i=t.plotX,s=t.plotY;return e?void 0!==i&&void 0!==s&&s>=0&&s<=this.yAxis.len&&(e.x||0)+(e.width||0)>=0&&i<=this.xAxis.len:super.isPointInside.apply(this,arguments)}}g.defaultOptions=(0,i.merge)(u.defaultOptions,{colorByPoint:!0,dataLabels:{formatter:function(){let t=this.partialFill;if((0,i.isObject)(t)&&(t=t.amount),(0,i.isNumber)(t)&&t>0)return(0,i.correctFloat)(100*t)+"%"},inside:!0,verticalAlign:"middle",style:{whiteSpace:"nowrap"}},tooltip:{headerFormat:'<span style="font-size: 0.8em">{ucfirst point.x} - {point.x2}</span><br/>',pointFormat:'<span style="color:{point.color}">●</span> {series.name}: <b>{point.yCategory}</b><br/>'},borderRadius:3,pointRange:0}),(0,i.extend)(g.prototype,{pointClass:p,pointArrayMap:["x2","y"],getExtremesFromAll:!0,keysAffectYAxis:["y"],parallelArrays:["x","x2","y"],requireSorting:!1,type:"xrange",animate:l().series.prototype.animate,autoIncrement:c,buildKDTree:c}),l().registerSeriesType("xrange",g);let x=s();g.compose(x.Axis);let y=s();export{y as default};
+ */import*as t from"../highcharts.js";let e={};e.n=t=>{let i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{if(Array.isArray(i))for(var s=0;s<i.length;){var r=i[s++],o=i[s++];e.o(t,r)?0===o&&s++:0===o?Object.defineProperty(t,r,{enumerable:!0,value:i[s++]}):Object.defineProperty(t,r,{enumerable:!0,get:o})}else for(var r in i)e.o(i,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:i[r]})},e.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);let i=t.default;var s=e.n(i);let r=t.default.Color;var o=e.n(r);let a=t.default.SeriesRegistry;var l=e.n(a);let{column:{prototype:{pointClass:n}}}=l().seriesTypes;class p extends n{static getColorByCategory(t,e){let i=t.chart,s=t.options.colors||i.options.colors,r=s?s.length:i.options.chart.colorCount||1,o=(e.y||0)%r,a=s?.[o];return{colorIndex:o,color:a}}resolveColor(){let t=this.series;if(t.options.colorByPoint&&!this.options.color){let e=p.getColorByCategory(t,this);t.chart.styledMode||(this.color=e.color),(void 0===this.options.colorIndex||null===this.options.colorIndex)&&(this.colorIndex=e.colorIndex)}else this.color=this.options.color||t.color}constructor(t,e,i){super(t,e,i),this.y||(this.y=0)}applyOptions(t,e){return super.applyOptions(t,e),this.x2=this.series.chart.time.parse(this.x2),this.isNull=!this.isValid?.(),this.formatPrefix=this.isNull?"null":"point",this}setState(){super.setState.apply(this,arguments),this.series.drawPoint(this,this.series.getAnimationVerb())}isValid(){return"number"==typeof this.x&&"number"==typeof this.x2}}(0,i.extend)(p.prototype,{ttBelow:!1,tooltipDateKeys:["x","x2"]});let{composed:h,noop:c}=s(),{parse:d}=o(),{column:u}=l().seriesTypes;function m(){let t,e,s=this.chart.time;if(this.isXAxis){for(let r of(t=this.dataMax??-Number.MAX_VALUE,this.series))for(let o of r.dataTable.getColumn("x2",!0)||r.dataTable.getColumn("end",!0)||[])"string"==typeof o&&(o=s.parse(o)),(0,i.isNumber)(o)&&o>t&&(t=o,e=!0);e&&(this.dataMax=t)}}class g extends u{static compose(t){(0,i.pushUnique)(h,"Series.XRange")&&(0,i.addEvent)(t,"afterGetSeriesExtremes",m)}init(){super.init.apply(this,arguments),this.options.stacking=void 0}getColumnMetrics(){let t=()=>{for(let t of this.chart.series){let e=t.xAxis;t.xAxis=t.yAxis,t.yAxis=e}};t();let e=super.getColumnMetrics();return t(),e}cropData(t,e,i){let s=t.getColumn("x")||[],r=t.getColumn("x2");t.setColumn("x",r,void 0,{silent:!0});let o=super.cropData(t,e,i);return t.setColumn("x",s.slice(o.start,o.end),void 0,{silent:!0}),o}findPointIndex(t){let e,{cropStart:s,points:r}=this,{id:o}=t;if(o){let t=(0,i.find)(r,t=>t.id===o);e=t?t.index:void 0}if(void 0===e){let s=(0,i.find)(r,e=>e.x===t.x&&e.x2===t.x2&&!e.touched);e=s?s.index:void 0}return this.cropped&&(0,i.isNumber)(e)&&(0,i.isNumber)(s)&&e>=s&&(e-=s),e}alignDataLabel(t){let e=t.plotX;t.plotX=t.dlBox?.centerX??t.plotX,t.dataLabel&&t.shapeArgs?.width&&t.dataLabel.css({width:`${t.shapeArgs.width}px`}),super.alignDataLabel.apply(this,arguments),t.plotX=e}translatePoint(t){let e=this.xAxis,s=this.yAxis,r=this.columnMetrics,o=this.options,a=o.minPointLength||0,l=(t.shapeArgs?.width||0)/2,n=this.pointXOffset=r.offset,p=t.x2??t.x+(t.len||0),h=o.borderRadius,c=this.chart.plotTop,d=this.chart.plotLeft,u=t.plotX,m=e.translate(p,0,0,0,1),g=Math.abs(m-u),x=this.chart.inverted,y=o.borderWidth??1,f,b,A=r.offset,C=Math.round(r.width),v,w,M,P;a&&((f=a-g)<0&&(f=0),u-=f/2,m+=f/2),u=Math.max(u,-10),m=(0,i.clamp)(m,-10,e.len+10),(0,i.defined)(t.options.pointWidth)&&(A-=(Math.ceil(t.options.pointWidth)-C)/2,C=Math.ceil(t.options.pointWidth)),o.pointPlacement&&(0,i.isNumber)(t.plotY)&&s.categories&&(t.plotY=s.translate(t.y,0,1,0,1,o.pointPlacement));let R=(0,i.crisp)(Math.min(u,m),y),O=(0,i.crisp)(Math.max(u,m),y)-R,X=Math.min((0,i.relativeLength)("object"==typeof h?h.radius:h||0,C),Math.min(O,C)/2),N={x:R,y:(0,i.crisp)((t.plotY||0)+A,y),width:O,height:C,r:X};t.shapeArgs=N,x?t.tooltipPos[1]+=n+l:t.tooltipPos[0]-=l+n-N.width/2,w=(v=N.x)+N.width,v<0||w>e.len?(v=(0,i.clamp)(v,0,e.len),M=(w=(0,i.clamp)(w,0,e.len))-v,t.dlBox=(0,i.merge)(N,{x:v,width:w-v,centerX:M?M/2:null})):t.dlBox=null;let j=t.tooltipPos,L=+!!x,S=+!x,F=this.columnMetrics?this.columnMetrics.offset:-r.width/2;x?j[L]+=N.width/2:j[L]=(0,i.clamp)(j[L]+(e.reversed?-1:0)*N.width,e.left-d,e.left+e.len-d-1),j[S]=(0,i.clamp)(j[S]+(x?-1:1)*F,s.top-c,s.top+s.len-c-1),(b=t.partialFill??0)&&((0,i.isObject)(b)&&(b=b.amount||0),(0,i.isNumber)(b)||(b=0),t.partShapeArgs=(0,i.merge)(N),P=Math.max(Math.round(g*b+t.plotX-u),0),t.clipRectArgs={x:e.reversed?N.x+g-P:N.x,y:N.y,width:P,height:N.height}),t.key=t.category||t.name,t.yCategory=s.categories?.[t.y??-1]}translate(){for(let t of(super.translate.apply(this,arguments),this.points))this.translatePoint(t)}drawPoint(t,e){let s=this.options,r=this.chart.renderer,o=t.shapeType,a=t.shapeArgs,l=t.partShapeArgs,n=t.clipRectArgs,p=t.state,h=s.states?.[p||"normal"]||{},c=void 0===p?"attr":e,u=this.pointAttribs(t,p),m=this.chart.options.chart.animation??h.animation,g=t.graphic,x=t.partialFill;if(t.isNull||!1===t.visible)g&&(t.graphic=g.destroy());else{let h=t.getClassName();if(g?g.rect[e](a):(t.graphic=g=r.g("point").add(t.group||this.group),g.rect=r[o]((0,i.merge)(a)).add(g)),g.addClass(h+(p&&"select"!==p?" highcharts-point-"+p:""),!0),g.rect.addClass(h+" highcharts-partfill-original",!0),l&&(g.partRect?(g.partRect[e]((0,i.merge)(l)),g.partialClipRect[e]((0,i.merge)(n))):(g.partialClipRect=r.clipRect(n.x,n.y,n.width,n.height),g.partRect=r[o](l).addClass("highcharts-partfill-overlay").add(g).clip(g.partialClipRect))),!this.chart.styledMode&&(g.rect[e](u,m).shadow(s.shadow),l)){(0,i.isObject)(x)||(x={}),(0,i.isObject)(s.partialFill)&&(x=(0,i.merge)(s.partialFill,x));let e=x.fill||d(u.fill).brighten(-.3).get()||d(t.color||this.color).brighten(-.3).get();u.fill=e,g.partRect[c](u,m).shadow(s.shadow)}}}drawPoints(){let t=this.getAnimationVerb();for(let e of this.points)this.drawPoint(e,t)}getAnimationVerb(){return this.chart.pointCount<(this.options.animationLimit||250)?"animate":"attr"}isPointInside(t){let e=t.shapeArgs,i=t.plotX,s=t.plotY;return e?void 0!==i&&void 0!==s&&s>=0&&s<=this.yAxis.len&&(e.x||0)+(e.width||0)>=0&&i<=this.xAxis.len:super.isPointInside.apply(this,arguments)}}g.defaultOptions=(0,i.merge)(u.defaultOptions,{colorByPoint:!0,dataLabels:{formatter:function(){let t=this.partialFill;if((0,i.isObject)(t)&&(t=t.amount),(0,i.isNumber)(t)&&t>0)return(0,i.correctFloat)(100*t)+"%"},inside:!0,verticalAlign:"middle",style:{whiteSpace:"nowrap"}},tooltip:{headerFormat:'<span style="font-size: 0.8em">{ucfirst point.x} - {point.x2}</span><br/>',pointFormat:'<span style="color:{point.color}">●</span> {series.name}: <b>{point.yCategory}</b><br/>'},borderRadius:3,pointRange:0}),(0,i.extend)(g.prototype,{pointClass:p,pointArrayMap:["x2","y"],getExtremesFromAll:!0,keysAffectYAxis:["y"],parallelArrays:["x","x2","y"],requireSorting:!1,type:"xrange",animate:l().series.prototype.animate,autoIncrement:c,buildKDTree:c}),l().registerSeriesType("xrange",g);let x=s();g.compose(x.Axis);let y=s();export{y as default};

package/esm/modules/xrange.src.js

@@ -1,6 +1,6 @@
 // SPDX-License-Identifier: LicenseRef-Highcharts
 /**
- * @license Highcharts JS v13.0.0 (2026-06-11)
+ * @license Highcharts JS v13.0.2 (2026-08-27)
  * @module highcharts/modules/xrange
  * @requires highcharts
  *
@@ -14,14 +14,14 @@
  */
 import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../highcharts.src.js";
 /******/ // The require scope
-/******/ var __webpack_require__ = {};
+/******/ const __webpack_require__ = {};
 /******/ 
 /************************************************************************/
 /******/ /* webpack/runtime/compat get default export */
 /******/ (() => {
 /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 /******/ 	__webpack_require__.n = (module) => {
-/******/ 		var getter = module && module.__esModule ?
+/******/ 		const getter = module && module.__esModule ?
 /******/ 			() => (module['default']) :
 /******/ 			() => (module);
 /******/ 		__webpack_require__.d(getter, { a: getter });
@@ -31,11 +31,26 @@ import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../hig
 /******/ 
 /******/ /* webpack/runtime/define property getters */
 /******/ (() => {
-/******/ 	// define getter functions for harmony exports
+/******/ 	// define getter/value functions for harmony exports
 /******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 		if(Array.isArray(definition)) {
+/******/ 			var i = 0;
+/******/ 			while(i < definition.length) {
+/******/ 				var key = definition[i++];
+/******/ 				var binding = definition[i++];
+/******/ 				if(!__webpack_require__.o(exports, key)) {
+/******/ 					if(binding === 0) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 					} else {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 					}
+/******/ 				} else if(binding === 0) { i++; }
+/******/ 			}
+/******/ 		} else {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
 /******/ 			}
 /******/ 		}
 /******/ 	};
@@ -47,7 +62,6 @@ import * as __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__ from "../hig
 /******/ })();
 /******/ 
 /************************************************************************/
-var __webpack_exports__ = {};
 
 ;// external ["../highcharts.src.js","default"]
 const external_highcharts_src_js_default_namespaceObject = __WEBPACK_EXTERNAL_MODULE__highcharts_src_js_8202131d__["default"];
@@ -454,7 +468,7 @@ function onAxisAfterGetSeriesExtremes() {
     const time = this.chart.time;
     let dataMax, modMax;
     if (this.isXAxis) {
-        dataMax = (0,external_highcharts_src_js_default_namespaceObject.pick)(this.dataMax, -Number.MAX_VALUE);
+        dataMax = this.dataMax ?? -Number.MAX_VALUE;
         for (const series of this.series) {
             const column = (series.dataTable.getColumn('x2', true) ||
                 series.dataTable.getColumn('end', true) ||
@@ -579,7 +593,7 @@ class XRangeSeries extends ColumnSeries {
     }
     alignDataLabel(point) {
         const oldPlotX = point.plotX;
-        point.plotX = (0,external_highcharts_src_js_default_namespaceObject.pick)(point.dlBox?.centerX, point.plotX);
+        point.plotX = point.dlBox?.centerX ?? point.plotX;
         if (point.dataLabel && point.shapeArgs?.width) {
             point.dataLabel.css({
                 width: `${point.shapeArgs.width}px`
@@ -592,9 +606,9 @@ class XRangeSeries extends ColumnSeries {
      * @private
      */
     translatePoint(point) {
-        const xAxis = this.xAxis, yAxis = this.yAxis, metrics = this.columnMetrics, options = this.options, minPointLength = options.minPointLength || 0, oldColWidth = (point.shapeArgs?.width || 0) / 2, seriesXOffset = this.pointXOffset = metrics.offset, posX = (0,external_highcharts_src_js_default_namespaceObject.pick)(point.x2, point.x + (point.len || 0)), borderRadius = options.borderRadius, plotTop = this.chart.plotTop, plotLeft = this.chart.plotLeft;
+        const xAxis = this.xAxis, yAxis = this.yAxis, metrics = this.columnMetrics, options = this.options, minPointLength = options.minPointLength || 0, oldColWidth = (point.shapeArgs?.width || 0) / 2, seriesXOffset = this.pointXOffset = metrics.offset, posX = point.x2 ?? (point.x + (point.len || 0)), borderRadius = options.borderRadius, plotTop = this.chart.plotTop, plotLeft = this.chart.plotLeft;
         let plotX = point.plotX, plotX2 = xAxis.translate(posX, 0, 0, 0, 1);
-        const length = Math.abs(plotX2 - plotX), inverted = this.chart.inverted, borderWidth = (0,external_highcharts_src_js_default_namespaceObject.pick)(options.borderWidth, 1);
+        const length = Math.abs(plotX2 - plotX), inverted = this.chart.inverted, borderWidth = options.borderWidth ?? 1;
         let widthDifference, partialFill, yOffset = metrics.offset, pointHeight = Math.round(metrics.width), dlLeft, dlRight, dlWidth, clipRectWidth;
         if (minPointLength) {
             widthDifference = minPointLength - length;
@@ -724,9 +738,9 @@ class XRangeSeries extends ColumnSeries {
      *        'animate' (animates changes) or 'attr' (sets options)
      */
     drawPoint(point, verb) {
-        const seriesOpts = this.options, renderer = this.chart.renderer, type = point.shapeType, shapeArgs = point.shapeArgs, partShapeArgs = point.partShapeArgs, clipRectArgs = point.clipRectArgs, pointState = point.state, stateOpts = (seriesOpts.states[pointState || 'normal'] ||
-            {}), pointStateVerb = typeof pointState === 'undefined' ?
-            'attr' : verb, pointAttr = this.pointAttribs(point, pointState), animation = (0,external_highcharts_src_js_default_namespaceObject.pick)(this.chart.options.chart.animation, stateOpts.animation);
+        const seriesOpts = this.options, renderer = this.chart.renderer, type = point.shapeType, shapeArgs = point.shapeArgs, partShapeArgs = point.partShapeArgs, clipRectArgs = point.clipRectArgs, pointState = point.state, stateOpts = seriesOpts.states?.[pointState || 'normal'] || {}, pointStateVerb = typeof pointState === 'undefined' ?
+            'attr' : verb, pointAttr = this.pointAttribs(point, pointState), animation = (this.chart.options.chart.animation ??
+            stateOpts.animation);
         let graphic = point.graphic, pfOptions = point.partialFill;
         if (!point.isNull && point.visible !== false) {
             const className = point.getClassName();