UNPKG

dygraphs

Version:

dygraphs is a fast, flexible open source JavaScript charting library.

758 lines (720 loc) 103 kB
'use strict'; /** * @license * Copyright 2011 Paul Felix (paul.eric.felix@gmail.com) * MIT-licenced: https://opensource.org/license/MIT */ /*global Dygraph:false,TouchEvent:false */ /** * @fileoverview This file contains the RangeSelector plugin used to provide * a timeline range selector widget for dygraphs. */ /*global Dygraph:false */ Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var utils = _interopRequireWildcard(require("../dygraph-utils")); var _dygraphInteractionModel = _interopRequireDefault(require("../dygraph-interaction-model")); var _iframeTarp = _interopRequireDefault(require("../iframe-tarp")); function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } var rangeSelector = function rangeSelector() { this.hasTouchInterface_ = typeof TouchEvent != 'undefined'; this.isMobileDevice_ = /mobile|android/gi.test(navigator.appVersion); this.interfaceCreated_ = false; }; rangeSelector.prototype.toString = function () { return "RangeSelector Plugin"; }; rangeSelector.prototype.activate = function (dygraph) { this.dygraph_ = dygraph; if (this.getOption_('showRangeSelector')) { this.createInterface_(); } return { layout: this.reserveSpace_, predraw: this.renderStaticLayer_, didDrawChart: this.renderInteractiveLayer_ }; }; rangeSelector.prototype.destroy = function () { this.bgcanvas_ = null; this.fgcanvas_ = null; this.leftZoomHandle_ = null; this.rightZoomHandle_ = null; }; //------------------------------------------------------------------ // Private methods //------------------------------------------------------------------ rangeSelector.prototype.getOption_ = function (name, opt_series) { return this.dygraph_.getOption(name, opt_series); }; rangeSelector.prototype.setDefaultOption_ = function (name, value) { this.dygraph_.attrs_[name] = value; }; /** * @private * Creates the range selector elements and adds them to the graph. */ rangeSelector.prototype.createInterface_ = function () { this.createCanvases_(); this.createZoomHandles_(); this.initInteraction_(); // Range selector and animatedZooms have a bad interaction. See issue 359. if (this.getOption_('animatedZooms')) { console.warn('Animated zooms and range selector are not compatible; disabling animatedZooms.'); this.dygraph_.updateOptions({ animatedZooms: false }, true); } this.interfaceCreated_ = true; this.addToGraph_(); }; /** * @private * Adds the range selector to the graph. */ rangeSelector.prototype.addToGraph_ = function () { var graphDiv = this.graphDiv_ = this.dygraph_.graphDiv; graphDiv.appendChild(this.bgcanvas_); graphDiv.appendChild(this.fgcanvas_); graphDiv.appendChild(this.leftZoomHandle_); graphDiv.appendChild(this.rightZoomHandle_); }; /** * @private * Removes the range selector from the graph. */ rangeSelector.prototype.removeFromGraph_ = function () { var graphDiv = this.graphDiv_; graphDiv.removeChild(this.bgcanvas_); graphDiv.removeChild(this.fgcanvas_); graphDiv.removeChild(this.leftZoomHandle_); graphDiv.removeChild(this.rightZoomHandle_); this.graphDiv_ = null; }; /** * @private * Called by Layout to allow range selector to reserve its space. */ rangeSelector.prototype.reserveSpace_ = function (e) { if (this.getOption_('showRangeSelector')) { e.reserveSpaceBottom(this.getOption_('rangeSelectorHeight') + 4); } }; /** * @private * Renders the static portion of the range selector at the predraw stage. */ rangeSelector.prototype.renderStaticLayer_ = function () { if (!this.updateVisibility_()) { return; } this.resize_(); this.drawStaticLayer_(); }; /** * @private * Renders the interactive portion of the range selector after the chart has been drawn. */ rangeSelector.prototype.renderInteractiveLayer_ = function () { if (!this.updateVisibility_() || this.isChangingRange_) { return; } this.placeZoomHandles_(); this.drawInteractiveLayer_(); }; /** * @private * Check to see if the range selector is enabled/disabled and update visibility accordingly. */ rangeSelector.prototype.updateVisibility_ = function () { var enabled = this.getOption_('showRangeSelector'); if (enabled) { if (!this.interfaceCreated_) { this.createInterface_(); } else if (!this.graphDiv_ || !this.graphDiv_.parentNode) { this.addToGraph_(); } } else if (this.graphDiv_) { this.removeFromGraph_(); var dygraph = this.dygraph_; setTimeout(function () { dygraph.width_ = 0; dygraph.resize(); }, 1); } return enabled; }; /** * @private * Resizes the range selector. */ rangeSelector.prototype.resize_ = function () { function setElementRect(canvas, context, rect, pixelRatioOption) { var canvasScale = pixelRatioOption || utils.getContextPixelRatio(context); canvas.style.top = rect.y + 'px'; canvas.style.left = rect.x + 'px'; canvas.width = rect.w * canvasScale; canvas.height = rect.h * canvasScale; canvas.style.width = rect.w + 'px'; canvas.style.height = rect.h + 'px'; if (canvasScale != 1) { context.scale(canvasScale, canvasScale); } } var plotArea = this.dygraph_.layout_.getPlotArea(); var xAxisLabelHeight = 0; if (this.dygraph_.getOptionForAxis('drawAxis', 'x')) { xAxisLabelHeight = this.getOption_('xAxisHeight') || this.getOption_('axisLabelFontSize') + 2 * this.getOption_('axisTickSize'); } this.canvasRect_ = { x: plotArea.x, y: plotArea.y + plotArea.h + xAxisLabelHeight + 4, w: plotArea.w, h: this.getOption_('rangeSelectorHeight') }; var pixelRatioOption = this.dygraph_.getNumericOption('pixelRatio'); setElementRect(this.bgcanvas_, this.bgcanvas_ctx_, this.canvasRect_, pixelRatioOption); setElementRect(this.fgcanvas_, this.fgcanvas_ctx_, this.canvasRect_, pixelRatioOption); }; /** * @private * Creates the background and foreground canvases. */ rangeSelector.prototype.createCanvases_ = function () { this.bgcanvas_ = utils.createCanvas(); this.bgcanvas_.className = 'dygraph-rangesel-bgcanvas'; this.bgcanvas_.style.position = 'absolute'; this.bgcanvas_.style.zIndex = 9; this.bgcanvas_ctx_ = utils.getContext(this.bgcanvas_); this.fgcanvas_ = utils.createCanvas(); this.fgcanvas_.className = 'dygraph-rangesel-fgcanvas'; this.fgcanvas_.style.position = 'absolute'; this.fgcanvas_.style.zIndex = 9; this.fgcanvas_.style.cursor = 'default'; this.fgcanvas_ctx_ = utils.getContext(this.fgcanvas_); }; /** * @private * Creates the zoom handle elements. */ rangeSelector.prototype.createZoomHandles_ = function () { var img = new Image(); img.className = 'dygraph-rangesel-zoomhandle'; img.style.position = 'absolute'; img.style.zIndex = 10; img.style.visibility = 'hidden'; // Initially hidden so they don't show up in the wrong place. img.style.cursor = 'col-resize'; // TODO: change image to more options img.width = 9; img.height = 16; img.src = 'data:image/png;base64,' + 'iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAAXNSR0IArs4c6QAAAAZiS0dEANAA' + 'zwDP4Z7KegAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9sHGw0cMqdt1UwAAAAZdEVYdENv' + 'bW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAaElEQVQoz+3SsRFAQBCF4Z9WJM8KCDVwownl' + '6YXsTmCUsyKGkZzcl7zkz3YLkypgAnreFmDEpHkIwVOMfpdi9CEEN2nGpFdwD03yEqDtOgCaun7s' + 'qSTDH32I1pQA2Pb9sZecAxc5r3IAb21d6878xsAAAAAASUVORK5CYII='; if (this.isMobileDevice_) { img.width *= 2; img.height *= 2; } this.leftZoomHandle_ = img; this.rightZoomHandle_ = img.cloneNode(false); }; /** * @private * Sets up the interaction for the range selector. */ rangeSelector.prototype.initInteraction_ = function () { var self = this; var topElem = document; var clientXLast = 0; var handle = null; var isZooming = false; var isPanning = false; var dynamic = !this.isMobileDevice_; // We cover iframes during mouse interactions. See comments in // dygraph-utils.js for more info on why this is a good idea. var tarp = new _iframeTarp["default"](); // functions, defined below. Defining them this way (rather than with // "function foo() {...}") makes JSHint happy. var toXDataWindow, onZoomStart, onZoom, _onZoomEnd, doZoom, isMouseInPanZone, onPanStart, onPan, _onPanEnd, doPan, onCanvasHover; // Touch event functions var onZoomHandleTouchEvent, onCanvasTouchEvent, addTouchEvents; toXDataWindow = function toXDataWindow(zoomHandleStatus) { var xDataLimits = self.dygraph_.xAxisExtremes(); var fact = (xDataLimits[1] - xDataLimits[0]) / self.canvasRect_.w; var xDataMin = xDataLimits[0] + (zoomHandleStatus.leftHandlePos - self.canvasRect_.x) * fact; var xDataMax = xDataLimits[0] + (zoomHandleStatus.rightHandlePos - self.canvasRect_.x) * fact; return [xDataMin, xDataMax]; }; onZoomStart = function onZoomStart(e) { utils.cancelEvent(e); isZooming = true; clientXLast = e.clientX; handle = e.target ? e.target : e.srcElement; if (e.type === 'mousedown' || e.type === 'dragstart') { // These events are removed manually. utils.addEvent(topElem, 'mousemove', onZoom); utils.addEvent(topElem, 'mouseup', _onZoomEnd); } self.fgcanvas_.style.cursor = 'col-resize'; tarp.cover(); return true; }; onZoom = function onZoom(e) { if (!isZooming) { return false; } utils.cancelEvent(e); var delX = e.clientX - clientXLast; if (Math.abs(delX) < 4) { return true; } clientXLast = e.clientX; // Move handle. var zoomHandleStatus = self.getZoomHandleStatus_(); var newPos; if (handle == self.leftZoomHandle_) { newPos = zoomHandleStatus.leftHandlePos + delX; newPos = Math.min(newPos, zoomHandleStatus.rightHandlePos - handle.width - 3); newPos = Math.max(newPos, self.canvasRect_.x); } else { newPos = zoomHandleStatus.rightHandlePos + delX; newPos = Math.min(newPos, self.canvasRect_.x + self.canvasRect_.w); newPos = Math.max(newPos, zoomHandleStatus.leftHandlePos + handle.width + 3); } var halfHandleWidth = handle.width / 2; handle.style.left = newPos - halfHandleWidth + 'px'; self.drawInteractiveLayer_(); // Zoom on the fly. if (dynamic) { doZoom(); } return true; }; _onZoomEnd = function onZoomEnd(e) { if (!isZooming) { return false; } isZooming = false; tarp.uncover(); utils.removeEvent(topElem, 'mousemove', onZoom); utils.removeEvent(topElem, 'mouseup', _onZoomEnd); self.fgcanvas_.style.cursor = 'default'; // If on a slower device, zoom now. if (!dynamic) { doZoom(); } return true; }; doZoom = function doZoom() { try { var zoomHandleStatus = self.getZoomHandleStatus_(); self.isChangingRange_ = true; if (!zoomHandleStatus.isZoomed) { self.dygraph_.resetZoom(); } else { var xDataWindow = toXDataWindow(zoomHandleStatus); self.dygraph_.doZoomXDates_(xDataWindow[0], xDataWindow[1]); } } finally { self.isChangingRange_ = false; } }; isMouseInPanZone = function isMouseInPanZone(e) { var rect = self.leftZoomHandle_.getBoundingClientRect(); var leftHandleClientX = rect.left + rect.width / 2; rect = self.rightZoomHandle_.getBoundingClientRect(); var rightHandleClientX = rect.left + rect.width / 2; return e.clientX > leftHandleClientX && e.clientX < rightHandleClientX; }; onPanStart = function onPanStart(e) { if (!isPanning && isMouseInPanZone(e) && self.getZoomHandleStatus_().isZoomed) { utils.cancelEvent(e); isPanning = true; clientXLast = e.clientX; if (e.type === 'mousedown') { // These events are removed manually. utils.addEvent(topElem, 'mousemove', onPan); utils.addEvent(topElem, 'mouseup', _onPanEnd); } return true; } return false; }; onPan = function onPan(e) { if (!isPanning) { return false; } utils.cancelEvent(e); var delX = e.clientX - clientXLast; if (Math.abs(delX) < 4) { return true; } clientXLast = e.clientX; // Move range view var zoomHandleStatus = self.getZoomHandleStatus_(); var leftHandlePos = zoomHandleStatus.leftHandlePos; var rightHandlePos = zoomHandleStatus.rightHandlePos; var rangeSize = rightHandlePos - leftHandlePos; if (leftHandlePos + delX <= self.canvasRect_.x) { leftHandlePos = self.canvasRect_.x; rightHandlePos = leftHandlePos + rangeSize; } else if (rightHandlePos + delX >= self.canvasRect_.x + self.canvasRect_.w) { rightHandlePos = self.canvasRect_.x + self.canvasRect_.w; leftHandlePos = rightHandlePos - rangeSize; } else { leftHandlePos += delX; rightHandlePos += delX; } var halfHandleWidth = self.leftZoomHandle_.width / 2; self.leftZoomHandle_.style.left = leftHandlePos - halfHandleWidth + 'px'; self.rightZoomHandle_.style.left = rightHandlePos - halfHandleWidth + 'px'; self.drawInteractiveLayer_(); // Do pan on the fly. if (dynamic) { doPan(); } return true; }; _onPanEnd = function onPanEnd(e) { if (!isPanning) { return false; } isPanning = false; utils.removeEvent(topElem, 'mousemove', onPan); utils.removeEvent(topElem, 'mouseup', _onPanEnd); // If on a slower device, do pan now. if (!dynamic) { doPan(); } return true; }; doPan = function doPan() { try { self.isChangingRange_ = true; self.dygraph_.dateWindow_ = toXDataWindow(self.getZoomHandleStatus_()); self.dygraph_.drawGraph_(false); } finally { self.isChangingRange_ = false; } }; onCanvasHover = function onCanvasHover(e) { if (isZooming || isPanning) { return; } var cursor = isMouseInPanZone(e) ? 'move' : 'default'; if (cursor != self.fgcanvas_.style.cursor) { self.fgcanvas_.style.cursor = cursor; } }; onZoomHandleTouchEvent = function onZoomHandleTouchEvent(e) { if (e.type == 'touchstart' && e.targetTouches.length == 1) { if (onZoomStart(e.targetTouches[0])) { utils.cancelEvent(e); } } else if (e.type == 'touchmove' && e.targetTouches.length == 1) { if (onZoom(e.targetTouches[0])) { utils.cancelEvent(e); } } else { _onZoomEnd(e); } }; onCanvasTouchEvent = function onCanvasTouchEvent(e) { if (e.type == 'touchstart' && e.targetTouches.length == 1) { if (onPanStart(e.targetTouches[0])) { utils.cancelEvent(e); } } else if (e.type == 'touchmove' && e.targetTouches.length == 1) { if (onPan(e.targetTouches[0])) { utils.cancelEvent(e); } } else { _onPanEnd(e); } }; addTouchEvents = function addTouchEvents(elem, fn) { var types = ['touchstart', 'touchend', 'touchmove', 'touchcancel']; for (var i = 0; i < types.length; i++) { self.dygraph_.addAndTrackEvent(elem, types[i], fn); } }; this.setDefaultOption_('interactionModel', _dygraphInteractionModel["default"].dragIsPanInteractionModel); this.setDefaultOption_('panEdgeFraction', 0.0001); var dragStartEvent = window.opera ? 'mousedown' : 'dragstart'; this.dygraph_.addAndTrackEvent(this.leftZoomHandle_, dragStartEvent, onZoomStart); this.dygraph_.addAndTrackEvent(this.rightZoomHandle_, dragStartEvent, onZoomStart); this.dygraph_.addAndTrackEvent(this.fgcanvas_, 'mousedown', onPanStart); this.dygraph_.addAndTrackEvent(this.fgcanvas_, 'mousemove', onCanvasHover); // Touch events if (this.hasTouchInterface_) { addTouchEvents(this.leftZoomHandle_, onZoomHandleTouchEvent); addTouchEvents(this.rightZoomHandle_, onZoomHandleTouchEvent); addTouchEvents(this.fgcanvas_, onCanvasTouchEvent); } }; /** * @private * Draws the static layer in the background canvas. */ rangeSelector.prototype.drawStaticLayer_ = function () { var ctx = this.bgcanvas_ctx_; ctx.clearRect(0, 0, this.canvasRect_.w, this.canvasRect_.h); try { this.drawMiniPlot_(); } catch (ex) { console.warn(ex); } var margin = 0.5; this.bgcanvas_ctx_.lineWidth = this.getOption_('rangeSelectorBackgroundLineWidth'); ctx.strokeStyle = this.getOption_('rangeSelectorBackgroundStrokeColor'); ctx.beginPath(); ctx.moveTo(margin, margin); ctx.lineTo(margin, this.canvasRect_.h - margin); ctx.lineTo(this.canvasRect_.w - margin, this.canvasRect_.h - margin); ctx.lineTo(this.canvasRect_.w - margin, margin); ctx.stroke(); }; /** * @private * Draws the mini plot in the background canvas. */ rangeSelector.prototype.drawMiniPlot_ = function () { var fillStyle = this.getOption_('rangeSelectorPlotFillColor'); var fillGradientStyle = this.getOption_('rangeSelectorPlotFillGradientColor'); var strokeStyle = this.getOption_('rangeSelectorPlotStrokeColor'); if (!fillStyle && !strokeStyle) { return; } var stepPlot = this.getOption_('stepPlot'); var combinedSeriesData = this.computeCombinedSeriesAndLimits_(); var yRange = combinedSeriesData.yMax - combinedSeriesData.yMin; // Draw the mini plot. var ctx = this.bgcanvas_ctx_; var margin = 0.5; var xExtremes = this.dygraph_.xAxisExtremes(); var xRange = Math.max(xExtremes[1] - xExtremes[0], 1.e-30); var xFact = (this.canvasRect_.w - margin) / xRange; var yFact = (this.canvasRect_.h - margin) / yRange; var canvasWidth = this.canvasRect_.w - margin; var canvasHeight = this.canvasRect_.h - margin; var prevX = null, prevY = null; ctx.beginPath(); ctx.moveTo(margin, canvasHeight); for (var i = 0; i < combinedSeriesData.data.length; i++) { var dataPoint = combinedSeriesData.data[i]; var x = dataPoint[0] !== null ? (dataPoint[0] - xExtremes[0]) * xFact : NaN; var y = dataPoint[1] !== null ? canvasHeight - (dataPoint[1] - combinedSeriesData.yMin) * yFact : NaN; // Skip points that don't change the x-value. Overly fine-grained points // can cause major slowdowns with the ctx.fill() call below. if (!stepPlot && prevX !== null && Math.round(x) == Math.round(prevX)) { continue; } if (isFinite(x) && isFinite(y)) { if (prevX === null) { ctx.lineTo(x, canvasHeight); } else if (stepPlot) { ctx.lineTo(x, prevY); } ctx.lineTo(x, y); prevX = x; prevY = y; } else { if (prevX !== null) { if (stepPlot) { ctx.lineTo(x, prevY); ctx.lineTo(x, canvasHeight); } else { ctx.lineTo(prevX, canvasHeight); } } prevX = prevY = null; } } ctx.lineTo(canvasWidth, canvasHeight); ctx.closePath(); if (fillStyle) { var lingrad = this.bgcanvas_ctx_.createLinearGradient(0, 0, 0, canvasHeight); if (fillGradientStyle) { lingrad.addColorStop(0, fillGradientStyle); } lingrad.addColorStop(1, fillStyle); this.bgcanvas_ctx_.fillStyle = lingrad; ctx.fill(); } if (strokeStyle) { this.bgcanvas_ctx_.strokeStyle = strokeStyle; this.bgcanvas_ctx_.lineWidth = this.getOption_('rangeSelectorPlotLineWidth'); ctx.stroke(); } }; /** * @private * Computes and returns the combined series data along with min/max for the mini plot. * The combined series consists of averaged values for all series. * When series have error bars, the error bars are ignored. * @return {Object} An object containing combined series array, ymin, ymax. */ rangeSelector.prototype.computeCombinedSeriesAndLimits_ = function () { var g = this.dygraph_; var logscale = this.getOption_('logscale'); var i; // Select series to combine. By default, all series are combined. var numColumns = g.numColumns(); var labels = g.getLabels(); var includeSeries = new Array(numColumns); var anySet = false; var visibility = g.visibility(); var inclusion = []; for (i = 1; i < numColumns; i++) { var include = this.getOption_('showInRangeSelector', labels[i]); inclusion.push(include); if (include !== null) anySet = true; // it's set explicitly for this series } if (anySet) { for (i = 1; i < numColumns; i++) { includeSeries[i] = inclusion[i - 1]; } } else { for (i = 1; i < numColumns; i++) { includeSeries[i] = visibility[i - 1]; } } // Create a combined series (average of selected series values). // TODO(danvk): short-circuit if there's only one series. var rolledSeries = []; var dataHandler = g.dataHandler_; var options = g.attributes_; for (i = 1; i < g.numColumns(); i++) { if (!includeSeries[i]) continue; var series = dataHandler.extractSeries(g.rawData_, i, options); if (g.rollPeriod() > 1) { series = dataHandler.rollingAverage(series, g.rollPeriod(), options, i); } rolledSeries.push(series); } var combinedSeries = []; for (i = 0; i < rolledSeries[0].length; i++) { var sum = 0; var count = 0; for (var j = 0; j < rolledSeries.length; j++) { var y = rolledSeries[j][i][1]; if (y === null || isNaN(y)) continue; count++; sum += y; } combinedSeries.push([rolledSeries[0][i][0], sum / count]); } // Compute the y range. var yMin = Number.MAX_VALUE; var yMax = -Number.MAX_VALUE; for (i = 0; i < combinedSeries.length; i++) { var yVal = combinedSeries[i][1]; if (yVal !== null && isFinite(yVal) && (!logscale || yVal > 0)) { yMin = Math.min(yMin, yVal); yMax = Math.max(yMax, yVal); } } // Convert Y data to log scale if needed. // Also, expand the Y range to compress the mini plot a little. var extraPercent = 0.25; if (logscale) { yMax = utils.log10(yMax); yMax += yMax * extraPercent; yMin = utils.log10(yMin); for (i = 0; i < combinedSeries.length; i++) { combinedSeries[i][1] = utils.log10(combinedSeries[i][1]); } } else { var yExtra; var yRange = yMax - yMin; if (yRange <= Number.MIN_VALUE) { yExtra = yMax * extraPercent; } else { yExtra = yRange * extraPercent; } yMax += yExtra; yMin -= yExtra; } return { data: combinedSeries, yMin: yMin, yMax: yMax }; }; /** * @private * Places the zoom handles in the proper position based on the current X data window. */ rangeSelector.prototype.placeZoomHandles_ = function () { var xExtremes = this.dygraph_.xAxisExtremes(); var xWindowLimits = this.dygraph_.xAxisRange(); var xRange = xExtremes[1] - xExtremes[0]; var leftPercent = Math.max(0, (xWindowLimits[0] - xExtremes[0]) / xRange); var rightPercent = Math.max(0, (xExtremes[1] - xWindowLimits[1]) / xRange); var leftCoord = this.canvasRect_.x + this.canvasRect_.w * leftPercent; var rightCoord = this.canvasRect_.x + this.canvasRect_.w * (1 - rightPercent); var handleTop = Math.max(this.canvasRect_.y, this.canvasRect_.y + (this.canvasRect_.h - this.leftZoomHandle_.height) / 2); var halfHandleWidth = this.leftZoomHandle_.width / 2; this.leftZoomHandle_.style.left = leftCoord - halfHandleWidth + 'px'; this.leftZoomHandle_.style.top = handleTop + 'px'; this.rightZoomHandle_.style.left = rightCoord - halfHandleWidth + 'px'; this.rightZoomHandle_.style.top = this.leftZoomHandle_.style.top; this.leftZoomHandle_.style.visibility = 'visible'; this.rightZoomHandle_.style.visibility = 'visible'; }; /** * @private * Draws the interactive layer in the foreground canvas. */ rangeSelector.prototype.drawInteractiveLayer_ = function () { var ctx = this.fgcanvas_ctx_; ctx.clearRect(0, 0, this.canvasRect_.w, this.canvasRect_.h); var margin = 1; var width = this.canvasRect_.w - margin; var height = this.canvasRect_.h - margin; var zoomHandleStatus = this.getZoomHandleStatus_(); ctx.strokeStyle = this.getOption_('rangeSelectorForegroundStrokeColor'); ctx.lineWidth = this.getOption_('rangeSelectorForegroundLineWidth'); if (!zoomHandleStatus.isZoomed) { ctx.beginPath(); ctx.moveTo(margin, margin); ctx.lineTo(margin, height); ctx.lineTo(width, height); ctx.lineTo(width, margin); ctx.stroke(); } else { var leftHandleCanvasPos = Math.max(margin, zoomHandleStatus.leftHandlePos - this.canvasRect_.x); var rightHandleCanvasPos = Math.min(width, zoomHandleStatus.rightHandlePos - this.canvasRect_.x); var veilColour = this.getOption_('rangeSelectorVeilColour'); ctx.fillStyle = veilColour ? veilColour : 'rgba(240, 240, 240, ' + this.getOption_('rangeSelectorAlpha').toString() + ')'; ctx.fillRect(0, 0, leftHandleCanvasPos, this.canvasRect_.h); ctx.fillRect(rightHandleCanvasPos, 0, this.canvasRect_.w - rightHandleCanvasPos, this.canvasRect_.h); ctx.beginPath(); ctx.moveTo(margin, margin); ctx.lineTo(leftHandleCanvasPos, margin); ctx.lineTo(leftHandleCanvasPos, height); ctx.lineTo(rightHandleCanvasPos, height); ctx.lineTo(rightHandleCanvasPos, margin); ctx.lineTo(width, margin); ctx.stroke(); } }; /** * @private * Returns the current zoom handle position information. * @return {Object} The zoom handle status. */ rangeSelector.prototype.getZoomHandleStatus_ = function () { var halfHandleWidth = this.leftZoomHandle_.width / 2; var leftHandlePos = parseFloat(this.leftZoomHandle_.style.left) + halfHandleWidth; var rightHandlePos = parseFloat(this.rightZoomHandle_.style.left) + halfHandleWidth; return { leftHandlePos: leftHandlePos, rightHandlePos: rightHandlePos, isZoomed: leftHandlePos - 1 > this.canvasRect_.x || rightHandlePos + 1 < this.canvasRect_.x + this.canvasRect_.w }; }; var _default = exports["default"] = rangeSelector; module.exports = exports.default; //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImV4cG9ydHMiLCJ2YWx1ZSIsInV0aWxzIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiX2R5Z3JhcGhJbnRlcmFjdGlvbk1vZGVsIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9pZnJhbWVUYXJwIiwiZSIsIl9fZXNNb2R1bGUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJyYW5nZVNlbGVjdG9yIiwiaGFzVG91Y2hJbnRlcmZhY2VfIiwiVG91Y2hFdmVudCIsImlzTW9iaWxlRGV2aWNlXyIsInRlc3QiLCJuYXZpZ2F0b3IiLCJhcHBWZXJzaW9uIiwiaW50ZXJmYWNlQ3JlYXRlZF8iLCJwcm90b3R5cGUiLCJ0b1N0cmluZyIsImFjdGl2YXRlIiwiZHlncmFwaCIsImR5Z3JhcGhfIiwiZ2V0T3B0aW9uXyIsImNyZWF0ZUludGVyZmFjZV8iLCJsYXlvdXQiLCJyZXNlcnZlU3BhY2VfIiwicHJlZHJhdyIsInJlbmRlclN0YXRpY0xheWVyXyIsImRpZERyYXdDaGFydCIsInJlbmRlckludGVyYWN0aXZlTGF5ZXJfIiwiZGVzdHJveSIsImJnY2FudmFzXyIsImZnY2FudmFzXyIsImxlZnRab29tSGFuZGxlXyIsInJpZ2h0Wm9vbUhhbmRsZV8iLCJuYW1lIiwib3B0X3NlcmllcyIsImdldE9wdGlvbiIsInNldERlZmF1bHRPcHRpb25fIiwiYXR0cnNfIiwiY3JlYXRlQ2FudmFzZXNfIiwiY3JlYXRlWm9vbUhhbmRsZXNfIiwiaW5pdEludGVyYWN0aW9uXyIsImNvbnNvbGUiLCJ3YXJuIiwidXBkYXRlT3B0aW9ucyIsImFuaW1hdGVkWm9vbXMiLCJhZGRUb0dyYXBoXyIsImdyYXBoRGl2IiwiZ3JhcGhEaXZfIiwiYXBwZW5kQ2hpbGQiLCJyZW1vdmVGcm9tR3JhcGhfIiwicmVtb3ZlQ2hpbGQiLCJyZXNlcnZlU3BhY2VCb3R0b20iLCJ1cGRhdGVWaXNpYmlsaXR5XyIsInJlc2l6ZV8iLCJkcmF3U3RhdGljTGF5ZXJfIiwiaXNDaGFuZ2luZ1JhbmdlXyIsInBsYWNlWm9vbUhhbmRsZXNfIiwiZHJhd0ludGVyYWN0aXZlTGF5ZXJfIiwiZW5hYmxlZCIsInBhcmVudE5vZGUiLCJzZXRUaW1lb3V0Iiwid2lkdGhfIiwicmVzaXplIiwic2V0RWxlbWVudFJlY3QiLCJjYW52YXMiLCJjb250ZXh0IiwicmVjdCIsInBpeGVsUmF0aW9PcHRpb24iLCJjYW52YXNTY2FsZSIsImdldENvbnRleHRQaXhlbFJhdGlvIiwic3R5bGUiLCJ0b3AiLCJ5IiwibGVmdCIsIngiLCJ3aWR0aCIsInciLCJoZWlnaHQiLCJoIiwic2NhbGUiLCJwbG90QXJlYSIsImxheW91dF8iLCJnZXRQbG90QXJlYSIsInhBeGlzTGFiZWxIZWlnaHQiLCJnZXRPcHRpb25Gb3JBeGlzIiwiY2FudmFzUmVjdF8iLCJnZXROdW1lcmljT3B0aW9uIiwiYmdjYW52YXNfY3R4XyIsImZnY2FudmFzX2N0eF8iLCJjcmVhdGVDYW52YXMiLCJjbGFzc05hbWUiLCJwb3NpdGlvbiIsInpJbmRleCIsImdldENvbnRleHQiLCJjdXJzb3IiLCJpbWciLCJJbWFnZSIsInZpc2liaWxpdHkiLCJzcmMiLCJjbG9uZU5vZGUiLCJzZWxmIiwidG9wRWxlbSIsImRvY3VtZW50IiwiY2xpZW50WExhc3QiLCJoYW5kbGUiLCJpc1pvb21pbmciLCJpc1Bhbm5pbmciLCJkeW5hbWljIiwidGFycCIsIklGcmFtZVRhcnAiLCJ0b1hEYXRhV2luZG93Iiwib25ab29tU3RhcnQiLCJvblpvb20iLCJvblpvb21FbmQiLCJkb1pvb20iLCJpc01vdXNlSW5QYW5ab25lIiwib25QYW5TdGFydCIsIm9uUGFuIiwib25QYW5FbmQiLCJkb1BhbiIsIm9uQ2FudmFzSG92ZXIiLCJvblpvb21IYW5kbGVUb3VjaEV2ZW50Iiwib25DYW52YXNUb3VjaEV2ZW50IiwiYWRkVG91Y2hFdmVudHMiLCJ6b29tSGFuZGxlU3RhdHVzIiwieERhdGFMaW1pdHMiLCJ4QXhpc0V4dHJlbWVzIiwiZmFjdCIsInhEYXRhTWluIiwibGVmdEhhbmRsZVBvcyIsInhEYXRhTWF4IiwicmlnaHRIYW5kbGVQb3MiLCJjYW5jZWxFdmVudCIsImNsaWVudFgiLCJ0YXJnZXQiLCJzcmNFbGVtZW50IiwidHlwZSIsImFkZEV2ZW50IiwiY292ZXIiLCJkZWxYIiwiTWF0aCIsImFicyIsImdldFpvb21IYW5kbGVTdGF0dXNfIiwibmV3UG9zIiwibWluIiwibWF4IiwiaGFsZkhhbmRsZVdpZHRoIiwidW5jb3ZlciIsInJlbW92ZUV2ZW50IiwiaXNab29tZWQiLCJyZXNldFpvb20iLCJ4RGF0YVdpbmRvdyIsImRvWm9vbVhEYXRlc18iLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJsZWZ0SGFuZGxlQ2xpZW50WCIsInJpZ2h0SGFuZGxlQ2xpZW50WCIsInJhbmdlU2l6ZSIsImRhdGVXaW5kb3dfIiwiZHJhd0dyYXBoXyIsInRhcmdldFRvdWNoZXMiLCJsZW5ndGgiLCJlbGVtIiwiZm4iLCJ0eXBlcyIsImFkZEFuZFRyYWNrRXZlbnQiLCJEeWdyYXBoSW50ZXJhY3Rpb24iLCJkcmFnSXNQYW5JbnRlcmFjdGlvbk1vZGVsIiwiZHJhZ1N0YXJ0RXZlbnQiLCJ3aW5kb3ciLCJvcGVyYSIsImN0eCIsImNsZWFyUmVjdCIsImRyYXdNaW5pUGxvdF8iLCJleCIsIm1hcmdpbiIsImxpbmVXaWR0aCIsInN0cm9rZVN0eWxlIiwiYmVnaW5QYXRoIiwibW92ZVRvIiwibGluZVRvIiwic3Ryb2tlIiwiZmlsbFN0eWxlIiwiZmlsbEdyYWRpZW50U3R5bGUiLCJzdGVwUGxvdCIsImNvbWJpbmVkU2VyaWVzRGF0YSIsImNvbXB1dGVDb21iaW5lZFNlcmllc0FuZExpbWl0c18iLCJ5UmFuZ2UiLCJ5TWF4IiwieU1pbiIsInhFeHRyZW1lcyIsInhSYW5nZSIsInhGYWN0IiwieUZhY3QiLCJjYW52YXNXaWR0aCIsImNhbnZhc0hlaWdodCIsInByZXZYIiwicHJldlkiLCJkYXRhIiwiZGF0YVBvaW50IiwiTmFOIiwicm91bmQiLCJpc0Zpbml0ZSIsImNsb3NlUGF0aCIsImxpbmdyYWQiLCJjcmVhdGVMaW5lYXJHcmFkaWVudCIsImFkZENvbG9yU3RvcCIsImZpbGwiLCJnIiwibG9nc2NhbGUiLCJudW1Db2x1bW5zIiwibGFiZWxzIiwiZ2V0TGFiZWxzIiwiaW5jbHVkZVNlcmllcyIsIkFycmF5IiwiYW55U2V0IiwiaW5jbHVzaW9uIiwiaW5jbHVkZSIsInB1c2giLCJyb2xsZWRTZXJpZXMiLCJkYXRhSGFuZGxlciIsImRhdGFIYW5kbGVyXyIsIm9wdGlvbnMiLCJhdHRyaWJ1dGVzXyIsInNlcmllcyIsImV4dHJhY3RTZXJpZXMiLCJyYXdEYXRhXyIsInJvbGxQZXJpb2QiLCJyb2xsaW5nQXZlcmFnZSIsImNvbWJpbmVkU2VyaWVzIiwic3VtIiwiY291bnQiLCJqIiwiaXNOYU4iLCJOdW1iZXIiLCJNQVhfVkFMVUUiLCJ5VmFsIiwiZXh0cmFQZXJjZW50IiwibG9nMTAiLCJ5RXh0cmEiLCJNSU5fVkFMVUUiLCJ4V2luZG93TGltaXRzIiwieEF4aXNSYW5nZSIsImxlZnRQZXJjZW50IiwicmlnaHRQZXJjZW50IiwibGVmdENvb3JkIiwicmlnaHRDb29yZCIsImhhbmRsZVRvcCIsImxlZnRIYW5kbGVDYW52YXNQb3MiLCJyaWdodEhhbmRsZUNhbnZhc1BvcyIsInZlaWxDb2xvdXIiLCJmaWxsUmVjdCIsInBhcnNlRmxvYXQiLCJfZGVmYXVsdCIsIm1vZHVsZSIsImRlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvcGx1Z2lucy9yYW5nZS1zZWxlY3Rvci5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5cbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDExIFBhdWwgRmVsaXggKHBhdWwuZXJpYy5mZWxpeEBnbWFpbC5jb20pXG4gKiBNSVQtbGljZW5jZWQ6IGh0dHBzOi8vb3BlbnNvdXJjZS5vcmcvbGljZW5zZS9NSVRcbiAqL1xuLypnbG9iYWwgRHlncmFwaDpmYWxzZSxUb3VjaEV2ZW50OmZhbHNlICovXG5cbi8qKlxuICogQGZpbGVvdmVydmlldyBUaGlzIGZpbGUgY29udGFpbnMgdGhlIFJhbmdlU2VsZWN0b3IgcGx1Z2luIHVzZWQgdG8gcHJvdmlkZVxuICogYSB0aW1lbGluZSByYW5nZSBzZWxlY3RvciB3aWRnZXQgZm9yIGR5Z3JhcGhzLlxuICovXG5cbi8qZ2xvYmFsIER5Z3JhcGg6ZmFsc2UgKi9cblxuaW1wb3J0ICogYXMgdXRpbHMgZnJvbSAnLi4vZHlncmFwaC11dGlscyc7XG5pbXBvcnQgRHlncmFwaEludGVyYWN0aW9uIGZyb20gJy4uL2R5Z3JhcGgtaW50ZXJhY3Rpb24tbW9kZWwnO1xuaW1wb3J0IElGcmFtZVRhcnAgZnJvbSAnLi4vaWZyYW1lLXRhcnAnO1xuXG52YXIgcmFuZ2VTZWxlY3RvciA9IGZ1bmN0aW9uKCkge1xuICB0aGlzLmhhc1RvdWNoSW50ZXJmYWNlXyA9IHR5cGVvZihUb3VjaEV2ZW50KSAhPSAndW5kZWZpbmVkJztcbiAgdGhpcy5pc01vYmlsZURldmljZV8gPSAvbW9iaWxlfGFuZHJvaWQvZ2kudGVzdChuYXZpZ2F0b3IuYXBwVmVyc2lvbik7XG4gIHRoaXMuaW50ZXJmYWNlQ3JlYXRlZF8gPSBmYWxzZTtcbn07XG5cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLnRvU3RyaW5nID0gZnVuY3Rpb24oKSB7XG4gIHJldHVybiBcIlJhbmdlU2VsZWN0b3IgUGx1Z2luXCI7XG59O1xuXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5hY3RpdmF0ZSA9IGZ1bmN0aW9uKGR5Z3JhcGgpIHtcbiAgdGhpcy5keWdyYXBoXyA9IGR5Z3JhcGg7XG4gIGlmICh0aGlzLmdldE9wdGlvbl8oJ3Nob3dSYW5nZVNlbGVjdG9yJykpIHtcbiAgICB0aGlzLmNyZWF0ZUludGVyZmFjZV8oKTtcbiAgfVxuICByZXR1cm4ge1xuICAgIGxheW91dDogdGhpcy5yZXNlcnZlU3BhY2VfLFxuICAgIHByZWRyYXc6IHRoaXMucmVuZGVyU3RhdGljTGF5ZXJfLFxuICAgIGRpZERyYXdDaGFydDogdGhpcy5yZW5kZXJJbnRlcmFjdGl2ZUxheWVyX1xuICB9O1xufTtcblxucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuZGVzdHJveSA9IGZ1bmN0aW9uKCkge1xuICB0aGlzLmJnY2FudmFzXyA9IG51bGw7XG4gIHRoaXMuZmdjYW52YXNfID0gbnVsbDtcbiAgdGhpcy5sZWZ0Wm9vbUhhbmRsZV8gPSBudWxsO1xuICB0aGlzLnJpZ2h0Wm9vbUhhbmRsZV8gPSBudWxsO1xufTtcblxuLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFByaXZhdGUgbWV0aG9kc1xuLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuZ2V0T3B0aW9uXyA9IGZ1bmN0aW9uKG5hbWUsIG9wdF9zZXJpZXMpIHtcbiAgcmV0dXJuIHRoaXMuZHlncmFwaF8uZ2V0T3B0aW9uKG5hbWUsIG9wdF9zZXJpZXMpO1xufTtcblxucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuc2V0RGVmYXVsdE9wdGlvbl8gPSBmdW5jdGlvbihuYW1lLCB2YWx1ZSkge1xuICB0aGlzLmR5Z3JhcGhfLmF0dHJzX1tuYW1lXSA9IHZhbHVlO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogQ3JlYXRlcyB0aGUgcmFuZ2Ugc2VsZWN0b3IgZWxlbWVudHMgYW5kIGFkZHMgdGhlbSB0byB0aGUgZ3JhcGguXG4gKi9cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLmNyZWF0ZUludGVyZmFjZV8gPSBmdW5jdGlvbigpIHtcbiAgdGhpcy5jcmVhdGVDYW52YXNlc18oKTtcbiAgdGhpcy5jcmVhdGVab29tSGFuZGxlc18oKTtcbiAgdGhpcy5pbml0SW50ZXJhY3Rpb25fKCk7XG5cbiAgLy8gUmFuZ2Ugc2VsZWN0b3IgYW5kIGFuaW1hdGVkWm9vbXMgaGF2ZSBhIGJhZCBpbnRlcmFjdGlvbi4gU2VlIGlzc3VlIDM1OS5cbiAgaWYgKHRoaXMuZ2V0T3B0aW9uXygnYW5pbWF0ZWRab29tcycpKSB7XG4gICAgY29uc29sZS53YXJuKCdBbmltYXRlZCB6b29tcyBhbmQgcmFuZ2Ugc2VsZWN0b3IgYXJlIG5vdCBjb21wYXRpYmxlOyBkaXNhYmxpbmcgYW5pbWF0ZWRab29tcy4nKTtcbiAgICB0aGlzLmR5Z3JhcGhfLnVwZGF0ZU9wdGlvbnMoe2FuaW1hdGVkWm9vbXM6IGZhbHNlfSwgdHJ1ZSk7XG4gIH1cblxuICB0aGlzLmludGVyZmFjZUNyZWF0ZWRfID0gdHJ1ZTtcbiAgdGhpcy5hZGRUb0dyYXBoXygpO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogQWRkcyB0aGUgcmFuZ2Ugc2VsZWN0b3IgdG8gdGhlIGdyYXBoLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5hZGRUb0dyYXBoXyA9IGZ1bmN0aW9uKCkge1xuICB2YXIgZ3JhcGhEaXYgPSB0aGlzLmdyYXBoRGl2XyA9IHRoaXMuZHlncmFwaF8uZ3JhcGhEaXY7XG4gIGdyYXBoRGl2LmFwcGVuZENoaWxkKHRoaXMuYmdjYW52YXNfKTtcbiAgZ3JhcGhEaXYuYXBwZW5kQ2hpbGQodGhpcy5mZ2NhbnZhc18pO1xuICBncmFwaERpdi5hcHBlbmRDaGlsZCh0aGlzLmxlZnRab29tSGFuZGxlXyk7XG4gIGdyYXBoRGl2LmFwcGVuZENoaWxkKHRoaXMucmlnaHRab29tSGFuZGxlXyk7XG59O1xuXG4vKipcbiAqIEBwcml2YXRlXG4gKiBSZW1vdmVzIHRoZSByYW5nZSBzZWxlY3RvciBmcm9tIHRoZSBncmFwaC5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUucmVtb3ZlRnJvbUdyYXBoXyA9IGZ1bmN0aW9uKCkge1xuICB2YXIgZ3JhcGhEaXYgPSB0aGlzLmdyYXBoRGl2XztcbiAgZ3JhcGhEaXYucmVtb3ZlQ2hpbGQodGhpcy5iZ2NhbnZhc18pO1xuICBncmFwaERpdi5yZW1vdmVDaGlsZCh0aGlzLmZnY2FudmFzXyk7XG4gIGdyYXBoRGl2LnJlbW92ZUNoaWxkKHRoaXMubGVmdFpvb21IYW5kbGVfKTtcbiAgZ3JhcGhEaXYucmVtb3ZlQ2hpbGQodGhpcy5yaWdodFpvb21IYW5kbGVfKTtcbiAgdGhpcy5ncmFwaERpdl8gPSBudWxsO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogQ2FsbGVkIGJ5IExheW91dCB0byBhbGxvdyByYW5nZSBzZWxlY3RvciB0byByZXNlcnZlIGl0cyBzcGFjZS5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUucmVzZXJ2ZVNwYWNlXyA9IGZ1bmN0aW9uKGUpIHtcbiAgaWYgKHRoaXMuZ2V0T3B0aW9uXygnc2hvd1JhbmdlU2VsZWN0b3InKSkge1xuICAgIGUucmVzZXJ2ZVNwYWNlQm90dG9tKHRoaXMuZ2V0T3B0aW9uXygncmFuZ2VTZWxlY3RvckhlaWdodCcpICsgNCk7XG4gIH1cbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIFJlbmRlcnMgdGhlIHN0YXRpYyBwb3J0aW9uIG9mIHRoZSByYW5nZSBzZWxlY3RvciBhdCB0aGUgcHJlZHJhdyBzdGFnZS5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUucmVuZGVyU3RhdGljTGF5ZXJfID0gZnVuY3Rpb24oKSB7XG4gIGlmICghdGhpcy51cGRhdGVWaXNpYmlsaXR5XygpKSB7XG4gICAgcmV0dXJuO1xuICB9XG4gIHRoaXMucmVzaXplXygpO1xuICB0aGlzLmRyYXdTdGF0aWNMYXllcl8oKTtcbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIFJlbmRlcnMgdGhlIGludGVyYWN0aXZlIHBvcnRpb24gb2YgdGhlIHJhbmdlIHNlbGVjdG9yIGFmdGVyIHRoZSBjaGFydCBoYXMgYmVlbiBkcmF3bi5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUucmVuZGVySW50ZXJhY3RpdmVMYXllcl8gPSBmdW5jdGlvbigpIHtcbiAgaWYgKCF0aGlzLnVwZGF0ZVZpc2liaWxpdHlfKCkgfHwgdGhpcy5pc0NoYW5naW5nUmFuZ2VfKSB7XG4gICAgcmV0dXJuO1xuICB9XG4gIHRoaXMucGxhY2Vab29tSGFuZGxlc18oKTtcbiAgdGhpcy5kcmF3SW50ZXJhY3RpdmVMYXllcl8oKTtcbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIENoZWNrIHRvIHNlZSBpZiB0aGUgcmFuZ2Ugc2VsZWN0b3IgaXMgZW5hYmxlZC9kaXNhYmxlZCBhbmQgdXBkYXRlIHZpc2liaWxpdHkgYWNjb3JkaW5nbHkuXG4gKi9cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLnVwZGF0ZVZpc2liaWxpdHlfID0gZnVuY3Rpb24oKSB7XG4gIHZhciBlbmFibGVkID0gdGhpcy5nZXRPcHRpb25fKCdzaG93UmFuZ2VTZWxlY3RvcicpO1xuICBpZiAoZW5hYmxlZCkge1xuICAgIGlmICghdGhpcy5pbnRlcmZhY2VDcmVhdGVkXykge1xuICAgICAgdGhpcy5jcmVhdGVJbnRlcmZhY2VfKCk7XG4gICAgfSBlbHNlIGlmICghdGhpcy5ncmFwaERpdl8gfHwgIXRoaXMuZ3JhcGhEaXZfLnBhcmVudE5vZGUpIHtcbiAgICAgIHRoaXMuYWRkVG9HcmFwaF8oKTtcbiAgICB9XG4gIH0gZWxzZSBpZiAodGhpcy5ncmFwaERpdl8pIHtcbiAgICB0aGlzLnJlbW92ZUZyb21HcmFwaF8oKTtcbiAgICB2YXIgZHlncmFwaCA9IHRoaXMuZHlncmFwaF87XG4gICAgc2V0VGltZW91dChmdW5jdGlvbigpIHsgZHlncmFwaC53aWR0aF8gPSAwOyBkeWdyYXBoLnJlc2l6ZSgpOyB9LCAxKTtcbiAgfVxuICByZXR1cm4gZW5hYmxlZDtcbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIFJlc2l6ZXMgdGhlIHJhbmdlIHNlbGVjdG9yLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5yZXNpemVfID0gZnVuY3Rpb24oKSB7XG4gIGZ1bmN0aW9uIHNldEVsZW1lbnRSZWN0KGNhbnZhcywgY29udGV4dCwgcmVjdCwgcGl4ZWxSYXRpb09wdGlvbikge1xuICAgIHZhciBjYW52YXNTY2FsZSA9IHBpeGVsUmF0aW9PcHRpb24gfHwgdXRpbHMuZ2V0Q29udGV4dFBpeGVsUmF0aW8oY29udGV4dCk7XG5cbiAgICBjYW52YXMuc3R5bGUudG9wID0gcmVjdC55ICsgJ3B4JztcbiAgICBjYW52YXMuc3R5bGUubGVmdCA9IHJlY3QueCArICdweCc7XG4gICAgY2FudmFzLndpZHRoID0gcmVjdC53ICogY2FudmFzU2NhbGU7XG4gICAgY2FudmFzLmhlaWdodCA9IHJlY3QuaCAqIGNhbnZhc1NjYWxlO1xuICAgIGNhbnZhcy5zdHlsZS53aWR0aCA9IHJlY3QudyArICdweCc7XG4gICAgY2FudmFzLnN0eWxlLmhlaWdodCA9IHJlY3QuaCArICdweCc7XG5cbiAgICBpZihjYW52YXNTY2FsZSAhPSAxKSB7XG4gICAgICBjb250ZXh0LnNjYWxlKGNhbnZhc1NjYWxlLCBjYW52YXNTY2FsZSk7XG4gICAgfVxuICB9XG5cbiAgdmFyIHBsb3RBcmVhID0gdGhpcy5keWdyYXBoXy5sYXlvdXRfLmdldFBsb3RBcmVhKCk7XG5cbiAgdmFyIHhBeGlzTGFiZWxIZWlnaHQgPSAwO1xuICBpZiAodGhpcy5keWdyYXBoXy5nZXRPcHRpb25Gb3JBeGlzKCdkcmF3QXhpcycsICd4JykpIHtcbiAgICB4QXhpc0xhYmVsSGVpZ2h0ID0gdGhpcy5nZXRPcHRpb25fKCd4QXhpc0hlaWdodCcpIHx8ICh0aGlzLmdldE9wdGlvbl8oJ2F4aXNMYWJlbEZvbnRTaXplJykgKyAyICogdGhpcy5nZXRPcHRpb25fKCdheGlzVGlja1NpemUnKSk7XG4gIH1cbiAgdGhpcy5jYW52YXNSZWN0XyA9IHtcbiAgICB4OiBwbG90QXJlYS54LFxuICAgIHk6IHBsb3RBcmVhLnkgKyBwbG90QXJlYS5oICsgeEF4aXNMYWJlbEhlaWdodCArIDQsXG4gICAgdzogcGxvdEFyZWEudyxcbiAgICBoOiB0aGlzLmdldE9wdGlvbl8oJ3JhbmdlU2VsZWN0b3JIZWlnaHQnKVxuICB9O1xuXG4gIHZhciBwaXhlbFJhdGlvT3B0aW9uID0gdGhpcy5keWdyYXBoXy5nZXROdW1lcmljT3B0aW9uKCdwaXhlbFJhdGlvJyk7XG4gIHNldEVsZW1lbnRSZWN0KHRoaXMuYmdjYW52YXNfLCB0aGlzLmJnY2FudmFzX2N0eF8sIHRoaXMuY2FudmFzUmVjdF8sIHBpeGVsUmF0aW9PcHRpb24pO1xuICBzZXRFbGVtZW50UmVjdCh0aGlzLmZnY2FudmFzXywgdGhpcy5mZ2NhbnZhc19jdHhfLCB0aGlzLmNhbnZhc1JlY3RfLCBwaXhlbFJhdGlvT3B0aW9uKTtcbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIENyZWF0ZXMgdGhlIGJhY2tncm91bmQgYW5kIGZvcmVncm91bmQgY2FudmFzZXMuXG4gKi9cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLmNyZWF0ZUNhbnZhc2VzXyA9IGZ1bmN0aW9uKCkge1xuICB0aGlzLmJnY2FudmFzXyA9IHV0aWxzLmNyZWF0ZUNhbnZhcygpO1xuICB0aGlzLmJnY2FudmFzXy5jbGFzc05hbWUgPSAnZHlncmFwaC1yYW5nZXNlbC1iZ2NhbnZhcyc7XG4gIHRoaXMuYmdjYW52YXNfLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgdGhpcy5iZ2NhbnZhc18uc3R5bGUuekluZGV4ID0gOTtcbiAgdGhpcy5iZ2NhbnZhc19jdHhfID0gdXRpbHMuZ2V0Q29udGV4dCh0aGlzLmJnY2FudmFzXyk7XG5cbiAgdGhpcy5mZ2NhbnZhc18gPSB1dGlscy5jcmVhdGVDYW52YXMoKTtcbiAgdGhpcy5mZ2NhbnZhc18uY2xhc3NOYW1lID0gJ2R5Z3JhcGgtcmFuZ2VzZWwtZmdjYW52YXMnO1xuICB0aGlzLmZnY2FudmFzXy5zdHlsZS5wb3NpdGlvbiA9ICdhYnNvbHV0ZSc7XG4gIHRoaXMuZmdjYW52YXNfLnN0eWxlLnpJbmRleCA9IDk7XG4gIHRoaXMuZmdjYW52YXNfLnN0eWxlLmN1cnNvciA9ICdkZWZhdWx0JztcbiAgdGhpcy5mZ2NhbnZhc19jdHhfID0gdXRpbHMuZ2V0Q29udGV4dCh0aGlzLmZnY2FudmFzXyk7XG59O1xuXG4vKipcbiAqIEBwcml2YXRlXG4gKiBDcmVhdGVzIHRoZSB6b29tIGhhbmRsZSBlbGVtZW50cy5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuY3JlYXRlWm9vbUhhbmRsZXNfID0gZnVuY3Rpb24oKSB7XG4gIHZhciBpbWcgPSBuZXcgSW1hZ2UoKTtcbiAgaW1nLmNsYXNzTmFtZSA9ICdkeWdyYXBoLXJhbmdlc2VsLXpvb21oYW5kbGUnO1xuICBpbWcuc3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnO1xuICBpbWcuc3R5bGUuekluZGV4ID0gMTA7XG4gIGltZy5zdHlsZS52aXNpYmlsaXR5ID0gJ2hpZGRlbic7IC8vIEluaXRpYWxseSBoaWRkZW4gc28gdGhleSBkb24ndCBzaG93IHVwIGluIHRoZSB3cm9uZyBwbGFjZS5cbiAgaW1nLnN0eWxlLmN1cnNvciA9ICdjb2wtcmVzaXplJztcbiAgLy8gVE9ETzogY2hhbmdlIGltYWdlIHRvIG1vcmUgb3B0aW9uc1xuICBpbWcud2lkdGggPSA5O1xuICBpbWcuaGVpZ2h0ID0gMTY7XG4gIGltZy5zcmMgPSAnZGF0YTppbWFnZS9wbmc7YmFzZTY0LCcgK1xuJ2lWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBa0FBQUFRQ0FZQUFBREVTRlZEQUFBQUFYTlNSMElBcnM0YzZRQUFBQVppUzBkRUFOQUEnICtcbid6d0RQNFo3S2VnQUFBQWx3U0ZsekFBQU94QUFBRHNRQmxTc09Hd0FBQUFkMFNVMUZCOXNIR3cwY01xZHQxVXdBQUFBWmRFVllkRU52JyArXG4nYlcxbGJuUUFRM0psWVhSbFpDQjNhWFJvSUVkSlRWQlhnUTRYQUFBQWFFbEVRVlFveiszU3NSRkFRQkNGNFo5V0pNOEtDRFZ3b3dubCcgK1xuJzZZWHNUbUNVc3lLR2taemNsN3prejNZTGt5cGdBbnJlRm1ERXBIa0l3Vk9NZnBkaTlDRUVOMm5HcEZkd0QwM3lFcUR0T2dDYXVuN3MnICtcbidxU1RESDMySTFwUUEyUGI5c1plY0F4YzVyM0lBYjIxZDY4Nzh4c0FBQUFBQVNVVk9SSzVDWUlJPSc7XG5cbiAgaWYgKHRoaXMuaXNNb2JpbGVEZXZpY2VfKSB7XG4gICAgaW1nLndpZHRoICo9IDI7XG4gICAgaW1nLmhlaWdodCAqPSAyO1xuICB9XG5cbiAgdGhpcy5sZWZ0Wm9vbUhhbmRsZV8gPSBpbWc7XG4gIHRoaXMucmlnaHRab29tSGFuZGxlXyA9IGltZy5jbG9uZU5vZGUoZmFsc2UpO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogU2V0cyB1cCB0aGUgaW50ZXJhY3Rpb24gZm9yIHRoZSByYW5nZSBzZWxlY3Rvci5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuaW5pdEludGVyYWN0aW9uXyA9IGZ1bmN0aW9uKCkge1xuICB2YXIgc2VsZiA9IHRoaXM7XG4gIHZhciB0b3BFbGVtID0gZG9jdW1lbnQ7XG4gIHZhciBjbGllbnRYTGFzdCA9IDA7XG4gIHZhciBoYW5kbGUgPSBudWxsO1xuICB2YXIgaXNab29taW5nID0gZmFsc2U7XG4gIHZhciBpc1Bhbm5pbmcgPSBmYWxzZTtcbiAgdmFyIGR5bmFtaWMgPSAhdGhpcy5pc01vYmlsZURldmljZV87XG5cbiAgLy8gV2UgY292ZXIgaWZyYW1lcyBkdXJpbmcgbW91c2UgaW50ZXJhY3Rpb25zLiBTZWUgY29tbWVudHMgaW5cbiAgLy8gZHlncmFwaC11dGlscy5qcyBmb3IgbW9yZSBpbmZvIG9uIHdoeSB0aGlzIGlzIGEgZ29vZCBpZGVhLlxuICB2YXIgdGFycCA9IG5ldyBJRnJhbWVUYXJwKCk7XG5cbiAgLy8gZnVuY3Rpb25zLCBkZWZpbmVkIGJlbG93LiAgRGVmaW5pbmcgdGhlbSB0aGlzIHdheSAocmF0aGVyIHRoYW4gd2l0aFxuICAvLyBcImZ1bmN0aW9uIGZvbygpIHsuLi59XCIpIG1ha2VzIEpTSGludCBoYXBweS5cbiAgdmFyIHRvWERhdGFXaW5kb3csIG9uWm9vbVN0YXJ0LCBvblpvb20sIG9uWm9vbUVuZCwgZG9ab29tLCBpc01vdXNlSW5QYW5ab25lLFxuICAgICAgb25QYW5TdGFydCwgb25QYW4sIG9uUGFuRW5kLCBkb1Bhbiwgb25DYW52YXNIb3ZlcjtcblxuICAvLyBUb3VjaCBldmVudCBmdW5jdGlvbnNcbiAgdmFyIG9uWm9vbUhhbmRsZVRvdWNoRXZlbnQsIG9uQ2FudmFzVG91Y2hFdmVudCwgYWRkVG91Y2hFdmVudHM7XG5cbiAgdG9YRGF0YVdpbmRvdyA9IGZ1bmN0aW9uKHpvb21IYW5kbGVTdGF0dXMpIHtcbiAgICB2YXIgeERhdGFMaW1pdHMgPSBzZWxmLmR5Z3JhcGhfLnhBeGlzRXh0cmVtZXMoKTtcbiAgICB2YXIgZmFjdCA9ICh4RGF0YUxpbWl0c1sxXSAtIHhEYXRhTGltaXRzWzBdKS9zZWxmLmNhbnZhc1JlY3RfLnc7XG4gICAgdmFyIHhEYXRhTWluID0geERhdGFMaW1pdHNbMF0gKyAoem9vbUhhbmRsZVN0YXR1cy5sZWZ0SGFuZGxlUG9zIC0gc2VsZi5jYW52YXNSZWN0Xy54KSpmYWN0O1xuICAgIHZhciB4RGF0YU1heCA9IHhEYXRhTGltaXRzWzBdICsgKHpvb21IYW5kbGVTdGF0dXMucmlnaHRIYW5kbGVQb3MgLSBzZWxmLmNhbnZhc1JlY3RfLngpKmZhY3Q7XG4gICAgcmV0dXJuIFt4RGF0YU1pbiwgeERhdGFNYXhdO1xuICB9O1xuXG4gIG9uWm9vbVN0YXJ0ID0gZnVuY3Rpb24oZSkge1xuICAgIHV0aWxzLmNhbmNlbEV2ZW50KGUpO1xuICAgIGlzWm9vbWluZyA9IHRydWU7XG4gICAgY2xpZW50WExhc3QgPSBlLmNsaWVudFg7XG4gICAgaGFuZGxlID0gZS50YXJnZXQgPyBlLnRhcmdldCA6IGUuc3JjRWxlbWVudDtcbiAgICBpZiAoZS50eXBlID09PSAnbW91c2Vkb3duJyB8fCBlLnR5cGUgPT09ICdkcmFnc3RhcnQnKSB7XG4gICAgICAvLyBUaGVzZSBldmVudHMgYXJlIHJlbW92ZWQgbWFudWFsbHkuXG4gICAgICB1dGlscy5hZGRFdmVudCh0b3BFbGVtLCAnbW91c2Vtb3ZlJywgb25ab29tKTtcbiAgICAgIHV0aWxzLmFkZEV2ZW50KHRvcEVsZW0sICdtb3VzZXVwJywgb25ab29tRW5kKTtcbiAgICB9XG4gICAgc2VsZi5mZ2NhbnZhc18uc3R5bGUuY3Vyc29yID0gJ2NvbC1yZXNpemUnO1xuICAgIHRhcnAuY292ZXIoKTtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfTtcblxuICBvblpvb20gPSBmdW5jdGlvbihlKSB7XG4gICAgaWYgKCFpc1pvb21pbmcpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgdXRpbHMuY2FuY2VsRXZlbnQoZSk7XG5cbiAgICB2YXIgZGVsWCA9IGUuY2xpZW50WCAtIGNsaWVudFhMYXN0O1xuICAgIGlmIChNYXRoLmFicyhkZWxYKSA8IDQpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICBjbGllbnRYTGFzdCA9IGUuY2xpZW50WDtcblxuICAgIC8vIE1vdmUgaGFuZGxlLlxuICAgIHZhciB6b29tSGFuZGxlU3RhdHVzID0gc2VsZi5nZXRab29tSGFuZGxlU3RhdHVzXygpO1xuICAgIHZhciBuZXdQb3M7XG4gICAgaWYgKGhhbmRsZSA9PSBzZWxmLmxlZnRab29tSGFuZGxlXykge1xuICAgICAgbmV3UG9zID0gem9vbUhhbmRsZVN0YXR1cy5sZWZ0SGFuZGxlUG9zICsgZGVsWDtcbiAgICAgIG5ld1BvcyA9IE1hdGgubWluKG5ld1Bvcywgem9vbUhhbmRsZVN0YXR1cy5yaWdodEhhbmRsZVBvcyAtIGhhbmRsZS53aWR0aCAtIDMpO1xuICAgICAgbmV3UG9zID0gTWF0aC5tYXgobmV3UG9zLCBzZWxmLmNhbnZhc1JlY3RfLngpO1xuICAgIH0gZWxzZSB7XG4gICAgICBuZXdQb3MgPSB6b29tSGFuZGxlU3RhdHVzLnJpZ2h0SGFuZGxlUG9zICsgZGVsWDtcbiAgICAgIG5ld1BvcyA9IE1hdGgubWluKG5ld1Bvcywgc2VsZi5jYW52YXNSZWN0Xy54ICsgc2VsZi5jYW52YXNSZWN0Xy53KTtcbiAgICAgIG5ld1BvcyA9IE1hdGgubWF4KG5ld1Bvcywgem9vbUhhbmRsZVN0YXR1cy5sZWZ0SGFuZGxlUG9zICsgaGFuZGxlLndpZHRoICsgMyk7XG4gICAgfVxuICAgIHZhciBoYWxmSGFuZGxlV2lkdGggPSBoYW5kbGUud2lkdGgvMjtcbiAgICBoYW5kbGUuc3R5bGUubGVmdCA9IChuZXdQb3MgLSBoYWxmSGFuZGxlV2lkdGgpICsgJ3B4JztcbiAgICBzZWxmLmRyYXdJbnRlcmFjdGl2ZUxheWVyXygpO1xuXG4gICAgLy8gWm9vbSBvbiB0aGUgZmx5LlxuICAgIGlmIChkeW5hbWljKSB7XG4gICAgICBkb1pvb20oKTtcbiAgICB9XG4gICAgcmV0dXJuIHRydWU7XG4gIH07XG5cbiAgb25ab29tRW5kID0gZnVuY3Rpb24oZSkge1xuICAgIGlmICghaXNab29taW5nKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlzWm9vbWluZyA9IGZhbHNlO1xuICAgIHRhcnAudW5jb3ZlcigpO1xuICAgIHV0aWxzLnJlbW92ZUV2ZW50KHRvcEVsZW0sICdtb3VzZW1vdmUnLCBvblpvb20pO1xuICAgIHV0aWxzLnJlbW92ZUV2ZW50KHRvcEVsZW0sICdtb3VzZXVwJywgb25ab29tRW5kKTtcbiAgICBzZWxmLmZnY2FudmFzXy5zdHlsZS5jdXJzb3IgPSAnZGVmYXVsdCc7XG5cbiAgICAvLyBJZiBvbiBhIHNsb3dlciBkZXZpY2UsIHpvb20gbm93LlxuICAgIGlmICghZHluYW1pYykge1xuICAgICAgZG9ab29tKCk7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIGRvWm9vbSA9IGZ1bmN0aW9uKCkge1xuICAgIHRyeSB7XG4gICAgICB2YXIgem9vbUhhbmRsZVN0YXR1cyA9IHNlbGYuZ2V0Wm9vbUhhbmRsZVN0YXR1c18oKTtcbiAgICAgIHNlbGYuaXNDaGFuZ2luZ1JhbmdlXyA9IHRydWU7XG4gICAgICBpZiAoIXpvb21IYW5kbGVTdGF0dXMuaXNab29tZWQpIHtcbiAgICAgICAgc2VsZi5keWdyYXBoXy5yZXNldFpvb20oKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHZhciB4RGF0YVdpbmRvdyA9IHRvWERhdGFXaW5kb3coem9vbUhhbmRsZVN0YXR1cyk7XG4gICAgICAgIHNlbGYuZHlncmFwaF8uZG9ab29tWERhdGVzXyh4RGF0YVdpbmRvd1swXSwgeERhdGFXaW5kb3dbMV0pO1xuICAgICAgfVxuICAgIH0gZmluYWxseSB7XG4gICAgICBzZWxmLmlzQ2hhbmdpbmdSYW5nZV8gPSBmYWxzZTtcbiAgICB9XG4gIH07XG5cbiAgaXNNb3VzZUluUGFuWm9uZSA9IGZ1bmN0aW9uKGUpIHtcbiAgICB2YXIgcmVjdCA9IHNlbGYubGVmdFpvb21IYW5kbGVfLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHZhciBsZWZ0SGFuZGxlQ2xpZW50WCA9IHJlY3QubGVmdCArIHJlY3Qud2lkdGgvMjtcbiAgICByZWN0ID0gc2VsZi5yaWdodFpvb21IYW5kbGVfLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHZhciByaWdodEhhbmRsZUNsaWVudFggPSByZWN0LmxlZnQgKyByZWN0LndpZHRoLzI7XG4gICAgcmV0dXJuIChlLmNsaWVudFggPiBsZWZ0SGFuZGxlQ2xpZW50WCAmJiBlLmNsaWVudFggPCByaWdodEhhbmRsZUNsaWVudFgpO1xuICB9O1xuXG4gIG9uUGFuU3RhcnQgPSBmdW5jdGlvbihlKSB7XG4gICAgaWYgKCFpc1Bhbm5pbmcgJiYgaXNNb3VzZUluUGFuWm9uZShlKSAmJiBzZWxmLmdldFpvb21IYW5kbGVTdGF0dXNfKCkuaXNab29tZWQpIHtcbiAgICAgIHV0aWxzLmNhbmNlbEV2ZW50KGUpO1xuICAgICAgaXNQYW5uaW5nID0gdHJ1ZTtcbiAgICAgIGNsaWVudFhMYXN0ID0gZS5jbGllbnRYO1xuICAgICAgaWYgKGUudHlwZSA9PT0gJ21vdXNlZG93bicpIHtcbiAgICAgICAgLy8gVGhlc2UgZXZlbnRzIGFyZSByZW1vdmVkIG1hbnVhbGx5LlxuICAgICAgICB1dGlscy5hZGRFdmVudCh0b3BFbGVtLCAnbW91c2Vtb3ZlJywgb25QYW4pO1xuICAgICAgICB1dGlscy5hZGRFdmVudCh0b3BFbGVtLCAnbW91c2V1cCcsIG9uUGFuRW5kKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4gZmFsc2U7XG4gIH07XG5cbiAgb25QYW4gPSBmdW5jdGlvbihlKSB7XG4gICAgaWYgKCFpc1Bhbm5pbmcpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgdXRpbHMuY2FuY2VsRXZlbnQoZSk7XG5cbiAgICB2YXIgZGVsWCA9IGUuY2xpZW50WCAtIGNsaWVudFhMYXN0O1xuICAgIGlmIChNYXRoLmFicyhkZWxYKSA8IDQpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICBjbGllbnRYTGFzdCA9IGUuY2xpZW50WDtcblxuICAgIC8vIE1vdmUgcmFuZ2Ugdmlld1xuICAgIHZhciB6b29tSGFuZGxlU3RhdHVzID0gc2VsZi5nZXRab29tSGFuZGxlU3RhdHVzXygpO1xuICAgIHZhciBsZWZ0SGFuZGxlUG9zID0gem9vbUhhbmRsZVN0YXR1cy5sZWZ0SGFuZGxlUG9zO1xuICAgIHZhciByaWdodEhhbmRsZVBvcyA9IHpvb21IYW5kbGVTdGF0dXMucmlnaHRIYW5kbGVQb3M7XG4gICAgdmFyIHJhbmdlU2l6ZSA9IHJpZ2h0SGFuZGxlUG9zIC0gbGVmdEhhbmRsZVBvcztcbiAgICBpZiAobGVmdEhhbmRsZVBvcyArIGRlbFggPD0gc2VsZi5jYW52YXNSZWN0Xy54KSB7XG4gICAgICBsZWZ0SGFuZGxlUG9zID0gc2VsZi5jYW52YXNSZWN0Xy54O1xuICAgICAgcmlnaHRIYW5kbGVQb3MgPSBsZWZ0SGFuZGxlUG9zICsgcmFuZ2VTaXplO1xuICAgIH0gZWxzZSBpZiAocmlnaHRIYW5kbGVQb3MgKyBkZWxYID49IHNlbGYuY2FudmFzUmVjdF8ueCArIHNlbGYuY2FudmFzUmVjdF8udykge1xuICAgICAgcmlnaHRIYW5kbGVQb3MgPSBzZWxmLmNhbnZhc1JlY3RfLnggKyBzZWxmLmNhbnZhc1JlY3RfLnc7XG4gICAgICBsZWZ0SGFuZGxlUG9zID0gcmlnaHRIYW5kbGVQb3MgLSByYW5nZVNpemU7XG4gICAgfSBlbHNlIHtcbiAgICAgIGxlZnRIYW5kbGVQb3MgKz0gZGVsWDtcbiAgICAgIHJpZ2h0SGFuZGxlUG9zICs9IGRlbFg7XG4gICAgfVxuICAgIHZhciBoYWxmSGFuZGxlV2lkdGggPSBzZWxmLmxlZnRab29tSGFuZGxlXy53aWR0aC8yO1xuICAgIHNlbGYubGVmdFpvb21IYW5kbGVfLnN0eWxlLmxlZnQgPSAobGVmdEhhbmRsZVBvcyAtIGhhbGZIYW5kbGVXaWR0aCkgKyAncHgnO1xuICAgIHNlbGYucmlnaHRab29tSGFuZGxlXy5zdHlsZS5sZWZ0ID0gKHJpZ2h0SGFuZGxlUG9zIC0gaGFsZkhhbmRsZVdpZHRoKSArICdweCc7XG4gICAgc2VsZi5kcmF3SW50ZXJhY3RpdmVMYXllcl8oKTtcblxuICAgIC8vIERvIHBhbiBvbiB0aGUgZmx5LlxuICAgIGlmIChkeW5hbWljKSB7XG4gICAgICBkb1BhbigpO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfTtcblxuICBvblBhbkVuZCA9IGZ1bmN0aW9uKGUpIHtcbiAgICBpZiAoIWlzUGFubmluZykge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBpc1Bhbm5pbmcgPSBmYWxzZTtcbiAgICB1dGlscy5yZW1vdmVFdmVudCh0b3BFbGVtLCAnbW91c2Vtb3ZlJywgb25QYW4pO1xuICAgIHV0aWxzLnJlbW92ZUV2ZW50KHRvcEVsZW0sICdtb3VzZXVwJywgb25QYW5FbmQpO1xuICAgIC8vIElmIG9uIGEgc2xvd2VyIGRldmljZSwgZG8gcGFuIG5vdy5cbiAgICBpZiAoIWR5bmFtaWMpIHtcbiAgICAgIGRvUGFuKCk7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIGRvUGFuID0gZnVuY3Rpb24oKSB7XG4gICAgdHJ5IHtcbiAgICAgIHNlbGYuaXNDaGFuZ2luZ1JhbmdlXyA9IHRydWU7XG4gICAgICBzZWxmLmR5Z3JhcGhfLmRhdGVXaW5kb3dfID0gdG9YRGF0YVdpbmRvdyhzZWxmLmdldFpvb21IYW5kbGVTdGF0dXNfKCkpO1xuICAgICAgc2VsZi5keWdyYXBoXy5kcmF3R3JhcGhfKGZhbHNlKTtcbiAgICB9IGZpbmFsbHkge1xuICAgICAgc2VsZi5pc0NoYW5naW5nUmFuZ2VfID0gZmFsc2U7XG4gICAgfVxuICB9O1xuXG4gIG9uQ2FudmFzSG92ZXIgPSBmdW5jdGlvbihlKSB7XG4gICAgaWYgKGlzWm9vbWluZyB8fCBpc1Bhbm5pbmcpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdmFyIGN1cnNvciA9IGlzTW91c2VJblBhblpvbmUoZSkgPyAnbW92ZScgOiAnZGVmYXVsdCc7XG4gICAgaWYgKGN1cnNvciAhPSBzZWxmLmZnY2FudmFzXy5zdHlsZS5jdXJzb3IpIHtcbiAgICAgIHNlbGYuZmdjYW52YXNfLnN0eWxlLmN1cnNvciA9IGN1cnNvcjtcbiAgICB9XG4gIH07XG5cbiAgb25ab29tSGFuZGxlVG91Y2hFdmVudCA9IGZ1bmN0aW9uKGUpIHtcbiAgICBpZiAoZS50eXBlID09ICd0b3VjaHN0YXJ0JyAmJiBlLnRhcmdldFRvdWNoZXMubGVuZ3R