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
263 lines • 23.5 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 { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
export class ScrollingTabsComponent {
/**
* @param {?} changeDetector
* @param {?} route
* @param {?} router
*/
constructor(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 {?}
*/
ngAfterViewInit() {
setTimeout((/**
* @return {?}
*/
() => {
// 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 {?}
*/
addTab(tab) {
this.tabs.push(tab);
}
/**
* @param {?} tab
* @return {?}
*/
removeTab(tab) {
/** @type {?} */
const index = this.tabs.indexOf(tab);
if (index !== -1) {
this.tabs.splice(index, 1);
}
}
/**
* @return {?}
*/
windowResize() {
this.redrawTabs();
}
/**
* @return {?}
*/
redrawTabs() {
// 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 {?}
*/
widthOfList() {
/** @type {?} */
let totalWidth = 0;
for (const li of this.tabList.nativeElement.children) {
totalWidth += li.offsetWidth;
}
return totalWidth;
}
/**
* @return {?}
*/
onScrollerLeftClick() {
// 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 {?}
*/
onScrollerRightClick() {
// 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 {?}
*/
onSelectedTabChanged(tab) {
this.markTabAsActive(tab.id);
if (this.trackOpenTab) {
this.pushCurrentTabToParam(tab);
}
this.selectedTabChanged.emit(tab);
}
/**
* @return {?}
*/
markFirstTabActive() {
/** @type {?} */
const activeTab = this.tabs.find((/**
* @param {?} t
* @return {?}
*/
t => 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 {?}
*/
scrollToActiveTab() {
/** @type {?} */
const activeTab = this.tabs.findIndex((/**
* @param {?} t
* @return {?}
*/
t => t.active));
this.firstVisibleTabIndex = activeTab;
for (let i = 0; i < activeTab; i++) {
if (this.tabList.nativeElement.children[i]) {
this.leftOffset -= this.tabList.nativeElement.children[i].offsetWidth;
}
}
}
/**
* @return {?}
*/
hasHiddenTabs() {
return this.widthOfList() > this.navWrapper.nativeElement.offsetWidth;
}
/**
* @param {?} tabId
* @return {?}
*/
markTabAsActive(tabId) {
for (const t of this.tabs) {
t.active = false;
if (t.id === tabId) {
t.active = true;
}
}
}
/**
* @param {?} tab
* @return {?}
*/
pushCurrentTabToParam(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 = () => [
{ 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',] }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsaW5nLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmdjLXNjcm9sbGluZy10YWJzLyIsInNvdXJjZXMiOlsibGliL3Njcm9sbGluZy10YWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUNqRSxTQUFTLEVBQWlCLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBVXpELE1BQU0sT0FBTyxzQkFBc0I7Ozs7OztJQWVqQyxZQUFvQixjQUFpQyxFQUFVLEtBQXFCLEVBQVUsTUFBYztRQUF4RixtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFBVSxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUFVLFdBQU0sR0FBTixNQUFNLENBQVE7UUFYbkcsbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFDdEIsbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFDdEIsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDbkIsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQXlCLENBQUM7UUFFekUsU0FBSSxHQUE0QixFQUFFLENBQUM7UUFDbkMsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLHlCQUFvQixHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQzFCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBRXlGLENBQUM7Ozs7SUFFakgsZUFBZTtRQUNiLFVBQVU7OztRQUFDLEdBQUcsRUFBRTtZQUNkLDBGQUEwRjtZQUMxRixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDOUQs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cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIEVsZW1lbnRSZWYsXG4gICAgICAgICBWaWV3Q2hpbGQsIEFmdGVyVmlld0luaXQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIsIEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgU2Nyb2xsaW5nVGFiRGlyZWN0aXZlIH0gZnJvbSAnLi9zY3JvbGxpbmctdGFiLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nYy1zY3JvbGxpbmctdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JvbGxpbmctdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbGluZy10YWJzLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsaW5nVGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCduYXZXcmFwcGVyJywgeyBzdGF0aWM6IGZhbHNlIH0pIG5hdldyYXBwZXI6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3RhYkxpc3QnLCB7IHN0YXRpYzogZmFsc2UgfSkgdGFiTGlzdDogRWxlbWVudFJlZjtcblxuICBASW5wdXQoKSBmaXJzdFRhYkFjdGl2ZSA9IHRydWU7XG4gIEBJbnB1dCgpIHNjcm9sbFRvQWN0aXZlID0gdHJ1ZTtcbiAgQElucHV0KCkgdHJhY2tPcGVuVGFiID0gdHJ1ZTtcbiAgQE91dHB1dCgpIHNlbGVjdGVkVGFiQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8U2Nyb2xsaW5nVGFiRGlyZWN0aXZlPigpO1xuXG4gIHRhYnM6IFNjcm9sbGluZ1RhYkRpcmVjdGl2ZVtdID0gW107XG4gIGxlZnRPZmZzZXQgPSAwO1xuICBmaXJzdFZpc2libGVUYWJJbmRleCA9IC0xO1xuICBzaG93TGVmdEFycm93ID0gZmFsc2U7XG4gIHNob3dSaWdodEFycm93ID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLCBwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7IH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAvLyBpZiB0aGVyZSBpcyBhIHBhcmFtIG9mIHRhYklkIGFuZCB3ZSB3YW50IHRvIHRyYWNrIG9wZW4gdGFicyBtYXJrIHRoZSBvcGVuIHRhYiBhcyBhY3RpdmVcbiAgICAgIGlmICh0aGlzLnJvdXRlLnNuYXBzaG90LnF1ZXJ5UGFyYW1zLnRhYklkICYmIHRoaXMudHJhY2tPcGVuVGFiKSB7XG4gICAgICAgIHRoaXMubWFya1RhYkFzQWN0aXZlKHRoaXMucm91dGUuc25hcHNob3QucXVlcnlQYXJhbXMudGFiSWQpO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLmZpcnN0VGFiQWN0aXZlKSB7IC8vIGlmIHdlIHNob3VsZCBtYXJrIHRoZSBmaXJzdCB0YWIgYXMgYWN0aXZlIGlmIGEgYWN0aXZlIHRhYiBpcyBub3Qgc3BlY2lmaWVkXG4gICAgICAgIHRoaXMubWFya0ZpcnN0VGFiQWN0aXZlKCk7XG4gICAgICB9XG5cbiAgICAgIC8vIHNjcm9sbCB0byB0aGUgYWN0aXZlIHRhYiBpZiBzZXR0aW5nIGlzIHRydWUgYW5kIHRoZSB0YWJzIGFyZSBsYXJnZXIgdGhhbiB0aGUgd2luZG93XG4gICAgICBpZiAodGhpcy5zY3JvbGxUb0FjdGl2ZSAmJiB0aGlzLmhhc0hpZGRlblRhYnMoKSkge1xuICAgICAgICB0aGlzLnNjcm9sbFRvQWN0aXZlVGFiKCk7XG4gICAgICB9XG4gICAgICB0aGlzLnJlZHJhd1RhYnMoKTtcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0sIDApO1xuICB9XG5cbiAgYWRkVGFiKHRhYjogU2Nyb2xsaW5nVGFiRGlyZWN0aXZlKSB7XG4gICAgdGhpcy50YWJzLnB1c2godGFiKTtcbiAgfVxuXG4gIHJlbW92ZVRhYih0YWI6IFNjcm9sbGluZ1RhYkRpcmVjdGl2ZSkge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy50YWJzLmluZGV4T2YodGFiKTtcbiAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICB0aGlzLnRhYnMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJylcbiAgd2luZG93UmVzaXplKCkge1xuICAgIHRoaXMucmVkcmF3VGFicygpO1xuICB9XG5cbiAgcmVkcmF3VGFicygpIHtcbiAgICAvLyBUYWtlIHRoZSB0b3RhbCB3aWR0aCBvZiB0aGUgbGlzdC4gU3VidHJhY3QgaG93IGZhciByaWdodCB3ZSBhcmUgYW5kIHNlZSBpZiB0aGF0IGlzIGdyZWF0ZXIgdGhhbiB0aGVcbiAgICAvLyB3aWR0aCBvZiB0aGUgY3VycmVudCBkaXNwbGF5XG4gICAgaWYgKHRoaXMud2lkdGhPZkxpc3QoKSArIHRoaXMubGVmdE9mZnNldCA+IHRoaXMubmF2V3JhcHBlci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoKSB7XG4gICAgICB0aGlzLnNob3dSaWdodEFycm93ID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zaG93UmlnaHRBcnJvdyA9IGZhbHNlO1xuICAgIH1cblxuICAgIC8vIHNlZSBpZiB3ZSBoYXZlIHNjcm9sbGVkIHJpZ2h0IGFuZCB3ZSBhcmUgbm90IGF0IHRoZSBsZWZ0IG1vc3QgcG9zaXRpb25cbiAgICBpZiAodGhpcy5sZWZ0T2Zmc2V0IDwgMCkge1xuICAgICAgdGhpcy5zaG93TGVmdEFycm93ID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zaG93TGVmdEFycm93ID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgd2lkdGhPZkxpc3QoKSB7XG4gICAgbGV0IHRvdGFsV2lkdGggPSAwO1xuICAgIGZvciAoY29uc3QgbGkgb2YgdGhpcy50YWJMaXN0Lm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW4pIHtcbiAgICAgIHRvdGFsV2lkdGggKz0gbGkub2Zmc2V0V2lkdGg7XG4gICAgfVxuICAgIHJldHVybiB0b3RhbFdpZHRoO1xuICB9XG5cbiAgb25TY3JvbGxlckxlZnRDbGljaygpIHtcbiAgICAvLyB3ZSBuZWVkIHRvIGdvIGxlZnQgZm9yIHRoZSB3aWR0aCBvZiB0aGUgcHJldmlvdXMgdGFiXG4gICAgdGhpcy5maXJzdFZpc2libGVUYWJJbmRleC0tO1xuICAgIC8vIHdoZW4gbW92aW5nIGxlZnQgdGhlIGxlZnQgb2Zmc2V0IGluY3JlYXNlc1xuICAgIHRoaXMubGVmdE9mZnNldCArPSB0aGlzLnRhYkxpc3QubmF0aXZlRWxlbWVudC5jaGlsZHJlblt0aGlzLmZpcnN0VmlzaWJsZVRhYkluZGV4XS5vZmZzZXRXaWR0aDtcbiAgICB0aGlzLnJlZHJhd1RhYnMoKTtcbiAgfVxuXG4gIG9uU2Nyb2xsZXJSaWdodENsaWNrKCkge1xuICAgIC8vIHdoZW4gbW92aW5nIHJpZ2h0IHlvdSBkZXNjcmVhc2UgdGhlIGxlZnQgb2Zmc2V0LiBXZSB3YW50IHRvIGdvIHJpZ2h0IHRoZSBsZW5ndGggb2YgdGhlIGN1cnJlbnQgdGFiXG4gICAgdGhpcy5sZWZ0T2Zmc2V0IC09IHRoaXMudGFiTGlzdC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuW3RoaXMuZmlyc3RWaXNpYmxlVGFiSW5kZXhdLm9mZnNldFdpZHRoO1xuICAgIC8vIGNoYW5nZSB0aGUgaW5kZXggb2YgdGhlIHZpc2libGUgdGFiIG5vdyB0aGF0IHdlIGhhdmUgbW92ZWRcbiAgICB0aGlzLmZpcnN0VmlzaWJsZVRhYkluZGV4Kys7XG4gICAgdGhpcy5yZWRyYXdUYWJzKCk7XG4gIH1cblxuICBvblNlbGVjdGVkVGFiQ2hhbmdlZCh0YWI6IFNjcm9sbGluZ1RhYkRpcmVjdGl2ZSkge1xuICAgIHRoaXMubWFya1RhYkFzQWN0aXZlKHRhYi5pZCk7XG4gICAgaWYgKHRoaXMudHJhY2tPcGVuVGFiKSB7XG4gICAgICB0aGlzLnB1c2hDdXJyZW50VGFiVG9QYXJhbSh0YWIpO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdGVkVGFiQ2hhbmdlZC5lbWl0KHRhYik7XG4gIH1cblxuICBtYXJrRmlyc3RUYWJBY3RpdmUoKSB7XG4gICAgY29uc3QgYWN0aXZlVGFiID0gdGhpcy50YWJzLmZpbmQodCA9PiB0LmFjdGl2ZSk7XG4gICAgLy8gIGlmIHRoZXJlIGlzIG5vIGFjdGl2ZSB0YWIgYW5kIHdlIGhhdmUgdGFicyBzZXQgZmlyc3Qgb25lIHRvIGFjdGl2ZVxuICAgIGlmICghYWN0aXZlVGFiICYmIHRoaXMudGFicy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLnRhYnNbMF0uYWN0aXZlID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBzY3JvbGxUb0FjdGl2ZVRhYigpIHtcbiAgICBjb25zdCBhY3RpdmVUYWIgPSB0aGlzLnRhYnMuZmluZEluZGV4KHQgPT4gdC5hY3RpdmUpO1xuICAgIHRoaXMuZmlyc3RWaXNpYmxlVGFiSW5kZXggPSBhY3RpdmVUYWI7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhY3RpdmVUYWI7IGkrKykge1xuICAgICAgaWYgKHRoaXMudGFiTGlzdC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuW2ldKSB7XG4gICAgICAgIHRoaXMubGVmdE9mZnNldCAtPSB0aGlzLnRhYkxpc3QubmF0aXZlRWxlbWVudC5jaGlsZHJlbltpXS5vZmZzZXRXaWR0aDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBoYXNIaWRkZW5UYWJzKCkge1xuICAgIHJldHVybiB0aGlzLndpZHRoT2ZMaXN0KCkgPiB0aGlzLm5hdldyYXBwZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgfVxuXG4gIG1hcmtUYWJBc0FjdGl2ZSh0YWJJZDogYW55KSB7XG4gICAgZm9yIChjb25zdCB0IG9mIHRoaXMudGFicykge1xuICAgICAgdC5hY3RpdmUgPSBmYWxzZTtcbiAgICAgIGlmICh0LmlkID09PSB0YWJJZCkge1xuICAgICAgICB0LmFjdGl2ZSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVzaEN1cnJlbnRUYWJUb1BhcmFtKHRhYjogU2Nyb2xsaW5nVGFiRGlyZWN0aXZlKSB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW10sIHtcbiAgICAgIHJlbGF0aXZlVG86IHRoaXMucm91dGUsXG4gICAgICBxdWVyeVBhcmFtczoge1xuICAgICAgICB0YWJJZDogdGFiLmlkXG4gICAgICB9LFxuICAgICAgcXVlcnlQYXJhbXNIYW5kbGluZzogJ21lcmdlJ1xuICAgIH0pO1xuICB9XG59XG4iXX0=