ng-cw-v12
Version:
Angular UI Component Library
127 lines • 21.6 kB
JavaScript
import { Component, Input, ViewChild } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class VirtualScrollComponent {
constructor(ngZone) {
this.ngZone = ngZone;
/** 列表数据 */
this.ncItems = [];
/** 缓冲item数量，前后各2项 */
this.ncBufferCount = 2;
this.initialized = false; // 标记 itemHeight 是否已初始化（模板中 *ngIf 使用，需为 public）
this.viewInitialized = false; // 标记 ngAfterViewInit 是否已执行（templateContainer 才可用）
this.visibleItems = []; //显示items
this.totalPadding = 0; //总填充高度
this.topPadding = 0;
this.scrollTop = 0; //已滚动高度
this.itemHeight = 1; //若设为0，下方代码获取不到this.templateContainer
this.viewportHeight = 0; //视窗可视高度
}
/**
* 场景 触发行 原因
* 初始就有值（同步） 第 49 行measureAndUpdate ngOnChanges 先执行但 viewInitialized=false 跳过，由 ngAfterViewInit 补调
* 初始无值，后续赋值（异步） 第 75 行measureAndUpdate ngAfterViewInit 时无数据跳过，数据到达时 ngOnChanges 直接调用
*/
ngAfterViewInit() {
this.viewportHeight = this.viewport.nativeElement.clientHeight;
this.viewInitialized = true;
// 若 ncItems 在 ngAfterViewInit 之前就已同步赋值，则在此补充执行初始化
if (!this.initialized && this.ncItems.length > 0) {
this.measureAndUpdate();
}
// 监听 viewport 容器高度变化，在 Angular 区域外观察以避免频繁触发变更检测
this.ngZone.runOutsideAngular(() => {
this.resizeObserver = new ResizeObserver(entries => {
const newHeight = entries[0].contentRect.height;
if (newHeight !== this.viewportHeight) {
this.ngZone.run(() => {
this.viewportHeight = newHeight;
this.updateVisibleItems();
});
}
});
this.resizeObserver.observe(this.viewport.nativeElement);
});
}
ngOnDestroy() {
var _a;
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
}
ngOnChanges(changes) {
if (changes['ncItems'] && this.ncItems.length > 0) {
if (!this.initialized) {
// templateContainer 仅在 ngAfterViewInit 后可用，未初始化则等待
if (this.viewInitialized) {
this.measureAndUpdate();
}
// 否则由 ngAfterViewInit 补调，无需处理
}
else {
this.updateTotalPadding();
this.updateVisibleItems();
}
}
}
/** 测量 itemHeight 并更新列表（需在 ngAfterViewInit 之后调用） */
measureAndUpdate() {
// setTimeout(0) 确保 Angular 已完成本次 DOM 渲染
setTimeout(() => {
var _a, _b;
const element = (_b = (_a = this.templateContainer) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.firstChild;
if (element) {
const styles = getComputedStyle(element);
this.itemHeight = element.offsetHeight + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
this.initialized = true;
}
this.updateTotalPadding();
this.updateVisibleItems();
});
}
onScroll() {
this.ngZone.run(() => {
this.scrollTop = this.viewport.nativeElement.scrollTop;
this.updateVisibleItems();
});
}
updateVisibleItems() {
const firstVisibleIndex = Math.floor(this.scrollTop / this.itemHeight);
const startIndex = Math.max(0, firstVisibleIndex - this.ncBufferCount);
const visibleItemsCount = Math.ceil(this.viewportHeight / this.itemHeight);
const endIndex = Math.min(firstVisibleIndex + visibleItemsCount + this.ncBufferCount, this.ncItems.length - 1);
this.visibleItems = [];
for (let i = startIndex; i <= endIndex; i++) {
this.visibleItems.push({ index: i, data: this.ncItems[i] });
}
this.topPadding = startIndex * this.itemHeight;
}
updateTotalPadding() {
this.totalPadding = this.ncItems.length * this.itemHeight;
}
//采用trackBy提升性能，只渲染改变的dom
trackByIndex(index, item) {
return item.index;
}
}
VirtualScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: VirtualScrollComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
VirtualScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: VirtualScrollComponent, selector: "nc-virtual-scroll", inputs: { ncItems: "ncItems", ncItemTemplate: "ncItemTemplate", ncBufferCount: "ncBufferCount" }, viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, static: true }, { propertyName: "templateContainer", first: true, predicate: ["templateContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- \u7528\u4E8E\u6D4B\u91CF itemHeight \u7684\u9690\u85CF\u63A2\u9488\uFF0C\u4EC5\u5728\u521D\u59CB\u5316\u524D\u4E14\u6709\u6570\u636E\u65F6\u6E32\u67D3\uFF0C\u4E0E visibleItems \u5B8C\u5168\u89E3\u8026 -->\r\n<div #templateContainer *ngIf=\"!initialized && ncItems.length > 0\"\r\n style=\"visibility:hidden;position:absolute;pointer-events:none;\">\r\n <ng-container [ngTemplateOutlet]=\"ncItemTemplate\"\r\n [ngTemplateOutletContext]=\"{$implicit: ncItems[0], index: 0}\"></ng-container>\r\n</div>\r\n\r\n<div class=\"viewport\" #viewport (scroll)=\"onScroll()\">\r\n <div class=\"total-padding\" [style.height.px]=\"totalPadding\">\r\n <div class=\"item-container\" [style.transform]=\"'translateY(' + topPadding + 'px)'\">\r\n <div *ngFor=\"let item of visibleItems; trackBy: trackByIndex\">\r\n <ng-container [ngTemplateOutlet]=\"ncItemTemplate\"\r\n [ngTemplateOutletContext]=\"{$implicit: item.data, index: item.index}\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".viewport{width:100%;height:100%;overflow-y:auto;position:relative}.viewport::-webkit-scrollbar{width:6px;height:6px}.viewport::-webkit-scrollbar-thumb{background-color:#cdc9cf;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.viewport::-webkit-scrollbar-thumb:hover{background-color:#766d7b}.viewport::-webkit-scrollbar-track{background:#0000;cursor:pointer}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: VirtualScrollComponent, decorators: [{
type: Component,
args: [{
selector: 'nc-virtual-scroll',
templateUrl: './virtual-scroll.component.html',
styleUrls: ['./virtual-scroll.component.less']
}]
}], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { viewport: [{
type: ViewChild,
args: ['viewport', { static: true }]
}], templateContainer: [{
type: ViewChild,
args: ['templateContainer']
}], ncItems: [{
type: Input
}], ncItemTemplate: [{
type: Input
}], ncBufferCount: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1zY3JvbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy92aXJ0dWFsLXNjcm9sbC92aXJ0dWFsLXNjcm9sbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3ZpcnR1YWwtc2Nyb2xsL3ZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF3QyxTQUFTLEVBQW9DLE1BQU0sZUFBZSxDQUFDOzs7QUFZcEksTUFBTSxPQUFPLHNCQUFzQjtJQXNCakMsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFsQmxDLFdBQVc7UUFDRixZQUFPLEdBQVUsRUFBRSxDQUFDO1FBRzdCLHFCQUFxQjtRQUNaLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBRW5DLGdCQUFXLEdBQUcsS0FBSyxDQUFDLENBQUcsK0NBQStDO1FBQzlELG9CQUFlLEdBQUcsS0FBSyxDQUFDLENBQUMsa0RBQWtEO1FBR25GLGlCQUFZLEdBQWtCLEVBQUUsQ0FBQyxDQUFBLFNBQVM7UUFDMUMsaUJBQVksR0FBVyxDQUFDLENBQUMsQ0FBQSxPQUFPO1FBQ2hDLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFDdkIsY0FBUyxHQUFXLENBQUMsQ0FBQyxDQUFBLE9BQU87UUFDN0IsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFBLHFDQUFxQztRQUM1RCxtQkFBYyxHQUFXLENBQUMsQ0FBQyxDQUFBLFFBQVE7SUFFRyxDQUFDO0lBR3ZDOzs7O09BSUc7SUFFSCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDL0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7UUFDNUIsa0RBQWtE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aUJBQy9DOzZGQUUwQyxRQUFRO3NCQUFoRCxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ1AsaUJBQWlCO3NCQUFoRCxTQUFTO3VCQUFDLG1CQUFtQjtnQkFHckIsT0FBTztzQkFBZixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBOZ1pvbmUsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW50ZXJmYWNlIFZpcnR1YWxJdGVtIHtcclxuICBpbmRleDogbnVtYmVyO1xyXG4gIGRhdGE6IGFueTtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYy12aXJ0dWFsLXNjcm9sbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi92aXJ0dWFsLXNjcm9sbC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWaXJ0dWFsU2Nyb2xsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xyXG4gIEBWaWV3Q2hpbGQoJ3ZpZXdwb3J0JywgeyBzdGF0aWM6IHRydWUgfSkgdmlld3BvcnQhOiBFbGVtZW50UmVmOy8v6KeG56qXXHJcbiAgQFZpZXdDaGlsZCgndGVtcGxhdGVDb250YWluZXInKSB0ZW1wbGF0ZUNvbnRhaW5lciE6IEVsZW1lbnRSZWY7Ly/nlKjkuo7ojrflj5bkvKDlhaXnmoRpdGVt6auY5bqm77yM6K6+572uaXRlbUhlaWdodOWAvFxyXG5cclxuICAvKiog5YiX6KGo5pWw5o2uICovXHJcbiAgQElucHV0KCkgbmNJdGVtczogYW55W10gPSBbXTtcclxuICAvKiog5YiX6KGo6aG55qih5p2/ICovXHJcbiAgQElucHV0KCkgbmNJdGVtVGVtcGxhdGU6IGFueTsvL+S8oOWFpeeahGl0ZW3mqKHmnb9cclxuICAvKiog57yT5YayaXRlbeaVsOmHj++8jOWJjeWQjuWQhDLpobkgKi9cclxuICBASW5wdXQoKSBuY0J1ZmZlckNvdW50OiBudW1iZXIgPSAyO1xyXG5cclxuICBpbml0aWFsaXplZCA9IGZhbHNlOyAgIC8vIOagh+iusCBpdGVtSGVpZ2h0IOaYr+WQpuW3suWIneWni+WMlu+8iOaooeadv+S4rSAqbmdJZiDkvb/nlKjvvIzpnIDkuLogcHVibGlj77yJXHJcbiAgcHJpdmF0ZSB2aWV3SW5pdGlhbGl6ZWQgPSBmYWxzZTsgLy8g5qCH6K6wIG5nQWZ0ZXJWaWV3SW5pdCDmmK/lkKblt7LmiafooYzvvIh0ZW1wbGF0ZUNvbnRhaW5lciDmiY3lj6/nlKjvvIlcclxuICBwcml2YXRlIHJlc2l6ZU9ic2VydmVyITogUmVzaXplT2JzZXJ2ZXI7IC8vIOebkeWQrCB2aWV3cG9ydCDlrrnlmajlsLrlr7jlj5jljJZcclxuXHJcbiAgdmlzaWJsZUl0ZW1zOiBWaXJ0dWFsSXRlbVtdID0gW107Ly/mmL7npLppdGVtc1xyXG4gIHRvdGFsUGFkZGluZzogbnVtYmVyID0gMDsvL+aAu+Whq+WFhemrmOW6plxyXG4gIHRvcFBhZGRpbmc6IG51bWJlciA9IDA7XHJcbiAgc2Nyb2xsVG9wOiBudW1iZXIgPSAwOy8v5bey5rua5Yqo6auY5bqmXHJcbiAgaXRlbUhlaWdodDogbnVtYmVyID0gMTsvL+iLpeiuvuS4ujDvvIzkuIvmlrnku6PnoIHojrflj5bkuI3liLB0aGlzLnRlbXBsYXRlQ29udGFpbmVyXHJcbiAgdmlld3BvcnRIZWlnaHQ6IG51bWJlciA9IDA7Ly/op4bnqpflj6/op4bpq5jluqZcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSkgeyB9XHJcblxyXG5cclxuICAvKipcclxuICAgKiDlnLrmma9cdOinpuWPkeihjFx05Y6f5ZugXHJcbiAgICog5Yid5aeL5bCx5pyJ5YC877yI5ZCM5q2l77yJXHTnrKwgNDkg6KGMbWVhc3VyZUFuZFVwZGF0ZVx0bmdPbkNoYW5nZXMg5YWI5omn6KGM5L2GIHZpZXdJbml0aWFsaXplZD1mYWxzZSDot7Pov4fvvIznlLEgbmdBZnRlclZpZXdJbml0IOihpeiwg1xyXG4gICAqIOWIneWni+aXoOWAvO+8jOWQjue7rei1i+WAvO+8iOW8guatpe+8iVx056ysIDc1IOihjG1lYXN1cmVBbmRVcGRhdGVcdG5nQWZ0ZXJWaWV3SW5pdCDml7bml6DmlbDmja7ot7Pov4fvvIzmlbDmja7liLDovr7ml7YgbmdPbkNoYW5nZXMg55u05o6l6LCD55SoXHJcbiAgICovXHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMudmlld3BvcnRIZWlnaHQgPSB0aGlzLnZpZXdwb3J0Lm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0O1xyXG4gICAgdGhpcy52aWV3SW5pdGlhbGl6ZWQgPSB0cnVlO1xyXG4gICAgLy8g6IulIG5jSXRlbXMg5ZyoIG5nQWZ0ZXJWaWV3SW5pdCDkuYvliY3lsLHlt7LlkIzmraXotYvlgLzvvIzliJnlnKjmraTooaXlhYXmiafooYzliJ3lp4vljJZcclxuICAgIGlmICghdGhpcy5pbml0aWFsaXplZCAmJiB0aGlzLm5jSXRlbXMubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLm1lYXN1cmVBbmRVcGRhdGUoKTtcclxuICAgIH1cclxuICAgIC8vIOebkeWQrCB2aWV3cG9ydCDlrrnlmajpq5jluqblj5jljJbvvIzlnKggQW5ndWxhciDljLrln5/lpJbop4Llr5/ku6Xpgb/lhY3popHnuYHop6blj5Hlj5jmm7Tmo4DmtYtcclxuICAgIHRoaXMubmdab25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuICAgICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcihlbnRyaWVzID0+IHtcclxuICAgICAgICBjb25zdCBuZXdIZWlnaHQgPSBlbnRyaWVzWzBdLmNvbnRlbnRSZWN0LmhlaWdodDtcclxuICAgICAgICBpZiAobmV3SGVpZ2h0ICE9PSB0aGlzLnZpZXdwb3J0SGVpZ2h0KSB7XHJcbiAgICAgICAgICB0aGlzLm5nWm9uZS5ydW4oKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLnZpZXdwb3J0SGVpZ2h0ID0gbmV3SGVpZ2h0O1xyXG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVZpc2libGVJdGVtcygpO1xyXG4gICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgICAgdGhpcy5yZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMudmlld3BvcnQubmF0aXZlRWxlbWVudCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5yZXNpemVPYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXNbJ25jSXRlbXMnXSAmJiB0aGlzLm5jSXRlbXMubGVuZ3RoID4gMCkge1xyXG4gICAgICBpZiAoIXRoaXMuaW5pdGlhbGl6ZWQpIHtcclxuICAgICAgICAvLyB0ZW1wbGF0ZUNvbnRhaW5lciDku4XlnKggbmdBZnRlclZpZXdJbml0IOWQjuWPr+eUqO+8jOacquWIneWni+WMluWImeetieW+hVxyXG4gICAgICAgIGlmICh0aGlzLnZpZXdJbml0aWFsaXplZCkge1xyXG4gICAgICAgICAgdGhpcy5tZWFzdXJlQW5kVXBkYXRlKCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIOWQpuWImeeUsSBuZ0FmdGVyVmlld0luaXQg6KGl6LCD77yM5peg6ZyA5aSE55CGXHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy51cGRhdGVUb3RhbFBhZGRpbmcoKTtcclxuICAgICAgICB0aGlzLnVwZGF0ZVZpc2libGVJdGVtcygpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKiog5rWL6YePIGl0ZW1IZWlnaHQg5bm25pu05paw5YiX6KGo77yI6ZyA5ZyoIG5nQWZ0ZXJWaWV3SW5pdCDkuYvlkI7osIPnlKjvvIkgKi9cclxuICBwcml2YXRlIG1lYXN1cmVBbmRVcGRhdGUoKSB7XHJcbiAgICAvLyBzZXRUaW1lb3V0KDApIOehruS/nSBBbmd1bGFyIOW3suWujOaIkOacrOasoSBET00g5riy5p+TXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMudGVtcGxhdGVDb250YWluZXI/Lm5hdGl2ZUVsZW1lbnQ/LmZpcnN0Q2hpbGQ7XHJcbiAgICAgIGlmIChlbGVtZW50KSB7XHJcbiAgICAgICAgY29uc3Qgc3R5bGVzID0gZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KTtcclxuICAgICAgICB0aGlzLml0ZW1IZWlnaHQgPSBlbGVtZW50Lm9mZnNldEhlaWdodCArIHBhcnNlRmxvYXQoc3R5bGVzLm1hcmdpblRvcCkgKyBwYXJzZUZsb2F0KHN0eWxlcy5tYXJnaW5Cb3R0b20pO1xyXG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZWQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMudXBkYXRlVG90YWxQYWRkaW5nKCk7XHJcbiAgICAgIHRoaXMudXBkYXRlVmlzaWJsZUl0ZW1zKCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG9uU2Nyb2xsKCkge1xyXG4gICAgdGhpcy5uZ1pvbmUucnVuKCgpID0+IHtcclxuICAgICAgdGhpcy5zY3JvbGxUb3AgPSB0aGlzLnZpZXdwb3J0Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG9wO1xyXG4gICAgICB0aGlzLnVwZGF0ZVZpc2libGVJdGVtcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICB1cGRhdGVWaXNpYmxlSXRlbXMoKSB7XHJcbiAgICBjb25zdCBmaXJzdFZpc2libGVJbmRleCA9IE1hdGguZmxvb3IodGhpcy5zY3JvbGxUb3AgLyB0aGlzLml0ZW1IZWlnaHQpO1xyXG4gICAgY29uc3Qgc3RhcnRJbmRleCA9IE1hdGgubWF4KDAsIGZpcnN0VmlzaWJsZUluZGV4IC0gdGhpcy5uY0J1ZmZlckNvdW50KTtcclxuICAgIGNvbnN0IHZpc2libGVJdGVtc0NvdW50ID0gTWF0aC5jZWlsKHRoaXMudmlld3BvcnRIZWlnaHQgLyB0aGlzLml0ZW1IZWlnaHQpO1xyXG4gICAgY29uc3QgZW5kSW5kZXggPSBNYXRoLm1pbihmaXJzdFZpc2libGVJbmRleCArIHZpc2libGVJdGVtc0NvdW50ICsgdGhpcy5uY0J1ZmZlckNvdW50LCB0aGlzLm5jSXRlbXMubGVuZ3RoIC0gMSk7XHJcblxyXG4gICAgdGhpcy52aXNpYmxlSXRlbXMgPSBbXTtcclxuICAgIGZvciAobGV0IGkgPSBzdGFydEluZGV4OyBpIDw9IGVuZEluZGV4OyBpKyspIHtcclxuICAgICAgdGhpcy52aXNpYmxlSXRlbXMucHVzaCh7IGluZGV4OiBpLCBkYXRhOiB0aGlzLm5jSXRlbXNbaV0gfSk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy50b3BQYWRkaW5nID0gc3RhcnRJbmRleCAqIHRoaXMuaXRlbUhlaWdodDtcclxuICB9XHJcblxyXG4gIHVwZGF0ZVRvdGFsUGFkZGluZygpIHtcclxuICAgIHRoaXMudG90YWxQYWRkaW5nID0gdGhpcy5uY0l0ZW1zLmxlbmd0aCAqIHRoaXMuaXRlbUhlaWdodDtcclxuICB9XHJcblxyXG4gIC8v6YeH55SodHJhY2tCeeaPkOWNh+aAp+iDve+8jOWPqua4suafk+aUueWPmOeahGRvbVxyXG4gIHRyYWNrQnlJbmRleChpbmRleDogbnVtYmVyLCBpdGVtOiBWaXJ0dWFsSXRlbSk6IG51bWJlciB7XHJcbiAgICByZXR1cm4gaXRlbS5pbmRleDtcclxuICB9XHJcbn1cclxuIiwiPCEtLSDnlKjkuo7mtYvph48gaXRlbUhlaWdodCDnmoTpmpDol4/mjqLpkojvvIzku4XlnKjliJ3lp4vljJbliY3kuJTmnInmlbDmja7ml7bmuLLmn5PvvIzkuI4gdmlzaWJsZUl0ZW1zIOWujOWFqOino+iApiAtLT5cclxuPGRpdiAjdGVtcGxhdGVDb250YWluZXIgKm5nSWY9XCIhaW5pdGlhbGl6ZWQgJiYgbmNJdGVtcy5sZW5ndGggPiAwXCJcclxuICAgIHN0eWxlPVwidmlzaWJpbGl0eTpoaWRkZW47cG9zaXRpb246YWJzb2x1dGU7cG9pbnRlci1ldmVudHM6bm9uZTtcIj5cclxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibmNJdGVtVGVtcGxhdGVcIlxyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGltcGxpY2l0OiBuY0l0ZW1zWzBdLCBpbmRleDogMH1cIj48L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwidmlld3BvcnRcIiAjdmlld3BvcnQgKHNjcm9sbCk9XCJvblNjcm9sbCgpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidG90YWwtcGFkZGluZ1wiIFtzdHlsZS5oZWlnaHQucHhdPVwidG90YWxQYWRkaW5nXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0tY29udGFpbmVyXCIgW3N0eWxlLnRyYW5zZm9ybV09XCIndHJhbnNsYXRlWSgnICsgdG9wUGFkZGluZyArICdweCknXCI+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdmlzaWJsZUl0ZW1zOyB0cmFja0J5OiB0cmFja0J5SW5kZXhcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibmNJdGVtVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGltcGxpY2l0OiBpdGVtLmRhdGEsIGluZGV4OiBpdGVtLmluZGV4fVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=