highcharts/modules/navigator.js

JavaScript charting framework

!/**
 * Highcharts JS v13.0.1 (2026-08-17)
 * @module highcharts/modules/navigator
 * @requires highcharts
 *
 * Standalone navigator module
 *
 * (c) 2009-2026 Highsoft AS
 * Author: Mateusz Bernacik
 *
 * A commercial license may be required depending on use,
 * see www.highcharts.com/license
 */function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(t._Highcharts,t._Highcharts.Chart,t._Highcharts.Axis,t._Highcharts.SeriesRegistry,t._Highcharts.SVGRenderer):"function"==typeof define&&define.amd?define("highcharts/modules/navigator",["highcharts/highcharts"],function(t){return e(t,t.Chart,t.Axis,t.SeriesRegistry,t.SVGRenderer)}):"object"==typeof exports?exports["highcharts/modules/navigator"]=e(t._Highcharts,t._Highcharts.Chart,t._Highcharts.Axis,t._Highcharts.SeriesRegistry,t._Highcharts.SVGRenderer):t.Highcharts=e(t.Highcharts,t.Highcharts.Chart,t.Highcharts.Axis,t.Highcharts.SeriesRegistry,t.Highcharts.SVGRenderer)}("u"<typeof window?this:window,(t,e,i,s,a)=>(()=>{"use strict";let r;var o,n={532(t){t.exports=i},960(t){t.exports=e},540(t){t.exports=a},512(t){t.exports=s},944(e){e.exports=t}};let h={};function d(t){let e=h[t];if(void 0!==e)return e.exports;let i=h[t]={exports:{}};return n[t](i,i.exports,d),i.exports}d.n=t=>{let e=t&&t.__esModule?()=>t.default:()=>t;return d.d(e,{a:e}),e},d.d=(t,e)=>{if(Array.isArray(e))for(var i=0;i<e.length;){var s=e[i++],a=e[i++];d.o(t,s)?0===a&&i++:0===a?Object.defineProperty(t,s,{enumerable:!0,value:e[i++]}):Object.defineProperty(t,s,{enumerable:!0,get:a})}else for(var s in e)d.o(e,s)&&!d.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},d.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);let l={};d.d(l,{default:()=>ta});var c=d(944),g=d.n(c),p=d(960),x=d.n(p),u=d(532),v=d.n(u);let{isTouchDevice:m}=g(),b=[];function f(){this.navigator&&this.navigator.setBaseSeries(null,!1)}function M(){let t,e,i,s=this.legend,a=this.navigator;if(a){t=s&&s.options,e=a.xAxis,i=a.yAxis;let{scrollbarHeight:r,scrollButtonSize:o}=a;this.inverted?(a.left=a.opposite?this.chartWidth-r-a.height:this.spacing[3]+r,a.top=this.plotTop+o):(a.left=(0,c.pick)(e.left,this.plotLeft+o),a.top=a.navigatorOptions.top||this.chartHeight-a.height-r-(this.scrollbar?.options.margin||0)-this.spacing[2]-(this.rangeSelector&&this.extraBottomMargin?this.rangeSelector.getHeight():0)-(t&&"bottom"===t.verticalAlign&&"proximate"!==t.layout&&t.enabled&&!t.floating?s.legendHeight+(0,c.pick)(t.margin,10):0)-(this.titleOffset?this.titleOffset[2]:0)),e&&i&&(this.inverted?e.options.left=i.options.left=a.left:e.options.top=i.options.top=a.top,e.setAxisSize(),i.setAxisSize())}}function E(t){!this.navigator&&!this.scroller&&(this.options.navigator.enabled||this.options.scrollbar.enabled)&&(this.scroller=this.navigator=new r(this),(0,c.pick)(t.redraw,!0)&&this.redraw(t.animation))}function A(){let t=this.options;(t.navigator.enabled||t.scrollbar.enabled)&&(this.scroller=this.navigator=new r(this))}function y(){let t=this.options,e=t.navigator,i=t.rangeSelector;if((e&&e.enabled||i&&i.enabled)&&(!m&&"x"===this.zooming.type||m&&"x"===this.zooming.pinchType))return!1}function k(t){let e=t.navigator;if(e&&t.xAxis[0]){let i=t.xAxis[0].getExtremes();e.render(i.min,i.max)}}function w(t){let e=t.options.navigator||{},i=t.options.scrollbar||{};!this.navigator&&!this.scroller&&(e.enabled||i.enabled)&&((0,c.merge)(!0,this.options.navigator,e),(0,c.merge)(!0,this.options.scrollbar,i),delete t.options.navigator,delete t.options.scrollbar)}let O=function(t,e){if((0,c.pushUnique)(b,t)){let i=t.prototype;r=e,i.callbacks.push(k),(0,c.addEvent)(t,"afterAddSeries",f),(0,c.addEvent)(t,"afterSetChartSize",M),(0,c.addEvent)(t,"afterUpdate",E),(0,c.addEvent)(t,"beforeRender",A),(0,c.addEvent)(t,"beforeShowResetZoom",y),(0,c.addEvent)(t,"update",w)}},{isTouchDevice:S}=g();function z(){this.navigatorAxis||(this.navigatorAxis=new D(this))}function T(t){let e,i=this.chart,s=i.options,a=s.navigator,r=this.navigatorAxis,o=i.zooming.pinchType,n=s.rangeSelector,h=i.zooming.type;if(this.isXAxis&&(a?.enabled||n?.enabled)){if("y"===h&&"zoom"===t.trigger)e=!1;else if(("zoom"===t.trigger&&"xy"===h||S&&"xy"===o)&&this.options.range){let e=r.previousZoom;(0,c.defined)(t.min)?r.previousZoom=[this.min,this.max]:e&&(t.min=e[0],t.max=e[1],r.previousZoom=void 0)}}void 0!==e&&t.preventDefault()}class D{static compose(t){t.keepProps.includes("navigatorAxis")||(t.keepProps.push("navigatorAxis"),(0,c.addEvent)(t,"init",z),(0,c.addEvent)(t,"setExtremes",T))}constructor(t){this.axis=t}destroy(){this.axis=void 0}toFixedRange(t,e,i,s){let a=this.axis,r=(a.pointRange||0)/2,o=(0,c.pick)(i,a.translate(t,!0,!a.horiz)),n=(0,c.pick)(s,a.translate(e,!0,!a.horiz));return(0,c.defined)(i)||(o=(0,c.correctFloat)(o+r)),(0,c.defined)(s)||(n=(0,c.correctFloat)(n-r)),(0,c.isNumber)(o)&&(0,c.isNumber)(n)||(o=n=void 0),{min:o,max:n}}}var R=d(512);let{seriesTypes:B}=d.n(R)(),P={height:40,margin:22,maskInside:!0,handles:{width:7,borderRadius:0,height:15,symbols:["navigator-handle","navigator-handle"],enabled:!0,lineWidth:1,backgroundColor:"var(--highcharts-neutral-color-5)",borderColor:"var(--highcharts-neutral-color-40)"},maskFill:"color-mix(in srgb, var(--highcharts-highlight-color-60) 30%, transparent)",outlineColor:"var(--highcharts-neutral-color-40)",outlineWidth:1,series:{type:void 0===B.areaspline?"line":"areaspline",fillOpacity:.05,lineWidth:1,compare:null,sonification:{enabled:!1},dataGrouping:{approximation:"average",enabled:!0,groupPixelWidth:2,firstAnchor:"firstPoint",anchor:"middle",lastAnchor:"lastPoint",units:[["millisecond",[1,2,5,10,20,25,50,100,200,500]],["second",[1,2,5,10,15,30]],["minute",[1,2,5,10,15,30]],["hour",[1,2,3,4,6,8,12]],["day",[1,2,3,4]],["week",[1,2,3]],["month",[1,3,6]],["year",null]]},dataLabels:{enabled:!1,zIndex:2},id:"highcharts-navigator-series",className:"highcharts-navigator-series",lineColor:null,marker:{enabled:!1},threshold:null},xAxis:{className:"highcharts-navigator-xaxis",tickLength:0,lineWidth:0,gridLineColor:"var(--highcharts-neutral-color-10)",id:"navigator-x-axis",gridLineWidth:1,tickPixelInterval:200,labels:{align:"left",style:{color:"var(--highcharts-neutral-color-100)",fontSize:"0.7em",opacity:.6,textOutline:"2px contrast"},x:3,y:-4},crosshair:!1},yAxis:{className:"highcharts-navigator-yaxis",gridLineWidth:0,startOnTick:!1,endOnTick:!1,minPadding:.1,id:"navigator-y-axis",maxPadding:.1,labels:{enabled:!1},crosshair:!1,title:{text:void 0},tickLength:0,tickWidth:0}},{defaultOptions:C}=g(),{noop:H}=g(),L={radius:0,scope:"stack",where:void 0},W={"navigator-handle":function(t,e,i,s,a={}){var r,o,n,h,d,l;let g=a.width?a.width/2:i,p=(0,c.relativeLength)((r=a.borderRadius,!(0,c.isObject)(r)&&(r={radius:r||0}),(0,c.merge)(L,void 0,r)).radius,Math.min(2*g,s));return[["M",-1.5,(s=a.height||s)/2-3.5],["L",-1.5,s/2+4.5],["M",.5,s/2-3.5],["L",.5,s/2+4.5],...(o=-g-1,n=.5,h=2*g+1,d=s,l={r:p},l?.r?function(t,e,i,s,a){let r=a?.r||0;return[["M",t+r,e],["L",t+i-r,e],["A",r,r,0,0,1,t+i,e+r],["L",t+i,e+s-r],["A",r,r,0,0,1,t+i-r,e+s],["L",t+r,e+s],["A",r,r,0,0,1,t,e+s-r],["L",t,e+r],["A",r,r,0,0,1,t+r,e],["Z"]]}(o,.5,h,d,l):[["M",o,.5],["L",o+h,.5],["L",o+h,.5+d],["L",o,.5+d],["Z"]])]}};var N=d(540),U=d.n(N);let{defaultOptions:I}=g(),{composed:F}=g(),{setFixedRange:X}={setFixedRange:function(t){let e=this.xAxis[0];(0,c.defined)(e.dataMax)&&(0,c.defined)(e.dataMin)&&t?this.fixedRange=Math.min(t,e.dataMax-e.dataMin):this.fixedRange=t}};function G(){this.chart.navigator&&!this.options.isInternal&&this.chart.navigator.setBaseSeries(null,!1)}let Y=function(t,e,i){D.compose(e),(0,c.pushUnique)(F,"Navigator")&&(t.prototype.setFixedRange=X,(0,c.extend)(U().prototype.symbols,W),(0,c.extend)(I,{navigator:P}),(0,c.addEvent)(i,"afterUpdate",G))},{composed:_}=g();!function(t){let e;function i(t){let e=(0,c.pick)(t.options?.min,t.min),i=(0,c.pick)(t.options?.max,t.max);return{axisMin:e,axisMax:i,scrollMin:(0,c.defined)(t.dataMin)?Math.min(e,t.min??1/0,t.dataMin,t.threshold??1/0):e,scrollMax:t.treeGrid?.adjustedMax??((0,c.defined)(t.dataMax)?Math.max(i,t.max??-1/0,t.dataMax,t.threshold??-1/0):i)}}function s(){let t=this.scrollbar,e=t&&!t.options.opposite,i=this.horiz?2:e?3:1;t&&(this.chart.scrollbarsOffsets=[0,0],this.chart.axisOffset[i]+=t.size+(t.options.margin||0))}function a(){let t=this;t.options?.scrollbar?.enabled&&(t.options.scrollbar.vertical=!t.horiz,t.options.startOnTick=t.options.endOnTick=!1,t.scrollbar=new e(t.chart.renderer,t.options.scrollbar,t.chart),(0,c.addEvent)(t.scrollbar,"changed",function(e){let s,a,{axisMin:r,axisMax:o,scrollMin:n,scrollMax:h}=i(t),d=t.toPixels(n),l=t.toPixels(h)-d;if((0,c.defined)(r)&&(0,c.defined)(o))if(t.horiz&&!t.reversed||!t.horiz&&t.reversed?(s=Math.min(h,t.toValue(d+l*this.to)),a=Math.max(n,t.toValue(d+l*this.from))):(s=Math.min(h,t.toValue(d+l*(1-this.from))),a=Math.max(n,t.toValue(d+l*(1-this.to)))),this.shouldUpdateExtremes(e.DOMType)){let i="mousemove"!==e.DOMType&&"touchmove"!==e.DOMType&&void 0;t.setExtremes((0,c.correctFloat)(a),(0,c.correctFloat)(s),!0,i,e)}else this.setRange(this.from,this.to)}))}function r(){let t,e,s,{scrollMin:a,scrollMax:r}=i(this),o=this.scrollbar,n=(this.axisTitleMargin||0)+(this.titleOffset||0),h=this.chart.scrollbarsOffsets,d=this.options.margin||0;if(o&&h){if(this.horiz)this.opposite||(h[1]+=n),o.position(this.left,this.top+this.height+2+h[1]-(this.opposite?d:0),this.width,this.height),this.opposite||(h[1]+=d),t=1;else{let e;this.opposite&&(h[0]+=n),e=o.options.opposite?this.left+this.width+2+h[0]-(this.opposite?0:d):this.opposite?0:d,o.position(e,this.top,this.width,this.height),this.opposite&&(h[0]+=d),t=0}if(h[t]+=o.size+(o.options.margin||0),isNaN(a)||isNaN(r)||!(0,c.defined)(this.min)||!(0,c.defined)(this.max)||(0,c.defined)(this.dataMin)&&this.dataMin===this.dataMax)o.setRange(0,1);else if(this.min===this.max){let t=this.pointRange/(this.dataMax+1);e=t*this.min,s=t*(this.max+1),o.setRange(e,s)}else e=(this.toPixels(this.min)-this.toPixels(a))/(this.toPixels(r)-this.toPixels(a)),s=(this.toPixels(this.max)-this.toPixels(a))/(this.toPixels(r)-this.toPixels(a)),this.horiz&&!this.reversed||!this.horiz&&this.reversed?o.setRange(e,s):o.setRange(1-s,1-e)}}t.compose=function(t,i){(0,c.pushUnique)(_,"Axis.Scrollbar")&&(e=i,(0,c.addEvent)(t,"afterGetOffset",s),(0,c.addEvent)(t,"afterInit",a),(0,c.addEvent)(t,"afterRender",r))}}(o||(o={}));let V=o,j={height:10,barBorderRadius:5,buttonBorderRadius:0,buttonsEnabled:!1,liveRedraw:void 0,margin:void 0,minWidth:6,opposite:!0,step:.2,zIndex:3,barBackgroundColor:"var(--highcharts-neutral-color-20)",barBorderWidth:0,barBorderColor:"var(--highcharts-neutral-color-20)",buttonArrowColor:"var(--highcharts-neutral-color-80)",buttonBackgroundColor:"var(--highcharts-neutral-color-10)",buttonBorderColor:"var(--highcharts-neutral-color-20)",buttonBorderWidth:1,rifleColor:"none",trackBackgroundColor:"rgba(255, 255, 255, 0.001)",trackBorderColor:"var(--highcharts-neutral-color-20)",trackBorderRadius:5,trackBorderWidth:1},{defaultOptions:Z}=g(),{composed:q}=g();class ${static compose(t){V.compose(t,$),(0,c.pushUnique)(q,"Scrollbar")&&(0,c.extend)(Z,{scrollbar:j})}static swapXY(t,e){return e&&t.forEach(t=>{let e,i=t.length;for(let s=0;s<i;s+=2)"number"==typeof(e=t[s+1])&&(t[s+1]=t[s+2],t[s+2]=e)}),t}constructor(t,e,i){this._events=[],this.chartX=0,this.chartY=0,this.from=0,this.scrollbarButtons=[],this.scrollbarLeft=0,this.scrollbarStrokeWidth=1,this.scrollbarTop=0,this.size=0,this.to=0,this.trackBorderWidth=1,this.x=0,this.y=0,this.init(t,e,i)}addEvents(){let t=this.options.inverted?[1,0]:[0,1],e=this.scrollbarButtons,i=this.scrollbarGroup.element,s=this.track.element,a=this.mouseDownHandler.bind(this),r=this.mouseMoveHandler.bind(this),o=this.mouseUpHandler.bind(this),n=[[e[t[0]].element,"click",this.buttonToMinClick.bind(this)],[e[t[1]].element,"click",this.buttonToMaxClick.bind(this)],[s,"click",this.trackClick.bind(this)],[i,"mousedown",a],[i.ownerDocument,"mousemove",r],[i.ownerDocument,"mouseup",o],[i,"touchstart",a],[i.ownerDocument,"touchmove",r],[i.ownerDocument,"touchend",o]];n.forEach(function(t){c.addEvent.apply(null,t)}),this._events=n}buttonToMaxClick(t){let e=(this.to-this.from)*(0,c.pick)(this.options.step,.2);this.updatePosition(this.from+e,this.to+e),(0,c.fireEvent)(this,"changed",{from:this.from,to:this.to,trigger:"scrollbar",DOMEvent:t})}buttonToMinClick(t){let e=(0,c.correctFloat)(this.to-this.from)*(0,c.pick)(this.options.step,.2);this.updatePosition((0,c.correctFloat)(this.from-e),(0,c.correctFloat)(this.to-e)),(0,c.fireEvent)(this,"changed",{from:this.from,to:this.to,trigger:"scrollbar",DOMEvent:t})}cursorToScrollbarPosition(t){let e=this.options,i=e.minWidth>this.calculatedWidth?e.minWidth:0;return{chartX:(t.chartX-this.x-this.xOffset)/(this.barWidth-i),chartY:(t.chartY-this.y-this.yOffset)/(this.barWidth-i)}}destroy(){let t=this,e=t.chart.scroller;t.removeEvents(),["track","scrollbarRifles","scrollbar","scrollbarGroup","group"].forEach(function(e){t[e]&&t[e].destroy&&(t[e]=t[e].destroy())}),e&&t===e.scrollbar&&(e.scrollbar=null,(0,c.destroyObjectProperties)(e.scrollbarButtons))}drawScrollbarButton(t){let e=this.renderer,i=this.scrollbarButtons,s=this.options,a=this.size,r=e.g().add(this.group);if(i.push(r),s.buttonsEnabled){let o=e.rect().addClass("highcharts-scrollbar-button").add(r);this.chart.styledMode||o.attr({stroke:s.buttonBorderColor,"stroke-width":s.buttonBorderWidth,fill:s.buttonBackgroundColor}),o.attr(o.crisp({x:-.5,y:-.5,width:a,height:a,r:s.buttonBorderRadius},o.strokeWidth()));let n=e.path($.swapXY([["M",a/2+(t?-1:1),a/2-3],["L",a/2+(t?-1:1),a/2+3],["L",a/2+(t?2:-2),a/2]],s.vertical)).addClass("highcharts-scrollbar-arrow").add(i[t]);this.chart.styledMode||n.attr({fill:s.buttonArrowColor})}}init(t,e,i){this.scrollbarButtons=[],this.renderer=t,this.userOptions=e,this.options=(0,c.merge)(j,Z.scrollbar,e),this.options.margin=(0,c.pick)(this.options.margin,10),this.chart=i,this.size=(0,c.pick)(this.options.size,this.options.height),e.enabled&&(this.render(),this.addEvents())}mouseDownHandler(t){let e=this.chart.pointer?.normalize(t)||t,i=this.cursorToScrollbarPosition(e);this.chartX=i.chartX,this.chartY=i.chartY,this.initPositions=[this.from,this.to],this.grabbedCenter=!0}mouseMoveHandler(t){let e,i=this.chart.pointer?.normalize(t)||t,s=this.options.vertical?"chartY":"chartX",a=this.initPositions||[];this.grabbedCenter&&(!t.touches||0!==t.touches[0][s])&&(e=this.cursorToScrollbarPosition(i)[s]-this[s],this.hasDragged=!0,this.updatePosition(a[0]+e,a[1]+e),this.hasDragged&&(0,c.fireEvent)(this,"changed",{from:this.from,to:this.to,trigger:"scrollbar",DOMType:t.type,DOMEvent:t}))}mouseUpHandler(t){this.hasDragged&&(0,c.fireEvent)(this,"changed",{from:this.from,to:this.to,trigger:"scrollbar",DOMType:t.type,DOMEvent:t}),this.grabbedCenter=this.hasDragged=this.chartX=this.chartY=null}position(t,e,i,s){let{buttonsEnabled:a,margin:r=0,vertical:o}=this.options,n=this.rendered?"animate":"attr",h=s,d=0;this.group.show(),this.x=t,this.y=e+this.trackBorderWidth,this.width=i,this.height=s,this.xOffset=h,this.yOffset=d,o?(this.width=this.yOffset=i=d=this.size,this.xOffset=h=0,this.yOffset=d=a?this.size:0,this.barWidth=s-(a?2*i:0),this.x=t+=r):(this.height=s=this.size,this.xOffset=h=a?this.size:0,this.barWidth=i-(a?2*s:0),this.y=this.y+r),this.group[n]({translateX:t,translateY:this.y}),this.track[n]({width:i,height:s}),this.scrollbarButtons[1][n]({translateX:o?0:i-h,translateY:o?s-d:0})}removeEvents(){this._events.forEach(function(t){c.removeEvent.apply(null,t)}),this._events.length=0}render(){let t=this.renderer,e=this.options,i=this.size,s=this.chart.styledMode,a=t.g("scrollbar").attr({zIndex:e.zIndex}).hide().add();this.group=a,this.track=t.rect().addClass("highcharts-scrollbar-track").attr({r:e.trackBorderRadius||0,height:i,width:i}).add(a),s||this.track.attr({fill:e.trackBackgroundColor,stroke:e.trackBorderColor,"stroke-width":e.trackBorderWidth});let r=this.trackBorderWidth=this.track.strokeWidth();this.track.attr({x:-(0,c.crisp)(0,r),y:-(0,c.crisp)(0,r)}),this.scrollbarGroup=t.g().add(a),this.scrollbar=t.rect().addClass("highcharts-scrollbar-thumb").attr({height:i-r,width:i-r,r:e.barBorderRadius||0}).add(this.scrollbarGroup),this.scrollbarRifles=t.path($.swapXY([["M",-3,i/4],["L",-3,2*i/3],["M",0,i/4],["L",0,2*i/3],["M",3,i/4],["L",3,2*i/3]],e.vertical)).addClass("highcharts-scrollbar-rifles").add(this.scrollbarGroup),s||(this.scrollbar.attr({fill:e.barBackgroundColor,stroke:e.barBorderColor,"stroke-width":e.barBorderWidth}),this.scrollbarRifles.attr({stroke:e.rifleColor,"stroke-width":1})),this.scrollbarStrokeWidth=this.scrollbar.strokeWidth(),this.scrollbarGroup.translate(-(0,c.crisp)(0,this.scrollbarStrokeWidth),-(0,c.crisp)(0,this.scrollbarStrokeWidth)),this.drawScrollbarButton(0),this.drawScrollbarButton(1)}setRange(t,e){let i,s,a=this.options,r=a.vertical,o=a.minWidth,n=this.barWidth,h=!this.rendered||this.hasDragged||this.chart.navigator&&this.chart.navigator.hasDragged?"attr":"animate";if(!(0,c.defined)(n))return;let d=n*Math.min(e,1);i=Math.ceil(n*(t=Math.max(t,0))),this.calculatedWidth=s=(0,c.correctFloat)(d-i),s<o&&(i=(n-o+s)*t,s=o);let l=Math.floor(i+this.xOffset+this.yOffset),g=s/2-.5;this.from=t,this.to=e,r?(this.scrollbarGroup[h]({translateY:l}),this.scrollbar[h]({height:s}),this.scrollbarRifles[h]({translateY:g}),this.scrollbarTop=l,this.scrollbarLeft=0):(this.scrollbarGroup[h]({translateX:l}),this.scrollbar[h]({width:s}),this.scrollbarRifles[h]({translateX:g}),this.scrollbarLeft=l,this.scrollbarTop=0),s<=12?this.scrollbarRifles.hide():this.scrollbarRifles.show(),!1===a.showFull&&(t<=0&&e>=1?this.group.hide():this.group.show()),this.rendered=!0}shouldUpdateExtremes(t){return(0,c.pick)(this.options.liveRedraw,g().svg&&!g().isTouchDevice&&!this.chart.boosted)||"mouseup"===t||"touchend"===t||!(0,c.defined)(t)}trackClick(t){let e=this.chart.pointer?.normalize(t)||t,i=this.to-this.from,s=this.y+this.scrollbarTop,a=this.x+this.scrollbarLeft;this.options.vertical&&e.chartY>s||!this.options.vertical&&e.chartX>a?this.updatePosition(this.from+i,this.to+i):this.updatePosition(this.from-i,this.to-i),(0,c.fireEvent)(this,"changed",{from:this.from,to:this.to,trigger:"scrollbar",DOMEvent:t})}update(t){this.destroy(),this.init(this.chart.renderer,(0,c.merge)(!0,this.options,t),this.chart)}updatePosition(t,e){e>1&&(t=(0,c.correctFloat)(1-(0,c.correctFloat)(e-t)),e=1),t<0&&(e=(0,c.correctFloat)(e-t),t=0),this.from=t,this.to=e}}$.defaultOptions=j;let{defaultOptions:J}=g(),{isTouchDevice:K}=g();function Q(t,...e){let i=[].filter.call(e,c.isNumber);if(i.length)return Math[t].apply(0,i)}class tt{static compose(t,e,i){O(t,tt),Y(t,e,i)}constructor(t){this.isDirty=!1,this.scrollbarHeight=0,this.init(t)}drawHandle(t,e,i,s){let a=this.navigatorOptions.handles.height;this.handles[e][s](i?{translateX:Math.round(this.left+this.height/2),translateY:Math.round(this.top+parseInt(t,10)+.5-a)}:{translateX:Math.round(this.left+parseInt(t,10)),translateY:Math.round(this.top+this.height/2-a/2-1)})}drawOutline(t,e,i,s){let a=this.navigatorOptions.maskInside,r=this.outline.strokeWidth(),o=r/2,n=r%2/2,h=this.scrollButtonSize,d=this.size,l=this.top,c=this.height,g=l-o,p=l+c,x=this.left,u,v;i?(u=l+e+n,e=l+t+n,v=[["M",x+c,l-h-n],["L",x+c,u],["L",x,u],["M",x,e],["L",x+c,e],["L",x+c,l+d+h]],a&&v.push(["M",x+c,u-o],["L",x+c,e+o])):(x-=h,t+=x+h-n,e+=x+h-n,v=[["M",x,g],["L",t,g],["L",t,p],["M",e,p],["L",e,g],["L",x+d+2*h,g]],a&&v.push(["M",t-o,g],["L",e+o,g])),this.outline[s]({d:v})}drawMasks(t,e,i,s){let a,r,o,n,h=this.left,d=this.top,l=this.height;i?(o=[h,h,h],n=[d,d+t,d+e],r=[l,l,l],a=[t,e-t,this.size-e]):(o=[h,h+t,h+e],n=[d,d,d],r=[t,e-t,this.size-e],a=[l,l,l]),this.shades.forEach((t,e)=>{t[s]({x:o[e],y:n[e],width:r[e],height:a[e]})})}renderElements(){let t=this,e=t.navigatorOptions,i=e.maskInside,s=t.chart,a=s.inverted,r=s.renderer,o={cursor:a?"ns-resize":"ew-resize"},n=t.navigatorGroup??(t.navigatorGroup=r.g("navigator").attr({zIndex:8,visibility:"hidden"}).add());if([!i,i,!i].forEach((i,a)=>{let h=t.shades[a]??(t.shades[a]=r.rect().addClass("highcharts-navigator-mask"+(1===a?"-inside":"-outside")).add(n));s.styledMode||(h.attr({fill:i?e.maskFill:"rgba(0,0,0,0)"}),1===a&&h.css(o))}),t.outline||(t.outline=r.path().addClass("highcharts-navigator-outline").add(n)),s.styledMode||t.outline.attr({"stroke-width":e.outlineWidth,stroke:e.outlineColor}),e.handles?.enabled){let i=!1,a=e.handles,{height:h,width:d}=a;[0,1].forEach(e=>{let l=a.symbols[e];(i=i||t.handles[e]?.symbolName!==l)&&(t.handles[e]?.destroy(),t.handles[e]=r.symbol(l,-d/2-1,0,d,h,a),t.handles[e].attr({zIndex:7-e}).addClass("highcharts-navigator-handle highcharts-navigator-handle-"+["left","right"][e]).add(n)),s.inverted&&t.handles[e].attr({rotation:90,rotationOriginX:Math.floor(-d/2),rotationOriginY:(h+d)/2}),s.styledMode||t.handles[e].attr({fill:a.backgroundColor,stroke:a.borderColor,"stroke-width":a.lineWidth,width:a.width,height:a.height,x:-d/2-1,y:0}).css(o)}),i&&(t.partsEventsToUnbind?.forEach(t=>{t()}),t.partsEventsToUnbind=[...t.getPartsEvents("mousedown"),...t.getPartsEvents("touchstart")])}}update(t,e=!1){let i=this.chart,s=i.options.chart.inverted!==i.scrollbar?.options.vertical;if((0,c.merge)(!0,i.options.navigator,t),this.navigatorOptions=i.options.navigator||{},this.setOpposite(),(0,c.defined)(t.enabled)||s)return this.destroy(),this.navigatorEnabled=t.enabled||this.navigatorEnabled,this.init(i);if(this.navigatorEnabled&&(this.isDirty=!0,!1===t.adaptToUpdatedData&&this.baseSeries.forEach(t=>{(0,c.removeEvent)(t,"updatedData",this.updatedDataHandler)},this),t.adaptToUpdatedData&&this.baseSeries.forEach(t=>{t.eventsToUnbind.push((0,c.addEvent)(t,"updatedData",this.updatedDataHandler))},this),(t.series||t.baseSeries)&&this.setBaseSeries(void 0,!1),t.height||t.xAxis||t.yAxis)){this.height=t.height??this.height;let e=this.getXAxisOffsets();this.xAxis.update({...t.xAxis,offsets:e,[i.inverted?"width":"height"]:this.height,[i.inverted?"height":"width"]:void 0},!1),this.yAxis.update({...t.yAxis,[i.inverted?"width":"height"]:this.height},!1)}e&&i.redraw()}render(t,e,i,s){let a=this.chart,r=this.xAxis,o=r.pointRange||0,n=r.navigatorAxis.fake?a.xAxis[0]:r,h=this.navigatorEnabled,d=this.rendered,l=a.inverted,g=a.xAxis[0].minRange,p=a.xAxis[0].options.maxRange,x=this.scrollButtonSize,u,v,m,b=this.scrollbarHeight,f,M;if(this.hasDragged&&!(0,c.defined)(i))return;if(this.isDirty&&this.renderElements(),t=(0,c.correctFloat)(t-o/2),e=(0,c.correctFloat)(e+o/2),!(0,c.isNumber)(t)||!(0,c.isNumber)(e))if(!d)return;else i=0,s=(0,c.pick)(r.width,n.width);this.left=(0,c.pick)(r.left,a.plotLeft+x+(l?a.plotWidth:0));let E=this.size=f=(0,c.pick)(r.len,(l?a.plotHeight:a.plotWidth)-2*x);u=l?b:f+2*x,i=(0,c.pick)(i,r.toPixels(t,!0)),s=(0,c.pick)(s,r.toPixels(e,!0)),(0,c.isNumber)(i)&&Math.abs(i)!==1/0||(i=0,s=u);let A=r.toValue(i,!0),y=r.toValue(s,!0),k=Math.abs((0,c.correctFloat)(y-A));(0,c.defined)(g)&&k<g?this.grabbedLeft?i=r.toPixels(y-g-o,!0):this.grabbedRight&&(s=r.toPixels(A+g+o,!0)):(0,c.defined)(p)&&(0,c.correctFloat)(k-o)>p&&(this.grabbedLeft?i=r.toPixels(y-p-o,!0):this.grabbedRight&&(s=r.toPixels(A+p+o,!0))),this.zoomedMax=(0,c.clamp)(Math.max(i,s),0,E),this.zoomedMin=(0,c.clamp)(this.fixedWidth?this.zoomedMax-this.fixedWidth:Math.min(i,s),0,E),this.range=this.zoomedMax-this.zoomedMin,E=Math.round(this.zoomedMax);let w=Math.round(this.zoomedMin);h&&(this.navigatorGroup.attr({visibility:"inherit"}),M=d&&!this.hasDragged?"animate":"attr",this.drawMasks(w,E,l,M),this.drawOutline(w,E,l,M),this.navigatorOptions.handles?.enabled&&(this.drawHandle(w,0,l,M),this.drawHandle(E,1,l,M))),this.scrollbar&&(l?(m=this.top-x,v=this.left-b+(h||!n.opposite?0:(n.titleOffset||0)+n.axisTitleMargin),b=f+2*x):(m=this.top+(h?this.height:-b),v=this.left-x),this.scrollbar.position(v,m,u,b),this.scrollbar.setRange(this.zoomedMin/(f||1),this.zoomedMax/(f||1))),this.rendered=!0,this.isDirty=!1,(0,c.fireEvent)(this,"afterRender")}addMouseEvents(){let t,e,i=this,s=i.chart,a=s.container,r=[];i.mouseMoveHandler=t=function(t){i.onMouseMove(t)},i.mouseUpHandler=e=function(t){i.onMouseUp(t)},r.push((0,c.addEvent)(s.renderTo,"mousemove",t),(0,c.addEvent)(a.ownerDocument,"mouseup",e),(0,c.addEvent)(s.renderTo,"touchmove",t),(0,c.addEvent)(a.ownerDocument,"touchend",e)),i.eventsToUnbind=r,i.series&&i.series[0]&&r.push((0,c.addEvent)(i.series[0].xAxis,"foundExtremes",function(){s.navigator?.modifyNavigatorAxisExtremes()}))}getPartsEvents(t){let e=this,i=[];return["shades","handles"].forEach(s=>{e[s].forEach(function(a,r){i.push((0,c.addEvent)(a.element,t,function(t){e[`${s}Mousedown`](t,r)}))})}),i}shadesMousedown(t,e){t=this.chart.pointer?.normalize(t)||t;let i=this.chart,s=this.xAxis,a=this.zoomedMin,r=this.size,o=this.range,n=this.left,h=t.chartX,d,l,g,p;i.inverted&&(h=t.chartY,n=this.top),1===e?(this.grabbedCenter=h,this.fixedWidth=o,this.dragOffset=h-a):(p=h-n-o/2,0===e?p=Math.max(0,p):2===e&&p+o>=r&&(p=r-o,this.reversedExtremes?(p-=o,l=this.getUnionExtremes()?.dataMin):d=this.getUnionExtremes()?.dataMax),p!==a&&(this.fixedWidth=o,g=s.navigatorAxis.toFixedRange(p,p+o,l,d),(0,c.defined)(g.min)&&(0,c.fireEvent)(this,"setRange",{min:Math.min(g.min,g.max),max:Math.max(g.min,g.max),redraw:!0,eventArguments:{trigger:"navigator"}})))}handlesMousedown(t,e){t=this.chart.pointer?.normalize(t)||t;let i=this.chart,s=i.xAxis[0],a=this.reversedExtremes;0===e?(this.grabbedLeft=!0,this.otherHandlePos=this.zoomedMax,this.fixedExtreme=a?s.min:s.max):(this.grabbedRight=!0,this.otherHandlePos=this.zoomedMin,this.fixedExtreme=a?s.max:s.min),i.setFixedRange(void 0)}onMouseMove(t){let e=this,i=e.chart,s=e.navigatorSize,a=e.range,r=e.dragOffset,o=i.inverted,n=e.left,h;(!t.touches||0!==t.touches[0].pageX)&&(h=(t=i.pointer?.normalize(t)||t).chartX,o&&(n=e.top,h=t.chartY),e.grabbedLeft?(e.hasDragged=!0,e.render(0,0,h-n,e.otherHandlePos)):e.grabbedRight?(e.hasDragged=!0,e.render(0,0,e.otherHandlePos,h-n)):e.grabbedCenter&&r&&(e.hasDragged=!0,h<r?h=r:h>s+r-a&&(h=s+r-a),e.render(0,0,h-r,h-r+a)),e.hasDragged&&(0,c.pick)(e.scrollbarOptions?.liveRedraw,!K&&!this.chart.boosted)&&(t.DOMType=t.type,setTimeout(function(){e.onMouseUp(t)},0)))}onMouseUp(t){let e,i,s,a,r,o,n=this.chart,h=this.xAxis,d=this.scrollbar,l=t.DOMEvent||t,g=n.inverted,p=this.rendered&&!this.hasDragged?"animate":"attr";(this.hasDragged&&(!d||!d.hasDragged)||"scrollbar"===t.trigger)&&(s=this.getUnionExtremes(),this.zoomedMin===this.otherHandlePos?a=this.fixedExtreme:this.zoomedMax===this.otherHandlePos&&(r=this.fixedExtreme),this.zoomedMax===this.size&&(r=this.reversedExtremes?s.dataMin:s.dataMax),0===this.zoomedMin&&(a=this.reversedExtremes?s.dataMax:s.dataMin),o=h.navigatorAxis.toFixedRange(this.zoomedMin,this.zoomedMax,a,r),(0,c.defined)(o.min)&&(0,c.fireEvent)(this,"setRange",{min:Math.min(o.min,o.max),max:Math.max(o.min,o.max),redraw:!0,animation:!this.hasDragged&&null,eventArguments:{trigger:"navigator",triggerOp:"navigator-drag",DOMEvent:l}})),"mousemove"!==t.DOMType&&"touchmove"!==t.DOMType&&(this.grabbedLeft=this.grabbedRight=this.grabbedCenter=this.fixedWidth=this.fixedExtreme=this.otherHandlePos=this.hasDragged=this.dragOffset=null),this.navigatorEnabled&&(0,c.isNumber)(this.zoomedMin)&&(0,c.isNumber)(this.zoomedMax)&&(i=Math.round(this.zoomedMin),e=Math.round(this.zoomedMax),this.shades&&this.drawMasks(i,e,g,p),this.outline&&this.drawOutline(i,e,g,p),this.navigatorOptions.handles?.enabled&&Object.keys(this.handles).length===this.handles.length&&(this.drawHandle(i,0,g,p),this.drawHandle(e,1,g,p)))}removeEvents(){this.eventsToUnbind?.forEach(t=>{t()}),this.eventsToUnbind=void 0,this.removeBaseSeriesEvents()}removeBaseSeriesEvents(){let t=this.baseSeries||[];this.navigatorEnabled&&t[0]&&(!1!==this.navigatorOptions.adaptToUpdatedData&&t.forEach(function(t){(0,c.removeEvent)(t,"updatedData",this.updatedDataHandler)},this),t[0].xAxis&&(0,c.removeEvent)(t[0].xAxis,"foundExtremes",this.modifyBaseAxisExtremes))}getXAxisOffsets(){return this.chart.inverted?[this.scrollButtonSize,0,-this.scrollButtonSize,0]:[0,-this.scrollButtonSize,0,this.scrollButtonSize]}init(t){let e=t.options,i=e.navigator||{},s=i.enabled,a=e.scrollbar||{},r=a.enabled,o=s&&i.height||0,n=r&&a.height||0,h=a.buttonsEnabled&&n||0;this.handles=[],this.shades=[],this.chart=t,this.setBaseSeries(),this.height=o,this.scrollbarHeight=n,this.scrollButtonSize=h,this.scrollbarEnabled=r,this.navigatorEnabled=!!s,this.navigatorOptions=i,this.scrollbarOptions=a,this.setOpposite();let d=this,l=d.baseSeries,g=t.xAxis.length,p=t.yAxis.length,x=l&&l[0]&&l[0].xAxis||t.xAxis[0]||{options:{}};if(t.isDirtyBox=!0,d.navigatorEnabled){let e=this.getXAxisOffsets();d.xAxis=new(v())(t,(0,c.merge)({breaks:x.options.breaks,ordinal:x.options.ordinal,overscroll:x.options.overscroll},i.xAxis,{type:"datetime",yAxis:i.yAxis?.id,index:g,isInternal:!0,offset:0,keepOrdinalPadding:!0,startOnTick:!1,endOnTick:!1,minPadding:x.options.ordinal?0:x.options.minPadding,maxPadding:x.options.ordinal?0:x.options.maxPadding,zoomEnabled:!1},t.inverted?{offsets:e,width:o}:{offsets:e,height:o}),"xAxis"),d.yAxis=new(v())(t,(0,c.merge)(i.yAxis,{alignTicks:!1,offset:0,index:p,isInternal:!0,reversed:(0,c.pick)(i.yAxis&&i.yAxis.reversed,t.yAxis[0]&&t.yAxis[0].reversed,!1),zoomEnabled:!1},t.inverted?{width:o}:{height:o}),"yAxis"),d.xAxis.clippable=!1,d.yAxis.clippable=!1,l||i.series?.data||i.series?.dataTable?d.updateNavigatorSeries(!1):0===t.series.length&&(d.unbindRedraw=(0,c.addEvent)(t,"beforeRedraw",function(){t.series.length>0&&!d.series&&(d.setBaseSeries(),d.unbindRedraw?.())})),d.reversedExtremes=t.inverted&&!d.xAxis.reversed||!t.inverted&&d.xAxis.reversed,d.renderElements(),d.addMouseEvents()}else d.xAxis={chart:t,navigatorAxis:{fake:!0},translate:function(e,i){let s=t.xAxis[0],a=s.getExtremes(),r=s.len-2*h,o=Q("min",s.options.min,a.dataMin),n=Q("max",s.options.max,a.dataMax)-o;return i?e*n/r+o:r*(e-o)/n},toPixels:function(t){return this.translate(t)},toValue:function(t){return this.translate(t,!0)}},d.xAxis.navigatorAxis.axis=d.xAxis,d.xAxis.navigatorAxis.toFixedRange=D.prototype.toFixedRange.bind(d.xAxis.navigatorAxis);if(t.options.scrollbar?.enabled){let e=(0,c.merge)(t.options.scrollbar,{vertical:t.inverted});(0,c.isNumber)(e.margin)||(e.margin=t.inverted?-3:3),t.scrollbar=d.scrollbar=new $(t.renderer,e,t),(0,c.addEvent)(d.scrollbar,"changed",function(t){let e=d.size,i=e*this.to,s=e*this.from;d.hasDragged=d.scrollbar?.hasDragged,d.render(0,0,s,i),this.shouldUpdateExtremes(t.DOMType)&&setTimeout(function(){d.onMouseUp(t)})})}d.addBaseSeriesEvents(),d.addChartEvents()}setOpposite(){let t=this.navigatorOptions,e=this.navigatorEnabled,i=this.chart;this.opposite=(0,c.pick)(t.opposite,!!(!e&&i.inverted))}getUnionExtremes(t){let e,i=this.chart.xAxis[0],s=this.chart.time,a=this.xAxis,r=a.options,o=i.options;return t&&null===i.dataMin||(e={dataMin:(0,c.pick)(s.parse(r?.min),Q("min",s.parse(o.min),i.dataMin,a.dataMin,a.min)),dataMax:(0,c.pick)(s.parse(r?.max),Q("max",s.parse(o.max),i.dataMax,a.dataMax,a.max))}),e}setBaseSeries(t,e){let i=this.chart,s=this.baseSeries=[];t=t||i.options.navigator?.baseSeries||(i.series.length?(0,c.find)(i.series,t=>!t.options.isInternal).index:0),(i.series||[]).forEach((e,i)=>{!e.options.isInternal&&(e.options.showInNavigator||(i===t||e.options.id===t)&&!1!==e.options.showInNavigator)&&s.push(e)}),this.xAxis&&!this.xAxis.navigatorAxis.fake&&this.updateNavigatorSeries(!0,e)}updateNavigatorSeries(t,e){let i=this,s=i.chart,a=i.baseSeries,r={enableMouseTracking:!1,index:null,linkedTo:null,group:"nav",padXAxis:!1,xAxis:this.navigatorOptions.xAxis?.id,yAxis:this.navigatorOptions.yAxis?.id,showInLegend:!1,stacking:void 0,isInternal:!0,states:{inactive:{opacity:1}}},o=i.series=(i.series||[]).filter(t=>{let e=t.baseSeries;return!(e&&0>a.indexOf(e))||(e&&((0,c.removeEvent)(e,"updatedData",i.updatedDataHandler),delete e.navigatorSeries),t.chart&&t.destroy(),!1)}),n,h,d=i.navigatorOptions.series,l;if(a&&a.length&&a.forEach(t=>{let g=t.navigatorSeries,p=(0,c.extend)({color:t.color,visible:t.visible},(0,c.isArray)(d)?J.navigator.series:d);if(g&&!1===i.navigatorOptions.adaptToUpdatedData)return;r.name="Navigator "+a.length,l=(n=t.options||{}).navigatorOptions||{},p.dataLabels=(0,c.splat)(p.dataLabels),(h=(0,c.merge)(n,r,p,l)).pointRange=(0,c.pick)(p.pointRange,l.pointRange,J.plotOptions[h.type||"line"]?.pointRange);let x=l.data||p.data,u=l.dataTable||p.dataTable;i.hasNavigatorData=i.hasNavigatorData||!!x||!!u,h.data=x||n.data?.slice(0),h.dataTable=u||n.dataTable,g&&g.options?g.update(h,e):(t.navigatorSeries=s.initSeries(h),(0,c.fireEvent)(t.navigatorSeries,"afterUpdate"),t.navigatorSeries.baseSeries=t,o.push(t.navigatorSeries))}),(d?.data||d?.dataTable)&&!(a&&a.length)||(0,c.isArray)(d)){let t=s.options.colors||[];i.hasNavigatorData=!1,(d=(0,c.splat)(d)).forEach((e,a)=>{r.name="Navigator "+(o.length+1),(h=(0,c.merge)(J.navigator?.series,{color:s.series[a]&&!s.series[a].options.isInternal&&s.series[a].color||t[a]||t[0]},r,e)).data=e.data,h.dataTable=e.dataTable,(h.data||h.dataTable)&&(i.hasNavigatorData=!0,o.push(s.initSeries(h)))})}t&&this.addBaseSeriesEvents()}addBaseSeriesEvents(){let t=this,e=t.baseSeries||[];e[0]&&e[0].xAxis&&e[0].eventsToUnbind.push((0,c.addEvent)(e[0].xAxis,"foundExtremes",this.modifyBaseAxisExtremes)),e.forEach(i=>{i.eventsToUnbind.push((0,c.addEvent)(i,"show",function(){this.navigatorSeries&&this.navigatorSeries.setVisible(!0,!1)})),i.eventsToUnbind.push((0,c.addEvent)(i,"hide",function(){this.navigatorSeries&&this.navigatorSeries.setVisible(!1,!1)})),!1!==this.navigatorOptions.adaptToUpdatedData&&i.xAxis&&i.eventsToUnbind.push((0,c.addEvent)(i,"updatedData",this.updatedDataHandler)),i.eventsToUnbind.push((0,c.addEvent)(i,"remove",function(){e&&(0,c.erase)(e,i),this.navigatorSeries&&t.series&&((0,c.erase)(t.series,this.navigatorSeries),(0,c.defined)(this.navigatorSeries.options)&&this.navigatorSeries.remove(!1),delete this.navigatorSeries)}))})}getBaseSeriesMin(t){return this.baseSeries.reduce(function(t,e){return Math.min(t,e.getColumn("x")[0]??t)},t)}modifyNavigatorAxisExtremes(){let t=this.xAxis;if(void 0!==t.getExtremes){let e=this.getUnionExtremes(!0);e&&(e.dataMin!==t.min||e.dataMax!==t.max)&&(t.min=e.dataMin,t.max=e.dataMax)}}modifyBaseAxisExtremes(){let t,e,i=this.chart.navigator,s=this.getExtremes(),a=s.min,r=s.max,o=s.dataMin,n=s.dataMax,h=r-a,d=i?.stickToMin,l=i?.stickToMax,g=(0,c.pick)(this.ordinal?.convertOverscroll(this.options.overscroll),0),p=i.series&&i.series[0],x=!!this.setExtremes;!(this.eventArgs&&"rangeSelectorButton"===this.eventArgs.trigger)&&(d&&(t=(e=o)+h),l&&(t=n+g,d||(e=Math.max(o,t-h,i.getBaseSeriesMin(p&&p.xData?p.xData[0]:-Number.MAX_VALUE)))),x&&(d||l)&&(0,c.isNumber)(e)&&(this.min=this.userMin=e,this.max=this.userMax=t)),i.stickToMin=i.stickToMax=null}updatedDataHandler(){let t=this.chart.navigator,e=this.navigatorSeries,i=t.reversedExtremes?0===Math.round(t.zoomedMin):Math.round(t.zoomedMax)>=Math.round(t.size);t.stickToMax=(0,c.pick)(this.chart.options.navigator&&this.chart.options.navigator.stickToMax,i),t.stickToMin=t.shouldStickToMin(this,t),e&&!t.hasNavigatorData&&(e.options.pointStart=this.getColumn("x")[0],e.setData(this.options.data||this.options.dataTable,!1,void 0,!1))}shouldStickToMin(t,e){let i=e.getBaseSeriesMin(t.getColumn("x")[0]),s=t.xAxis,a=s.max,r=s.min,o=s.options.range;return!!((0,c.isNumber)(a)&&(0,c.isNumber)(r))&&(o&&a-i>0?a-i<o:r<=i)}addChartEvents(){this.eventsToUnbind||(this.eventsToUnbind=[]),this.eventsToUnbind.push((0,c.addEvent)(this.chart,"redraw",function(){let t=this.navigator,e=t&&(t.baseSeries&&t.baseSeries[0]&&t.baseSeries[0].xAxis||this.xAxis[0]);e&&t.render(e.min,e.max)}),(0,c.addEvent)(this.chart,"getMargins",function(){let t=this.navigator,e=t.opposite?"plotTop":"marginBottom";this.inverted&&(e=t.opposite?"marginRight":"plotLeft"),this[e]=(this[e]||0)+(t.navigatorEnabled||!this.inverted?t.height+(this.scrollbar?.options.margin||0)+t.scrollbarHeight:0)+(t.navigatorOptions.margin||0)}),(0,c.addEvent)(this,"setRange",function(t){this.chart.xAxis[0].setExtremes(t.min,t.max,t.redraw,t.animation,t.eventArguments)}))}destroy(){this.removeEvents(),this.xAxis&&((0,c.erase)(this.chart.xAxis,this.xAxis),(0,c.erase)(this.chart.axes,this.xAxis)),this.yAxis&&((0,c.erase)(this.chart.yAxis,this.yAxis),(0,c.erase)(this.chart.axes,this.yAxis)),(this.series||[]).forEach(t=>{t.destroy&&t.destroy()}),["series","xAxis","yAxis","shades","outline","scrollbarTrack","scrollbarRifles","scrollbarGroup","scrollbar","navigatorGroup","rendered"].forEach(t=>{this[t]&&this[t].destroy&&this[t].destroy(),this[t]=null}),[this.handles].forEach(t=>{(0,c.destroyObjectProperties)(t)}),this.baseSeries.forEach(t=>{t.navigatorSeries=void 0}),this.navigatorEnabled=!1}}let te={chart:{height:70,margin:[0,5,0,5]},exporting:{enabled:!1},legend:{enabled:!1},navigator:{enabled:!1},plotOptions:{series:{states:{hover:{enabled:!1}},marker:{enabled:!1}}},scrollbar:{enabled:!1},title:{text:""},tooltip:{enabled:!1},xAxis:{visible:!1},yAxis:{height:0,visible:!1}};class ti{static navigator(t,e){let i=new ti(t,e);return g().navigators?g().navigators.push(i):g().navigators=[i],i}constructor(t,e){this.boundAxes=[],this.userOptions=e,this.chartOptions=(0,c.merge)(g().getOptions(),te,e.chart,{navigator:e}),this.chartOptions.chart&&e.height&&(this.chartOptions.chart.height=e.height);const i=new(x())(t,this.chartOptions);i.options=(0,c.merge)(i.options,{navigator:{enabled:!0},scrollbar:{enabled:!0}}),this.chartOptions.navigator&&this.chartOptions.scrollbar&&(this.chartOptions.navigator.enabled=!0,this.chartOptions.scrollbar.enabled=!0),this.navigator=new tt(i),i.navigator=this.navigator,this.initNavigator()}bind(t,e=!0){let i=this,s=t instanceof x()?t.xAxis[0]:t;if(!(s instanceof v()))return;let a=this.navigator,{min:r,max:o}=a.xAxis,n=[];if(e){let t=(0,c.addEvent)(s,"setExtremes",t=>{("pan"===t.trigger||"zoom"===t.trigger||"mousewheel"===t.trigger||"rangeSelectorButton"===t.trigger||"rangeSelectorInput"===t.trigger)&&i.setRange(t.min,t.max,!0,"pan"!==t.trigger&&"mousewheel"!==t.trigger,{trigger:s})});n.push(t)}let h=(0,c.addEvent)(a,"setRange",t=>{s.setExtremes(t.min,t.max,t.redraw,t.animation)});n.push(h);let d=this.boundAxes.filter(function(t){return t.axis===s})[0];if(d||(d={axis:s,callbacks:[]},"yAxis"===s.coll&&(d.oldMin=s.options.min??s.min,d.oldMax=s.options.max??s.max),this.boundAxes.push(d)),d.callbacks=n,s.series.forEach(t=>{t.options.showInNavigator&&i.addSeries(t.options)}),"yAxis"===s.coll){let{dataMin:t,dataMax:e}=a.xAxis.getExtremes();s.update({min:t,max:e},!1)}s.setExtremes(r,o),(0,c.addEvent)(s,"destroy",t=>{t.keepEvents||this.unbind(s)})}unbind(t,e){if(!t){this.boundAxes.forEach(t=>{this.releaseAxis(t,e)}),this.boundAxes.length=0;return}let i=t instanceof v()?t:t.xAxis[0];for(let t=this.boundAxes.length-1;t>=0;t--)this.boundAxes[t].axis===i&&(this.releaseAxis(this.boundAxes[t],e),this.boundAxes.splice(t,1))}releaseAxis(t,e=!1){if(t.callbacks.forEach(t=>t()),"yAxis"===t.axis.coll&&e){let e=t.oldMin??void 0,i=t.oldMax??void 0;t.axis.update({min:e,max:i},!1),t.axis.setExtremes(e,i)}}destroy(t){this.boundAxes.forEach(e=>{this.releaseAxis(e,t)}),this.boundAxes.length=0,this.navigator.destroy(),this.navigator.chart.destroy()}update(t,e){this.chartOptions=(0,c.merge)(this.chartOptions,t.height&&{chart:{height:t.height}},t.chart,{navigator:t}),this.navigator.chart.update(this.chartOptions,e)}redraw(){this.navigator.chart.redraw()}addSeries(t){this.navigator.chart.addSeries((0,c.merge)(t,{showInNavigator:(0,c.pick)(t.showInNavigator,!0)})),this.navigator.setBaseSeries()}initNavigator(){let t=this.navigator;t.top=1,t.xAxis.setScale(),t.yAxis.setScale(),t.xAxis.render(),t.yAxis.render(),t.series?.forEach(t=>{t.translate(),t.render(),t.redraw()});let{min:e,max:i}=this.getInitialExtremes();t.chart.xAxis[0].userMin=e,t.chart.xAxis[0].userMax=i,t.render(e,i)}getRange(){let{min:t,max:e}=this.navigator.chart.xAxis[0].getExtremes(),{userMin:i,userMax:s,min:a,max:r}=this.navigator.xAxis.getExtremes();return{min:(0,c.pick)(t,a),max:(0,c.pick)(e,r),dataMin:a,dataMax:r,userMin:i,userMax:s}}setRange(t,e,i,s,a){(0,c.fireEvent)(this.navigator,"setRange",{min:t,max:e,redraw:i,animation:s,eventArguments:(0,c.merge)(a,{trigger:"navigator"})})}getInitialExtremes(){let{min:t,max:e}=this.navigator.xAxis.getExtremes();return{min:t,max:e}}}let ts=g();ts.StandaloneNavigator=ts.StandaloneNavigator||ti,ts.navigator=ts.StandaloneNavigator.navigator,Y(ts.Chart,ts.Axis,ts.Series);let ta=g();return l.default})());