ng-cw-v12
Version:
Angular UI component library
164 lines • 24.3 kB
JavaScript
import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/platform-browser";
import * as i2 from "@angular/common";
export class DockComponent {
constructor(sanitizer) {
this.sanitizer = sanitizer;
// 图标尺寸
this.ncSize = 40;
// 鼠标到最远放大图标的距离
this.ncDistance = 140;
// 展示模式
this.ncMode = 'distance';
// 相对于ncSize放大或间隙的倍数
this.ncMultiple = 1.5;
// 主题
this.ncTheme = 'light';
// 方向
this.ncDirection = 'horizontal';
// 分割线
this.ncDividerIndex = [];
// 提示文本
this.ncTooltip = [];
// 提示文本位置
this.ncTooltipPosition = 'top';
// hover效果
this._hover = false;
// 图标列表
this._items = [];
// 图标点击事件
this.ncClick = new EventEmitter();
this.mouseXY = Infinity;
this.iconScales = [];
this.isAnimating = false;
this.animationFrameId = null;
}
set ncHover(val) {
this._hover = val !== null && val !== undefined && val !== false && val !== 'false';
}
get ncHover() {
return this._hover;
}
set ncItems(value) {
this._items = value;
setTimeout(() => {
this.resetIconScales();
});
}
get ncItems() {
return this._items;
}
ngOnInit() {
}
ngOnDestroy() {
if (this.animationFrameId !== null) {
cancelAnimationFrame(this.animationFrameId);
}
}
resetIconScales() {
this.iconScales = this.ncItems.map(() => this.ncSize);
}
onMouseMove(event) {
if (this.ncDirection === 'horizontal') {
this.mouseXY = event.clientX;
}
else {
this.mouseXY = event.clientY;
}
// 使用requestAnimationFrame优化性能
if (!this.isAnimating) {
this.isAnimating = true;
this.animationFrameId = requestAnimationFrame(() => {
this.updateIconScales();
this.isAnimating = false;
});
}
}
onMouseLeave() {
this.mouseXY = Infinity;
this.resetIconScales();
}
updateIconScales() {
const icons = this.dockContainer.nativeElement.querySelectorAll('.dock-icon');
icons.forEach((icon, index) => {
const iconRect = icon.getBoundingClientRect();
let iconCenter = 0;
if (this.ncDirection == 'horizontal') {
iconCenter = iconRect.left + iconRect.width / 2;
}
else {
iconCenter = iconRect.top + iconRect.height / 2;
}
const distance = Math.abs(this.mouseXY - iconCenter);
let scale = this.ncSize;
if (distance < this.ncDistance) {
const magnificationDelta = this.ncMultiple * this.ncSize - this.ncSize;
// 使用平滑的二次函数曲线使效果更自然
const distanceRatio = 1 - Math.pow(distance / this.ncDistance, 2);
scale = this.ncSize + (magnificationDelta * distanceRatio);
}
// 不再使用Angular动画API，改为直接设置样式值让CSS过渡处理
this.iconScales[index] = scale;
});
}
onIconClick(index) {
this.ncClick.emit(index);
}
/**
* 检查项目是否为SVG内容
*/
isSvgContent(item) {
return !!item && (typeof item === 'string') && (item.trim().startsWith('<svg') || item.trim().startsWith('<?xml'));
}
/**
* 返回安全处理后的SVG内容
*/
getSanitizedSvg(svg) {
return this.sanitizer.bypassSecurityTrustHtml(svg);
}
}
DockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: DockComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
DockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: DockComponent, selector: "nc-dock", inputs: { ncSize: "ncSize", ncDistance: "ncDistance", ncMode: "ncMode", ncMultiple: "ncMultiple", ncTheme: "ncTheme", ncDirection: "ncDirection", ncDividerIndex: "ncDividerIndex", ncTooltip: "ncTooltip", ncTooltipPosition: "ncTooltipPosition", ncHover: "ncHover", ncItems: "ncItems" }, outputs: { ncClick: "ncClick" }, host: { listeners: { "mousemove": "onMouseMove($event)", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dockContainer", first: true, predicate: ["dockContainer"], descendants: true }], ngImport: i0, template: "<div #dockContainer style=\"--size: {{ncSize}};\" class=\"dock-container\"\n [ngClass]=\"{'light-mode': ncTheme === 'light', 'dark-mode': ncTheme === 'dark', 'horizontal-mode': ncDirection === 'horizontal', 'vertical-mode': ncDirection === 'vertical'}\">\n <ng-container *ngFor=\"let item of ncItems; let i = index\">\n <div class=\"dock-icon\" [ngStyle]=\"{'width': iconScales[i] + 'px', 'height': iconScales[i] + 'px'}\">\n <div class=\"icon-image-container\"\n [ngClass]=\"{'magnification-mode': ncMode === 'magnification', 'distance-mode': ncMode === 'distance', 'hover-mode': ncHover}\"\n (click)=\"onIconClick(i)\">\n <ng-container *ngIf=\"isSvgContent(item); else imageTemplate\">\n <div class=\"dock-icon-image\" [innerHTML]=\"getSanitizedSvg(item)\"></div>\n </ng-container>\n <ng-template #imageTemplate>\n <img [src]=\"item\" class=\"dock-icon-image\">\n </ng-template>\n </div>\n <div *ngIf=\"ncTooltip && ncTooltip[i]\" class=\"dock-tooltip\" [ngClass]=\"'tooltip-' + ncTooltipPosition\">\n {{ ncTooltip[i] }}\n </div>\n </div>\n <div class=\"dock-divider\" *ngIf=\"ncDividerIndex.includes(i)\"></div>\n </ng-container>\n</div>", styles: [".dock-container{display:flex;align-items:center;justify-content:center;grid-gap:calc(var(--size) * .2px);gap:calc(var(--size) * .2px);border-radius:calc(var(--size) * .4px);padding:calc(var(--size) * .2px);-webkit-backdrop-filter:blur(calc(var(--size) * .3px));backdrop-filter:blur(calc(var(--size) * .3px));position:relative;will-change:contents}.dock-container.horizontal-mode{flex-direction:row;height:calc(var(--size) * 1.4px + 2px);width:max-content}.dock-container.horizontal-mode .dock-divider{width:1px;height:100%}.dock-container.vertical-mode{flex-direction:column;height:max-content;width:calc(var(--size) * 1.4px + 2px)}.dock-container.vertical-mode .dock-divider{width:100%;height:1px}.dock-container.light-mode{background-color:#ffffff1a;border:1px solid rgba(0,0,0,.1)}.dock-container.light-mode .icon-image-container.hover-mode:hover{background-color:#0000001a}.dock-container.light-mode .dock-divider{background-color:#0000001a}.dock-container.light-mode .dock-tooltip{background-color:#000000bf;color:#fff}.dock-container.dark-mode{background-color:#0000001a;border:1px solid rgba(255,255,255,.2)}.dock-container.dark-mode .icon-image-container.hover-mode:hover{background-color:#fff3}.dock-container.dark-mode .dock-divider{background-color:#fff3}.dock-container.dark-mode .dock-tooltip{background-color:#434343;color:#fff}.dock-container .dock-icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1;transition:width .3s cubic-bezier(.34,1.56,.64,1),height .3s cubic-bezier(.34,1.56,.64,1);overflow:visible;position:relative;transform:translateZ(0)}.dock-container .dock-icon:hover .dock-tooltip{opacity:1}.dock-container .dock-icon .icon-image-container{display:flex;align-items:center;justify-content:center;padding:calc(var(--size) * .2px);border-radius:50%;cursor:pointer;transition:background-color .2s ease;position:relative}.dock-container .dock-icon .icon-image-container.distance-mode .dock-icon-image{width:calc(var(--size) * .6px);height:calc(var(--size) * .6px)}.dock-container .dock-icon .icon-image-container.magnification-mode{width:100%;height:100%}.dock-container .dock-icon .icon-image-container.magnification-mode .dock-icon-image{width:100%;height:100%}.dock-container .dock-icon .icon-image-container .dock-icon-image{object-fit:contain;pointer-events:none;transform:translateZ(0);display:flex;align-items:center;justify-content:center}.dock-container .dock-icon .dock-tooltip{position:absolute;padding:calc(var(--size) * .15px) calc(var(--size) * .3px);border-radius:calc(var(--size) * .15px);font-size:calc(var(--size) * .35px);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;box-shadow:0 calc(var(--size) * .05px) calc(var(--size) * .1px) #0003}.dock-container .dock-icon .dock-tooltip.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(0)}.dock-container .dock-icon .dock-tooltip.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(0)}.dock-container .dock-icon .dock-tooltip.tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(0)}.dock-container .dock-icon .dock-tooltip.tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(0)}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: DockComponent, decorators: [{
type: Component,
args: [{
selector: 'nc-dock',
templateUrl: './dock.component.html',
styleUrls: ['./dock.component.less'],
}]
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { ncSize: [{
type: Input
}], ncDistance: [{
type: Input
}], ncMode: [{
type: Input
}], ncMultiple: [{
type: Input
}], ncTheme: [{
type: Input
}], ncDirection: [{
type: Input
}], ncDividerIndex: [{
type: Input
}], ncTooltip: [{
type: Input
}], ncTooltipPosition: [{
type: Input
}], ncHover: [{
type: Input
}], ncItems: [{
type: Input
}], ncClick: [{
type: Output
}], dockContainer: [{
type: ViewChild,
args: ['dockContainer']
}], onMouseMove: [{
type: HostListener,
args: ['mousemove', ['$event']]
}], onMouseLeave: [{
type: HostListener,
args: ['mouseleave']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2RvY2svZG9jay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2RvY2svZG9jay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUS9ILE1BQU0sT0FBTyxhQUFhO0lBa0R4QixZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBakQzQyxPQUFPO1FBQ0UsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUM3QixlQUFlO1FBQ04sZUFBVSxHQUFXLEdBQUcsQ0FBQztRQUNsQyxPQUFPO1FBQ0UsV0FBTSxHQUFpQyxVQUFVLENBQUE7UUFDMUQsb0JBQW9CO1FBQ1gsZUFBVSxHQUFXLEdBQUcsQ0FBQztRQUNsQyxLQUFLO1FBQ0ksWUFBTyxHQUFxQixPQUFPLENBQUM7UUFDN0MsS0FBSztRQUNJLGdCQUFXLEdBQThCLFlBQVksQ0FBQztRQUMvRCxNQUFNO1FBQ0csbUJBQWMsR0FBYSxFQUFFLENBQUM7UUFDdkMsT0FBTztRQUNFLGNBQVMsR0FBYSxFQUFFLENBQUM7UUFDbEMsU0FBUztRQUNBLHNCQUFpQixHQUF3QyxLQUFLLENBQUM7UUFDeEUsVUFBVTtRQUNGLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFRaEMsT0FBTztRQUNDLFdBQU0sR0FBYSxFQUFFLENBQUM7UUFXOUIsU0FBUztRQUNDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXZDLFlBQU8sR0FBRyxRQUFRLENBQUM7UUFDM0IsZUFBVSxHQUFhLEVBQUUsQ0FBQztRQUNsQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixxQkFBZ0IsR0FBa0IsSUFBSSxDQUFDO0lBRUEsQ0FBQztJQTdCaEQsSUFDSSxPQUFPLENBQUMsR0FBcUI7UUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLEtBQUssSUFBSSxJQUFJLEdBQUcsS0FBSyxTQUFTLElBQUksR0FBRyxLQUFLLEtBQUssSUFBSSxHQUFHLEtBQUssT0FBTyxDQUFDO0lBQ3RGLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUdELElBQ0ksT0FBTyxDQUFDLEtBQWU7UUFDekIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQWFELFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLElBQUksRUFBRTtZQUNsQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUM3QztJQUNILENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFHRCxXQUFXLENBQUMsS0FBaUI7UUFDM0IsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFlBQVksRUFBRTtZQUNyQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7U0FDOUI7YUFBTTtZQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztTQUM5QjtRQUVELDhCQUE4QjtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztZQUN4QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsR0FBRyxFQUFFO2dCQUNqRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztnQkFDeEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7WUFDM0IsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFHRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUM7UUFDeEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFOUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQWlCLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDakQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDOUMsSUFBSSxVQUFVLEdBQUcsQ0FBQyxDQUFDO1lBQ25CLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxZQUFZLEVBQUU7Z0JBQ3BDLFVBQVUsR0FBRyxRQUFRLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO2FBQ2pEO2lCQUFNO2dCQUNMLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO2FBQ2pEO1lBQ0QsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxDQUFDO1lBRXJELElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDeEIsSUFBSSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDOUIsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztnQkFDdkUsb0JBQW9CO2dCQUNwQixNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFDbEUsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxrQkFBa0IsR0FBRyxhQUFhLENBQUMsQ0FBQzthQUM1RDtZQUVELHFDQUFxQztZQUNyQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssQ0FBQztRQUNqQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZLENBQUMsSUFBWTtRQUN2QixPQUFPLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksS0FBSyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3JILENBQUM7SUFFRDs7T0FFRztJQUNILGVBQWUsQ0FBQyxHQUFXO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDOzswR0FuSVUsYUFBYTs4RkFBYixhQUFhLDJqQkNSMUIsKzBDQW9CTTsyRkRaTyxhQUFhO2tCQUx6QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztpQkFDckM7bUdBR1UsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFJRixPQUFPO3NCQURWLEtBQUs7Z0JBVUYsT0FBTztzQkFEVixLQUFLO2dCQVdJLE9BQU87c0JBQWhCLE1BQU07Z0JBRXFCLGFBQWE7c0JBQXhDLFNBQVM7dUJBQUMsZUFBZTtnQkF1QjFCLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBbUJyQyxZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtZG9jaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2NrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZG9jay5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEb2NrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvLyDlm77moIflsLrlr7hcbiAgQElucHV0KCkgbmNTaXplOiBudW1iZXIgPSA0MDtcbiAgLy8g6byg5qCH5Yiw5pyA6L+c5pS+5aSn5Zu+5qCH55qE6Led56a7XG4gIEBJbnB1dCgpIG5jRGlzdGFuY2U6IG51bWJlciA9IDE0MDtcbiAgLy8g5bGV56S65qih5byPXG4gIEBJbnB1dCgpIG5jTW9kZTogJ2Rpc3RhbmNlJyB8ICdtYWduaWZpY2F0aW9uJyA9ICdkaXN0YW5jZSdcbiAgLy8g55u45a+55LqObmNTaXpl5pS+5aSn5oiW6Ze06ZqZ55qE5YCN5pWwXG4gIEBJbnB1dCgpIG5jTXVsdGlwbGU6IG51bWJlciA9IDEuNTtcbiAgLy8g5Li76aKYXG4gIEBJbnB1dCgpIG5jVGhlbWU6ICdsaWdodCcgfCAnZGFyaycgPSAnbGlnaHQnO1xuICAvLyDmlrnlkJFcbiAgQElucHV0KCkgbmNEaXJlY3Rpb246ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcgPSAnaG9yaXpvbnRhbCc7XG4gIC8vIOWIhuWJsue6v1xuICBASW5wdXQoKSBuY0RpdmlkZXJJbmRleDogbnVtYmVyW10gPSBbXTtcbiAgLy8g5o+Q56S65paH5pysXG4gIEBJbnB1dCgpIG5jVG9vbHRpcDogc3RyaW5nW10gPSBbXTtcbiAgLy8g5o+Q56S65paH5pys5L2N572uXG4gIEBJbnB1dCgpIG5jVG9vbHRpcFBvc2l0aW9uOiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyA9ICd0b3AnO1xuICAvLyBob3ZlcuaViOaenFxuICBwcml2YXRlIF9ob3ZlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBzZXQgbmNIb3Zlcih2YWw6IGJvb2xlYW4gfCBzdHJpbmcpIHtcbiAgICB0aGlzLl9ob3ZlciA9IHZhbCAhPT0gbnVsbCAmJiB2YWwgIT09IHVuZGVmaW5lZCAmJiB2YWwgIT09IGZhbHNlICYmIHZhbCAhPT0gJ2ZhbHNlJztcbiAgfVxuICBnZXQgbmNIb3ZlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5faG92ZXI7XG4gIH1cbiAgLy8g5Zu+5qCH5YiX6KGoXG4gIHByaXZhdGUgX2l0ZW1zOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKVxuICBzZXQgbmNJdGVtcyh2YWx1ZTogc3RyaW5nW10pIHtcbiAgICB0aGlzLl9pdGVtcyA9IHZhbHVlO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5yZXNldEljb25TY2FsZXMoKTtcbiAgICB9KTtcbiAgfVxuICBnZXQgbmNJdGVtcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIHRoaXMuX2l0ZW1zO1xuICB9XG4gIC8vIOWbvuagh+eCueWHu+S6i+S7tlxuICBAT3V0cHV0KCkgbmNDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2RvY2tDb250YWluZXInKSBkb2NrQ29udGFpbmVyITogRWxlbWVudFJlZjtcblxuICBwcml2YXRlIG1vdXNlWFkgPSBJbmZpbml0eTtcbiAgaWNvblNjYWxlczogbnVtYmVyW10gPSBbXTtcbiAgcHJpdmF0ZSBpc0FuaW1hdGluZyA9IGZhbHNlO1xuICBwcml2YXRlIGFuaW1hdGlvbkZyYW1lSWQ6IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuYW5pbWF0aW9uRnJhbWVJZCAhPT0gbnVsbCkge1xuICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUodGhpcy5hbmltYXRpb25GcmFtZUlkKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHJlc2V0SWNvblNjYWxlcygpOiB2b2lkIHtcbiAgICB0aGlzLmljb25TY2FsZXMgPSB0aGlzLm5jSXRlbXMubWFwKCgpID0+IHRoaXMubmNTaXplKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbW92ZScsIFsnJGV2ZW50J10pXG4gIG9uTW91c2VNb3ZlKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMubmNEaXJlY3Rpb24gPT09ICdob3Jpem9udGFsJykge1xuICAgICAgdGhpcy5tb3VzZVhZID0gZXZlbnQuY2xpZW50WDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5tb3VzZVhZID0gZXZlbnQuY2xpZW50WTtcbiAgICB9XG5cbiAgICAvLyDkvb/nlKhyZXF1ZXN0QW5pbWF0aW9uRnJhbWXkvJjljJbmgKfog71cbiAgICBpZiAoIXRoaXMuaXNBbmltYXRpbmcpIHtcbiAgICAgIHRoaXMuaXNBbmltYXRpbmcgPSB0cnVlO1xuICAgICAgdGhpcy5hbmltYXRpb25GcmFtZUlkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgdGhpcy51cGRhdGVJY29uU2NhbGVzKCk7XG4gICAgICAgIHRoaXMuaXNBbmltYXRpbmcgPSBmYWxzZTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XG4gICAgdGhpcy5tb3VzZVhZID0gSW5maW5pdHk7XG4gICAgdGhpcy5yZXNldEljb25TY2FsZXMoKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlSWNvblNjYWxlcygpOiB2b2lkIHtcbiAgICBjb25zdCBpY29ucyA9IHRoaXMuZG9ja0NvbnRhaW5lci5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5kb2NrLWljb24nKTtcblxuICAgIGljb25zLmZvckVhY2goKGljb246IEhUTUxFbGVtZW50LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBjb25zdCBpY29uUmVjdCA9IGljb24uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBsZXQgaWNvbkNlbnRlciA9IDA7XG4gICAgICBpZiAodGhpcy5uY0RpcmVjdGlvbiA9PSAnaG9yaXpvbnRhbCcpIHtcbiAgICAgICAgaWNvbkNlbnRlciA9IGljb25SZWN0LmxlZnQgKyBpY29uUmVjdC53aWR0aCAvIDI7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpY29uQ2VudGVyID0gaWNvblJlY3QudG9wICsgaWNvblJlY3QuaGVpZ2h0IC8gMjtcbiAgICAgIH1cbiAgICAgIGNvbnN0IGRpc3RhbmNlID0gTWF0aC5hYnModGhpcy5tb3VzZVhZIC0gaWNvbkNlbnRlcik7XG5cbiAgICAgIGxldCBzY2FsZSA9IHRoaXMubmNTaXplO1xuICAgICAgaWYgKGRpc3RhbmNlIDwgdGhpcy5uY0Rpc3RhbmNlKSB7XG4gICAgICAgIGNvbnN0IG1hZ25pZmljYXRpb25EZWx0YSA9IHRoaXMubmNNdWx0aXBsZSAqIHRoaXMubmNTaXplIC0gdGhpcy5uY1NpemU7XG4gICAgICAgIC8vIOS9v+eUqOW5s+a7keeahOS6jOasoeWHveaVsOabsue6v+S9v+aViOaenOabtOiHqueEtlxuICAgICAgICBjb25zdCBkaXN0YW5jZVJhdGlvID0gMSAtIE1hdGgucG93KGRpc3RhbmNlIC8gdGhpcy5uY0Rpc3RhbmNlLCAyKTtcbiAgICAgICAgc2NhbGUgPSB0aGlzLm5jU2l6ZSArIChtYWduaWZpY2F0aW9uRGVsdGEgKiBkaXN0YW5jZVJhdGlvKTtcbiAgICAgIH1cblxuICAgICAgLy8g5LiN5YaN5L2/55SoQW5ndWxhcuWKqOeUu0FQSe+8jOaUueS4uuebtOaOpeiuvue9ruagt+W8j+WAvOiuqUNTU+i/h+a4oeWkhOeQhlxuICAgICAgdGhpcy5pY29uU2NhbGVzW2luZGV4XSA9IHNjYWxlO1xuICAgIH0pO1xuICB9XG5cbiAgb25JY29uQ2xpY2soaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMubmNDbGljay5lbWl0KGluZGV4KTtcbiAgfVxuXG4gIC8qKlxuICAgKiDmo4Dmn6Xpobnnm67mmK/lkKbkuLpTVkflhoXlrrlcbiAgICovXG4gIGlzU3ZnQ29udGVudChpdGVtOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISFpdGVtICYmICh0eXBlb2YgaXRlbSA9PT0gJ3N0cmluZycpICYmIChpdGVtLnRyaW0oKS5zdGFydHNXaXRoKCc8c3ZnJykgfHwgaXRlbS50cmltKCkuc3RhcnRzV2l0aCgnPD94bWwnKSk7XG4gIH1cblxuICAvKipcbiAgICog6L+U5Zue5a6J5YWo5aSE55CG5ZCO55qEU1ZH5YaF5a65XG4gICAqL1xuICBnZXRTYW5pdGl6ZWRTdmcoc3ZnOiBzdHJpbmcpOiBTYWZlSHRtbCB7XG4gICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKHN2Zyk7XG4gIH1cbn1cbiIsIjxkaXYgI2RvY2tDb250YWluZXIgc3R5bGU9XCItLXNpemU6IHt7bmNTaXplfX07XCIgY2xhc3M9XCJkb2NrLWNvbnRhaW5lclwiXG4gICAgW25nQ2xhc3NdPVwieydsaWdodC1tb2RlJzogbmNUaGVtZSA9PT0gJ2xpZ2h0JywgJ2RhcmstbW9kZSc6IG5jVGhlbWUgPT09ICdkYXJrJywgJ2hvcml6b250YWwtbW9kZSc6IG5jRGlyZWN0aW9uID09PSAnaG9yaXpvbnRhbCcsICd2ZXJ0aWNhbC1tb2RlJzogbmNEaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCd9XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBuY0l0ZW1zOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb2NrLWljb25cIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogaWNvblNjYWxlc1tpXSArICdweCcsICdoZWlnaHQnOiBpY29uU2NhbGVzW2ldICsgJ3B4J31cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWltYWdlLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydtYWduaWZpY2F0aW9uLW1vZGUnOiBuY01vZGUgPT09ICdtYWduaWZpY2F0aW9uJywgJ2Rpc3RhbmNlLW1vZGUnOiBuY01vZGUgPT09ICdkaXN0YW5jZScsICdob3Zlci1tb2RlJzogbmNIb3Zlcn1cIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkljb25DbGljayhpKVwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc1N2Z0NvbnRlbnQoaXRlbSk7IGVsc2UgaW1hZ2VUZW1wbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG9jay1pY29uLWltYWdlXCIgW2lubmVySFRNTF09XCJnZXRTYW5pdGl6ZWRTdmcoaXRlbSlcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI2ltYWdlVGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtXCIgY2xhc3M9XCJkb2NrLWljb24taW1hZ2VcIj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwibmNUb29sdGlwICYmIG5jVG9vbHRpcFtpXVwiIGNsYXNzPVwiZG9jay10b29sdGlwXCIgW25nQ2xhc3NdPVwiJ3Rvb2x0aXAtJyArIG5jVG9vbHRpcFBvc2l0aW9uXCI+XG4gICAgICAgICAgICAgICAge3sgbmNUb29sdGlwW2ldIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb2NrLWRpdmlkZXJcIiAqbmdJZj1cIm5jRGl2aWRlckluZGV4LmluY2x1ZGVzKGkpXCI+PC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj4iXX0=