@unifylib/ui-lib 1.1.3 → 1.1.5

package/esm2022/lib/components/button-actions/button-actions.component.mjs

@@ -0,0 +1,70 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ActionCommentComponent } from "../action-comment/action-comment.component";
+import { MatIcon } from "@angular/material/icon";
+import { MatMenu, MatMenuItem, MatMenuTrigger } from "@angular/material/menu";
+import { MatIconButton } from "@angular/material/button";
+import { NgClass, NgForOf, NgIf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@ngx-translate/core";
+export class ButtonActionsComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.actions = [];
+        this.disabled = false;
+        this.clickedButton = new EventEmitter();
+        this.buttonsAction = false;
+        this.listAction = [];
+    }
+    ngOnInit() {
+    }
+    getClickedAction(action) {
+        if (action.showCommentDialog === true) {
+            const dialogRef = this.dialog.open(ActionCommentComponent, {
+                data: { label: action.label, isTermination: action.commentRequired, external: false,
+                    warningMsg: false },
+                width: '600px',
+                height: 'auto',
+                direction: 'ltr' // this.authService.dir === 'rtl' ? 'rtl': 'ltr'
+            });
+            dialogRef.afterClosed().subscribe(result => {
+                if (result) {
+                    action.comment = result.comment;
+                    action.shareExternal = result.shareExternal;
+                    this.clickedButton.emit(action);
+                }
+            });
+        }
+        else {
+            this.clickedButton.emit(action);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonActionsComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonActionsComponent, isStandalone: true, selector: "app-button-actions", inputs: { actions: "actions", disabled: "disabled", buttonsAction: "buttonsAction", listAction: "listAction" }, outputs: { clickedButton: "clickedButton" }, ngImport: i0, template: "<ng-container *ngIf=\"buttonsAction; else list_Action\">\r\n  <div class=\"action-buttons-container\" *ngIf=\"(actions?.length ? actions : listAction)?.length > 0\">\r\n    <button\r\n      *ngFor=\"let action of (actions?.length ? actions : listAction); let i = index\"\r\n      class=\"action-button\"\r\n      (click)=\"getClickedAction(action)\"\r\n      [disabled]=\"disabled\"\r\n      [attr.id]=\"action.id || ('actions-btn-' + action.label)\"\r\n      [title]=\"action.label | translate\"\r\n    >\r\n      <mat-icon *ngIf=\"action.icon?.length\" class=\"action-icon\">{{ action.icon }}</mat-icon>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-template #list_Action>\r\n  <div *ngIf=\"listAction?.length > 0\">\r\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" (click)=\"$event.stopPropagation()\" style=\"justify-content: center; color: grey\" id=\"actions-menu-trigger\">\r\n      <mat-icon>more_vert</mat-icon>\r\n    </button>\r\n    <mat-menu #menu=\"matMenu\">\r\n      <button mat-menu-item *ngFor=\"let list_Action of listAction\" (click)=\"getClickedAction(list_Action)\" [attr.id]=\"list_Action.id || ('actions-menu-item-' + list_Action.label)\">\r\n        <span>{{ list_Action.label | translate }}</span>\r\n      </button>\r\n    </mat-menu>\r\n  </div>\r\n</ng-template>\r\n", styles: [".svgColor{fill:transparent!important;stroke:var(--accent-color)!important}.action-buttons-container{display:flex;flex-direction:row;gap:16px;align-items:center;padding:0}.action-button{display:flex;align-items:center;justify-content:center;height:28px;min-width:24px;background:#fff;border:1px solid #a5c4d2;border-radius:9999px;cursor:pointer;padding:0 16px;transition:all .2s ease;box-sizing:border-box}.action-button:hover:not(:disabled){border-color:#8ba8b8;background:#f8fafb}.action-button:active:not(:disabled){transform:scale(.98);background:#f0f4f6}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-icon{width:18px;height:18px;font-size:18px;color:#1a365d;display:flex;align-items:center;justify-content:center}.action-icon ::ng-deep svg{fill:#1a365d;stroke:#1a365d;width:18px;height:18px}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-start{justify-content:flex-start;align-items:flex-start}.align-center{justify-content:center;align-items:center}.align-end{justify-content:flex-end;align-items:flex-end}.gap-0{gap:0}.gap-5{gap:5px}.gap-10{gap:10px}.padding-horizontal-10{padding-left:10px;padding-right:10px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-button-actions', standalone: true, imports: [
+                        MatIcon,
+                        MatMenuTrigger,
+                        MatIconButton,
+                        MatMenu,
+                        MatMenuItem,
+                        NgIf,
+                        NgClass,
+                        NgForOf,
+                        TranslateModule
+                    ], template: "<ng-container *ngIf=\"buttonsAction; else list_Action\">\r\n  <div class=\"action-buttons-container\" *ngIf=\"(actions?.length ? actions : listAction)?.length > 0\">\r\n    <button\r\n      *ngFor=\"let action of (actions?.length ? actions : listAction); let i = index\"\r\n      class=\"action-button\"\r\n      (click)=\"getClickedAction(action)\"\r\n      [disabled]=\"disabled\"\r\n      [attr.id]=\"action.id || ('actions-btn-' + action.label)\"\r\n      [title]=\"action.label | translate\"\r\n    >\r\n      <mat-icon *ngIf=\"action.icon?.length\" class=\"action-icon\">{{ action.icon }}</mat-icon>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-template #list_Action>\r\n  <div *ngIf=\"listAction?.length > 0\">\r\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" (click)=\"$event.stopPropagation()\" style=\"justify-content: center; color: grey\" id=\"actions-menu-trigger\">\r\n      <mat-icon>more_vert</mat-icon>\r\n    </button>\r\n    <mat-menu #menu=\"matMenu\">\r\n      <button mat-menu-item *ngFor=\"let list_Action of listAction\" (click)=\"getClickedAction(list_Action)\" [attr.id]=\"list_Action.id || ('actions-menu-item-' + list_Action.label)\">\r\n        <span>{{ list_Action.label | translate }}</span>\r\n      </button>\r\n    </mat-menu>\r\n  </div>\r\n</ng-template>\r\n", styles: [".svgColor{fill:transparent!important;stroke:var(--accent-color)!important}.action-buttons-container{display:flex;flex-direction:row;gap:16px;align-items:center;padding:0}.action-button{display:flex;align-items:center;justify-content:center;height:28px;min-width:24px;background:#fff;border:1px solid #a5c4d2;border-radius:9999px;cursor:pointer;padding:0 16px;transition:all .2s ease;box-sizing:border-box}.action-button:hover:not(:disabled){border-color:#8ba8b8;background:#f8fafb}.action-button:active:not(:disabled){transform:scale(.98);background:#f0f4f6}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-icon{width:18px;height:18px;font-size:18px;color:#1a365d;display:flex;align-items:center;justify-content:center}.action-icon ::ng-deep svg{fill:#1a365d;stroke:#1a365d;width:18px;height:18px}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-start{justify-content:flex-start;align-items:flex-start}.align-center{justify-content:center;align-items:center}.align-end{justify-content:flex-end;align-items:flex-end}.gap-0{gap:0}.gap-5{gap:5px}.gap-10{gap:10px}.padding-horizontal-10{padding-left:10px;padding-right:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { actions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], clickedButton: [{
+                type: Output
+            }], buttonsAction: [{
+                type: Input
+            }], listAction: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24tYWN0aW9ucy9idXR0b24tYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi1hY3Rpb25zL2J1dHRvbi1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHckUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQy9DLE9BQU8sRUFBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQzVFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFtQnBELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsWUFBbUIsTUFBaUI7UUFBakIsV0FBTSxHQUFOLE1BQU0sQ0FBVztRQUdwQyxZQUFPLEdBQTBCLEVBQUUsQ0FBQztRQUVwQyxhQUFRLEdBQWEsS0FBSyxDQUFDO1FBRzNCLGtCQUFhLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdEQsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFHL0IsZUFBVSxHQUEyQixFQUFFLENBQUM7SUFkQSxDQUFDO0lBZXpDLFFBQVE7SUFDUixDQUFDO0lBR0QsZ0JBQWdCLENBQUMsTUFBNEI7UUFDM0MsSUFBSSxNQUFNLENBQUMsaUJBQWlCLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDdEMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7Z0JBQ3pELElBQUksRUFBRSxFQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLGFBQWEsRUFBRSxNQUFNLENBQUMsZUFBZSxFQUFFLFFBQVEsRUFBRSxLQUFLO29CQUNoRixVQUFVLEVBQUUsS0FBSyxFQUFDO2dCQUNwQixLQUFLLEVBQUUsT0FBTztnQkFDZCxNQUFNLEVBQUUsTUFBTTtnQkFDZCxTQUFTLEVBQUcsS0FBSyxDQUFDLGdEQUFnRDthQUNuRSxDQUFDLENBQUM7WUFDSCxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUN6QyxJQUFJLE1BQU0sRUFBRSxDQUFDO29CQUNYLE1BQU0sQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsTUFBTSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDO29CQUM1QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDbEMsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1FBRUwsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQzsrR0F4Q1Usc0JBQXNCO21HQUF0QixzQkFBc0IsMk9DM0JuQyx5eUNBMkJBLHl0Q0RiSSxPQUFPLDJJQUNQLGNBQWMscVNBQ2QsYUFBYSw2RkFDYixPQUFPLDJRQUNQLFdBQVcsc0lBQ1gsSUFBSSw2RkFFSixPQUFPLGtIQUNQLGVBQWU7OzRGQUtOLHNCQUFzQjtrQkFqQmxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUDt3QkFDUCxPQUFPO3dCQUNQLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixPQUFPO3dCQUNQLFdBQVc7d0JBQ1gsSUFBSTt3QkFDSixPQUFPO3dCQUNQLE9BQU87d0JBQ1AsZUFBZTtxQkFDaEI7OEVBUUQsT0FBTztzQkFETixLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixhQUFhO3NCQURaLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0J1dHRvbkFjdGlvblNldHRpbmdzfSBmcm9tIFwiLi4vLi4vYmFzZS1tb2RlbC9idXR0b24tYWN0aW9uLXNldHRpbmdzXCI7XHJcbmltcG9ydCB7TWF0RGlhbG9nfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7QWN0aW9uQ29tbWVudENvbXBvbmVudH0gZnJvbSBcIi4uL2FjdGlvbi1jb21tZW50L2FjdGlvbi1jb21tZW50LmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge01hdEljb259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XHJcbmltcG9ydCB7TWF0TWVudSwgTWF0TWVudUl0ZW0sIE1hdE1lbnVUcmlnZ2VyfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudVwiO1xyXG5pbXBvcnQge01hdEljb25CdXR0b259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcclxuaW1wb3J0IHtOZ0NsYXNzLCBOZ0Zvck9mLCBOZ0lmfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYnV0dG9uLWFjdGlvbnMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTWF0SWNvbixcclxuICAgIE1hdE1lbnVUcmlnZ2VyLFxyXG4gICAgTWF0SWNvbkJ1dHRvbixcclxuICAgIE1hdE1lbnUsXHJcbiAgICBNYXRNZW51SXRlbSxcclxuICAgIE5nSWYsXHJcbiAgICBOZ0NsYXNzLFxyXG4gICAgTmdGb3JPZixcclxuICAgIFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYnV0dG9uLWFjdGlvbnMuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25BY3Rpb25zQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHsgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGFjdGlvbnM6IEJ1dHRvbkFjdGlvblNldHRpbmdzW10gPVtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIGNsaWNrZWRCdXR0b246IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGJ1dHRvbnNBY3Rpb246IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBsaXN0QWN0aW9uOiBCdXR0b25BY3Rpb25TZXR0aW5nc1tdID0gW107XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuXHJcbiAgZ2V0Q2xpY2tlZEFjdGlvbihhY3Rpb246IEJ1dHRvbkFjdGlvblNldHRpbmdzKSB7XHJcbiAgICBpZiAoYWN0aW9uLnNob3dDb21tZW50RGlhbG9nID09PSB0cnVlKSB7XHJcbiAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQWN0aW9uQ29tbWVudENvbXBvbmVudCwge1xyXG4gICAgICAgIGRhdGE6IHtsYWJlbDogYWN0aW9uLmxhYmVsLCBpc1Rlcm1pbmF0aW9uOiBhY3Rpb24uY29tbWVudFJlcXVpcmVkLCBleHRlcm5hbDogZmFsc2UsXHJcbiAgICAgICAgICB3YXJuaW5nTXNnOiBmYWxzZX0sXHJcbiAgICAgICAgd2lkdGg6ICc2MDBweCcsXHJcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXHJcbiAgICAgICAgZGlyZWN0aW9uOiAgJ2x0cicgLy8gdGhpcy5hdXRoU2VydmljZS5kaXIgPT09ICdydGwnID8gJ3J0bCc6ICdsdHInXHJcbiAgICAgIH0pO1xyXG4gICAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUocmVzdWx0ID0+IHtcclxuICAgICAgICBpZiAocmVzdWx0KSB7XHJcbiAgICAgICAgICBhY3Rpb24uY29tbWVudCA9IHJlc3VsdC5jb21tZW50O1xyXG4gICAgICAgICAgYWN0aW9uLnNoYXJlRXh0ZXJuYWwgPSByZXN1bHQuc2hhcmVFeHRlcm5hbDtcclxuICAgICAgICAgIHRoaXMuY2xpY2tlZEJ1dHRvbi5lbWl0KGFjdGlvbik7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuXHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmNsaWNrZWRCdXR0b24uZW1pdChhY3Rpb24pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImJ1dHRvbnNBY3Rpb247IGVsc2UgbGlzdF9BY3Rpb25cIj5cclxuICA8ZGl2IGNsYXNzPVwiYWN0aW9uLWJ1dHRvbnMtY29udGFpbmVyXCIgKm5nSWY9XCIoYWN0aW9ucz8ubGVuZ3RoID8gYWN0aW9ucyA6IGxpc3RBY3Rpb24pPy5sZW5ndGggPiAwXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgKGFjdGlvbnM/Lmxlbmd0aCA/IGFjdGlvbnMgOiBsaXN0QWN0aW9uKTsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgIGNsYXNzPVwiYWN0aW9uLWJ1dHRvblwiXHJcbiAgICAgIChjbGljayk9XCJnZXRDbGlja2VkQWN0aW9uKGFjdGlvbilcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICBbYXR0ci5pZF09XCJhY3Rpb24uaWQgfHwgKCdhY3Rpb25zLWJ0bi0nICsgYWN0aW9uLmxhYmVsKVwiXHJcbiAgICAgIFt0aXRsZV09XCJhY3Rpb24ubGFiZWwgfCB0cmFuc2xhdGVcIlxyXG4gICAgPlxyXG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJhY3Rpb24uaWNvbj8ubGVuZ3RoXCIgY2xhc3M9XCJhY3Rpb24taWNvblwiPnt7IGFjdGlvbi5pY29uIH19PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjbGlzdF9BY3Rpb24+XHJcbiAgPGRpdiAqbmdJZj1cImxpc3RBY3Rpb24/Lmxlbmd0aCA+IDBcIj5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiIHN0eWxlPVwianVzdGlmeS1jb250ZW50OiBjZW50ZXI7IGNvbG9yOiBncmV5XCIgaWQ9XCJhY3Rpb25zLW1lbnUtdHJpZ2dlclwiPlxyXG4gICAgICA8bWF0LWljb24+bW9yZV92ZXJ0PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxyXG4gICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gKm5nRm9yPVwibGV0IGxpc3RfQWN0aW9uIG9mIGxpc3RBY3Rpb25cIiAoY2xpY2spPVwiZ2V0Q2xpY2tlZEFjdGlvbihsaXN0X0FjdGlvbilcIiBbYXR0ci5pZF09XCJsaXN0X0FjdGlvbi5pZCB8fCAoJ2FjdGlvbnMtbWVudS1pdGVtLScgKyBsaXN0X0FjdGlvbi5sYWJlbClcIj5cclxuICAgICAgICA8c3Bhbj57eyBsaXN0X0FjdGlvbi5sYWJlbCB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L21hdC1tZW51PlxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=