ng-devui
Version:
DevUI components based on Angular
104 lines • 20.2 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { I18nService } from 'ng-devui/i18n';
import { UnitRole } from '../gantt.model';
import * as i0 from "@angular/core";
import * as i1 from "ng-devui/i18n";
import * as i2 from "@angular/common";
import * as i3 from "ng-devui/button";
import * as i4 from "ng-devui/dropdown";
export class GanttToolsComponent {
set currentUnit(val) {
this._currentUnit = val;
const data = this.views.filter((i) => i.value === val);
}
get currentUnit() {
return this._currentUnit;
}
get currentUnitLabel() {
return this._currentLabel || (this.views.length > 0 ? this.views[0].label : '');
}
constructor(i18n) {
this.i18n = i18n;
this.isFullScreen = false;
this.goToday = new EventEmitter();
this.reduceUnit = new EventEmitter();
this.increaseUnit = new EventEmitter();
this.switchView = new EventEmitter();
this._currentUnit = '';
this.unitRole = UnitRole;
this.views = [
{
label: 'Day',
value: 'day',
},
{
label: 'Week',
value: 'week',
},
{
label: 'Month',
value: 'month',
},
];
}
ngOnInit() {
this.i18nText = this.i18n.getI18nText().gantt;
this.i18nLocale = this.i18n.getI18nText().locale;
this.i18nSubscription = this.i18n.langChange().subscribe((data) => {
this.i18nText = data.gantt;
this.i18nLocale = data.locale;
this.views = [
{
label: this.i18nText?.day,
value: 'day',
},
{
label: this.i18nText?.week,
value: 'week',
},
{
label: this.i18nText?.month,
value: 'month',
},
];
});
}
avtionHandle(type) {
switch (type) {
case 'today':
this.goToday.emit();
break;
case 'reduce':
this.reduceUnit.emit();
break;
case 'increase':
this.increaseUnit.emit();
break;
default:
}
}
selectView(menu) {
this._currentLabel = menu.label;
this.switchView.emit(menu.value);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GanttToolsComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GanttToolsComponent, selector: "d-gantt-tools", inputs: { currentUnit: "currentUnit", isFullScreen: "isFullScreen" }, outputs: { goToday: "goToday", reduceUnit: "reduceUnit", increaseUnit: "increaseUnit", switchView: "switchView" }, ngImport: i0, template: "<div class=\"tools-container\" [style.position]=\"isFullScreen ? 'fixed' : 'absolute'\">\n <d-button bsStyle=\"text\" (click)=\"avtionHandle('today')\" class=\"tool\">{{ i18nText.today }}</d-button>\n <div class=\"tool\">\n <span dDropDown [trigger]=\"'click'\" appendToBody class=\"switch-view\">\n <span dDropDownToggle class=\"devui-dropdown-origin\">{{ currentUnitLabel }} <span class=\"icon-chevron-down\"></span></span>\n <ul dDropDownMenu class=\"devui-dropdown-menu devui-scrollbar\" role=\"menu\">\n <li role=\"menuItem\" *ngFor=\"let menu of views\" (click)=\"selectView(menu)\">\n <a class=\"devui-dropdown-item\">{{ menu.label }}</a>\n </li>\n </ul>\n </span>\n </div>\n <d-button\n bsStyle=\"text\"\n (click)=\"avtionHandle('reduce')\"\n class=\"tool\"\n [ngClass]=\"{ disabled: unitRole[this.currentUnit] === unitRole.day }\"\n [disabled]=\"unitRole[this.currentUnit] === unitRole.day\"\n >\n <i class=\"icon icon-minus\"></i>\n </d-button>\n <d-button\n bsStyle=\"text\"\n (click)=\"avtionHandle('increase')\"\n class=\"tool\"\n [ngClass]=\"{ disabled: unitRole[this.currentUnit] === unitRole.month }\"\n [disabled]=\"unitRole[this.currentUnit] === unitRole.month\"\n >\n <i class=\"icon icon-add\"></i>\n </d-button>\n <ng-content></ng-content>\n</div>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.tools-container{position:absolute;top:70px;right:20px;z-index:10}.tool{display:inline-flex;align-items:center;justify-content:center;height:32px;margin-left:12px;background-color:var(--devui-base-bg, #ffffff);box-shadow:var(--devui-shadow-length-base, 0 1px 6px 0) #5170ff66;cursor:pointer}.tool.disabled{opacity:.5}.tool span{border:0!important}.tool .switch-view{padding:0 8px}.tool .switch-view:hover{color:var(--devui-link, #0950de)!important}.devui-dropdown-menu{top:10px!important;left:-6px!important}:host ::ng-deep .devui-dropdown-origin{border:0}:host ::ng-deep .devui-dropdown-origin:hover{color:var(--devui-link, #0950de)!important}:host ::ng-deep .devui-btn{height:32px!important;color:var(--devui-text, #191919)!important;padding:0 8px!important}:host ::ng-deep .devui-btn:hover{color:var(--devui-link, #0950de)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.ButtonComponent, selector: "d-button", inputs: ["id", "type", "bsStyle", "shape", "bsSize", "bsPosition", "bordered", "icon", "disabled", "showLoading", "width", "autofocus", "loadingTemplateRef"], outputs: ["btnClick"] }, { kind: "directive", type: i4.DropDownDirective, selector: "[dDropDown]", inputs: ["isOpen", "disabled", "showAnimation", "trigger", "closeScope", "closeOnMouseLeaveMenu", "autofocusToggleElement"], outputs: ["toggleEvent"], exportAs: ["d-dropdown"] }, { kind: "directive", type: i4.DropDownMenuDirective, selector: "[dDropDownMenu]", exportAs: ["d-dropdown-menu"] }, { kind: "directive", type: i4.DropDownToggleDirective, selector: "[dDropDownToggle]", inputs: ["toggleOnFocus", "autoFocus"], exportAs: ["d-dropdown-toggle"] }, { kind: "component", type: i4.DropDownAppendToBodyComponent, selector: "[dDropDown][appendToBody]", inputs: ["alignOrigin", "appendToBodyDirections", "appendToBodyScrollStrategy"], exportAs: ["d-dropdown-append-to-body"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GanttToolsComponent, decorators: [{
type: Component,
args: [{ selector: 'd-gantt-tools', template: "<div class=\"tools-container\" [style.position]=\"isFullScreen ? 'fixed' : 'absolute'\">\n <d-button bsStyle=\"text\" (click)=\"avtionHandle('today')\" class=\"tool\">{{ i18nText.today }}</d-button>\n <div class=\"tool\">\n <span dDropDown [trigger]=\"'click'\" appendToBody class=\"switch-view\">\n <span dDropDownToggle class=\"devui-dropdown-origin\">{{ currentUnitLabel }} <span class=\"icon-chevron-down\"></span></span>\n <ul dDropDownMenu class=\"devui-dropdown-menu devui-scrollbar\" role=\"menu\">\n <li role=\"menuItem\" *ngFor=\"let menu of views\" (click)=\"selectView(menu)\">\n <a class=\"devui-dropdown-item\">{{ menu.label }}</a>\n </li>\n </ul>\n </span>\n </div>\n <d-button\n bsStyle=\"text\"\n (click)=\"avtionHandle('reduce')\"\n class=\"tool\"\n [ngClass]=\"{ disabled: unitRole[this.currentUnit] === unitRole.day }\"\n [disabled]=\"unitRole[this.currentUnit] === unitRole.day\"\n >\n <i class=\"icon icon-minus\"></i>\n </d-button>\n <d-button\n bsStyle=\"text\"\n (click)=\"avtionHandle('increase')\"\n class=\"tool\"\n [ngClass]=\"{ disabled: unitRole[this.currentUnit] === unitRole.month }\"\n [disabled]=\"unitRole[this.currentUnit] === unitRole.month\"\n >\n <i class=\"icon icon-add\"></i>\n </d-button>\n <ng-content></ng-content>\n</div>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.tools-container{position:absolute;top:70px;right:20px;z-index:10}.tool{display:inline-flex;align-items:center;justify-content:center;height:32px;margin-left:12px;background-color:var(--devui-base-bg, #ffffff);box-shadow:var(--devui-shadow-length-base, 0 1px 6px 0) #5170ff66;cursor:pointer}.tool.disabled{opacity:.5}.tool span{border:0!important}.tool .switch-view{padding:0 8px}.tool .switch-view:hover{color:var(--devui-link, #0950de)!important}.devui-dropdown-menu{top:10px!important;left:-6px!important}:host ::ng-deep .devui-dropdown-origin{border:0}:host ::ng-deep .devui-dropdown-origin:hover{color:var(--devui-link, #0950de)!important}:host ::ng-deep .devui-btn{height:32px!important;color:var(--devui-text, #191919)!important;padding:0 8px!important}:host ::ng-deep .devui-btn:hover{color:var(--devui-link, #0950de)!important}\n"] }]
}], ctorParameters: () => [{ type: i1.I18nService }], propDecorators: { currentUnit: [{
type: Input,
args: ['currentUnit']
}], isFullScreen: [{
type: Input
}], goToday: [{
type: Output
}], reduceUnit: [{
type: Output
}], increaseUnit: [{
type: Output
}], switchView: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FudHQtdG9vbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vZGV2dWkvZ2FudHQvZ2FudHQtdG9vbHMvZ2FudHQtdG9vbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vZGV2dWkvZ2FudHQvZ2FudHQtdG9vbHMvZ2FudHQtdG9vbHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQWlCLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQU8xQyxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLElBQTBCLFdBQVcsQ0FBQyxHQUFHO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ3hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xGLENBQUM7SUE2QkQsWUFBb0IsSUFBaUI7UUFBakIsU0FBSSxHQUFKLElBQUksQ0FBYTtRQTNCNUIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDcEIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDN0IsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzFDLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsVUFBSyxHQUFHO1lBQ047Z0JBQ0UsS0FBSyxFQUFFLEtBQUs7Z0JBQ1osS0FBSyxFQUFFLEtBQUs7YUFDYjtZQUNEO2dCQUNFLEtBQUssRUFBRSxNQUFNO2dCQUNiLEtBQUssRUFBRSxNQUFNO2FBQ2Q7WUFDRDtnQkFDRSxLQUFLLEVBQUUsT0FBTztnQkFDZCxLQUFLLEVBQUUsT0FBTzthQUNmO1NBQ0YsQ0FBQztJQUtzQyxDQUFDO0lBRXpDLFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDO1FBQzlDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDakQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDaEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQzNCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUM5QixJQUFJLENBQUMsS0FBSyxHQUFHO2dCQUNYO29CQUNFLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUc7b0JBQ3pCLEtBQUssRUFBRSxLQUFLO2lCQUNiO2dCQUNEO29CQUNFLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUk7b0JBQzFCLEtBQUssRUFBRSxNQUFNO2lCQUNkO2dCQUNEO29CQUNFLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUs7b0JBQzNCLEtBQUssRUFBRSxPQUFPO2lCQUNmO2FBQ0YsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFlBQVksQ0FBQyxJQUFJO1FBQ2YsUUFBUSxJQUFJLEVBQUUsQ0FBQztZQUNmLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNwQixNQUFNO1lBQ1IsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3ZCLE1BQU07WUFDUixLQUFLLFVBQVU7Z0JBQ2IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDekIsTUFBTTtZQUNSLFFBQVE7UUFDUixDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFJO1FBQ2IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQXBGVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw4T0NWaEMsazFDQWdDQTs7NEZEdEJhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxlQUFlO2dGQUtDLFdBQVc7c0JBQXBDLEtBQUs7dUJBQUMsYUFBYTtnQkFhWCxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEkxOG5JbnRlcmZhY2UsIEkxOG5TZXJ2aWNlIH0gZnJvbSAnbmctZGV2dWkvaTE4bic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBVbml0Um9sZSB9IGZyb20gJy4uL2dhbnR0Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZC1nYW50dC10b29scycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2dhbnR0LXRvb2xzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9nYW50dC10b29scy5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgR2FudHRUb29sc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCdjdXJyZW50VW5pdCcpIHNldCBjdXJyZW50VW5pdCh2YWwpIHtcclxuICAgIHRoaXMuX2N1cnJlbnRVbml0ID0gdmFsO1xyXG4gICAgY29uc3QgZGF0YSA9IHRoaXMudmlld3MuZmlsdGVyKChpKSA9PiBpLnZhbHVlID09PSB2YWwpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGN1cnJlbnRVbml0KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX2N1cnJlbnRVbml0O1xyXG4gIH1cclxuXHJcbiAgZ2V0IGN1cnJlbnRVbml0TGFiZWwoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fY3VycmVudExhYmVsIHx8ICh0aGlzLnZpZXdzLmxlbmd0aCA+IDAgPyB0aGlzLnZpZXdzWzBdLmxhYmVsIDogJycpO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgaXNGdWxsU2NyZWVuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGdvVG9kYXkgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHJlZHVjZVVuaXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGluY3JlYXNlVW5pdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgc3dpdGNoVmlldyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgX2N1cnJlbnRMYWJlbDogc3RyaW5nO1xyXG4gIF9jdXJyZW50VW5pdCA9ICcnO1xyXG4gIHVuaXRSb2xlID0gVW5pdFJvbGU7XHJcbiAgdmlld3MgPSBbXHJcbiAgICB7XHJcbiAgICAgIGxhYmVsOiAnRGF5JyxcclxuICAgICAgdmFsdWU6ICdkYXknLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbGFiZWw6ICdXZWVrJyxcclxuICAgICAgdmFsdWU6ICd3ZWVrJyxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIGxhYmVsOiAnTW9udGgnLFxyXG4gICAgICB2YWx1ZTogJ21vbnRoJyxcclxuICAgIH0sXHJcbiAgXTtcclxuICBpMThuVGV4dDogSTE4bkludGVyZmFjZVsnZ2FudHQnXTtcclxuICBpMThuTG9jYWxlOiBJMThuSW50ZXJmYWNlWydsb2NhbGUnXTtcclxuICBpMThuU3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaTE4bjogSTE4blNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pMThuVGV4dCA9IHRoaXMuaTE4bi5nZXRJMThuVGV4dCgpLmdhbnR0O1xyXG4gICAgdGhpcy5pMThuTG9jYWxlID0gdGhpcy5pMThuLmdldEkxOG5UZXh0KCkubG9jYWxlO1xyXG4gICAgdGhpcy5pMThuU3Vic2NyaXB0aW9uID0gdGhpcy5pMThuLmxhbmdDaGFuZ2UoKS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgdGhpcy5pMThuVGV4dCA9IGRhdGEuZ2FudHQ7XHJcbiAgICAgIHRoaXMuaTE4bkxvY2FsZSA9IGRhdGEubG9jYWxlO1xyXG4gICAgICB0aGlzLnZpZXdzID0gW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIGxhYmVsOiB0aGlzLmkxOG5UZXh0Py5kYXksXHJcbiAgICAgICAgICB2YWx1ZTogJ2RheScsXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBsYWJlbDogdGhpcy5pMThuVGV4dD8ud2VlayxcclxuICAgICAgICAgIHZhbHVlOiAnd2VlaycsXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBsYWJlbDogdGhpcy5pMThuVGV4dD8ubW9udGgsXHJcbiAgICAgICAgICB2YWx1ZTogJ21vbnRoJyxcclxuICAgICAgICB9LFxyXG4gICAgICBdO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBhdnRpb25IYW5kbGUodHlwZSkge1xyXG4gICAgc3dpdGNoICh0eXBlKSB7XHJcbiAgICBjYXNlICd0b2RheSc6XHJcbiAgICAgIHRoaXMuZ29Ub2RheS5lbWl0KCk7XHJcbiAgICAgIGJyZWFrO1xyXG4gICAgY2FzZSAncmVkdWNlJzpcclxuICAgICAgdGhpcy5yZWR1Y2VVbml0LmVtaXQoKTtcclxuICAgICAgYnJlYWs7XHJcbiAgICBjYXNlICdpbmNyZWFzZSc6XHJcbiAgICAgIHRoaXMuaW5jcmVhc2VVbml0LmVtaXQoKTtcclxuICAgICAgYnJlYWs7XHJcbiAgICBkZWZhdWx0OlxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2VsZWN0VmlldyhtZW51KSB7XHJcbiAgICB0aGlzLl9jdXJyZW50TGFiZWwgPSBtZW51LmxhYmVsO1xyXG4gICAgdGhpcy5zd2l0Y2hWaWV3LmVtaXQobWVudS52YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0b29scy1jb250YWluZXJcIiBbc3R5bGUucG9zaXRpb25dPVwiaXNGdWxsU2NyZWVuID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZSdcIj5cbiAgPGQtYnV0dG9uIGJzU3R5bGU9XCJ0ZXh0XCIgKGNsaWNrKT1cImF2dGlvbkhhbmRsZSgndG9kYXknKVwiIGNsYXNzPVwidG9vbFwiPnt7IGkxOG5UZXh0LnRvZGF5IH19PC9kLWJ1dHRvbj5cbiAgPGRpdiBjbGFzcz1cInRvb2xcIj5cbiAgICA8c3BhbiBkRHJvcERvd24gW3RyaWdnZXJdPVwiJ2NsaWNrJ1wiIGFwcGVuZFRvQm9keSBjbGFzcz1cInN3aXRjaC12aWV3XCI+XG4gICAgICA8c3BhbiBkRHJvcERvd25Ub2dnbGUgY2xhc3M9XCJkZXZ1aS1kcm9wZG93bi1vcmlnaW5cIj57eyBjdXJyZW50VW5pdExhYmVsIH19IDxzcGFuIGNsYXNzPVwiaWNvbi1jaGV2cm9uLWRvd25cIj48L3NwYW4+PC9zcGFuPlxuICAgICAgPHVsIGREcm9wRG93bk1lbnUgY2xhc3M9XCJkZXZ1aS1kcm9wZG93bi1tZW51IGRldnVpLXNjcm9sbGJhclwiIHJvbGU9XCJtZW51XCI+XG4gICAgICAgIDxsaSByb2xlPVwibWVudUl0ZW1cIiAqbmdGb3I9XCJsZXQgbWVudSBvZiB2aWV3c1wiIChjbGljayk9XCJzZWxlY3RWaWV3KG1lbnUpXCI+XG4gICAgICAgICAgPGEgY2xhc3M9XCJkZXZ1aS1kcm9wZG93bi1pdGVtXCI+e3sgbWVudS5sYWJlbCB9fTwvYT5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbiAgPGQtYnV0dG9uXG4gICAgYnNTdHlsZT1cInRleHRcIlxuICAgIChjbGljayk9XCJhdnRpb25IYW5kbGUoJ3JlZHVjZScpXCJcbiAgICBjbGFzcz1cInRvb2xcIlxuICAgIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IHVuaXRSb2xlW3RoaXMuY3VycmVudFVuaXRdID09PSB1bml0Um9sZS5kYXkgfVwiXG4gICAgW2Rpc2FibGVkXT1cInVuaXRSb2xlW3RoaXMuY3VycmVudFVuaXRdID09PSB1bml0Um9sZS5kYXlcIlxuICA+XG4gICAgPGkgY2xhc3M9XCJpY29uIGljb24tbWludXNcIj48L2k+XG4gIDwvZC1idXR0b24+XG4gIDxkLWJ1dHRvblxuICAgIGJzU3R5bGU9XCJ0ZXh0XCJcbiAgICAoY2xpY2spPVwiYXZ0aW9uSGFuZGxlKCdpbmNyZWFzZScpXCJcbiAgICBjbGFzcz1cInRvb2xcIlxuICAgIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IHVuaXRSb2xlW3RoaXMuY3VycmVudFVuaXRdID09PSB1bml0Um9sZS5tb250aCB9XCJcbiAgICBbZGlzYWJsZWRdPVwidW5pdFJvbGVbdGhpcy5jdXJyZW50VW5pdF0gPT09IHVuaXRSb2xlLm1vbnRoXCJcbiAgPlxuICAgIDxpIGNsYXNzPVwiaWNvbiBpY29uLWFkZFwiPjwvaT5cbiAgPC9kLWJ1dHRvbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=