ngc-scrolling-tabs
Version:
This component is a scrollable responsive tab component build on Angular 8 and Bootstrap 4. The left and right nav buttons will scroll one tab at a time. The component will track what tab is open and re-navigate to the open tab when the screen is refreshe
331 lines • 26.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/scrolling-tabs.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
var ScrollingTabsComponent = /** @class */ (function () {
function ScrollingTabsComponent(changeDetector, route, router) {
this.changeDetector = changeDetector;
this.route = route;
this.router = router;
this.firstTabActive = true;
this.scrollToActive = true;
this.trackOpenTab = true;
this.selectedTabChanged = new EventEmitter();
this.tabs = [];
this.leftOffset = 0;
this.firstVisibleTabIndex = -1;
this.showLeftArrow = false;
this.showRightArrow = false;
}
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
var _this = this;
setTimeout((/**
* @return {?}
*/
function () {
// if there is a param of tabId and we want to track open tabs mark the open tab as active
if (_this.route.snapshot.queryParams.tabId && _this.trackOpenTab) {
_this.markTabAsActive(_this.route.snapshot.queryParams.tabId);
}
else if (_this.firstTabActive) { // if we should mark the first tab as active if a active tab is not specified
_this.markFirstTabActive();
}
// scroll to the active tab if setting is true and the tabs are larger than the window
if (_this.scrollToActive && _this.hasHiddenTabs()) {
_this.scrollToActiveTab();
}
_this.redrawTabs();
_this.changeDetector.detectChanges();
}), 0);
};
/**
* @param {?} tab
* @return {?}
*/
ScrollingTabsComponent.prototype.addTab = /**
* @param {?} tab
* @return {?}
*/
function (tab) {
this.tabs.push(tab);
};
/**
* @param {?} tab
* @return {?}
*/
ScrollingTabsComponent.prototype.removeTab = /**
* @param {?} tab
* @return {?}
*/
function (tab) {
/** @type {?} */
var index = this.tabs.indexOf(tab);
if (index !== -1) {
this.tabs.splice(index, 1);
}
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.windowResize = /**
* @return {?}
*/
function () {
this.redrawTabs();
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.redrawTabs = /**
* @return {?}
*/
function () {
// Take the total width of the list. Subtract how far right we are and see if that is greater than the
// width of the current display
if (this.widthOfList() + this.leftOffset > this.navWrapper.nativeElement.offsetWidth) {
this.showRightArrow = true;
}
else {
this.showRightArrow = false;
}
// see if we have scrolled right and we are not at the left most position
if (this.leftOffset < 0) {
this.showLeftArrow = true;
}
else {
this.showLeftArrow = false;
}
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.widthOfList = /**
* @return {?}
*/
function () {
var e_1, _a;
/** @type {?} */
var totalWidth = 0;
try {
for (var _b = tslib_1.__values(this.tabList.nativeElement.children), _c = _b.next(); !_c.done; _c = _b.next()) {
var li = _c.value;
totalWidth += li.offsetWidth;
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
return totalWidth;
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.onScrollerLeftClick = /**
* @return {?}
*/
function () {
// we need to go left for the width of the previous tab
this.firstVisibleTabIndex--;
// when moving left the left offset increases
this.leftOffset += this.tabList.nativeElement.children[this.firstVisibleTabIndex].offsetWidth;
this.redrawTabs();
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.onScrollerRightClick = /**
* @return {?}
*/
function () {
// when moving right you descrease the left offset. We want to go right the length of the current tab
this.leftOffset -= this.tabList.nativeElement.children[this.firstVisibleTabIndex].offsetWidth;
// change the index of the visible tab now that we have moved
this.firstVisibleTabIndex++;
this.redrawTabs();
};
/**
* @param {?} tab
* @return {?}
*/
ScrollingTabsComponent.prototype.onSelectedTabChanged = /**
* @param {?} tab
* @return {?}
*/
function (tab) {
this.markTabAsActive(tab.id);
if (this.trackOpenTab) {
this.pushCurrentTabToParam(tab);
}
this.selectedTabChanged.emit(tab);
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.markFirstTabActive = /**
* @return {?}
*/
function () {
/** @type {?} */
var activeTab = this.tabs.find((/**
* @param {?} t
* @return {?}
*/
function (t) { return t.active; }));
// if there is no active tab and we have tabs set first one to active
if (!activeTab && this.tabs.length > 0) {
this.tabs[0].active = true;
}
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.scrollToActiveTab = /**
* @return {?}
*/
function () {
/** @type {?} */
var activeTab = this.tabs.findIndex((/**
* @param {?} t
* @return {?}
*/
function (t) { return t.active; }));
this.firstVisibleTabIndex = activeTab;
for (var i = 0; i < activeTab; i++) {
if (this.tabList.nativeElement.children[i]) {
this.leftOffset -= this.tabList.nativeElement.children[i].offsetWidth;
}
}
};
/**
* @return {?}
*/
ScrollingTabsComponent.prototype.hasHiddenTabs = /**
* @return {?}
*/
function () {
return this.widthOfList() > this.navWrapper.nativeElement.offsetWidth;
};
/**
* @param {?} tabId
* @return {?}
*/
ScrollingTabsComponent.prototype.markTabAsActive = /**
* @param {?} tabId
* @return {?}
*/
function (tabId) {
var e_2, _a;
try {
for (var _b = tslib_1.__values(this.tabs), _c = _b.next(); !_c.done; _c = _b.next()) {
var t = _c.value;
t.active = false;
if (t.id === tabId) {
t.active = true;
}
}
}
catch (e_2_1) { e_2 = { error: e_2_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_2) throw e_2.error; }
}
};
/**
* @param {?} tab
* @return {?}
*/
ScrollingTabsComponent.prototype.pushCurrentTabToParam = /**
* @param {?} tab
* @return {?}
*/
function (tab) {
this.router.navigate([], {
relativeTo: this.route,
queryParams: {
tabId: tab.id
},
queryParamsHandling: 'merge'
});
};
ScrollingTabsComponent.decorators = [
{ type: Component, args: [{
selector: 'ngc-scrolling-tabs',
template: "<div class=\"wrap-selector\">\n <div class=\"nav-tabs-boxed\">\n <div class=\"scroller scroller-left\" (click)=\"onScrollerLeftClick()\" *ngIf=\"showLeftArrow\">\n <svg class=\"arrow-img\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.0\" width=\"157.000000pt\" height=\"263.000000pt\"\n viewBox=\"0 0 157.000000 263.000000\" preserveAspectRatio=\"xMidYMid meet\">\n <g transform=\"translate(0.000000,263.000000) scale(0.100000,-0.100000)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M653 1967 l-603 -602 0 -45 0 -45 603 -602 c710 -711 628 -655 764 -520 79 79 83 85 83 127 l0 45 -497 497 -498 498 498 498 497 497 0 45 c0 42 -4 48 -83 127 -136 135 -54 191 -764 -520z\" />\n </g>\n </svg>\n </div>\n <div class=\"scroller scroller-right\" (click)=\"onScrollerRightClick()\" *ngIf=\"showRightArrow\">\n <svg class=\"arrow-img\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.0\" width=\"157.000000pt\" height=\"263.000000pt\"\n viewBox=\"0 0 157.000000 263.000000\" preserveAspectRatio=\"xMidYMid meet\">\n <g transform=\"translate(0.000000,263.000000) scale(0.100000,-0.100000)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M153 2477 c-79 -79 -83 -85 -83 -127 l0 -45 497 -497 498 -498 -498 -498 -497 -497 0 -45 c0 -42 4 -48 83 -127 136 -135 54 -191 764 520 l603 602 0 45 0 45 -603 602 c-710 711 -628 655 -764 520z\" />\n </g>\n </svg>\n </div>\n <div class=\"nav-wrapper\" #navWrapper>\n <ul class=\"nav nav-tabs list\" role=\"tablist\" #tabList [style.left.px]=\"leftOffset\">\n <li *ngFor=\"let tab of tabs\" class=\"nav-item\">\n <a [ngClass]=\"tab.getTabClasses()\" data-toggle=\"tab\" href=\"javascript:void(0)\" role=\"tab\"\n attr.aria-controls=\"{{tab.title}}\" (click)=\"onSelectedTabChanged(tab)\">{{tab.title}}</a>\n </li>\n </ul>\n </div>\n <div class=\"tab-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>",
changeDetection: ChangeDetectionStrategy.OnPush,
styles: [".nav-wrapper{position:relative;margin:0 auto;overflow:hidden;padding:5px;height:38px}.nav-tabs{height:38px;margin-left:1px}.tab-content{margin-left:1px}.list{position:absolute;left:0;top:0;min-width:3000px;margin-top:0}.list li{display:table-cell;position:relative;text-align:center;cursor:grab;cursor:-webkit-grab;color:#efefef;vertical-align:middle}.scroller{text-align:center;cursor:pointer;padding:7px;white-space:no-wrap;vertical-align:middle}.scroller-right{float:right}.scroller-left{float:left}.arrow-img{height:20px;width:15px}.arrow-img:hover{opacity:.5}"]
}] }
];
/** @nocollapse */
ScrollingTabsComponent.ctorParameters = function () { return [
{ type: ChangeDetectorRef },
{ type: ActivatedRoute },
{ type: Router }
]; };
ScrollingTabsComponent.propDecorators = {
navWrapper: [{ type: ViewChild, args: ['navWrapper', { static: false },] }],
tabList: [{ type: ViewChild, args: ['tabList', { static: false },] }],
firstTabActive: [{ type: Input }],
scrollToActive: [{ type: Input }],
trackOpenTab: [{ type: Input }],
selectedTabChanged: [{ type: Output }],
windowResize: [{ type: HostListener, args: ['window:resize',] }]
};
return ScrollingTabsComponent;
}());
export { ScrollingTabsComponent };
if (false) {
/** @type {?} */
ScrollingTabsComponent.prototype.navWrapper;
/** @type {?} */
ScrollingTabsComponent.prototype.tabList;
/** @type {?} */
ScrollingTabsComponent.prototype.firstTabActive;
/** @type {?} */
ScrollingTabsComponent.prototype.scrollToActive;
/** @type {?} */
ScrollingTabsComponent.prototype.trackOpenTab;
/** @type {?} */
ScrollingTabsComponent.prototype.selectedTabChanged;
/** @type {?} */
ScrollingTabsComponent.prototype.tabs;
/** @type {?} */
ScrollingTabsComponent.prototype.leftOffset;
/** @type {?} */
ScrollingTabsComponent.prototype.firstVisibleTabIndex;
/** @type {?} */
ScrollingTabsComponent.prototype.showLeftArrow;
/** @type {?} */
ScrollingTabsComponent.prototype.showRightArrow;
/**
* @type {?}
* @private
*/
ScrollingTabsComponent.prototype.changeDetector;
/**
* @type {?}
* @private
*/
ScrollingTabsComponent.prototype.route;
/**
* @type {?}
* @private
*/
ScrollingTabsComponent.prototype.router;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsaW5nLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmdjLXNjcm9sbGluZy10YWJzLyIsInNvdXJjZXMiOlsibGliL3Njcm9sbGluZy10YWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFDakUsU0FBUyxFQUFpQixZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUl6RDtJQXFCRSxnQ0FBb0IsY0FBaUMsRUFBVSxLQUFxQixFQUFVLE1BQWM7UUFBeEYsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBWG5HLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ25CLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUF5QixDQUFDO1FBRXpFLFNBQUksR0FBNEIsRUFBRSxDQUFDO1FBQ25DLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFDZix5QkFBb0IsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUMxQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixtQkFBYyxHQUFHLEtBQUssQ0FBQztJQUV5RixDQUFDOzs7O0lBRWpILGdEQUFlOzs7SUFBZjtRQUFBLGlCQWdCQztRQWZDLFVBQVU7OztRQUFDO1lBQ1QsMEZBQTBGO1lBQzFGLElBQUksS0FBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssSUFBSSxLQUFJLENBQUMsWUFBWSxFQUFFO2dCQUM5RCxLQUFJLENBQUMs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U0FBQyxlQUFlOztJQThGL0IsNkJBQUM7Q0FBQSxBQWxKRCxJQWtKQztTQTVJWSxzQkFBc0I7OztJQUNqQyw0Q0FBbUU7O0lBQ25FLHlDQUE2RDs7SUFFN0QsZ0RBQStCOztJQUMvQixnREFBK0I7O0lBQy9CLDhDQUE2Qjs7SUFDN0Isb0RBQXlFOztJQUV6RSxzQ0FBbUM7O0lBQ25DLDRDQUFlOztJQUNmLHNEQUEwQjs7SUFDMUIsK0NBQXNCOztJQUN0QixnREFBdUI7Ozs7O0lBRVgsZ0RBQXlDOzs7OztJQUFFLHVDQUE2Qjs7Ozs7SUFBRSx3Q0FBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgRWxlbWVudFJlZixcbiAgICAgICAgIFZpZXdDaGlsZCwgQWZ0ZXJWaWV3SW5pdCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciwgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQgeyBTY3JvbGxpbmdUYWJEaXJlY3RpdmUgfSBmcm9tICcuL3Njcm9sbGluZy10YWIuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdjLXNjcm9sbGluZy10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Njcm9sbGluZy10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2Nyb2xsaW5nLXRhYnMuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxpbmdUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBWaWV3Q2hpbGQoJ25hdldyYXBwZXInLCB7IHN0YXRpYzogZmFsc2UgfSkgbmF2V3JhcHBlcjogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgndGFiTGlzdCcsIHsgc3RhdGljOiBmYWxzZSB9KSB0YWJMaXN0OiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpIGZpcnN0VGFiQWN0aXZlID0gdHJ1ZTtcbiAgQElucHV0KCkgc2Nyb2xsVG9BY3RpdmUgPSB0cnVlO1xuICBASW5wdXQoKSB0cmFja09wZW5UYWIgPSB0cnVlO1xuICBAT3V0cHV0KCkgc2VsZWN0ZWRUYWJDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxTY3JvbGxpbmdUYWJEaXJlY3RpdmU+KCk7XG5cbiAgdGFiczogU2Nyb2xsaW5nVGFiRGlyZWN0aXZlW10gPSBbXTtcbiAgbGVmdE9mZnNldCA9IDA7XG4gIGZpcnN0VmlzaWJsZVRhYkluZGV4ID0gLTE7XG4gIHNob3dMZWZ0QXJyb3cgPSBmYWxzZTtcbiAgc2hvd1JpZ2h0QXJyb3cgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHsgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIC8vIGlmIHRoZXJlIGlzIGEgcGFyYW0gb2YgdGFiSWQgYW5kIHdlIHdhbnQgdG8gdHJhY2sgb3BlbiB0YWJzIG1hcmsgdGhlIG9wZW4gdGFiIGFzIGFjdGl2ZVxuICAgICAgaWYgKHRoaXMucm91dGUuc25hcHNob3QucXVlcnlQYXJhbXMudGFiSWQgJiYgdGhpcy50cmFja09wZW5UYWIpIHtcbiAgICAgICAgdGhpcy5tYXJrVGFiQXNBY3RpdmUodGhpcy5yb3V0ZS5zbmFwc2hvdC5xdWVyeVBhcmFtcy50YWJJZCk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuZmlyc3RUYWJBY3RpdmUpIHsgLy8gaWYgd2Ugc2hvdWxkIG1hcmsgdGhlIGZpcnN0IHRhYiBhcyBhY3RpdmUgaWYgYSBhY3RpdmUgdGFiIGlzIG5vdCBzcGVjaWZpZWRcbiAgICAgICAgdGhpcy5tYXJrRmlyc3RUYWJBY3RpdmUoKTtcbiAgICAgIH1cblxuICAgICAgLy8gc2Nyb2xsIHRvIHRoZSBhY3RpdmUgdGFiIGlmIHNldHRpbmcgaXMgdHJ1ZSBhbmQgdGhlIHRhYnMgYXJlIGxhcmdlciB0aGFuIHRoZSB3aW5kb3dcbiAgICAgIGlmICh0aGlzLnNjcm9sbFRvQWN0aXZlICYmIHRoaXMuaGFzSGlkZGVuVGFicygpKSB7XG4gICAgICAgIHRoaXMuc2Nyb2xsVG9BY3RpdmVUYWIoKTtcbiAgICAgIH1cbiAgICAgIHRoaXMucmVkcmF3VGFicygpO1xuICAgICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfSwgMCk7XG4gIH1cblxuICBhZGRUYWIodGFiOiBTY3JvbGxpbmdUYWJEaXJlY3RpdmUpIHtcbiAgICB0aGlzLnRhYnMucHVzaCh0YWIpO1xuICB9XG5cbiAgcmVtb3ZlVGFiKHRhYjogU2Nyb2xsaW5nVGFiRGlyZWN0aXZlKSB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLnRhYnMuaW5kZXhPZih0YWIpO1xuICAgIGlmIChpbmRleCAhPT0gLTEpIHtcbiAgICAgIHRoaXMudGFicy5zcGxpY2UoaW5kZXgsIDEpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICB3aW5kb3dSZXNpemUoKSB7XG4gICAgdGhpcy5yZWRyYXdUYWJzKCk7XG4gIH1cblxuICByZWRyYXdUYWJzKCkge1xuICAgIC8vIFRha2UgdGhlIHRvdGFsIHdpZHRoIG9mIHRoZSBsaXN0LiBTdWJ0cmFjdCBob3cgZmFyIHJpZ2h0IHdlIGFyZSBhbmQgc2VlIGlmIHRoYXQgaXMgZ3JlYXRlciB0aGFuIHRoZVxuICAgIC8vIHdpZHRoIG9mIHRoZSBjdXJyZW50IGRpc3BsYXlcbiAgICBpZiAodGhpcy53aWR0aE9mTGlzdCgpICsgdGhpcy5sZWZ0T2Zmc2V0ID4gdGhpcy5uYXZXcmFwcGVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGgpIHtcbiAgICAgIHRoaXMuc2hvd1JpZ2h0QXJyb3cgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNob3dSaWdodEFycm93ID0gZmFsc2U7XG4gICAgfVxuXG4gICAgLy8gc2VlIGlmIHdlIGhhdmUgc2Nyb2xsZWQgcmlnaHQgYW5kIHdlIGFyZSBub3QgYXQgdGhlIGxlZnQgbW9zdCBwb3NpdGlvblxuICAgIGlmICh0aGlzLmxlZnRPZmZzZXQgPCAwKSB7XG4gICAgICB0aGlzLnNob3dMZWZ0QXJyb3cgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNob3dMZWZ0QXJyb3cgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICB3aWR0aE9mTGlzdCgpIHtcbiAgICBsZXQgdG90YWxXaWR0aCA9IDA7XG4gICAgZm9yIChjb25zdCBsaSBvZiB0aGlzLnRhYkxpc3QubmF0aXZlRWxlbWVudC5jaGlsZHJlbikge1xuICAgICAgdG90YWxXaWR0aCArPSBsaS5vZmZzZXRXaWR0aDtcbiAgICB9XG4gICAgcmV0dXJuIHRvdGFsV2lkdGg7XG4gIH1cblxuICBvblNjcm9sbGVyTGVmdENsaWNrKCkge1xuICAgIC8vIHdlIG5lZWQgdG8gZ28gbGVmdCBmb3IgdGhlIHdpZHRoIG9mIHRoZSBwcmV2aW91cyB0YWJcbiAgICB0aGlzLmZpcnN0VmlzaWJsZVRhYkluZGV4LS07XG4gICAgLy8gd2hlbiBtb3ZpbmcgbGVmdCB0aGUgbGVmdCBvZmZzZXQgaW5jcmVhc2VzXG4gICAgdGhpcy5sZWZ0T2Zmc2V0ICs9IHRoaXMudGFiTGlzdC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuW3RoaXMuZmlyc3RWaXNpYmxlVGFiSW5kZXhdLm9mZnNldFdpZHRoO1xuICAgIHRoaXMucmVkcmF3VGFicygpO1xuICB9XG5cbiAgb25TY3JvbGxlclJpZ2h0Q2xpY2soKSB7XG4gICAgLy8gd2hlbiBtb3ZpbmcgcmlnaHQgeW91IGRlc2NyZWFzZSB0aGUgbGVmdCBvZmZzZXQuIFdlIHdhbnQgdG8gZ28gcmlnaHQgdGhlIGxlbmd0aCBvZiB0aGUgY3VycmVudCB0YWJcbiAgICB0aGlzLmxlZnRPZmZzZXQgLT0gdGhpcy50YWJMaXN0Lm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bdGhpcy5maXJzdFZpc2libGVUYWJJbmRleF0ub2Zmc2V0V2lkdGg7XG4gICAgLy8gY2hhbmdlIHRoZSBpbmRleCBvZiB0aGUgdmlzaWJsZSB0YWIgbm93IHRoYXQgd2UgaGF2ZSBtb3ZlZFxuICAgIHRoaXMuZmlyc3RWaXNpYmxlVGFiSW5kZXgrKztcbiAgICB0aGlzLnJlZHJhd1RhYnMoKTtcbiAgfVxuXG4gIG9uU2VsZWN0ZWRUYWJDaGFuZ2VkKHRhYjogU2Nyb2xsaW5nVGFiRGlyZWN0aXZlKSB7XG4gICAgdGhpcy5tYXJrVGFiQXNBY3RpdmUodGFiLmlkKTtcbiAgICBpZiAodGhpcy50cmFja09wZW5UYWIpIHtcbiAgICAgIHRoaXMucHVzaEN1cnJlbnRUYWJUb1BhcmFtKHRhYik7XG4gICAgfVxuICAgIHRoaXMuc2VsZWN0ZWRUYWJDaGFuZ2VkLmVtaXQodGFiKTtcbiAgfVxuXG4gIG1hcmtGaXJzdFRhYkFjdGl2ZSgpIHtcbiAgICBjb25zdCBhY3RpdmVUYWIgPSB0aGlzLnRhYnMuZmluZCh0ID0+IHQuYWN0aXZlKTtcbiAgICAvLyAgaWYgdGhlcmUgaXMgbm8gYWN0aXZlIHRhYiBhbmQgd2UgaGF2ZSB0YWJzIHNldCBmaXJzdCBvbmUgdG8gYWN0aXZlXG4gICAgaWYgKCFhY3RpdmVUYWIgJiYgdGhpcy50YWJzLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMudGFic1swXS5hY3RpdmUgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIHNjcm9sbFRvQWN0aXZlVGFiKCkge1xuICAgIGNvbnN0IGFjdGl2ZVRhYiA9IHRoaXMudGFicy5maW5kSW5kZXgodCA9PiB0LmFjdGl2ZSk7XG4gICAgdGhpcy5maXJzdFZpc2libGVUYWJJbmRleCA9IGFjdGl2ZVRhYjtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGFjdGl2ZVRhYjsgaSsrKSB7XG4gICAgICBpZiAodGhpcy50YWJMaXN0Lm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5baV0pIHtcbiAgICAgICAgdGhpcy5sZWZ0T2Zmc2V0IC09IHRoaXMudGFiTGlzdC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuW2ldLm9mZnNldFdpZHRoO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGhhc0hpZGRlblRhYnMoKSB7XG4gICAgcmV0dXJuIHRoaXMud2lkdGhPZkxpc3QoKSA+IHRoaXMubmF2V3JhcHBlci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICB9XG5cbiAgbWFya1RhYkFzQWN0aXZlKHRhYklkOiBhbnkpIHtcbiAgICBmb3IgKGNvbnN0IHQgb2YgdGhpcy50YWJzKSB7XG4gICAgICB0LmFjdGl2ZSA9IGZhbHNlO1xuICAgICAgaWYgKHQuaWQgPT09IHRhYklkKSB7XG4gICAgICAgIHQuYWN0aXZlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdXNoQ3VycmVudFRhYlRvUGFyYW0odGFiOiBTY3JvbGxpbmdUYWJEaXJlY3RpdmUpIHtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXSwge1xuICAgICAgcmVsYXRpdmVUbzogdGhpcy5yb3V0ZSxcbiAgICAgIHF1ZXJ5UGFyYW1zOiB7XG4gICAgICAgIHRhYklkOiB0YWIuaWRcbiAgICAgIH0sXG4gICAgICBxdWVyeVBhcmFtc0hhbmRsaW5nOiAnbWVyZ2UnXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==