cytoscape-angular-ng17/esm2022/lib/cytoscape-graph-toolbar/cytoscape-graph-toolbar.component.mjs

Angular 17+ components for cytoscape charting.

import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "primeng/button";
import * as i3 from "primeng/api";
import * as i4 from "primeng/overlaypanel";
import * as i5 from "primeng/tooltip";
import * as i6 from "../cytoscape-layout-tool/cytoscape-layout-tool.component";
import * as i7 from "../cytoscape-style-tool/cytoscape-style-tool.component";
export class CytoscapeGraphToolbarComponent {
    nodes;
    edges;
    direction = 'row';
    #_layoutOptions;
    get layoutOptions() {
        return this.#_layoutOptions;
    }
    set layoutOptions(value) {
        console.log(`Graph toolbar gets new layout options ${JSON.stringify(value)}`);
        this.#_layoutOptions = value;
        this.layoutOptionsChange.emit(this.#_layoutOptions);
    }
    layoutOptionsChange = new EventEmitter();
    #_styles;
    get styles() {
        return this.#_styles;
    }
    set styles(styles) {
        this.#_styles = styles;
        this.stylesChange.emit(this.#_styles);
    }
    stylesChange = new EventEmitter();
    styleSelectorChange = new EventEmitter();
    showLayoutToolbarButton;
    showStyleToolbarButton;
    showToolbarButtons;
    constructor() { }
    ngOnInit() { }
    onStyleSelectorChange(selector) {
        console.log(`onStyleSelectorChange: selector`);
        this.styleSelectorChange.emit(selector);
    }
    onStylesChange(stylesheet) {
        console.log(`onStylesChange`);
        this.styles = stylesheet;
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CytoscapeGraphToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: CytoscapeGraphToolbarComponent, selector: "cytoscape-graph-toolbar", inputs: { nodes: "nodes", edges: "edges", direction: "direction", layoutOptions: "layoutOptions", styles: "styles", showLayoutToolbarButton: "showLayoutToolbarButton", showStyleToolbarButton: "showStyleToolbarButton", showToolbarButtons: "showToolbarButtons" }, outputs: { layoutOptionsChange: "layoutOptionsChange", stylesChange: "stylesChange", styleSelectorChange: "styleSelectorChange" }, ngImport: i0, template: `
    <div
      class="toolbar-container"
      [class.row-layout]="direction === 'row'"
      [class.column-layout]="direction === 'column'"
    >
      <p-overlayPanel
        #layoutToolbaroverlay
        [dismissable]="true"
        [showCloseIcon]="true"
      >
        <ng-template pTemplate>
          <cytoscape-layout-tool
            [(layoutOptions)]="layoutOptions"
          ></cytoscape-layout-tool>
        </ng-template>
      </p-overlayPanel>
      <p-button
        *ngIf="showToolbarButtons"
        label="{{ layoutOptions?.name | titlecase }} Layout"
        [class.max-button-width]="direction === 'column'"
        pTooltip="Layout Settings..."
        icon="pi pi-sliders-v"
        (click)="layoutToolbaroverlay.toggle($event)"
      ></p-button>
      <p-overlayPanel
        #styleToolbaroverlay
        [dismissable]="true"
        [showCloseIcon]="true"
      >
        <ng-template pTemplate>
          <cytoscape-style-tool
            [(styles)]="styles"
            (stylesChange)="onStylesChange($event)"
            (styleSelectorChange)="onStyleSelectorChange($event)"
          ></cytoscape-style-tool>
        </ng-template>
      </p-overlayPanel>
      <p-button
        *ngIf="showToolbarButtons"
        [class.max-button-width]="direction === 'column'"
        label="Style"
        pTooltip="Styling..."
        icon="pi pi-palette"
        (click)="styleToolbaroverlay.toggle($event)"
      >
      </p-button>
      <span class="graph-data" *ngIf="nodes"
        >{{ nodes.length }} Nodes &nbsp;</span
      >
      <span class="graph-data" *ngIf="edges">{{ edges.length }} Edges</span>
    </div>
  `, isInline: true, styles: [".toolbar-container{display:flex}.row-layout{flex-direction:row;align-items:center;padding-bottom:4px}.column-layout{flex-direction:column;align-items:stretch;justify-content:flex-start;padding-left:4px}p-button{padding-bottom:4px;padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.CytoscapeLayoutToolComponent, selector: "cytoscape-layout-tool", inputs: ["layoutOptions"], outputs: ["layoutOptionsChange"] }, { kind: "component", type: i7.CytoscapeStyleToolComponent, selector: "cytoscape-style-tool", inputs: ["styles"], outputs: ["stylesChange", "styleSelectorChange"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CytoscapeGraphToolbarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cytoscape-graph-toolbar', template: `
    <div
      class="toolbar-container"
      [class.row-layout]="direction === 'row'"
      [class.column-layout]="direction === 'column'"
    >
      <p-overlayPanel
        #layoutToolbaroverlay
        [dismissable]="true"
        [showCloseIcon]="true"
      >
        <ng-template pTemplate>
          <cytoscape-layout-tool
            [(layoutOptions)]="layoutOptions"
          ></cytoscape-layout-tool>
        </ng-template>
      </p-overlayPanel>
      <p-button
        *ngIf="showToolbarButtons"
        label="{{ layoutOptions?.name | titlecase }} Layout"
        [class.max-button-width]="direction === 'column'"
        pTooltip="Layout Settings..."
        icon="pi pi-sliders-v"
        (click)="layoutToolbaroverlay.toggle($event)"
      ></p-button>
      <p-overlayPanel
        #styleToolbaroverlay
        [dismissable]="true"
        [showCloseIcon]="true"
      >
        <ng-template pTemplate>
          <cytoscape-style-tool
            [(styles)]="styles"
            (stylesChange)="onStylesChange($event)"
            (styleSelectorChange)="onStyleSelectorChange($event)"
          ></cytoscape-style-tool>
        </ng-template>
      </p-overlayPanel>
      <p-button
        *ngIf="showToolbarButtons"
        [class.max-button-width]="direction === 'column'"
        label="Style"
        pTooltip="Styling..."
        icon="pi pi-palette"
        (click)="styleToolbaroverlay.toggle($event)"
      >
      </p-button>
      <span class="graph-data" *ngIf="nodes"
        >{{ nodes.length }} Nodes &nbsp;</span
      >
      <span class="graph-data" *ngIf="edges">{{ edges.length }} Edges</span>
    </div>
  `, styles: [".toolbar-container{display:flex}.row-layout{flex-direction:row;align-items:center;padding-bottom:4px}.column-layout{flex-direction:column;align-items:stretch;justify-content:flex-start;padding-left:4px}p-button{padding-bottom:4px;padding-right:4px}\n"] }]
        }], ctorParameters: () => [], propDecorators: { nodes: [{
                type: Input
            }], edges: [{
                type: Input
            }], direction: [{
                type: Input
            }], layoutOptions: [{
                type: Input
            }], layoutOptionsChange: [{
                type: Output
            }], styles: [{
                type: Input
            }], stylesChange: [{
                type: Output
            }], styleSelectorChange: [{
                type: Output
            }], showLayoutToolbarButton: [{
                type: Input
            }], showStyleToolbarButton: [{
                type: Input
            }], showToolbarButtons: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3l0b3NjYXBlLWdyYXBoLXRvb2xiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3l0b3NjYXBlLWFuZ3VsYXIvc3JjL2xpYi9jeXRvc2NhcGUtZ3JhcGgtdG9vbGJhci9jeXRvc2NhcGUtZ3JhcGgtdG9vbGJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBMEYvRSxNQUFNLE9BQU8sOEJBQThCO0lBRXpDLEtBQUssQ0FBK0I7SUFFcEMsS0FBSyxDQUErQjtJQUVwQyxTQUFTLEdBQXFCLEtBQUssQ0FBQztJQUVwQyxlQUFlLENBQTRCO0lBQzNDLElBQ0ksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUM5QixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBSztRQUNyQixPQUFPLENBQUMsR0FBRyxDQUNULHlDQUF5QyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQ2pFLENBQUM7UUFDRixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBQ1MsbUJBQW1CLEdBQzNCLElBQUksWUFBWSxFQUFpQixDQUFDO0lBRXBDLFFBQVEsQ0FBZ0M7SUFDeEMsSUFDSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE1BQU0sQ0FBQyxNQUF5QjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUNTLFlBQVksR0FBb0MsSUFBSSxZQUFZLEVBRXZFLENBQUM7SUFFTSxtQkFBbUIsR0FDM0IsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUc3Qix1QkFBdUIsQ0FBVztJQUVsQyxzQkFBc0IsQ0FBVztJQUVqQyxrQkFBa0IsQ0FBVztJQUU3QixnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRW5CLHFCQUFxQixDQUFDLFFBQWdCO1FBQ3BDLE9BQU8sQ0FBQyxHQUFHLENBQUMsaUNBQWlDLENBQUMsQ0FBQztRQUMvQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxjQUFjLENBQUMsVUFBdUM7UUFDcEQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDO0lBQzNCLENBQUM7dUdBMURVLDhCQUE4QjsyRkFBOUIsOEJBQThCLHdjQS9FL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvRFQ7OzJGQTJCVSw4QkFBOEI7a0JBbEYxQyxTQUFTOytCQUVFLHlCQUF5QixZQUN6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9EVDt3REE2QkQsS0FBSztzQkFESixLQUFLO2dCQUdOLEtBQUs7c0JBREosS0FBSztnQkFHTixTQUFTO3NCQURSLEtBQUs7Z0JBS0YsYUFBYTtzQkFEaEIsS0FBSztnQkFXSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBS0gsTUFBTTtzQkFEVCxLQUFLO2dCQVFJLFlBQVk7c0JBQXJCLE1BQU07Z0JBSUcsbUJBQW1CO3NCQUE1QixNQUFNO2dCQUlQLHVCQUF1QjtzQkFEdEIsS0FBSztnQkFHTixzQkFBc0I7c0JBRHJCLEtBQUs7Z0JBR04sa0JBQWtCO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgRWRnZURlZmluaXRpb24sXG4gIExheW91dE9wdGlvbnMsXG4gIE5vZGVEZWZpbml0aW9uLFxuICBTdHlsZXNoZWV0LFxuICBTdHlsZXNoZWV0U3R5bGUsXG59IGZyb20gJ2N5dG9zY2FwZSc7XG5AQ29tcG9uZW50KHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2N5dG9zY2FwZS1ncmFwaC10b29sYmFyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInRvb2xiYXItY29udGFpbmVyXCJcbiAgICAgIFtjbGFzcy5yb3ctbGF5b3V0XT1cImRpcmVjdGlvbiA9PT0gJ3JvdydcIlxuICAgICAgW2NsYXNzLmNvbHVtbi1sYXlvdXRdPVwiZGlyZWN0aW9uID09PSAnY29sdW1uJ1wiXG4gICAgPlxuICAgICAgPHAtb3ZlcmxheVBhbmVsXG4gICAgICAgICNsYXlvdXRUb29sYmFyb3ZlcmxheVxuICAgICAgICBbZGlzbWlzc2FibGVdPVwidHJ1ZVwiXG4gICAgICAgIFtzaG93Q2xvc2VJY29uXT1cInRydWVcIlxuICAgICAgPlxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPlxuICAgICAgICAgIDxjeXRvc2NhcGUtbGF5b3V0LXRvb2xcbiAgICAgICAgICAgIFsobGF5b3V0T3B0aW9ucyldPVwibGF5b3V0T3B0aW9uc1wiXG4gICAgICAgICAgPjwvY3l0b3NjYXBlLWxheW91dC10b29sPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9wLW92ZXJsYXlQYW5lbD5cbiAgICAgIDxwLWJ1dHRvblxuICAgICAgICAqbmdJZj1cInNob3dUb29sYmFyQnV0dG9uc1wiXG4gICAgICAgIGxhYmVsPVwie3sgbGF5b3V0T3B0aW9ucz8ubmFtZSB8IHRpdGxlY2FzZSB9fSBMYXlvdXRcIlxuICAgICAgICBbY2xhc3MubWF4LWJ1dHRvbi13aWR0aF09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCJcbiAgICAgICAgcFRvb2x0aXA9XCJMYXlvdXQgU2V0dGluZ3MuLi5cIlxuICAgICAgICBpY29uPVwicGkgcGktc2xpZGVycy12XCJcbiAgICAgICAgKGNsaWNrKT1cImxheW91dFRvb2xiYXJvdmVybGF5LnRvZ2dsZSgkZXZlbnQpXCJcbiAgICAgID48L3AtYnV0dG9uPlxuICAgICAgPHAtb3ZlcmxheVBhbmVsXG4gICAgICAgICNzdHlsZVRvb2xiYXJvdmVybGF5XG4gICAgICAgIFtkaXNtaXNzYWJsZV09XCJ0cnVlXCJcbiAgICAgICAgW3Nob3dDbG9zZUljb25dPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU+XG4gICAgICAgICAgPGN5dG9zY2FwZS1zdHlsZS10b29sXG4gICAgICAgICAgICBbKHN0eWxlcyldPVwic3R5bGVzXCJcbiAgICAgICAgICAgIChzdHlsZXNDaGFuZ2UpPVwib25TdHlsZXNDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgICAoc3R5bGVTZWxlY3RvckNoYW5nZSk9XCJvblN0eWxlU2VsZWN0b3JDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvY3l0b3NjYXBlLXN0eWxlLXRvb2w+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L3Atb3ZlcmxheVBhbmVsPlxuICAgICAgPHAtYnV0dG9uXG4gICAgICAgICpuZ0lmPVwic2hvd1Rvb2xiYXJCdXR0b25zXCJcbiAgICAgICAgW2NsYXNzLm1heC1idXR0b24td2lkdGhdPVwiZGlyZWN0aW9uID09PSAnY29sdW1uJ1wiXG4gICAgICAgIGxhYmVsPVwiU3R5bGVcIlxuICAgICAgICBwVG9vbHRpcD1cIlN0eWxpbmcuLi5cIlxuICAgICAgICBpY29uPVwicGkgcGktcGFsZXR0ZVwiXG4gICAgICAgIChjbGljayk9XCJzdHlsZVRvb2xiYXJvdmVybGF5LnRvZ2dsZSgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvcC1idXR0b24+XG4gICAgICA8c3BhbiBjbGFzcz1cImdyYXBoLWRhdGFcIiAqbmdJZj1cIm5vZGVzXCJcbiAgICAgICAgPnt7IG5vZGVzLmxlbmd0aCB9fSBOb2RlcyAmbmJzcDs8L3NwYW5cbiAgICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZ3JhcGgtZGF0YVwiICpuZ0lmPVwiZWRnZXNcIj57eyBlZGdlcy5sZW5ndGggfX0gRWRnZXM8L3NwYW4+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC50b29sYmFyLWNvbnRhaW5lciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB9XG5cbiAgICAgIC5yb3ctbGF5b3V0IHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDRweDtcbiAgICAgIH1cblxuICAgICAgLmNvbHVtbi1sYXlvdXQge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDRweDtcbiAgICAgIH1cblxuICAgICAgcC1idXR0b24ge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogNHB4O1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA0cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ3l0b3NjYXBlR3JhcGhUb29sYmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgbm9kZXM6IE5vZGVEZWZpbml0aW9uW10gfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpXG4gIGVkZ2VzOiBFZGdlRGVmaW5pdGlvbltdIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKVxuICBkaXJlY3Rpb246ICdjb2x1bW4nIHwgJ3JvdycgPSAncm93JztcblxuICAjX2xheW91dE9wdGlvbnM6IExheW91dE9wdGlvbnMgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpXG4gIGdldCBsYXlvdXRPcHRpb25zKCk6IExheW91dE9wdGlvbnMgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfbGF5b3V0T3B0aW9ucztcbiAgfVxuICBzZXQgbGF5b3V0T3B0aW9ucyh2YWx1ZSkge1xuICAgIGNvbnNvbGUubG9nKFxuICAgICAgYEdyYXBoIHRvb2xiYXIgZ2V0cyBuZXcgbGF5b3V0IG9wdGlvbnMgJHtKU09OLnN0cmluZ2lmeSh2YWx1ZSl9YFxuICAgICk7XG4gICAgdGhpcy4jX2xheW91dE9wdGlvbnMgPSB2YWx1ZTtcbiAgICB0aGlzLmxheW91dE9wdGlvbnNDaGFuZ2UuZW1pdCh0aGlzLiNfbGF5b3V0T3B0aW9ucyk7XG4gIH1cbiAgQE91dHB1dCgpIGxheW91dE9wdGlvbnNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxMYXlvdXRPcHRpb25zPiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxMYXlvdXRPcHRpb25zPigpO1xuXG4gICNfc3R5bGVzOiBTdHlsZXNoZWV0U3R5bGVbXSB8IHVuZGVmaW5lZDtcbiAgQElucHV0KClcbiAgZ2V0IHN0eWxlcygpOiBTdHlsZXNoZWV0U3R5bGVbXSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19zdHlsZXM7XG4gIH1cbiAgc2V0IHN0eWxlcyhzdHlsZXM6IFN0eWxlc2hlZXRTdHlsZVtdKSB7XG4gICAgdGhpcy4jX3N0eWxlcyA9IHN0eWxlcztcbiAgICB0aGlzLnN0eWxlc0NoYW5nZS5lbWl0KHRoaXMuI19zdHlsZXMpO1xuICB9XG4gIEBPdXRwdXQoKSBzdHlsZXNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxTdHlsZXNoZWV0U3R5bGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIFN0eWxlc2hlZXRTdHlsZVtdXG4gID4oKTtcblxuICBAT3V0cHV0KCkgc3R5bGVTZWxlY3RvckNoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPVxuICAgIG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dMYXlvdXRUb29sYmFyQnV0dG9uITogYm9vbGVhbjtcbiAgQElucHV0KClcbiAgc2hvd1N0eWxlVG9vbGJhckJ1dHRvbiE6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIHNob3dUb29sYmFyQnV0dG9ucyE6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxuICBvblN0eWxlU2VsZWN0b3JDaGFuZ2Uoc2VsZWN0b3I6IHN0cmluZykge1xuICAgIGNvbnNvbGUubG9nKGBvblN0eWxlU2VsZWN0b3JDaGFuZ2U6IHNlbGVjdG9yYCk7XG4gICAgdGhpcy5zdHlsZVNlbGVjdG9yQ2hhbmdlLmVtaXQoc2VsZWN0b3IpO1xuICB9XG5cbiAgb25TdHlsZXNDaGFuZ2Uoc3R5bGVzaGVldDogY3l0b3NjYXBlLlN0eWxlc2hlZXRTdHlsZVtdKSB7XG4gICAgY29uc29sZS5sb2coYG9uU3R5bGVzQ2hhbmdlYCk7XG4gICAgdGhpcy5zdHlsZXMgPSBzdHlsZXNoZWV0O1xuICB9XG59XG4iXX0=