UNPKG

@qogni/dygraphs

Version:

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

766 lines (728 loc) 103 kB
/** * @license * Copyright 2011 Paul Felix (paul.eric.felix@gmail.com) * MIT-licenced: https://opensource.org/licenses/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 */ "use strict"; 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; } 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(); if (numColumns === 0) { return { data: [], yMin: 0, yMax: 1 }; } 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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImV4cG9ydHMiLCJ2YWx1ZSIsInV0aWxzIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiX2R5Z3JhcGhJbnRlcmFjdGlvbk1vZGVsIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9pZnJhbWVUYXJwIiwiZSIsIl9fZXNNb2R1bGUiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJXZWFrTWFwIiwiciIsInQiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwicmFuZ2VTZWxlY3RvciIsImhhc1RvdWNoSW50ZXJmYWNlXyIsIlRvdWNoRXZlbnQiLCJpc01vYmlsZURldmljZV8iLCJ0ZXN0IiwibmF2aWdhdG9yIiwiYXBwVmVyc2lvbiIsImludGVyZmFjZUNyZWF0ZWRfIiwicHJvdG90eXBlIiwidG9TdHJpbmciLCJhY3RpdmF0ZSIsImR5Z3JhcGgiLCJkeWdyYXBoXyIsImdldE9wdGlvbl8iLCJjcmVhdGVJbnRlcmZhY2VfIiwibGF5b3V0IiwicmVzZXJ2ZVNwYWNlXyIsInByZWRyYXciLCJyZW5kZXJTdGF0aWNMYXllcl8iLCJkaWREcmF3Q2hhcnQiLCJyZW5kZXJJbnRlcmFjdGl2ZUxheWVyXyIsImRlc3Ryb3kiLCJiZ2NhbnZhc18iLCJmZ2NhbnZhc18iLCJsZWZ0Wm9vbUhhbmRsZV8iLCJyaWdodFpvb21IYW5kbGVfIiwibmFtZSIsIm9wdF9zZXJpZXMiLCJnZXRPcHRpb24iLCJzZXREZWZhdWx0T3B0aW9uXyIsImF0dHJzXyIsImNyZWF0ZUNhbnZhc2VzXyIsImNyZWF0ZVpvb21IYW5kbGVzXyIsImluaXRJbnRlcmFjdGlvbl8iLCJjb25zb2xlIiwid2FybiIsInVwZGF0ZU9wdGlvbnMiLCJhbmltYXRlZFpvb21zIiwiYWRkVG9HcmFwaF8iLCJncmFwaERpdiIsImdyYXBoRGl2XyIsImFwcGVuZENoaWxkIiwicmVtb3ZlRnJvbUdyYXBoXyIsInJlbW92ZUNoaWxkIiwicmVzZXJ2ZVNwYWNlQm90dG9tIiwidXBkYXRlVmlzaWJpbGl0eV8iLCJyZXNpemVfIiwiZHJhd1N0YXRpY0xheWVyXyIsImlzQ2hhbmdpbmdSYW5nZV8iLCJwbGFjZVpvb21IYW5kbGVzXyIsImRyYXdJbnRlcmFjdGl2ZUxheWVyXyIsImVuYWJsZWQiLCJwYXJlbnROb2RlIiwic2V0VGltZW91dCIsIndpZHRoXyIsInJlc2l6ZSIsInNldEVsZW1lbnRSZWN0IiwiY2FudmFzIiwiY29udGV4dCIsInJlY3QiLCJwaXhlbFJhdGlvT3B0aW9uIiwiY2FudmFzU2NhbGUiLCJnZXRDb250ZXh0UGl4ZWxSYXRpbyIsInN0eWxlIiwidG9wIiwieSIsImxlZnQiLCJ4Iiwid2lkdGgiLCJ3IiwiaGVpZ2h0IiwiaCIsInNjYWxlIiwicGxvdEFyZWEiLCJsYXlvdXRfIiwiZ2V0UGxvdEFyZWEiLCJ4QXhpc0xhYmVsSGVpZ2h0IiwiZ2V0T3B0aW9uRm9yQXhpcyIsImNhbnZhc1JlY3RfIiwiZ2V0TnVtZXJpY09wdGlvbiIsImJnY2FudmFzX2N0eF8iLCJmZ2NhbnZhc19jdHhfIiwiY3JlYXRlQ2FudmFzIiwiY2xhc3NOYW1lIiwicG9zaXRpb24iLCJ6SW5kZXgiLCJnZXRDb250ZXh0IiwiY3Vyc29yIiwiaW1nIiwiSW1hZ2UiLCJ2aXNpYmlsaXR5Iiwic3JjIiwiY2xvbmVOb2RlIiwic2VsZiIsInRvcEVsZW0iLCJkb2N1bWVudCIsImNsaWVudFhMYXN0IiwiaGFuZGxlIiwiaXNab29taW5nIiwiaXNQYW5uaW5nIiwiZHluYW1pYyIsInRhcnAiLCJJRnJhbWVUYXJwIiwidG9YRGF0YVdpbmRvdyIsIm9uWm9vbVN0YXJ0Iiwib25ab29tIiwib25ab29tRW5kIiwiZG9ab29tIiwiaXNNb3VzZUluUGFuWm9uZSIsIm9uUGFuU3RhcnQiLCJvblBhbiIsIm9uUGFuRW5kIiwiZG9QYW4iLCJvbkNhbnZhc0hvdmVyIiwib25ab29tSGFuZGxlVG91Y2hFdmVudCIsIm9uQ2FudmFzVG91Y2hFdmVudCIsImFkZFRvdWNoRXZlbnRzIiwiem9vbUhhbmRsZVN0YXR1cyIsInhEYXRhTGltaXRzIiwieEF4aXNFeHRyZW1lcyIsImZhY3QiLCJ4RGF0YU1pbiIsImxlZnRIYW5kbGVQb3MiLCJ4RGF0YU1heCIsInJpZ2h0SGFuZGxlUG9zIiwiY2FuY2VsRXZlbnQiLCJjbGllbnRYIiwidGFyZ2V0Iiwic3JjRWxlbWVudCIsInR5cGUiLCJhZGRFdmVudCIsImNvdmVyIiwiZGVsWCIsIk1hdGgiLCJhYnMiLCJnZXRab29tSGFuZGxlU3RhdHVzXyIsIm5ld1BvcyIsIm1pbiIsIm1heCIsImhhbGZIYW5kbGVXaWR0aCIsInVuY292ZXIiLCJyZW1vdmVFdmVudCIsImlzWm9vbWVkIiwicmVzZXRab29tIiwieERhdGFXaW5kb3ciLCJkb1pvb21YRGF0ZXNfIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwibGVmdEhhbmRsZUNsaWVudFgiLCJyaWdodEhhbmRsZUNsaWVudFgiLCJyYW5nZVNpemUiLCJkYXRlV2luZG93XyIsImRyYXdHcmFwaF8iLCJ0YXJnZXRUb3VjaGVzIiwibGVuZ3RoIiwiZWxlbSIsImZuIiwidHlwZXMiLCJhZGRBbmRUcmFja0V2ZW50IiwiRHlncmFwaEludGVyYWN0aW9uIiwiZHJhZ0lzUGFuSW50ZXJhY3Rpb25Nb2RlbCIsImRyYWdTdGFydEV2ZW50Iiwid2luZG93Iiwib3BlcmEiLCJjdHgiLCJjbGVhclJlY3QiLCJkcmF3TWluaVBsb3RfIiwiZXgiLCJtYXJnaW4iLCJsaW5lV2lkdGgiLCJzdHJva2VTdHlsZSIsImJlZ2luUGF0aCIsIm1vdmVUbyIsImxpbmVUbyIsInN0cm9rZSIsImZpbGxTdHlsZSIsImZpbGxHcmFkaWVudFN0eWxlIiwic3RlcFBsb3QiLCJjb21iaW5lZFNlcmllc0RhdGEiLCJjb21wdXRlQ29tYmluZWRTZXJpZXNBbmRMaW1pdHNfIiwieVJhbmdlIiwieU1heCIsInlNaW4iLCJ4RXh0cmVtZXMiLCJ4UmFuZ2UiLCJ4RmFjdCIsInlGYWN0IiwiY2FudmFzV2lkdGgiLCJjYW52YXNIZWlnaHQiLCJwcmV2WCIsInByZXZZIiwiZGF0YSIsImRhdGFQb2ludCIsIk5hTiIsInJvdW5kIiwiaXNGaW5pdGUiLCJjbG9zZVBhdGgiLCJsaW5ncmFkIiwiY3JlYXRlTGluZWFyR3JhZGllbnQiLCJhZGRDb2xvclN0b3AiLCJmaWxsIiwiZyIsImxvZ3NjYWxlIiwibnVtQ29sdW1ucyIsImxhYmVscyIsImdldExhYmVscyIsImluY2x1ZGVTZXJpZXMiLCJBcnJheSIsImFueVNldCIsImluY2x1c2lvbiIsImluY2x1ZGUiLCJwdXNoIiwicm9sbGVkU2VyaWVzIiwiZGF0YUhhbmRsZXIiLCJkYXRhSGFuZGxlcl8iLCJvcHRpb25zIiwiYXR0cmlidXRlc18iLCJzZXJpZXMiLCJleHRyYWN0U2VyaWVzIiwicmF3RGF0YV8iLCJyb2xsUGVyaW9kIiwicm9sbGluZ0F2ZXJhZ2UiLCJjb21iaW5lZFNlcmllcyIsInN1bSIsImNvdW50IiwiaiIsImlzTmFOIiwiTnVtYmVyIiwiTUFYX1ZBTFVFIiwieVZhbCIsImV4dHJhUGVyY2VudCIsImxvZzEwIiwieUV4dHJhIiwiTUlOX1ZBTFVFIiwieFdpbmRvd0xpbWl0cyIsInhBeGlzUmFuZ2UiLCJsZWZ0UGVyY2VudCIsInJpZ2h0UGVyY2VudCIsImxlZnRDb29yZCIsInJpZ2h0Q29vcmQiLCJoYW5kbGVUb3AiLCJsZWZ0SGFuZGxlQ2FudmFzUG9zIiwicmlnaHRIYW5kbGVDYW52YXNQb3MiLCJ2ZWlsQ29sb3VyIiwiZmlsbFJlY3QiLCJwYXJzZUZsb2F0IiwiX2RlZmF1bHQiLCJtb2R1bGUiLCJkZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3BsdWdpbnMvcmFuZ2Utc2VsZWN0b3IuanMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMTEgUGF1bCBGZWxpeCAocGF1bC5lcmljLmZlbGl4QGdtYWlsLmNvbSlcbiAqIE1JVC1saWNlbmNlZDogaHR0cHM6Ly9vcGVuc291cmNlLm9yZy9saWNlbnNlcy9NSVRcbiAqL1xuLypnbG9iYWwgRHlncmFwaDpmYWxzZSxUb3VjaEV2ZW50OmZhbHNlICovXG5cbi8qKlxuICogQGZpbGVvdmVydmlldyBUaGlzIGZpbGUgY29udGFpbnMgdGhlIFJhbmdlU2VsZWN0b3IgcGx1Z2luIHVzZWQgdG8gcHJvdmlkZVxuICogYSB0aW1lbGluZSByYW5nZSBzZWxlY3RvciB3aWRnZXQgZm9yIGR5Z3JhcGhzLlxuICovXG5cbi8qZ2xvYmFsIER5Z3JhcGg6ZmFsc2UgKi9cblwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgKiBhcyB1dGlscyBmcm9tICcuLi9keWdyYXBoLXV0aWxzJztcbmltcG9ydCBEeWdyYXBoSW50ZXJhY3Rpb24gZnJvbSAnLi4vZHlncmFwaC1pbnRlcmFjdGlvbi1tb2RlbCc7XG5pbXBvcnQgSUZyYW1lVGFycCBmcm9tICcuLi9pZnJhbWUtdGFycCc7XG5cbnZhciByYW5nZVNlbGVjdG9yID0gZnVuY3Rpb24oKSB7XG4gIHRoaXMuaGFzVG91Y2hJbnRlcmZhY2VfID0gdHlwZW9mKFRvdWNoRXZlbnQpICE9ICd1bmRlZmluZWQnO1xuICB0aGlzLmlzTW9iaWxlRGV2aWNlXyA9IC9tb2JpbGV8YW5kcm9pZC9naS50ZXN0KG5hdmlnYXRvci5hcHBWZXJzaW9uKTtcbiAgdGhpcy5pbnRlcmZhY2VDcmVhdGVkXyA9IGZhbHNlO1xufTtcblxucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUudG9TdHJpbmcgPSBmdW5jdGlvbigpIHtcbiAgcmV0dXJuIFwiUmFuZ2VTZWxlY3RvciBQbHVnaW5cIjtcbn07XG5cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLmFjdGl2YXRlID0gZnVuY3Rpb24oZHlncmFwaCkge1xuICB0aGlzLmR5Z3JhcGhfID0gZHlncmFwaDtcbiAgaWYgKHRoaXMuZ2V0T3B0aW9uXygnc2hvd1JhbmdlU2VsZWN0b3InKSkge1xuICAgIHRoaXMuY3JlYXRlSW50ZXJmYWNlXygpO1xuICB9XG4gIHJldHVybiB7XG4gICAgbGF5b3V0OiB0aGlzLnJlc2VydmVTcGFjZV8sXG4gICAgcHJlZHJhdzogdGhpcy5yZW5kZXJTdGF0aWNMYXllcl8sXG4gICAgZGlkRHJhd0NoYXJ0OiB0aGlzLnJlbmRlckludGVyYWN0aXZlTGF5ZXJfXG4gIH07XG59O1xuXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5kZXN0cm95ID0gZnVuY3Rpb24oKSB7XG4gIHRoaXMuYmdjYW52YXNfID0gbnVsbDtcbiAgdGhpcy5mZ2NhbnZhc18gPSBudWxsO1xuICB0aGlzLmxlZnRab29tSGFuZGxlXyA9IG51bGw7XG4gIHRoaXMucmlnaHRab29tSGFuZGxlXyA9IG51bGw7XG59O1xuXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gUHJpdmF0ZSBtZXRob2RzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5nZXRPcHRpb25fID0gZnVuY3Rpb24obmFtZSwgb3B0X3Nlcmllcykge1xuICByZXR1cm4gdGhpcy5keWdyYXBoXy5nZXRPcHRpb24obmFtZSwgb3B0X3Nlcmllcyk7XG59O1xuXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5zZXREZWZhdWx0T3B0aW9uXyA9IGZ1bmN0aW9uKG5hbWUsIHZhbHVlKSB7XG4gIHRoaXMuZHlncmFwaF8uYXR0cnNfW25hbWVdID0gdmFsdWU7XG59O1xuXG4vKipcbiAqIEBwcml2YXRlXG4gKiBDcmVhdGVzIHRoZSByYW5nZSBzZWxlY3RvciBlbGVtZW50cyBhbmQgYWRkcyB0aGVtIHRvIHRoZSBncmFwaC5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuY3JlYXRlSW50ZXJmYWNlXyA9IGZ1bmN0aW9uKCkge1xuICB0aGlzLmNyZWF0ZUNhbnZhc2VzXygpO1xuICB0aGlzLmNyZWF0ZVpvb21IYW5kbGVzXygpO1xuICB0aGlzLmluaXRJbnRlcmFjdGlvbl8oKTtcblxuICAvLyBSYW5nZSBzZWxlY3RvciBhbmQgYW5pbWF0ZWRab29tcyBoYXZlIGEgYmFkIGludGVyYWN0aW9uLiBTZWUgaXNzdWUgMzU5LlxuICBpZiAodGhpcy5nZXRPcHRpb25fKCdhbmltYXRlZFpvb21zJykpIHtcbiAgICBjb25zb2xlLndhcm4oJ0FuaW1hdGVkIHpvb21zIGFuZCByYW5nZSBzZWxlY3RvciBhcmUgbm90IGNvbXBhdGlibGU7IGRpc2FibGluZyBhbmltYXRlZFpvb21zLicpO1xuICAgIHRoaXMuZHlncmFwaF8udXBkYXRlT3B0aW9ucyh7YW5pbWF0ZWRab29tczogZmFsc2V9LCB0cnVlKTtcbiAgfVxuXG4gIHRoaXMuaW50ZXJmYWNlQ3JlYXRlZF8gPSB0cnVlO1xuICB0aGlzLmFkZFRvR3JhcGhfKCk7XG59O1xuXG4vKipcbiAqIEBwcml2YXRlXG4gKiBBZGRzIHRoZSByYW5nZSBzZWxlY3RvciB0byB0aGUgZ3JhcGguXG4gKi9cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLmFkZFRvR3JhcGhfID0gZnVuY3Rpb24oKSB7XG4gIHZhciBncmFwaERpdiA9IHRoaXMuZ3JhcGhEaXZfID0gdGhpcy5keWdyYXBoXy5ncmFwaERpdjtcbiAgZ3JhcGhEaXYuYXBwZW5kQ2hpbGQodGhpcy5iZ2NhbnZhc18pO1xuICBncmFwaERpdi5hcHBlbmRDaGlsZCh0aGlzLmZnY2FudmFzXyk7XG4gIGdyYXBoRGl2LmFwcGVuZENoaWxkKHRoaXMubGVmdFpvb21IYW5kbGVfKTtcbiAgZ3JhcGhEaXYuYXBwZW5kQ2hpbGQodGhpcy5yaWdodFpvb21IYW5kbGVfKTtcbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIFJlbW92ZXMgdGhlIHJhbmdlIHNlbGVjdG9yIGZyb20gdGhlIGdyYXBoLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5yZW1vdmVGcm9tR3JhcGhfID0gZnVuY3Rpb24oKSB7XG4gIHZhciBncmFwaERpdiA9IHRoaXMuZ3JhcGhEaXZfO1xuICBncmFwaERpdi5yZW1vdmVDaGlsZCh0aGlzLmJnY2FudmFzXyk7XG4gIGdyYXBoRGl2LnJlbW92ZUNoaWxkKHRoaXMuZmdjYW52YXNfKTtcbiAgZ3JhcGhEaXYucmVtb3ZlQ2hpbGQodGhpcy5sZWZ0Wm9vbUhhbmRsZV8pO1xuICBncmFwaERpdi5yZW1vdmVDaGlsZCh0aGlzLnJpZ2h0Wm9vbUhhbmRsZV8pO1xuICB0aGlzLmdyYXBoRGl2XyA9IG51bGw7XG59O1xuXG4vKipcbiAqIEBwcml2YXRlXG4gKiBDYWxsZWQgYnkgTGF5b3V0IHRvIGFsbG93IHJhbmdlIHNlbGVjdG9yIHRvIHJlc2VydmUgaXRzIHNwYWNlLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5yZXNlcnZlU3BhY2VfID0gZnVuY3Rpb24oZSkge1xuICBpZiAodGhpcy5nZXRPcHRpb25fKCdzaG93UmFuZ2VTZWxlY3RvcicpKSB7XG4gICAgZS5yZXNlcnZlU3BhY2VCb3R0b20odGhpcy5nZXRPcHRpb25fKCdyYW5nZVNlbGVjdG9ySGVpZ2h0JykgKyA0KTtcbiAgfVxufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogUmVuZGVycyB0aGUgc3RhdGljIHBvcnRpb24gb2YgdGhlIHJhbmdlIHNlbGVjdG9yIGF0IHRoZSBwcmVkcmF3IHN0YWdlLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5yZW5kZXJTdGF0aWNMYXllcl8gPSBmdW5jdGlvbigpIHtcbiAgaWYgKCF0aGlzLnVwZGF0ZVZpc2liaWxpdHlfKCkpIHtcbiAgICByZXR1cm47XG4gIH1cbiAgdGhpcy5yZXNpemVfKCk7XG4gIHRoaXMuZHJhd1N0YXRpY0xheWVyXygpO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogUmVuZGVycyB0aGUgaW50ZXJhY3RpdmUgcG9ydGlvbiBvZiB0aGUgcmFuZ2Ugc2VsZWN0b3IgYWZ0ZXIgdGhlIGNoYXJ0IGhhcyBiZWVuIGRyYXduLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5yZW5kZXJJbnRlcmFjdGl2ZUxheWVyXyA9IGZ1bmN0aW9uKCkge1xuICBpZiAoIXRoaXMudXBkYXRlVmlzaWJpbGl0eV8oKSB8fCB0aGlzLmlzQ2hhbmdpbmdSYW5nZV8pIHtcbiAgICByZXR1cm47XG4gIH1cbiAgdGhpcy5wbGFjZVpvb21IYW5kbGVzXygpO1xuICB0aGlzLmRyYXdJbnRlcmFjdGl2ZUxheWVyXygpO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogQ2hlY2sgdG8gc2VlIGlmIHRoZSByYW5nZSBzZWxlY3RvciBpcyBlbmFibGVkL2Rpc2FibGVkIGFuZCB1cGRhdGUgdmlzaWJpbGl0eSBhY2NvcmRpbmdseS5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUudXBkYXRlVmlzaWJpbGl0eV8gPSBmdW5jdGlvbigpIHtcbiAgdmFyIGVuYWJsZWQgPSB0aGlzLmdldE9wdGlvbl8oJ3Nob3dSYW5nZVNlbGVjdG9yJyk7XG4gIGlmIChlbmFibGVkKSB7XG4gICAgaWYgKCF0aGlzLmludGVyZmFjZUNyZWF0ZWRfKSB7XG4gICAgICB0aGlzLmNyZWF0ZUludGVyZmFjZV8oKTtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLmdyYXBoRGl2XyB8fCAhdGhpcy5ncmFwaERpdl8ucGFyZW50Tm9kZSkge1xuICAgICAgdGhpcy5hZGRUb0dyYXBoXygpO1xuICAgIH1cbiAgfSBlbHNlIGlmICh0aGlzLmdyYXBoRGl2Xykge1xuICAgIHRoaXMucmVtb3ZlRnJvbUdyYXBoXygpO1xuICAgIHZhciBkeWdyYXBoID0gdGhpcy5keWdyYXBoXztcbiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uKCkgeyBkeWdyYXBoLndpZHRoXyA9IDA7IGR5Z3JhcGgucmVzaXplKCk7IH0sIDEpO1xuICB9XG4gIHJldHVybiBlbmFibGVkO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogUmVzaXplcyB0aGUgcmFuZ2Ugc2VsZWN0b3IuXG4gKi9cbnJhbmdlU2VsZWN0b3IucHJvdG90eXBlLnJlc2l6ZV8gPSBmdW5jdGlvbigpIHtcbiAgZnVuY3Rpb24gc2V0RWxlbWVudFJlY3QoY2FudmFzLCBjb250ZXh0LCByZWN0LCBwaXhlbFJhdGlvT3B0aW9uKSB7XG4gICAgdmFyIGNhbnZhc1NjYWxlID0gcGl4ZWxSYXRpb09wdGlvbiB8fCB1dGlscy5nZXRDb250ZXh0UGl4ZWxSYXRpbyhjb250ZXh0KTtcblxuICAgIGNhbnZhcy5zdHlsZS50b3AgPSByZWN0LnkgKyAncHgnO1xuICAgIGNhbnZhcy5zdHlsZS5sZWZ0ID0gcmVjdC54ICsgJ3B4JztcbiAgICBjYW52YXMud2lkdGggPSByZWN0LncgKiBjYW52YXNTY2FsZTtcbiAgICBjYW52YXMuaGVpZ2h0ID0gcmVjdC5oICogY2FudmFzU2NhbGU7XG4gICAgY2FudmFzLnN0eWxlLndpZHRoID0gcmVjdC53ICsgJ3B4JztcbiAgICBjYW52YXMuc3R5bGUuaGVpZ2h0ID0gcmVjdC5oICsgJ3B4JztcblxuICAgIGlmKGNhbnZhc1NjYWxlICE9IDEpIHtcbiAgICAgIGNvbnRleHQuc2NhbGUoY2FudmFzU2NhbGUsIGNhbnZhc1NjYWxlKTtcbiAgICB9XG4gIH1cblxuICB2YXIgcGxvdEFyZWEgPSB0aGlzLmR5Z3JhcGhfLmxheW91dF8uZ2V0UGxvdEFyZWEoKTtcblxuICB2YXIgeEF4aXNMYWJlbEhlaWdodCA9IDA7XG4gIGlmICh0aGlzLmR5Z3JhcGhfLmdldE9wdGlvbkZvckF4aXMoJ2RyYXdBeGlzJywgJ3gnKSkge1xuICAgIHhBeGlzTGFiZWxIZWlnaHQgPSB0aGlzLmdldE9wdGlvbl8oJ3hBeGlzSGVpZ2h0JykgfHwgKHRoaXMuZ2V0T3B0aW9uXygnYXhpc0xhYmVsRm9udFNpemUnKSArIDIgKiB0aGlzLmdldE9wdGlvbl8oJ2F4aXNUaWNrU2l6ZScpKTtcbiAgfVxuICB0aGlzLmNhbnZhc1JlY3RfID0ge1xuICAgIHg6IHBsb3RBcmVhLngsXG4gICAgeTogcGxvdEFyZWEueSArIHBsb3RBcmVhLmggKyB4QXhpc0xhYmVsSGVpZ2h0ICsgNCxcbiAgICB3OiBwbG90QXJlYS53LFxuICAgIGg6IHRoaXMuZ2V0T3B0aW9uXygncmFuZ2VTZWxlY3RvckhlaWdodCcpXG4gIH07XG5cbiAgdmFyIHBpeGVsUmF0aW9PcHRpb24gPSB0aGlzLmR5Z3JhcGhfLmdldE51bWVyaWNPcHRpb24oJ3BpeGVsUmF0aW8nKTtcbiAgc2V0RWxlbWVudFJlY3QodGhpcy5iZ2NhbnZhc18sIHRoaXMuYmdjYW52YXNfY3R4XywgdGhpcy5jYW52YXNSZWN0XywgcGl4ZWxSYXRpb09wdGlvbik7XG4gIHNldEVsZW1lbnRSZWN0KHRoaXMuZmdjYW52YXNfLCB0aGlzLmZnY2FudmFzX2N0eF8sIHRoaXMuY2FudmFzUmVjdF8sIHBpeGVsUmF0aW9PcHRpb24pO1xufTtcblxuLyoqXG4gKiBAcHJpdmF0ZVxuICogQ3JlYXRlcyB0aGUgYmFja2dyb3VuZCBhbmQgZm9yZWdyb3VuZCBjYW52YXNlcy5cbiAqL1xucmFuZ2VTZWxlY3Rvci5wcm90b3R5cGUuY3JlYXRlQ2FudmFzZXNfID0gZnVuY3Rpb24oKSB7XG4gIHRoaXMuYmdjYW52YXNfID0gdXRpbHMuY3JlYXRlQ2FudmFzKCk7XG4gIHRoaXMuYmdjYW52YXNfLmNsYXNzTmFtZSA9ICdkeWdyYXBoLXJhbmdlc2VsLWJnY2FudmFzJztcbiAgdGhpcy5iZ2NhbnZhc18uc3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnO1xuICB0aGlzLmJnY2FudmFzXy5zdHlsZS56SW5kZXggPSA5O1xuICB0aGlzLmJnY2FudmFzX2N0eF8gPSB1dGlscy5nZXRDb250ZXh0KHRoaXMuYmdjYW52YXNfKTtcblxuICB0aGlzLmZnY2FudmFzXyA9IHV0aWxzLmNyZWF0ZUNhbnZhcygpO1xuICB0aGlzLmZnY2FudmFzXy5jbGFzc05hbWUgPSAnZHlncmFwaC1yYW5nZXNlbC1mZ2NhbnZhcyc7XG4gIHRoaXMuZmdjYW52YXNfLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgdGhpcy5mZ2NhbnZhc18uc3R5bGUuekluZGV4ID0gOTtcbiAgdGhpcy5mZ2NhbnZhc18uc3R5bGUuY3Vyc29yID0gJ2RlZmF1bHQnO1xuICB0aGlzLmZnY2FudmFzX2N0eF8gPSB1dGlscy5nZXRDb250ZXh0KHRoaXMuZmdjYW52YXNfKTtcbn07XG5cbi8qKlxuICogQHByaXZhdGVcbiAqIENyZWF0ZXMgdGhlIHpvb20gaGFuZGxlIGVsZW1lbnRzLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5jcmVhdGVab29tSGFuZGxlc18gPSBmdW5jdGlvbigpIHtcbiAgdmFyIGltZyA9IG5ldyBJbWFnZSgpO1xuICBpbWcuY2xhc3NOYW1lID0gJ2R5Z3JhcGgtcmFuZ2VzZWwtem9vbWhhbmRsZSc7XG4gIGltZy5zdHlsZS5wb3NpdGlvbiA9ICdhYnNvbHV0ZSc7XG4gIGltZy5zdHlsZS56SW5kZXggPSAxMDtcbiAgaW1nLnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJzsgLy8gSW5pdGlhbGx5IGhpZGRlbiBzbyB0aGV5IGRvbid0IHNob3cgdXAgaW4gdGhlIHdyb25nIHBsYWNlLlxuICBpbWcuc3R5bGUuY3Vyc29yID0gJ2NvbC1yZXNpemUnO1xuICAvLyBUT0RPOiBjaGFuZ2UgaW1hZ2UgdG8gbW9yZSBvcHRpb25zXG4gIGltZy53aWR0aCA9IDk7XG4gIGltZy5oZWlnaHQgPSAxNjtcbiAgaW1nLnNyYyA9ICdkYXRhOmltYWdlL3BuZztiYXNlNjQsJyArXG4naVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUFrQUFBQVFDQVlBQUFERVNGVkRBQUFBQVhOU1IwSUFyczRjNlFBQUFBWmlTMGRFQU5BQScgK1xuJ3p3RFA0WjdLZWdBQUFBbHdTRmx6QUFBT3hBQUFEc1FCbFNzT0d3QUFBQWQwU1UxRkI5c0hHdzBjTXFkdDFVd0FBQUFaZEVWWWRFTnYnICtcbidiVzFsYm5RQVEzSmxZWFJsWkNCM2FYUm9JRWRKVFZCWGdRNFhBQUFBYUVsRVFWUW96KzNTc1JGQVFCQ0Y0WjlXSk04S0NEVndvd25sJyArXG4nNllYc1RtQ1VzeUtHa1p6Y2w3emt6M1lMa3lwZ0FucmVGbURFcEhrSXdWT01mcGRpOUNFRU4ybkdwRmR3RDAzeUVxRHRPZ0NhdW43cycgK1xuJ3FTVERIMzJJMXBRQTJQYjlzWmVjQXhjNXIzSUFiMjFkNjg3OHhzQUFBQUFBU1VWT1JLNUNZSUk9JztcblxuICBpZiAodGhpcy5pc01vYmlsZURldmljZV8pIHtcbiAgICBpbWcud2lkdGggKj0gMjtcbiAgICBpbWcuaGVpZ2h0ICo9IDI7XG4gIH1cblxuICB0aGlzLmxlZnRab29tSGFuZGxlXyA9IGltZztcbiAgdGhpcy5yaWdodFpvb21IYW5kbGVfID0gaW1nLmNsb25lTm9kZShmYWxzZSk7XG59O1xuXG4vKipcbiAqIEBwcml2YXRlXG4gKiBTZXRzIHVwIHRoZSBpbnRlcmFjdGlvbiBmb3IgdGhlIHJhbmdlIHNlbGVjdG9yLlxuICovXG5yYW5nZVNlbGVjdG9yLnByb3RvdHlwZS5pbml0SW50ZXJhY3Rpb25fID0gZnVuY3Rpb24oKSB7XG4gIHZhciBzZWxmID0gdGhpcztcbiAgdmFyIHRvcEVsZW0gPSBkb2N1bWVudDtcbiAgdmFyIGNsaWVudFhMYXN0ID0gMDtcbiAgdmFyIGhhbmRsZSA9IG51bGw7XG4gIHZhciBpc1pvb21pbmcgPSBmYWxzZTtcbiAgdmFyIGlzUGFubmluZyA9IGZhbHNlO1xuICB2YXIgZHluYW1pYyA9ICF0aGlzLmlzTW9iaWxlRGV2aWNlXztcblxuICAvLyBXZSBjb3ZlciBpZnJhbWVzIGR1cmluZyBtb3VzZSBpbnRlcmFjdGlvbnMuIFNlZSBjb21tZW50cyBpblxuICAvLyBkeWdyYXBoLXV0aWxzLmpzIGZvciBtb3JlIGluZm8gb24gd2h5IHRoaXMgaXMgYSBnb29kIGlkZWEuXG4gIHZhciB0YXJwID0gbmV3IElGcmFtZVRhcnAoKTtcblxuICAvLyBmdW5jdGlvbnMsIGRlZmluZWQgYmVsb3cuICBEZWZpbmluZyB0aGVtIHRoaXMgd2F5IChyYXRoZXIgdGhhbiB3aXRoXG4gIC8vIFwiZnVuY3Rpb24gZm9vKCkgey4uLn1cIikgbWFrZXMgSlNIaW50IGhhcHB5LlxuICB2YXIgdG9YRGF0YVdpbmRvdywgb25ab29tU3RhcnQsIG9uWm9vbSwgb25ab29tRW5kLCBkb1pvb20sIGlzTW91c2VJblBhblpvbmUsXG4gICAgICBvblBhblN0YXJ0LCBvblBhbiwgb25QYW5FbmQsIGRvUGFuLCBvbkNhbnZhc0hvdmVyO1xuXG4gIC8vIFRvdWNoIGV2ZW50IGZ1bmN0aW9uc1xuICB2YXIgb25ab29tSGFuZGxlVG91Y2hFdmVudCwgb25DYW52YXNUb3VjaEV2ZW50LCBhZGRUb3VjaEV2ZW50cztcblxuICB0b1hEYXRhV2luZG93ID0gZnVuY3Rpb24oem9vbUhhbmRsZVN0YXR1cykge1xuICAgIHZhciB4RGF0YUxpbWl0cyA9IHNlbGYuZHlncmFwaF8ueEF4aXNFeHRyZW1lcygpO1xuICAgIHZhciBmYWN0ID0gKHhEYXRhTGltaXRzWzFdIC0geERhdGFMaW1pdHNbMF0pL3NlbGYuY2FudmFzUmVjdF8udztcbiAgICB2YXIgeERhdGFNaW4gPSB4RGF0YUxpbWl0c1swXSArICh6b29tSGFuZGxlU3RhdHVzLmxlZnRIYW5kbGVQb3MgLSBzZWxmLmNhbnZhc1JlY3RfLngpKmZhY3Q7XG4gICAgdmFyIHhEYXRhTWF4ID0geERhdGFMaW1pdHNbMF0gKyAoem9vbUhhbmRsZVN0YXR1cy5yaWdodEhhbmRsZVBvcyAtIHNlbGYuY2FudmFzUmVjdF8ueCkqZmFjdDtcbiAgICByZXR1cm4gW3hEYXRhTWluLCB4RGF0YU1heF07XG4gIH07XG5cbiAgb25ab29tU3RhcnQgPSBmdW5jdGlvbihlKSB7XG4gICAgdXRpbHMuY2FuY2VsRXZlbnQoZSk7XG4gICAgaXNab29taW5nID0gdHJ1ZTtcbiAgICBjbGllbnRYTGFzdCA9IGUuY2xpZW50WDtcbiAgICBoYW5kbGUgPSBlLnRhcmdldCA/IGUudGFyZ2V0IDogZS5zcmNFbGVtZW50O1xuICAgIGlmIChlLnR5cGUgPT09ICdtb3VzZWRvd24nIHx8IGUudHlwZSA9PT0gJ2RyYWdzdGFydCcpIHtcbiAgICAgIC8vIFRoZXNlIGV2ZW50cyBhcmUgcmVtb3ZlZCBtYW51YWxseS5cbiAgICAgIHV0aWxzLmFkZEV2ZW50KHRvcEVsZW0sICdtb3VzZW1vdmUnLCBvblpvb20pO1xuICAgICAgdXRpbHMuYWRkRXZlbnQodG9wRWxlbSwgJ21vdXNldXAnLCBvblpvb21FbmQpO1xuICAgIH1cbiAgICBzZWxmLmZnY2FudmFzXy5zdHlsZS5jdXJzb3IgPSAnY29sLXJlc2l6ZSc7XG4gICAgdGFycC5jb3ZlcigpO1xuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIG9uWm9vbSA9IGZ1bmN0aW9uKGUpIHtcbiAgICBpZiAoIWlzWm9vbWluZykge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICB1dGlscy5jYW5jZWxFdmVudChlKTtcblxuICAgIHZhciBkZWxYID0gZS5jbGllbnRYIC0gY2xpZW50WExhc3Q7XG4gICAgaWYgKE1hdGguYWJzKGRlbFgpIDwgNCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIGNsaWVudFhMYXN0ID0gZS5jbGllbnRYO1xuXG4gICAgLy8gTW92ZSBoYW5kbGUuXG4gICAgdmFyIHpvb21IYW5kbGVTdGF0dXMgPSBzZWxmLmdldFpvb21IYW5kbGVTdGF0dXNfKCk7XG4gICAgdmFyIG5ld1BvcztcbiAgICBpZiAoaGFuZGxlID09IHNlbGYubGVmdFpvb21IYW5kbGVfKSB7XG4gICAgICBuZXdQb3MgPSB6b29tSGFuZGxlU3RhdHVzLmxlZnRIYW5kbGVQb3MgKyBkZWxYO1xuICAgICAgbmV3UG9zID0gTWF0aC5taW4obmV3UG9zLCB6b29tSGFuZGxlU3RhdHVzLnJpZ2h0SGFuZGxlUG9zIC0gaGFuZGxlLndpZHRoIC0gMyk7XG4gICAgICBuZXdQb3MgPSBNYXRoLm1heChuZXdQb3MsIHNlbGYuY2FudmFzUmVjdF8ueCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG5ld1BvcyA9IHpvb21IYW5kbGVTdGF0dXMucmlnaHRIYW5kbGVQb3MgKyBkZWxYO1xuICAgICAgbmV3UG9zID0gTWF0aC5taW4obmV3UG9zLCBzZWxmLmNhbnZhc1JlY3RfLnggKyBzZWxmLmNhbnZhc1JlY3RfLncpO1xuICAgICAgbmV3UG9zID0gTWF0aC5tYXgobmV3UG9zLCB6b29tSGFuZGxlU3RhdHVzLmxlZnRIYW5kbGVQb3MgKyBoYW5kbGUud2lkdGggKyAzKTtcbiAgICB9XG4gICAgdmFyIGhhbGZIYW5kbGVXaWR0aCA9IGhhbmRsZS53aWR0aC8yO1xuICAgIGhhbmRsZS5zdHlsZS5sZWZ0ID0gKG5ld1BvcyAtIGhhbGZIYW5kbGVXaWR0aCkgKyAncHgnO1xuICAgIHNlbGYuZHJhd0ludGVyYWN0aXZlTGF5ZXJfKCk7XG5cbiAgICAvLyBab29tIG9uIHRoZSBmbHkuXG4gICAgaWYgKGR5bmFtaWMpIHtcbiAgICAgIGRvWm9vbSgpO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfTtcblxuICBvblpvb21FbmQgPSBmdW5jdGlvbihlKSB7XG4gICAgaWYgKCFpc1pvb21pbmcpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgaXNab29taW5nID0gZmFsc2U7XG4gICAgdGFycC51bmNvdmVyKCk7XG4gICAgdXRpbHMucmVtb3ZlRXZlbnQodG9wRWxlbSwgJ21vdXNlbW92ZScsIG9uWm9vbSk7XG4gICAgdXRpbHMucmVtb3ZlRXZlbnQodG9wRWxlbSwgJ21vdXNldXAnLCBvblpvb21FbmQpO1xuICAgIHNlbGYuZmdjYW52YXNfLnN0eWxlLmN1cnNvciA9ICdkZWZhdWx0JztcblxuICAgIC8vIElmIG9uIGEgc2xvd2VyIGRldmljZSwgem9vbSBub3cuXG4gICAgaWYgKCFkeW5hbWljKSB7XG4gICAgICBkb1pvb20oKTtcbiAgICB9XG4gICAgcmV0dXJuIHRydWU7XG4gIH07XG5cbiAgZG9ab29tID0gZnVuY3Rpb24oKSB7XG4gICAgdHJ5IHtcbiAgICAgIHZhciB6b29tSGFuZGxlU3RhdHVzID0gc2VsZi5nZXRab29tSGFuZGxlU3RhdHVzXygpO1xuICAgICAgc2VsZi5pc0NoYW5naW5nUmFuZ2VfID0gdHJ1ZTtcbiAgICAgIGlmICghem9vbUhhbmRsZVN0YXR1cy5pc1pvb21lZCkge1xuICAgICAgICBzZWxmLmR5Z3JhcGhfLnJlc2V0Wm9vbSgpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdmFyIHhEYXRhV2luZG93ID0gdG9YRGF0YVdpbmRvdyh6b29tSGFuZGxlU3RhdHVzKTtcbiAgICAgICAgc2VsZi5keWdyYXBoXy5kb1pvb21YRGF0ZXNfKHhEYXRhV2luZG93WzBdLCB4RGF0YVdpbmRvd1sxXSk7XG4gICAgICB9XG4gICAgfSBmaW5hbGx5IHtcbiAgICAgIHNlbGYuaXNDaGFuZ2luZ1JhbmdlXyA9IGZhbHNlO1xuICAgIH1cbiAgfTtcblxuICBpc01vdXNlSW5QYW5ab25lID0gZnVuY3Rpb24oZSkge1xuICAgIHZhciByZWN0ID0gc2VsZi5sZWZ0Wm9vbUhhbmRsZV8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgdmFyIGxlZnRIYW5kbGVDbGllbnRYID0gcmVjdC5sZWZ0ICsgcmVjdC53aWR0aC8yO1xuICAgIHJlY3QgPSBzZWxmLnJpZ2h0Wm9vbUhhbmRsZV8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgdmFyIHJpZ2h0SGFuZGxlQ2xpZW50WCA9IHJlY3QubGVmdCArIHJlY3Qud2lkdGgvMjtcbiAgICByZXR1cm4gKGUuY2xpZW50WCA+IGxlZnRIYW5kbGVDbGllbnRYICYmIGUuY2xpZW50WCA8IHJpZ2h0SGFuZGxlQ2xpZW50WCk7XG4gIH07XG5cbiAgb25QYW5TdGFydCA9IGZ1bmN0aW9uKGUpIHtcbiAgICBpZiAoIWlzUGFubmluZyAmJiBpc01vdXNlSW5QYW5ab25lKGUpICYmIHNlbGYuZ2V0Wm9vbUhhbmRsZVN0YXR1c18oKS5pc1pvb21lZCkge1xuICAgICAgdXRpbHMuY2FuY2VsRXZlbnQoZSk7XG4gICAgICBpc1Bhbm5pbmcgPSB0cnVlO1xuICAgICAgY2xpZW50WExhc3QgPSBlLmNsaWVudFg7XG4gICAgICBpZiAoZS50eXBlID09PSAnbW91c2Vkb3duJykge1xuICAgICAgICAvLyBUaGVzZSBldmVudHMgYXJlIHJlbW92ZWQgbWFudWFsbHkuXG4gICAgICAgIHV0aWxzLmFkZEV2ZW50KHRvcEVsZW0sICdtb3VzZW1vdmUnLCBvblBhbik7XG4gICAgICAgIHV0aWxzLmFkZEV2ZW50KHRvcEVsZW0sICdtb3VzZXVwJywgb25QYW5FbmQpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbiAgfTtcblxuICBvblBhbiA9IGZ1bmN0aW9uKGUpIHtcbiAgICBpZiAoIWlzUGFubmluZykge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICB1dGlscy5jYW5jZWxFdmVudChlKTtcblxuICAgIHZhciBkZWxYID0gZS5jbGllbnRYIC0gY2xpZW50WExhc3Q7XG4gICAgaWYgKE1hdGguYWJzKGRlbFgpIDwgNCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIGNsaWVudFhMYXN0ID0gZS5jbGllbnRYO1xuXG4gICAgLy8gTW92ZSByYW5nZSB2aWV3XG4gICAgdmFyIHpvb21IYW5kbGVTdGF0dXMgPSBzZWxmLmdldFpvb21IYW5kbGVTdGF0dXNfKCk7XG4gICAgdmFyIGxlZnRIYW5kbGVQb3MgPSB6b29tSGFuZGxlU3RhdHVzLmxlZnRIYW5kbGVQb3M7XG4gICAgdmFyIHJpZ2h0SGFuZGxlUG9zID0gem9vbUhhbmRsZVN0YXR1cy5yaWdodEhhbmRsZVBvcztcbiAgICB2YXIgcmFuZ2VTaXplID0gcmlnaHRIYW5kbGVQb3MgLSBsZWZ0SGFuZGxlUG9zO1xuICAgIGlmIChsZWZ0SGFuZGxlUG9zICsgZGVsWCA8PSBzZWxmLmNhbnZhc1JlY3RfLngpIHtcbiAgICAgIGxlZnRIYW5kbGVQb3MgPSBzZWxmLmNhbnZhc1JlY3RfLng7XG4gICAgICByaWdodEhhbmRsZVBvcyA9IGxlZnRIYW5kbGVQb3MgKyByYW5nZVNpemU7XG4gICAgfSBlbHNlIGlmIChyaWdodEhhbmRsZVBvcyArIGRlbFggPj0gc2VsZi5jYW52YXNSZWN0Xy54ICsgc2VsZi5jYW52YXNSZWN0Xy53KSB7XG4gICAgICByaWdodEhhbmRsZVBvcyA9IHNlbGYuY2FudmFzUmVjdF8ueCArIHNlbGYuY2FudmFzUmVjdF8udztcbiAgICAgIGxlZnRIYW5kbGVQb3MgPSByaWdodEhhbmRsZVBvcyAtIHJhbmdlU2l6ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgbGVmdEhhbmRsZVBvcyArPSBkZWxYO1xuICAgICAgcmlnaHRIYW5kbGVQb3MgKz0gZGVsWDtcbiAgICB9XG4gICAgdmFyIGhhbGZIYW5kbGVXaWR0aCA9IHNlbGYubGVmdFpvb21IYW5kbGVfLndpZHRoLzI7XG4gICAgc2VsZi5sZWZ0Wm9vbUhhbmRsZV8uc3R5bGUubGVmdCA9IChsZWZ0SGFuZGxlUG9zIC0gaGFsZkhhbmRsZVdpZHRoKSArICdweCc7XG4gICAgc2VsZi5yaWdodFpvb21IYW5kbGVfLnN0eWxlLmxlZnQgPSAocmlnaHRIYW5kbGVQb3MgLSBoYWxmSGFuZGxlV2lkdGgpICsgJ3B4JztcbiAgICBzZWxmLmRyYXdJbnRlcmFjdGl2ZUxheWVyXygpO1xuXG4gICAgLy8gRG8gcGFuIG9uIHRoZSBmbHkuXG4gICAgaWYgKGR5bmFtaWMpIHtcbiAgICAgIGRvUGFuKCk7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIG9uUGFuRW5kID0gZnVuY3Rpb24oZSkge1xuICAgIGlmICghaXNQYW5uaW5nKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlzUGFubmluZyA9IGZhbHNlO1xuICAgIHV0aWxzLnJlbW92ZUV2ZW50KHRvcEVsZW0sICdtb3VzZW1vdmUnLCBvblBhbik7XG4gICAgdXRpbHMucmVtb3ZlRXZlbnQodG9wRWxlbSwgJ21vdXNldXAnLCBvblBhbkVuZCk7XG4gICAgLy8gSWYgb24gYSBzbG93ZXIgZGV2aWNlLCBkbyBwYW4gbm93LlxuICAgIGlmICghZHluYW1pYykge1xuICAgICAgZG9QYW4oKTtcbiAgICB9XG4gICAgcmV0dXJuIHRydWU7XG4gIH07XG5cbiAgZG9QYW4gPSBmdW5jdGlvbigpIHtcbiAgICB0cnkge1xuICAgICAgc2VsZi5pc0NoYW5naW5nUmFuZ2VfID0gdHJ1ZTtcbiAgICAgIHNlbGYuZHlncmFwaF8uZGF0ZVdpbmRvd18gPSB0b1hEYXRhV2luZG93KHNlbGYuZ2V0Wm9vbUhhbmRsZVN0YXR1c18oKSk7XG4gICAgICBzZWxmLmR5Z3JhcGhfLmRyYXdHcmFwaF8oZmFsc2UpO1xuICAgIH0gZmluYWxseSB7XG4gICAgICBzZWxmLmlzQ2hhbmdpbmdSYW5nZV8gPSBmYWxzZTtcbiAgICB9XG4gIH07XG5cbiAgb25DYW52YXNIb3ZlciA9IGZ1bmN0aW9uKGUpIHtcbiAgICBpZiAoaXNab29taW5nIHx8IGlzUGFubmluZykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB2YXIgY3Vyc29yID0gaXNNb3VzZUluUGFuWm9uZShlKSA/ICdtb3ZlJy