highcharts/esm/modules/annotations-advanced.js

JavaScript charting framework

/**
 * Highcharts JS v13.0.1 (2026-08-17)
 * @module highcharts/modules/annotations-advanced
 * @requires highcharts
 *
 * Annotations module
 *
 * (c) 2009-2026 Highsoft AS
 * Author: Torstein Hønsi
 *
 * A commercial license may be required depending on use,
 * see www.highcharts.com/license
 */import*as t from"../highcharts.js";let i={};i.n=t=>{let e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{if(Array.isArray(e))for(var s=0;s<e.length;){var n=e[s++],o=e[s++];i.o(t,n)?0===o&&s++:0===o?Object.defineProperty(t,n,{enumerable:!0,value:e[s++]}):Object.defineProperty(t,n,{enumerable:!0,get:o})}else for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i);let e=t.default;var s,n,o,a,r,h=i.n(e);function l(t,i){let s=this.initAnnotation(t);return this.options.annotations.push(s.options),(0,e.pick)(i,!0)&&(s.redraw(),s.graphic.attr({opacity:1})),s}function p(){let t=this;t.plotBoxClip=this.renderer.clipRect(this.plotBox),t.controlPointsGroup=t.renderer.g("control-points").attr({zIndex:99}).clip(t.plotBoxClip).add(),t.options.annotations.forEach((i,e)=>{if(!t.annotations.some(t=>t.options===i)){let s=t.initAnnotation(i);t.options.annotations[e]=s.options}}),t.drawAnnotations(),(0,e.addEvent)(t,"redraw",t.drawAnnotations),(0,e.addEvent)(t,"destroy",function(){t.plotBoxClip.destroy(),t.controlPointsGroup.destroy()}),(0,e.addEvent)(t,"exportData",function(i){let e=t.annotations,s=(this.options.exporting&&this.options.exporting.csv||{}).columnHeaderFormatter,n=!i.dataRows[1].xValues,o=t.options.lang&&t.options.lang.exportData&&t.options.lang.exportData.annotationHeader,a=i.dataRows[0].length,r=t.options.exporting?.csv?.annotations?.itemDelimiter,h=t.options.exporting?.csv?.annotations?.join;e.forEach(t=>{t.options.labelOptions?.includeInDataExport&&t.labels.forEach(t=>{if(t.options.text){let e=t.options.text;t.points.forEach(t=>{let s=t.x,n=t.series.xAxis?t.series.xAxis.index:-1,o=!1;if(-1===n){let t=i.dataRows[0].length,a=Array(t);for(let i=0;i<t;++i)a[i]="";a.push(e),a.xValues=[],a.xValues[n]=s,i.dataRows.push(a),o=!0}if(o||i.dataRows.forEach(t=>{!o&&t.xValues&&void 0!==n&&s===t.xValues[n]&&(h&&t.length>a?t[t.length-1]+=r+e:t.push(e),o=!0)}),!o){let t=i.dataRows[0].length,o=Array(t);for(let i=0;i<t;++i)o[i]="";o[0]=s,o.push(e),o.xValues=[],void 0!==n&&(o.xValues[n]=s),i.dataRows.push(o)}})}})});let l=0;i.dataRows.forEach(t=>{l=Math.max(l,t.length)});let p=l-i.dataRows[0].length;for(let t=0;t<p;t++){let e=function(t){let i;return s&&!1!==(i=s(t))?i:(i=o+" "+t,n)?{columnTitle:i,topLevelColumnTitle:i}:i}(t+1);n?(i.dataRows[0].push(e.topLevelColumnTitle),i.dataRows[1].push(e.columnTitle)):i.dataRows[0].push(e)}})}function c(){this.plotBoxClip.attr(this.plotBox),this.annotations.forEach(t=>{t.redraw(),t.graphic.animate({opacity:1},t.animationConfig)})}function d(t){let i=this.annotations,s="annotations"===t.coll?t:(0,e.find)(i,function(i){return i.options.id===t});s&&((0,e.fireEvent)(s,"remove"),(0,e.erase)(this.options.annotations,s.options),(0,e.erase)(i,s),s.destroy())}function u(){let t=this.options.annotations,i=this.userOptions.annotations;this.annotations=[],(0,e.isArray)(this.options.annotations)||(this.options.annotations=[]),(0,e.isObject)(i,!0)&&(0,e.isObject)(t,!0)&&this.options.annotations.push(t)}function g(t){this.chart.hasDraggedAnnotation||t.apply(this,Array.prototype.slice.call(arguments,1))}(n||(n={})).compose=function(t,i,s){let n=i.prototype;if(!n.addAnnotation){let o=s.prototype;(0,e.addEvent)(i,"afterInit",u),n.addAnnotation=l,n.callbacks.push(p),n.collectionsWithInit.annotations=[l],n.collectionsWithUpdate.push("annotations"),n.drawAnnotations=c,n.removeAnnotation=d,n.initAnnotation=function(i){let e=new(t.types[i.type]||t)(this,i);return this.annotations.push(e),e},(0,e.wrap)(o,"onContainerMouseDown",g)}};let x=n,y={visible:!0,animation:{},crop:!0,draggable:"xy",labelOptions:{align:"center",allowOverlap:!1,backgroundColor:"rgba(0, 0, 0, 0.75)",borderColor:"var(--highcharts-neutral-color-100)",borderRadius:3,borderWidth:1,className:"highcharts-no-tooltip",crop:!1,formatter:function(){return(0,e.defined)(this.y)?""+this.y:"Annotation label"},includeInDataExport:!0,overflow:"justify",padding:5,shadow:!1,shape:"callout",style:{fontSize:"0.7em",fontWeight:"normal",color:"contrast"},useHTML:!1,verticalAlign:"bottom",x:0,y:-16},shapeOptions:{stroke:"rgba(0, 0, 0, 0.75)",strokeWidth:1,fill:"rgba(0, 0, 0, 0.75)",r:0,snap:2},controlPointOptions:{events:{},style:{cursor:"pointer",fill:"var(--highcharts-background-color)",stroke:"var(--highcharts-neutral-color-100)","stroke-width":2},height:10,symbol:"circle",visible:!1,width:10},events:{},typeOptions:{},types:{},zIndex:6},{doc:f,isTouchDevice:m}=h(),v=class{addEvents(){let t=this,i=function(i){(0,e.addEvent)(i,m?"touchstart":"mousedown",i=>{t.onMouseDown(i)},{passive:!1})};if(i(this.graphic.element),(t.labels||[]).forEach(t=>{t.options.useHTML&&t.graphic.text&&!t.graphic.text.foreignObject&&i(t.graphic.text.element)}),(0,e.objectEach)(t.options.events,(i,s)=>{let n=function(e){"click"===s&&t.cancelClick||i.call(t,t.chart.pointer?.normalize(e),t.target,t)};-1===(t.nonDOMEvents||[]).indexOf(s)?((0,e.addEvent)(t.graphic.element,s,n,{passive:!1}),t.graphic.div&&(0,e.addEvent)(t.graphic.div,s,n,{passive:!1})):(0,e.addEvent)(t,s,n,{passive:!1})}),t.options.draggable&&((0,e.addEvent)(t,"drag",t.onDrag),!t.graphic.renderer.styledMode)){let i={cursor:{x:"ew-resize",y:"ns-resize",xy:"move"}[t.options.draggable]};t.graphic.css(i),(t.labels||[]).forEach(t=>{t.options.useHTML&&t.graphic.text&&!t.graphic.text.foreignObject&&t.graphic.text.css(i)})}t.isUpdating||(0,e.fireEvent)(t,"add")}destroy(){this.removeDocEvents(),(0,e.removeEvent)(this),this.hcEvents=null}mouseMoveToRadians(t,i,e){let s=t.prevChartY-e,n=t.prevChartX-i,o=t.chartY-e,a=t.chartX-i,r;return this.chart.inverted&&(r=n,n=s,s=r,r=a,a=o,o=r),Math.atan2(o,a)-Math.atan2(s,n)}mouseMoveToScale(t,i,e){let s=t.prevChartX-i,n=t.prevChartY-e,o=t.chartX-i,a=t.chartY-e,r=(o||1)/(s||1),h=(a||1)/(n||1);if(this.chart.inverted){let t=h;h=r,r=t}return{x:r,y:h}}mouseMoveToTranslation(t){let i=t.chartX-t.prevChartX,e=t.chartY-t.prevChartY,s;return this.chart.inverted&&(s=e,e=i,i=s),{x:i,y:e}}onDrag(t){if(this.chart.isInsidePlot(t.chartX-this.chart.plotLeft,t.chartY-this.chart.plotTop,{visiblePlotOnly:!0})){let i=this.mouseMoveToTranslation(t);"x"===this.options.draggable&&(i.y=0),"y"===this.options.draggable&&(i.x=0),this.points.length?this.translate(i.x,i.y):(this.shapes.forEach(t=>t.translate(i.x,i.y)),this.labels.forEach(t=>t.translate(i.x,i.y))),this.redraw(!1)}}onMouseDown(t){if(t.preventDefault&&t.preventDefault(),2===t.button)return;let i=this,s=i.chart.pointer,n=t?.sourceCapabilities?.firesTouchEvents||!1,o=(t=s?.normalize(t)||t).chartX,a=t.chartY;i.cancelClick=!1,i.chart.hasDraggedAnnotation=!0,i.removeDrag=(0,e.addEvent)(f,m||n?"touchmove":"mousemove",function(t){i.hasDragged=!0,(t=s?.normalize(t)||t).prevChartX=o,t.prevChartY=a,(0,e.fireEvent)(i,"drag",t),o=t.chartX,a=t.chartY},m||n?{passive:!1}:void 0),i.removeMouseUp=(0,e.addEvent)(f,m||n?"touchend":"mouseup",function(){let t=(0,e.pick)(i.target&&i.target.annotation,i.target);t&&(t.cancelClick=i.hasDragged),i.cancelClick=i.hasDragged,i.chart.hasDraggedAnnotation=!1,i.hasDragged&&(0,e.fireEvent)((0,e.pick)(t,i),"afterUpdate"),i.hasDragged=!1,i.onMouseUp()},m||n?{passive:!1}:void 0)}onMouseUp(){this.removeDocEvents()}removeDocEvents(){this.removeDrag&&(this.removeDrag=this.removeDrag()),this.removeMouseUp&&(this.removeMouseUp=this.removeMouseUp())}},b=class extends v{constructor(t,i,s,n){super(),this.nonDOMEvents=["drag"],this.chart=t,this.target=i,this.options=s,this.index=(0,e.pick)(s.index,n)}destroy(){super.destroy(),this.graphic&&(this.graphic=this.graphic.destroy()),this.chart=null,this.target=null,this.options=null}redraw(t){this.graphic[t?"animate":"attr"](this.options.positioner.call(this,this.target,this))}render(){let t=this.chart,i=this.options;this.graphic=t.renderer.symbol(i.symbol,0,0,i.width,i.height).add(t.controlPointsGroup).css(i.style),this.setVisibility(i.visible),this.addEvents()}setVisibility(t){this.graphic[t?"show":"hide"](),this.options.visible=t}update(t){let i=this.chart,s=this.target,n=this.index,o=(0,e.merge)(!0,this.options,t);this.destroy(),this.constructor(i,s,o,n),this.render(i.controlPointsGroup),this.redraw()}},A={backgroundColor:"color",backgroundColors:"color",borderColor:"color",borderRadius:"string",color:"color",fill:"color",fontSize:"string",labels:"string",name:"string",stroke:"color",title:"string"},P={annotationsFieldsTypes:A,getAssignedAxis:function(t){return t.filter(t=>{let i=t.axis.getExtremes(),s=i.min,n=i.max,o=(0,e.pick)(t.axis.minPointOffset,0);return(0,e.isNumber)(s)&&(0,e.isNumber)(n)&&t.value>=s-o&&t.value<=n+o&&!t.axis.options.isInternal})[0]},getAxisFromOptions:function(t,i,s){return(0,e.isNumber)(s)?t[i][s]:(0,e.defined)(s)?(0,e.find)(t[i],t=>t.options.id===s):void 0},getFieldType:function(t,i){let s=A[t],n=typeof i;return(0,e.defined)(s)&&(n=s),({string:"text",number:"number",boolean:"checkbox",color:"color"})[n]}},E=t.default.SeriesRegistry;var O=i.n(E);let{getAxisFromOptions:M}=P,{series:{prototype:k}}=O();class w{static fromPoint(t){return new w(t.series.chart,null,{x:t.x,y:t.y,xAxis:t.series.xAxis,yAxis:t.series.yAxis})}static pointToPixels(t,i){let e=t.series,s=e.chart,n=t.plotX||0,o=t.plotY||0,a;return s.inverted&&(t.mock?(n=t.plotY,o=t.plotX):(n=s.plotWidth-(t.plotY||0),o=s.plotHeight-(t.plotX||0))),e&&!i&&(n+=(a=e.getPlotBox()).translateX,o+=a.translateY),{x:n,y:o}}static pointToOptions(t){return{x:t.x,y:t.y,xAxis:t.series.xAxis,yAxis:t.series.yAxis}}constructor(t,i,e){this.mock=!0,this.point=this,this.series={visible:!0,chart:t,getPlotBox:k.getPlotBox},this.target=i||null,this.options=e,this.applyOptions(this.getOptions())}applyOptions(t){this.command=t.command,this.setAxis(t,"x"),this.setAxis(t,"y"),this.refresh()}getOptions(){return this.hasDynamicOptions()&&"function"==typeof this.options?this.options(this.target):this.options}hasDynamicOptions(){return"function"==typeof this.options}isInsidePlot(){let t=this.plotX,i=this.plotY,s=this.series.xAxis,n=this.series.yAxis,o={x:t,y:i,isInsidePlot:!0,options:{}};return s&&(o.isInsidePlot=(0,e.defined)(t)&&t>=0&&t<=s.len),n&&(o.isInsidePlot=o.isInsidePlot&&(0,e.defined)(i)&&i>=0&&i<=n.len),(0,e.fireEvent)(this.series.chart,"afterIsInsidePlot",o),o.isInsidePlot}refresh(){let t=this.series,i=t.xAxis,e=t.yAxis,s=this.getOptions();i?(this.x=s.x,this.plotX=i.toPixels(s.x,!0)):(this.x=void 0,this.plotX=s.x),e?(this.y=s.y,this.plotY=e.toPixels(s.y,!0)):(this.y=null,this.plotY=s.y),this.isInside=this.isInsidePlot()}refreshOptions(){let t=this.series,i=t.xAxis,e=t.yAxis;this.x=this.options.x=i?this.options.x=i.toValue(this.plotX,!0):this.plotX,this.y=this.options.y=e?e.toValue(this.plotY,!0):this.plotY}rotate(t,i,e){if(!this.hasDynamicOptions()){let s=Math.cos(e),n=Math.sin(e),o=this.plotX-t,a=this.plotY-i;this.plotX=o*s-a*n+t,this.plotY=o*n+a*s+i,this.refreshOptions()}}scale(t,i,e,s){if(!this.hasDynamicOptions()){let n=this.plotX*e,o=this.plotY*s;this.plotX=(1-e)*t+n,this.plotY=(1-s)*i+o,this.refreshOptions()}}setAxis(t,i){let e=i+"Axis",s=t[e],n=this.series.chart;this.series[e]="object"==typeof s?s:M(n,e,s)||null}toAnchor(){let t=[this.plotX,this.plotY,0,0];return this.series.chart.inverted&&(t[0]=this.plotY,t[1]=this.plotX),t}translate(t,i,e,s){this.hasDynamicOptions()||(this.plotX+=e,this.plotY+=s,this.refreshOptions())}}!function(t){function i(){let t=this.controlPoints,i=this.options.controlPoints||[];i.forEach((s,n)=>{let o=(0,e.merge)(this.options.controlPointOptions,s);o.index||(o.index=n),i[n]=o,t.push(new b(this.chart,this,o))})}function s(t){let i=t.series.getPlotBox(),s=t.series.chart,n=t.mock?t.toAnchor():s.tooltip&&s.tooltip.getAnchor.call({chart:t.series.chart},t)||[0,0,0,0],o={x:n[0]+(this.options.x||0),y:n[1]+(this.options.y||0),height:n[2]||0,width:n[3]||0};return{relativePosition:o,absolutePosition:(0,e.merge)(o,{x:o.x+(t.mock?i.translateX:s.plotLeft),y:o.y+(t.mock?i.translateY:s.plotTop)})}}function n(){this.controlPoints.forEach(t=>t.destroy()),this.chart=null,this.controlPoints=null,this.points=null,this.options=null,this.annotation&&(this.annotation=null)}function o(){let t=this.options;return t.points||t.point&&(0,e.splat)(t.point)}function a(){let t,i,e=this.getPointsOptions(),s=this.points,n=e?.length||0;for(t=0;t<n;t++){if(!(i=this.point(e[t],s[t]))){s.length=0;return}i.mock&&i.refresh(),s[t]=i}return s}function r(t,i){if(t&&t.series)return t;if(!i||null===i.series){if((0,e.isObject)(t))i=new w(this.chart,this,t);else if((0,e.isString)(t))i=this.chart.get(t)||null;else if("function"==typeof t){let e=t.call(i,this);i=e.series?e:new w(this.chart,this,t)}}return i}function h(t){this.controlPoints.forEach(i=>i.redraw(t))}function l(){this.controlPoints.forEach(t=>t.render())}function p(t,i,e,s,n){if(this.chart.inverted){let t=i;i=e,e=t}this.points.forEach((o,a)=>this.transformPoint(t,i,e,s,n,a),this)}function c(t,i,e,s,n,o){let a=this.points[o];a.mock||(a=this.points[o]=w.fromPoint(a)),a[t](i,e,s,n)}function d(t,i){this.transform("translate",null,null,t,i)}function u(t,i,e){this.transformPoint("translate",null,null,t,i,e)}t.compose=function(t){let g=t.prototype;g.addControlPoints||(0,e.merge)(!0,g,{addControlPoints:i,anchor:s,destroyControlTarget:n,getPointsOptions:o,linkPoints:a,point:r,redrawControlPoints:h,renderControlPoints:l,transform:p,transformPoint:c,translate:d,translatePoint:u})}}(o||(o={}));let C=o;class N{constructor(t,i,e,s){this.annotation=t,this.chart=t.chart,this.collection="label"===s?"labels":"shapes",this.controlPoints=[],this.options=i,this.points=[],this.index=e,this.itemType=s,this.init(t,i,e)}attr(){this.graphic.attr.apply(this.graphic,arguments)}attrsFromOptions(t){let i,e,s=this.constructor.attrsMap,n={},o=this.chart.styledMode;for(i in t)e=s[i],void 0===s[i]||o&&-1!==["fill","stroke","stroke-width"].indexOf(e)||(n[e]=t[i]);return n}destroy(){this.graphic&&(this.graphic=this.graphic.destroy()),this.tracker&&(this.tracker=this.tracker.destroy()),this.destroyControlTarget()}calculateAnnotationSize(t,i,e){let s=e.toPixels(t,!0);return Math.abs(e.toPixels(t+i,!0)-s)}init(t,i,e){this.annotation=t,this.chart=t.chart,this.options=i,this.points=[],this.controlPoints=[],this.index=e,this.linkPoints(),this.addControlPoints()}redraw(t){this.redrawControlPoints(t)}render(t){this.options.className&&this.graphic&&this.graphic.addClass(this.options.className),this.renderControlPoints()}rotate(t,i,e){this.transform("rotate",t,i,e)}scale(t,i,e,s){this.transform("scale",t,i,e,s)}setControlPointsVisibility(t){this.controlPoints.forEach(i=>{i.setVisibility(t)})}shouldBeDrawn(){return!!this.points.length}translateShape(t,i,e){let s=this.annotation.chart,n=this.annotation.userOptions,o=s.annotations.indexOf(this.annotation),a=s.options.annotations[o];this.translatePoint(t,i,0),e&&this.translatePoint(t,i,1),a[this.collection][this.index].point=this.options.point,n[this.collection][this.index].point=this.options.point}update(t){let i=this.annotation,s=(0,e.merge)(!0,this.options,t),n=this.graphic.parentGroup,o=this.constructor;this.destroy();let a=new o(i,s,this.index,this.itemType);(0,e.merge)(!0,this,a),this.render(n),this.redraw()}}C.compose(N);let T=N,{defaultMarkers:B}={defaultMarkers:{arrow:{tagName:"marker",attributes:{id:"arrow",refY:5,refX:9,markerWidth:10,markerHeight:10},children:[{tagName:"path",attributes:{d:"M 0 0 L 10 5 L 0 10 Z","stroke-width":0}}]},"reverse-arrow":{tagName:"marker",attributes:{id:"reverse-arrow",refY:5,refX:1,markerWidth:10,markerHeight:10},children:[{tagName:"path",attributes:{d:"M 0 5 L 10 0 L 10 10 Z","stroke-width":0}}]}}},L=S("marker-end"),Y=S("marker-start"),X="rgba(192,192,192,"+(h().svg?1e-4:.002)+")";function S(t){return function(i){this.attr(t,"url(#"+i+")")}}function I(){this.options.defs=(0,e.merge)(B,this.options.defs||{})}function D(t,i){let s={attributes:{id:t}},n={stroke:i.color||"none",fill:i.color||"rgba(0, 0, 0, 0.75)"};s.children=i.children&&i.children.map(function(t){return(0,e.merge)(n,t)});let o=(0,e.merge)(!0,{attributes:{markerWidth:20,markerHeight:20,refX:0,refY:0,orient:"auto"}},i,s),a=this.definition(o);return a.id=t,a}class R extends T{static compose(t,i){let s=i.prototype;s.addMarker||((0,e.addEvent)(t,"afterGetContainer",I),s.addMarker=D)}constructor(t,i,e){super(t,i,e,"shape"),this.type="path"}init(t,i,s){(0,e.defined)(i.yAxis)&&i.points.forEach(t=>{t&&"string"!=typeof t&&(t.yAxis=i.yAxis)}),(0,e.defined)(i.xAxis)&&i.points.forEach(t=>{t&&"string"!=typeof t&&(t.xAxis=i.xAxis)}),super.init(t,i,s)}toD(){let t=this.options.d;if(t)return"function"==typeof t?t.call(this):t;let i=this.points,e=i.length,s=[],n=e,o=i[0],a=n&&this.anchor(o).absolutePosition,r=0,h;if(a)for(s.push(["M",a.x,a.y]);++r<e&&n;)h=(o=i[r]).command||"L",a=this.anchor(o).absolutePosition,"M"===h||"L"===h?s.push([h,a.x,a.y]):"Z"===h&&s.push([h]),n=o.series.visible;return n&&this.graphic?this.chart.renderer.crispLine(s,this.graphic.strokeWidth()):null}shouldBeDrawn(){return super.shouldBeDrawn()||!!this.options.d}render(t){let i=this.options,s=this.attrsFromOptions(i);this.graphic=this.annotation.chart.renderer.path([["M",0,0]]).attr(s).add(t),this.tracker=this.annotation.chart.renderer.path([["M",0,0]]).addClass("highcharts-tracker-line").attr({zIndex:2}).add(t),this.annotation.chart.styledMode||this.tracker.attr({"stroke-linejoin":"round",stroke:X,fill:X,"stroke-width":this.graphic.strokeWidth()+2*i.snap}),super.render(),(0,e.extend)(this.graphic,{markerStartSetter:Y,markerEndSetter:L}),this.setMarkers(this)}redraw(t){if(this.graphic){let i=this.toD(),e=t?"animate":"attr";i?(this.graphic[e]({d:i}),this.tracker[e]({d:i})):(this.graphic.attr({d:"M 0 -9000000000"}),this.tracker.attr({d:"M 0 -9000000000"})),this.graphic.placed=this.tracker.placed=!!i}super.redraw(t)}setMarkers(t){let i=t.options,s=t.chart,n=s.options.defs,o=i.fill,a=(0,e.defined)(o)&&"none"!==o?o:i.stroke;["markerStart","markerEnd"].forEach(function(o){let r,h,l,p,c=i[o];if(c){for(l in n)if((c===((r=n[l]).attributes&&r.attributes.id)||c===r.id)&&"marker"===r.tagName){h=r;break}h&&(p=t[o]=s.renderer.addMarker((i.id||(0,e.uniqueKey)())+"-"+c,(0,e.merge)(h,{color:a})),t.attr(o,p.getAttribute("id")))}})}}R.attrsMap={dashStyle:"dashstyle",strokeWidth:"stroke-width",stroke:"stroke",fill:"fill",zIndex:"zIndex"};class W extends T{constructor(t,i,e){super(t,i,e,"shape"),this.type="rect",this.translate=super.translateShape}init(t,i,s){let{point:n,xAxis:o,yAxis:a}=i;n&&"string"!=typeof n&&((0,e.defined)(o)&&(n.xAxis=o),(0,e.defined)(a)&&(n.yAxis=a)),super.init(t,i,s)}render(t){let i=this.attrsFromOptions(this.options);this.graphic=this.annotation.chart.renderer.rect(0,-9e9,0,0).attr(i).add(t),super.render()}redraw(t){if(this.graphic){let i=this.points[0],s=this.anchor(i).absolutePosition,n=this.options.width||0,o=this.options.height||0;if(s){let a=(0,e.defined)(this.options.xAxis)?this.chart.xAxis[this.options.xAxis]:void 0,r=(0,e.defined)(this.options.yAxis)?this.chart.yAxis[this.options.yAxis]:void 0;a&&(0,e.defined)(i.x)&&(n=this.calculateAnnotationSize(i.x,n,a)),r&&(0,e.defined)(i.y)&&(o=this.calculateAnnotationSize(i.y,o,r)),this.graphic[t?"animate":"attr"]({x:s.x,y:s.y,width:n,height:o})}else this.attr({x:0,y:-9e9});this.graphic.placed=!!s}super.redraw(t)}}W.attrsMap=(0,e.merge)(R.attrsMap,{width:"width",height:"height"});class F extends T{constructor(t,i,e){super(t,i,e,"shape"),this.type="circle",this.translate=super.translateShape}init(t,i,s){let{point:n,xAxis:o,yAxis:a}=i;n&&"string"!=typeof n&&((0,e.defined)(o)&&(n.xAxis=o),(0,e.defined)(a)&&(n.yAxis=a)),super.init(t,i,s)}redraw(t){if(this.graphic){let i=this.points[0],s=this.anchor(i).absolutePosition,n=this.options.r||0;if(s){let o=(0,e.defined)(this.options.yAxis)?this.chart.yAxis[this.options.yAxis]:void 0;o&&(0,e.defined)(i.y)&&(n=this.calculateAnnotationSize(i.y,n,o)),this.graphic[t?"animate":"attr"]({x:s.x,y:s.y,r:n})}else this.graphic.attr({x:0,y:-9e9});this.graphic.placed=!!s}super.redraw.call(this,t)}render(t){let i=this.attrsFromOptions(this.options);this.graphic=this.annotation.chart.renderer.circle(0,-9e9,0).attr(i).add(t),super.render()}setRadius(t){this.options.r=t}}F.attrsMap=(0,e.merge)(R.attrsMap,{r:"r"});class z extends T{constructor(t,i,e){super(t,i,e,"shape"),this.type="ellipse"}init(t,i,s){(0,e.defined)(i.yAxis)&&i.points.forEach(t=>{t&&"string"!=typeof t&&(t.yAxis=i.yAxis)}),(0,e.defined)(i.xAxis)&&i.points.forEach(t=>{t&&"string"!=typeof t&&(t.xAxis=i.xAxis)}),super.init(t,i,s)}render(t){this.graphic=this.annotation.chart.renderer.createElement("ellipse").attr(this.attrsFromOptions(this.options)).add(t),super.render()}translate(t,i){super.translateShape(t,i,!0)}getDistanceFromLine(t,i,e,s){return Math.abs((i.y-t.y)*e-(i.x-t.x)*s+i.x*t.y-i.y*t.x)/Math.sqrt((i.y-t.y)*(i.y-t.y)+(i.x-t.x)*(i.x-t.x))}getAttrs(t,i){let e=t.x,s=t.y,n=i.x,o=i.y,a=(e+n)/2,r=Math.sqrt((e-n)*(e-n)/4+(s-o)*(s-o)/4),h=180*Math.atan((o-s)/(n-e))/Math.PI;return a<e&&(h+=180),{cx:a,cy:(s+o)/2,rx:r,ry:this.getRY(),angle:h}}getRY(){let t=this.getYAxis();return(0,e.defined)(t)?Math.abs(t.toPixels(this.options.ry)-t.toPixels(0)):this.options.ry}getYAxis(){let t=this.options.yAxis;return this.chart.yAxis[t]}getAbsolutePosition(t){return this.anchor(t).absolutePosition}redraw(t){if(this.graphic){let i=this.getAbsolutePosition(this.points[0]),e=this.getAbsolutePosition(this.points[1]),s=this.getAttrs(i,e);i?this.graphic[t?"animate":"attr"]({cx:s.cx,cy:s.cy,rx:s.rx,ry:s.ry,rotation:s.angle,rotationOriginX:s.cx,rotationOriginY:s.cy}):this.graphic.attr({x:0,y:-9e9}),this.graphic.placed=!!i}super.redraw(t)}setYRadius(t){let i=this.annotation.userOptions.shapes;this.options.ry=t,i&&i[0]&&(i[0].ry=t,i[0].ry=t)}}z.attrsMap=(0,e.merge)(R.attrsMap,{ry:"ry"});let U=t.default.Templating;var V=i.n(U);let{format:j}=V();function q(t,i,s,n,o){let a=o&&o.anchorX,r=o&&o.anchorY,h,l,p=s/2;return(0,e.isNumber)(a)&&(0,e.isNumber)(r)&&(h=[["M",a,r]],(l=i-r)<0&&(l=-n-l),l<s&&(p=a<t+s/2?l:s-l),r>i+n?h.push(["L",t+p,i+n]):r<i?h.push(["L",t+p,i]):a<t?h.push(["L",t,i+n/2]):a>t+s&&h.push(["L",t+s,i+n/2])),h||[]}class H extends T{static alignedPosition(t,i){return{x:Math.round((i.x||0)+(t.x||0)+(i.width-(t.width||0))*(0,e.getAlignFactor)(t.align)),y:Math.round((i.y||0)+(t.y||0)+(i.height-(t.height||0))*(0,e.getAlignFactor)(t.verticalAlign))}}static compose(t){t.prototype.symbols.connector=q}static justifiedOptions(t,i,e,s){let n,o=e.align,a=e.verticalAlign,r=i.box?0:i.padding||0,h=i.getBBox(),l={align:o,verticalAlign:a,x:e.x,y:e.y,width:i.width,height:i.height},p=(s.x||0)-t.plotLeft,c=(s.y||0)-t.plotTop;return(n=p+r)<0&&("right"===o?l.align="left":l.x=(l.x||0)-n),(n=p+h.width-r)>t.plotWidth&&("left"===o?l.align="right":l.x=(l.x||0)+t.plotWidth-n),(n=c+r)<0&&("bottom"===a?l.verticalAlign="top":l.y=(l.y||0)-n),(n=c+h.height-r)>t.plotHeight&&("top"===a?l.verticalAlign="bottom":l.y=(l.y||0)+t.plotHeight-n),l}constructor(t,i,e){super(t,i,e,"label")}translatePoint(t,i){super.translatePoint(t,i,0)}translate(t,i){var e,s;let n=this.annotation.chart,o=this.annotation.userOptions,a=n.annotations.indexOf(this.annotation),r=n.options.annotations[a];if(n.inverted){let e=t;t=i,i=e}(e=this.options).x||(e.x=0),(s=this.options).y||(s.y=0),this.options.x+=t,this.options.y+=i,r[this.collection][this.index].x=this.options.x,r[this.collection][this.index].y=this.options.y,o[this.collection][this.index].x=this.options.x,o[this.collection][this.index].y=this.options.y}render(t){let i=this.options,e=this.attrsFromOptions(i),s=i.style,n=this.annotation.chart.options.chart,o=n.plotBackgroundColor||n.backgroundColor;if(this.graphic=this.annotation.chart.renderer.label("",0,-9999,i.shape,void 0,void 0,i.useHTML,void 0,"annotation-label").attr(e).add(t),!this.annotation.chart.styledMode){if(s?.color==="contrast"){let t=!i.shape||H.shapesWithoutBackground.indexOf(i.shape)>-1||"none"===i.backgroundColor?o:i.backgroundColor;s.color=this.annotation.chart.renderer.getContrast("string"==typeof t?t:"string"==typeof o?o:"#ffffff")}this.graphic.css(i.style||{}).shadow(i.shadow)}this.graphic.labelrank=i.labelrank,super.render()}redraw(t){let i=this.options,e=this.text||i.format||i.text,s=this.graphic,n=this.points[0];if(!s)return void this.redraw(t);s.attr({text:e?j(String(e),n,this.annotation.chart):i.formatter.call(n,n)});let o=this.anchor(n),a=this.position(o);a?(s.alignAttr=a,a.anchorX=o.absolutePosition.x,a.anchorY=o.absolutePosition.y,s[t?"animate":"attr"](a)):s.attr({x:0,y:-9999}),s.placed=!!a,super.redraw(t)}anchor(t){let i=super.anchor.apply(this,arguments),e=this.options.x||0,s=this.options.y||0;return i.absolutePosition.x-=e,i.absolutePosition.y-=s,i.relativePosition.x-=e,i.relativePosition.y-=s,i}position(t){let i=this.graphic,s=this.annotation.chart,n=s.tooltip,o=this.points[0],a=this.options,r=t.absolutePosition,h=t.relativePosition,l,p,c,d,u=o.series.visible&&w.prototype.isInsidePlot.call(o);if(i&&u){let{width:t=0,height:g=0}=i;a.distance&&n?l=n.getPosition.call({chart:s,distance:(0,e.pick)(a.distance,16),getPlayingField:n.getPlayingField,pointer:n.pointer},t,g,{plotX:h.x,plotY:h.y,negative:o.negative,ttBelow:o.ttBelow,h:h.height||h.width}):a.positioner?l=a.positioner.call(this,this):(p={x:r.x,y:r.y,width:0,height:0},l=H.alignedPosition((0,e.extend)(a,{width:t,height:g}),p),"justify"===this.options.overflow&&(l=H.alignedPosition(H.justifiedOptions(s,i,a,l),p))),a.crop&&(c=l.x-s.plotLeft,d=l.y-s.plotTop,u=s.isInsidePlot(c,d)&&s.isInsidePlot(c+t,d+g))}return u?l:null}}H.attrsMap={backgroundColor:"fill",borderColor:"stroke",borderWidth:"stroke-width",zIndex:"zIndex",borderRadius:"r",padding:"padding"},H.shapesWithoutBackground=["connector"];class $ extends T{constructor(t,i,e){super(t,i,e,"shape"),this.type="image",this.translate=super.translateShape}render(t){let i=this.attrsFromOptions(this.options),e=this.options;this.graphic=this.annotation.chart.renderer.image(e.src,0,-9e9,e.width,e.height).attr(i).add(t),this.graphic.width=e.width,this.graphic.height=e.height,super.render()}redraw(t){if(this.graphic){let i=this.anchor(this.points[0]),e=H.prototype.position.call(this,i);e?this.graphic[t?"animate":"attr"]({x:e.x,y:e.y}):this.graphic.attr({x:0,y:-9e9}),this.graphic.placed=!!e}super.redraw(t)}}$.attrsMap={width:"width",height:"height",zIndex:"zIndex"};let G=t.default.AST;var K=i.n(G);let _=t=>`<?xml version="1.0" encoding="utf-8"?>
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 ${t} ${t}">`,Z="#4B4B4D",J={"close.svg":`${_(32)}
<polygon fill="${Z}" points="24.308,8.756 23.248,7.695 16.002,14.941 8.757,7.695 7.695,8.754 14.941,16.001 7.696,23.246
    8.755,24.308 16.002,17.061 23.247,24.307 24.308,23.248 17.062,16.001"/>
</svg>
`,"destroy.svg":`${_(32)}
<g>
    <rect x="12.75" y="14" fill="${Z}" width="1.5" height="10"/>
    <rect x="17.75" y="14" fill="${Z}" width="1.5" height="10"/>
    <path fill="${Z}" d="M25.25,10.5c0-1.517-1.233-2.75-2.75-2.75h-3.25V7c0-1.24-1.01-2.25-2.25-2.25h-2
        c-1.24,0-2.25,1.01-2.25,2.25v0.75H9.5c-1.517,0-2.75,1.233-2.75,2.75v1.751h2V27.25h14.5V12.251h2V10.5z M14.25,7
        c0-0.413,0.337-0.75,0.75-0.75h2c0.413,0,0.75,0.337,0.75,0.75v0.75h-3.5V7z M21.75,25.75h-11.5V12.251h11.5V25.75z M23.75,10.751
        H8.25V10.5c0-0.689,0.561-1.25,1.25-1.25h13c0.689,0,1.25,0.561,1.25,1.25V10.751z"/>
</g>
</svg>
`,"edit.svg":`${_(32)}
<path fill="${Z}" d="M22.125,3.814L5.817,20.122l-1.818,7.879l7.879-1.818L28.186,9.875L22.125,3.814z M26.064,9.875
    l-1.439,1.439l-3.939-3.939l1.439-1.439L26.064,9.875z M10.186,22.875l9.939-9.939l1.439,1.439l-9.939,9.939L10.186,22.875z
     M7.686,20.375l9.939-9.939l1.439,1.439l-9.939,9.939L7.686,20.375z M18.686,9.375l0.939-0.939l3.939,3.939l-0.939,0.939
    L18.686,9.375z M6.974,21.784l3.242,3.242l-4.215,0.973L6.974,21.784z"/>
</svg>
`},Q=(t,i,e)=>{let s,n=e[t];return"renderer"===i&&n?(n=encodeURIComponent(n),s=`url("data:image/svg+xml;charset=utf-8,${n}")`):s=i.startsWith("http")&&i.match(/\.(png|svg|jpe?g|gif)$/ig)?'url("'+i+'")':`url("${i}${t}")`,s},tt=class{constructor(t,i){this.iconsURL=i,this.container=this.createPopupContainer(t),this.closeButton=this.addCloseButton()}createPopupContainer(t,i="highcharts-popup highcharts-no-tooltip"){return(0,e.createElement)("div",{className:i},void 0,t)}addCloseButton(t="highcharts-popup-close"){let i=(0,e.createElement)("button",{className:t},void 0,this.container);return(0,e.createElement)("span",{className:"highcharts-icon"},{backgroundImage:Q("close.svg",this.iconsURL,J)},i),["click","touchstart"].forEach(t=>{(0,e.addEvent)(i,t,this.closeButtonEvents.bind(this))}),(0,e.addEvent)(document,"keydown",t=>{"Escape"===t.code&&this.closeButtonEvents()}),i}closeButtonEvents(){this.closePopup()}showPopup(t="highcharts-annotation-toolbar"){let i=this.container,e=this.closeButton;this.type=void 0,i.innerHTML=K().emptyHTML,i.className.indexOf(t)>=0&&(i.classList.remove(t),i.removeAttribute("style")),i.appendChild(e),i.style.display="block",i.style.height=""}closePopup(){this.container.style.display="none"}},ti=t.default.Color;var te=i.n(ti);let{doc:ts,isFirefox:tn}=h();function to(t,i,s,n,o,a){let r,h;if(!i)return;let l=this.addInput,p=this.lang;(0,e.objectEach)(n,(n,a)=>{r=""!==s?s+"."+a:a,(0,e.isObject)(n)&&(!(0,e.isArray)(n)||(0,e.isArray)(n)&&(0,e.isObject)(n[0])?((h=p[a]||a).match(/\d/g)||o.push([!0,h,t]),to.call(this,t,i,r,n,o,!1)):o.push([this,r,"annotation",t,n]))}),a&&((0,e.stableSort)(o,t=>t[1].match(/format/g)?-1:1),tn&&o.reverse(),o.forEach(t=>{!0===t[0]?(0,e.createElement)("span",{className:"highcharts-annotation-title"},void 0,t[2]).appendChild(ts.createTextNode(t[1])):(t[4]={value:t[4][0],type:t[4][1]},l.apply(t[0],t.splice(1)))}))}let{doc:ta}=h(),{seriesTypes:tr}=O();(s=a||(a={}))[s["params.algorithm"]=0]="params.algorithm",s[s["params.average"]=1]="params.average";let th={"algorithm-pivotpoints":["standard","fibonacci","camarilla"],"average-disparityindex":["sma","ema","dema","tema","wma"]};function tl(t){let i=(0,e.createElement)("div",{className:"highcharts-popup-lhs-col"},void 0,t),s=(0,e.createElement)("div",{className:"highcharts-popup-rhs-col"},void 0,t);return(0,e.createElement)("div",{className:"highcharts-popup-rhs-col-wrapper"},void 0,s),{lhsCol:i,rhsCol:s}}function tp(t,i,s,n){let o=i.params||i.options.params;n.innerHTML=K().emptyHTML,(0,e.createElement)("h3",{className:"highcharts-indicator-title"},void 0,n).appendChild(ta.createTextNode(tm(i,s).indicatorFullName)),(0,e.createElement)("input",{type:"hidden",name:"highcharts-type-"+s,value:s},void 0,n),tv.call(this,s,"series",t,n,i,i.linkedParent&&i.linkedParent.options.id),o.volumeSeriesID&&tv.call(this,s,"volume",t,n,i,i.linkedParent&&o.volumeSeriesID),td.call(this,t,"params",o,s,n)}function tc(t,i,s,n){function o(i,s){let n=x.parentNode.children[1];tp.call(a,t,i,s,x),n&&(n.style.display="block"),p&&i.options&&(0,e.createElement)("input",{type:"hidden",name:"highcharts-id-"+s,value:i.options.id},void 0,x).setAttribute("highcharts-data-series-id",i.options.id)}let a=this,r=a.lang,h=i.querySelectorAll(".highcharts-popup-lhs-col")[0],l=i.querySelectorAll(".highcharts-popup-rhs-col")[0],p="edit"===s,c=p?t.series:t.options.plotOptions||{};if(!t&&c)return;let d,u=[];p||(0,e.isArray)(c)?(0,e.isArray)(c)&&(u=tf.call(this,c)):u=ty.call(this,c,n),(0,e.stableSort)(u,(t,i)=>{let e=t.indicatorFullName.toLowerCase(),s=i.indicatorFullName.toLowerCase();return e<s?-1:+(e>s)}),h.children[1]&&h.children[1].remove();let g=(0,e.createElement)("ul",{className:"highcharts-indicator-list"},void 0,h),x=l.querySelectorAll(".highcharts-popup-rhs-col-wrapper")[0];if(u.forEach(t=>{let{indicatorFullName:i,indicatorType:s,series:n}=t;d=(0,e.createElement)("li",{className:"highcharts-indicator-list"},void 0,g);let a=(0,e.createElement)("button",{className:"highcharts-indicator-list-item",textContent:i},void 0,d);["click","touchstart"].forEach(t=>{(0,e.addEvent)(a,t,function(){o(n,s)})})}),u.length>0){let{series:t,indicatorType:i}=u[0];o(t,i)}else p||(K().setElementHTML(x.parentNode.children[0],r.noFilterMatch||""),x.parentNode.children[1].style.display="none")}function td(t,i,s,n,o){if(!t)return;let r=this.addInput;(0,e.objectEach)(s,(s,h)=>{let l=i+"."+h;if((0,e.defined)(s)&&l)if((0,e.isObject)(s)&&(r.call(this,l,n,o,{}),td.call(this,t,l,s,n,o)),l in a){let e=tg.call(this,n,l,o);tx.call(this,t,i,e,n,h,s)}else"params.volumeSeriesID"===l||(0,e.isArray)(s)||r.call(this,l,n,o,{value:s,type:"number"})})}function tu(t,i){let s=this,n=i.querySelectorAll(".highcharts-popup-lhs-col")[0],o=this.lang.clearFilter,a=(0,e.createElement)("div",{className:"highcharts-input-wrapper"},void 0,n),r=function(i){tc.call(s,t,s.container,"add",i)},h=this.addInput("searchIndicators","input",a,{value:"",type:"text",htmlFor:"search-indicators",labelClassName:"highcharts-input-search-indicators-label"}),l=(0,e.createElement)("a",{textContent:o},void 0,a);h.classList.add("highcharts-input-search-indicators"),l.classList.add("clear-filter-button"),(0,e.addEvent)(h,"input",function(){r(this.value),this.value.length?l.style.display="inline-block":l.style.display="none"}),["click","touchstart"].forEach(t=>{(0,e.addEvent)(l,t,function(){h.value="",r(""),l.style.display="none"})})}function tg(t,i,s){let n=i.split("."),o=n[n.length-1],a="highcharts-"+i+"-type-"+t,r=this.lang;(0,e.createElement)("label",{htmlFor:a},null,s).appendChild(ta.createTextNode(r[o]||i));let h=(0,e.createElement)("select",{name:a,className:"highcharts-popup-field",id:"highcharts-select-"+i},null,s);return h.setAttribute("id","highcharts-select-"+i),h}function tx(t,i,s,n,o,a,r){"series"===i||"volume"===i?t.series.forEach(t=>{let n=t.options,o=n.name||n.params?t.name:n.id||"";"highcharts-navigator-series"!==n.id&&n.id!==(r&&r.options&&r.options.id)&&((0,e.defined)(a)||"volume"!==i||"column"!==t.type||(a=n.id),(0,e.createElement)("option",{value:n.id},void 0,s).appendChild(ta.createTextNode(o)))}):n&&o&&th[o+"-"+n].forEach(t=>{(0,e.createElement)("option",{value:t},void 0,s).appendChild(ta.createTextNode(t))}),(0,e.defined)(a)&&(s.value=a)}function ty(t,i){let s,n=this.chart&&this.chart.options.lang,o=n&&n.navigation&&n.navigation.popup&&n.navigation.popup.indicatorAliases,a=new Map;return(0,e.objectEach)(t,(t,e)=>{let n=t&&t.options;if(t.params||n&&n.params){let{indicatorFullName:n,indicatorType:r}=tm(t,e);if(i){let e=RegExp(i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i"),h=o&&o[r]&&o[r].join(" ")||"";(n.match(e)||h.match(e))&&(s={indicatorFullName:n,indicatorType:r,series:t},a.set(r.toLowerCase(),s))}else s={indicatorFullName:n,indicatorType:r,series:t},a.set(r.toLowerCase(),s)}}),Array.from(a.values())}function tf(t){let i=[];return t.forEach(t=>{t.is("sma")&&i.push({indicatorFullName:t.name,indicatorType:t.type,series:t})}),i}function tm(t,i){let e=t.options,s=tr[i]&&tr[i].prototype.nameBase||i.toUpperCase(),n=i;return e&&e.type&&(n=t.options.type,s=t.name),{indicatorFullName:s,indicatorType:n}}function tv(t,i,s,n,o,a){if(!s)return;let r=tg.call(this,t,i,n);tx.call(this,s,i,r,void 0,void 0,void 0,o),(0,e.defined)(a)&&(r.value=a)}let{doc:tb}=h();function tA(){let t=this.container;return(0,e.createElement)("div",{className:"highcharts-tab-item-content highcharts-no-mousewheel"},void 0,t)}function tP(t,i){let s=this.container,n=this.lang,o="highcharts-tab-item";0===i&&(o+=" highcharts-tab-disabled");let a=(0,e.createElement)("button",{className:o},void 0,s);return a.appendChild(tb.createTextNode(n[t+"Button"]||t)),a.setAttribute("highcharts-data-tab-type",t),a}function tE(){let t=this.container,i=t.querySelectorAll(".highcharts-tab-item"),e=t.querySelectorAll(".highcharts-tab-item-content");for(let t=0;t<i.length;t++)i[t].classList.remove("highcharts-tab-item-active"),e[t].classList.remove("highcharts-tab-item-show")}function tO(t,i){let e=this.container.querySelectorAll(".highcharts-tab-item-content");t.className+=" highcharts-tab-item-active",e[i].className+=" highcharts-tab-item-show"}function tM(t){let i=this;this.container.querySelectorAll(".highcharts-tab-item").forEach((s,n)=>{(0!==t||"edit"!==s.getAttribute("highcharts-data-tab-type"))&&["click","touchstart"].forEach(t=>{(0,e.addEvent)(s,t,function(){tE.call(i),tO.call(i,this,n)})})})}let{doc:tk}=h(),{getOptions:tw}=h();class tC extends tt{constructor(t,i,s){super(t,i),this.chart=s,this.lang=(tw().lang.navigation||{}).popup||{},(0,e.addEvent)(this.container,"mousedown",()=>{let t=s&&s.navigationBindings&&s.navigationBindings.activeAnnotation;if(t){t.cancelClick=!0;let i=(0,e.addEvent)(tk,"click",()=>{setTimeout(()=>{t.cancelClick=!1},0),i()})}})}addInput(t,i,s,n){let o=t.split("."),a=o[o.length-1],r=this.lang,h="highcharts-"+i+"-"+(0,e.pick)(n.htmlFor,a);if(a.match(/^\d+$/)||(0,e.createElement)("label",{htmlFor:h,className:n.labelClassName},void 0,s).appendChild(tk.createTextNode(r[a]||a)),"color"===n.type&&this.chart?.container)return this.createColorInput(t,h,n,s,this.chart.container);let l=(0,e.createElement)("input",{name:h,value:n.value,type:n.type,className:"highcharts-popup-field"},void 0,s);return l.setAttribute("highcharts-data-name",t),l}createColorInput(t,i,s,n,o){let{value:a,alpha:r}=function(t,i){let e=t=>("0"+Math.round(t).toString(16)).slice(-2).toUpperCase(),s=t=>{let[i,s,n,o]=te().parse(t).rgba;return{value:"#"+e(i)+e(s)+e(n),alpha:o}};if(t.startsWith("rgb")||t.startsWith("rgba"))return s(t);if(t.startsWith("color")||t.startsWith("var")){let n=tk.createElement("span");n.style.setProperty("color",t),i.appendChild(n);let o=window.getComputedStyle(n).color;if(i.removeChild(n),o.startsWith("color")){let t=o.match(RegExp("color\\s*\\(\\s*srgb\\s+([\\d.]+)\\s+([\\d.]+)\\s+([\\d.]+)\\s+(?:\\s*\\/\\s*([\\d.]+))?\\s*\\)"));if(t){let i=Math.round(255*parseFloat(t[1])),s=Math.round(255*parseFloat(t[2])),n=Math.round(255*parseFloat(t[3])),o=t[4]?parseFloat(t[4]):1;return{value:"#"+e(i)+e(s)+e(n),alpha:o}}}if(o.startsWith("rgb")||o.startsWith("rgba"))return s(o)}return{value:t,alpha:1}}(s.value||"",o),h=te().parse(s.value||"").rgba[3],l=isNaN(h)?r:h,p=(0,e.createElement)("div",{className:"highcharts-popup-color-wrapper"},void 0,n),c=(0,e.createElement)("input",{type:"color",value:a,className:"highcharts-popup-field highcharts-popup-field-color"},void 0,p),d=(0,e.createElement)("input",{name:i,id:i,value:a,type:"text",className:"highcharts-popup-field highcharts-popup-field-text"},void 0,p);d.setAttribute("highcharts-data-name",t);let u=(0,e.createElement)("span",{className:"highcharts-popup-color-separator"},void 0,p),g=(0,e.createElement)("input",{type:"number",value:String(Math.round(100*l)),className:"highcharts-popup-field highcharts-popup-opacity-percentage",min:"0",max:"100",step:"1"},void 0,p),x=(0,e.createElement)("span",{className:"highcharts-popup-opacity-percent-suffix"},void 0,p);x.appendChild(tk.createTextNode(" %"));let y=(0,e.createElement)("input",{type:"range",value:String(Math.round(100*l)),className:"highcharts-popup-opacity-slider",min:"0",max:"100",step:"1"},void 0,n);y.style.setProperty("--highcharts-popup-opacity-track-color",a),y.style.setProperty("display","none");let f=()=>{let t=/^#[0-9A-Fa-f]{6}$/.test(d.value);u.style.display=t?"":"none",g.style.display=t?"":"none",x.style.display=t?"":"none"};f();let m=t=>{let i=t.target,s=(0,e.clamp)(Number(i.value),0,100);y.value=String(s),g.value=String(Math.round(s))},v=t=>{t.target===c?d.value=c.value.toUpperCase():c.value=d.value,y.style.setProperty("--highcharts-popup-opacity-track-color",c.value),f()};return(0,e.addEvent)(n,"mousedown",t=>{t.target!==g&&t.target!==y&&(y.style.display="none")}),(0,e.addEvent)(g,"focus",()=>{y.style.display=""}),(0,e.addEvent)(g,"input",m),(0,e.addEvent)(y,"input",m),(0,e.addEvent)(c,"input",v),(0,e.addEvent)(d,"input",v),p}closeButtonEvents(){if(this.chart){let t=this.chart.navigationBindings;(0,e.fireEvent)(t,"closePopup"),t&&t.selectedButtonElement&&(0,e.fireEvent)(t,"deselectButton",{button:t.selectedButtonElement})}else super.closeButtonEvents()}addButton(t,i,s,n,o){let a=(0,e.createElement)("button",void 0,void 0,t);return a.appendChild(tk.createTextNode(i)),o&&["click","touchstart"].forEach(t=>{(0,e.addEvent)(a,t,()=>{let t,i,e,a,r;return this.closePopup(),o((t=Array.prototype.slice.call(n.querySelectorAll("input")),i=Array.prototype.slice.call(n.querySelectorAll("select")),e=n.querySelectorAll("#highcharts-select-series > option:checked")[0],a=n.querySelectorAll("#highcharts-select-volume > option:checked")[0],r={actionType:s,linkedTo:e&&e.getAttribute("value")||"",fields:{}},t.forEach(t=>{let i=t.getAttribute("highcharts-data-name");if(t.getAttribute("highcharts-data-series-id"))r.seriesId=t.value;else if(i){let e=t.closest(".highcharts-popup-color-wrapper"),s=e?.querySelector(".highcharts-popup-opacity-percentage"),n=s?Number(s.value)/100:1;if(s){let e=te().parse(t.value).rgba;r.fields[i]=Number.isNaN(e[0])?t.value:`rgba(${e[0]},${e[1]},${e[2]},${n})`}else r.fields[i]=t.value}else r.type=t.value}),i.forEach(t=>{let i=t.id;if("highcharts-select-series"!==i&&"highcharts-select-volume"!==i){let e=i.split("highcharts-select-")[1];r.fields[e]=t.value}}),a&&(r.fields["params.volumeSeriesID"]=a.getAttribute("value")||""),r))})}),a}showForm(t,i,e,s){i&&(this.showPopup(),"indicators"===t&&this.indicators.addForm.call(this,i,e,s),"annotation-toolbar"===t&&this.annotations.addToolbar.call(this,i,e,s),"annotation-edit"===t&&this.annotations.addForm.call(this,i,e,s),"flag"===t&&this.annotations.addForm.call(this,i,e,s,!0),this.type=t,this.container.style.height=this.container.offsetHeight+"px")}}(0,e.extend)(tC.prototype,{annotations:{addForm:function(t,i,s,n){if(!t)return;let o=this.container,a=this.lang,r=(0,e.createElement)("h2",{className:"highcharts-popup-main-title"},void 0,o);r.appendChild(ts.createTextNode(a[i.langKey]||i.langKey||"")),r=(0,e.createElement)("div",{className:"highcharts-popup-lhs-col highcharts-popup-lhs-full"},void 0,o);let h=(0,e.createElement)("div",{className:"highcharts-popup-bottom-row"},void 0,o);to.call(this,r,t,"",i,[],!0),this.addButton(h,n?a.addButton||"Add":a.saveButton||"Save",n?"add":"save",o,s)},addToolbar:function(t,i,s){let n=this.lang,o=this.container,a=this.showForm,r="highcharts-annotation-toolbar";-1===o.className.indexOf(r)&&(o.className+=" "+r+" highcharts-no-mousewheel"),t&&(o.style.top=t.plotTop+10+"px");let h=(0,e.createElement)("p",{className:"highcharts-annotation-label"},void 0,o);h.setAttribute("aria-label","Annotation type"),h.appendChild(ts.createTextNode((0,e.pick)(n[i.langKey]||i.langKey,i.shapes&&i.shapes[0].type,"")));let l=this.addButton(o,n.editButton||"Edit","edit",o,()=>{a.call(this,"annotation-edit",t,i,s)});l.className+=" highcharts-annotation-edit-button",(0,e.createElement)("span",{className:"highcharts-icon"},{backgroundImage:Q("edit.svg",this.iconsURL,J)},l),l=this.addButton(o,n.removeButton||"Remove","remove",o,s),l.className+=" highcharts-annotation-remove-button",(0,e.createElement)("span",{className:"highcharts-icon"},{backgroundImage:Q("destroy.svg",this.iconsURL,J)},l)}},indicators:{addForm:function(t,i,e){let s,n=this.lang;if(!t)return;this.tabs.init.call(this,t);let o=this.container.querySelectorAll(".highcharts-tab-item-content");tl(o[0]),tu.call(this,t,o[0]),tc.call(this,t,o[0],"add"),s=o[0].querySelectorAll(".highcharts-popup-rhs-col")[0],this.addButton(s,n.addButton||"add","add",s,e),tl(o[1]),tc.call(this,t,o[1],"edit"),s=o[1].querySelectorAll(".highcharts-popup-rhs-col")[0],this.addButton(s,n.saveButton||"save","edit",s,e),this.addButton(s,n.removeButton||"remove","remove",s,e)},getAmount:function(){let t=0;return this.series.forEach(i=>{(i.params||i.options.params)&&t++}),t}},tabs:{init:function(t){if(!t)return;let i=this.indicators.getAmount.call(t),e=tP.call(this,"add");tP.call(this,"edit",i),tA.call(this),tA.call(this),tM.call(this,i),tO.call(this,e,0)}}});let{composed:tN}=h();function tT(){this.popup&&this.popup.closePopup()}function tB(t){this.popup||(this.popup=new tC(this.chart.container,this.chart.options.navigation.iconsURL||this.chart.options.stockTools&&this.chart.options.stockTools.gui.iconsURL||"renderer",this.chart)),this.popup.showForm(t.formType,this.chart,t.options,t.onSubmit)}function tL(t,i){this.inClass(i.target,"highcharts-popup")||t.apply(this,Array.prototype.slice.call(arguments,1))}let tY=function(t,i){(0,e.pushUnique)(tN,"Popup")&&((0,e.addEvent)(t,"closePopup",tT),(0,e.addEvent)(t,"showPopup",tB),(0,e.wrap)(i.prototype,"onContainerMouseDown",tL))},{defaultOptions:tX}=h();function tS(t,i){let s={};return["labels","shapes"].forEach(n=>{let o=t[n],a=i[n];o&&(a?s[n]=(0,e.splat)(a).map((t,i)=>(0,e.merge)(o[i],t)):s[n]=t[n])}),s}class tI extends v{static compose(t,i,e,s){x.compose(tI,t,e),H.compose(s),R.compose(t,s),i.compose(tI,t),tY(i,e)}constructor(t,i){super(),this.coll="annotations",this.chart=t,this.points=[],this.controlPoints=[],this.coll="annotations",this.index=-1,this.labels=[],this.shapes=[],this.setOptions(i),this.userOptions=i;let e=tS(this.options,i);this.options.labels=e.labels,this.options.shapes=e.shapes,this.init(t,this.options)}addClipPaths(){this.setClipAxes(),this.clipXAxis&&this.clipYAxis&&this.options.crop&&(this.clipRect=this.chart.renderer.clipRect(this.getClipBox()))}addLabels(){let t=this.options.labels||[];t.forEach((i,s)=>{let n=this.initLabel(i,s);(0,e.merge)(!0,t[s],n.options)})}addShapes(){let t=this.options.shapes||[];t.forEach((i,s)=>{let n=this.initShape(i,s);(0,e.merge)(!0,t[s],n.options)})}destroy(){let t=this.chart,i=function(t){t.destroy()};this.labels.forEach(i),this.shapes.forEach(i),this.clipXAxis=null,this.clipYAxis=null,(0,e.erase)(t.labelCollectors,this.labelCollector),super.destroy(),this.destroyControlTarget(),(0,e.destroyObjectProperties)(this,t)}destroyItem(t){(0,e.erase)(this[t.itemType+"s"],t),t.destroy()}getClipBox(){if(this.clipXAxis&&this.clipYAxis)return{x:this.clipXAxis.left,y:this.clipYAxis.top,width:this.clipXAxis.width,height:this.clipYAxis.height}}initProperties(t,i){this.setOptions(i);let e=tS(this.options,i);this.options.labels=e.labels,this.options.shapes=e.shapes,this.chart=t,this.points=[],this.controlPoints=[],this.coll="annotations",this.userOptions=i,this.labels=[],this.shapes=[]}init(t,i,s=this.index){let n=this.chart,o=this.options.animation;this.index=s,this.linkPoints(),this.addControlPoints(),this.addShapes(),this.addLabels(),this.setLabelCollector(),this.animationConfig=(0,e.getDeferredAnimation)(n,o)}initLabel(t,i){this.options.labelOptions?.align;let s=new H(this,(0,e.merge)(this.options.labelOptions,{controlPointOptions:this.options.controlPointOptions},t),i);return s.itemType="label",this.labels.push(s),s}initShape(t,i){let s=(0,e.merge)(this.options.shapeOptions,{controlPointOptions:this.options.controlPointOptions},t),n=new tI.shapesMap[s.type||"rect"](this,s,i);return n.itemType="shape",this.shapes.push(n),n}redraw(t){this.linkPoints(),this.graphic||this.render(),this.clipRect&&this.clipRect.animate(this.getClipBox()),this.redrawItems(this.shapes,t),this.redrawItems(this.labels,t),this.redrawControlPoints(t)}redrawItem(t,i){if(t.linkPoints(),t.shouldBeDrawn()){let s,n;t.graphic||this.renderItem(t),t.redraw((0,e.pick)(i,!0)&&t.graphic.placed),t.points.length&&(s=t.graphic,n=t.points.some(t=>!1!==t.series.visible&&!1!==t.visible),s&&(n?"hidden"===s.visibility&&s.show():s.hide()))}else this.destroyItem(t)}redrawItems(t,i){let e=t.length;for(;e--;)this.redrawItem(t[e],i)}remove(){return this.chart.removeAnnotation(this)}render(){let t=this.chart.renderer;this.graphic=t.g("annotation").addClass(this.options.className||"").attr({opacity:0,zIndex:this.options.zIndex,visibility:this.options.visible?"inherit":"hidden"}).add(),this.shapesGroup=t.g("annotation-shapes").add(this.graphic),this.options.crop&&this.shapesGroup.clip(this.chart.plotBoxClip),this.labelsGroup=t.g("annotation-labels").attr({translateX:0,translateY:0}).add(this.graphic),this.addClipPaths(),this.clipRect&&this.graphic.clip(this.clipRect),this.renderItems(this.shapes),this.renderItems(this.labels),this.addEvents(),this.renderControlPoints()}renderItem(t){t.render("label"===t.itemType?this.labelsGroup:this.shapesGroup)}renderItems(t){let i=t.length;for(;i--;)this.renderItem(t[i])}setClipAxes(){let t=this.chart.xAxis,i=this.chart.yAxis,e=[...this.options.labels??[],...this.options.shapes??[]].reduce((e,s)=>{let n=s&&(s.point||"points"in s&&s.points?.[0]);return[t[n&&n.xAxis]||e[0],i[n&&n.yAxis]||e[1]]},[]);this.clipXAxis=e[0],this.clipYAxis=e[1]}setControlPointsVisibility(t){let i=function(i){i.setControlPointsVisibility(t)};this.controlPoints.forEach(i=>{i.setVisibility(t)}),this.shapes.forEach(i),this.labels.forEach(i)}setLabelCollector(){let t=this;t.labelCollector=function(){return t.labels.reduce(function(t,i){return i.options.allowOverlap||t.push(i.graphic),t},[])},t.chart.labelCollectors.push(t.labelCollector)}setOptions(t){var i;this.options=(0,e.merge)(this.defaultOptions,t.type&&this.defaultOptions.types?.[t.type]||{},t),(i=this.options).typeOptions||(i.typeOptions={})}setVisibility(t){let i=this.options,s=this.chart.navigationBindings,n=(0,e.pick)(t,!i.visible);if(this.graphic.attr("visibility",n?"inherit":"hidden"),!n){let t=function(t){t.setControlPointsVisibility(n)};this.shapes.forEach(t),this.labels.forEach(t),s.activeAnnotation===this&&s.popup&&"annotation-toolbar"===s.popup.type&&(0,e.fireEvent)(s,"closePopup")}i.visible=n}update(t,i){let s=this.chart,n=tS(this.userOptions,t),o=s.annotations.indexOf(this),a=(0,e.merge)(!0,this.userOptions,t);a.labels=n.labels,a.shapes=n.shapes,this.destroy(),this.initProperties(s,a),this.init(s,a),s.options.annotations[o]=this.options,this.isUpdating=!0,(0,e.pick)(i,!0)&&s.drawAnnotations(),(0,e.fireEvent)(this,"afterUpdate"),this.isUpdating=!1}}tI.ControlPoint=b,tI.MockPoint