@wizco/fenixds-ngx
Version:
Componentes fenix design system para Angular.
99 lines • 18.5 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class StepComponent {
/**
* Se o step está ativo
* @param {boolean} active
*/
active = false;
/**
* Texto do label do step
*/
label = '';
/**
* Ícone do step (opcional) - deve ser um ícone do material icon
*/
iconName = undefined;
/**
* Texto do bulletValue do step (opcional) - deve ser um texto de 1 a 2 caracteres
*/
bulletValue = undefined;
/**
* Sentido do stepper (horizontal ou vertical)
*/
isVertical = true;
/**
* Desabilitar linha inicial
*/
lineStart = true;
/**
* Desabilitar linha final
*/
lineEnd = true;
/**
* Classe do step
*
* finalized - step finalizado
* current - step atual
* waiting - step aguardando
* error - step com erro
*
* @param {string} status
*/
status = 'current';
/**
* size do step
* @param {string} size
*/
size = 'small';
/**
* Se o step é clicável
* @param {boolean} clickable
*/
hasClick = false;
/**
* Função que retorna o valor do ícone ou bullet
*/
clicked = new EventEmitter();
constructor() { }
/**
* se o item do stepper estive com o evento de clicked true, ele retorna qual elemento é selecionado para o componente pai
* */
clickedItem() {
if (this.hasClick) {
return;
}
this.clicked.emit();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepComponent, isStandalone: true, selector: "wco-step", inputs: { active: "active", label: "label", iconName: "iconName", bulletValue: "bulletValue", isVertical: "isVertical", lineStart: "lineStart", lineEnd: "lineEnd", status: "status", size: "size", hasClick: "hasClick" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"step\"\n [class]=\"'step-status--' + status + ' step-size--' + size\"\n [ngClass]=\"{\n 'step--vertical': isVertical,\n 'step--horizontal': !isVertical,\n 'step--disabled-linestart': !lineStart,\n 'step--disabled-lineend': !lineEnd,\n 'step--clicked': hasClick,\n 'step--active': active\n }\"\n\n>\n <div class=\"step__line step__line--start\"></div>\n <div class=\"step__bullet\" (click)=\"clickedItem()\">\n <div>\n <span *ngIf=\"iconName && !bulletValue\" class=\"material-icons\">{{iconName}}</span>\n <span *ngIf=\"!iconName && bulletValue\">{{bulletValue}}</span>\n <ng-content select=\"[step-bullet-content]\"></ng-content>\n </div>\n </div>\n <div class=\"step__line step__line--end\"></div>\n <div class=\"step__content\">\n <div class=\"step__title\" (click)=\"clickedItem()\">\n <span *ngIf=\"label\">{{label}}</span>\n <ng-content select=\"[step-title]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["wco-step{display:inherit;align-items:baseline}.step{position:relative;--step-size: var(--wco-font-size-lg, 24px);--step-color: var(--wco-color-primary-600, #000);--step-background-color: var(--wco-color-primary-50, #fff);display:inline-grid;z-index:0}.step.step--active .step__title{font-weight:var(--wco-font-weight-bold, 700)}.step .step__line{width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000)}.step .step__line--start{grid-area:linestart}.step .step__content{grid-area:content}.step .step__line--end{grid-area:lineend}.step--vertical{grid-template-columns:auto 1fr;grid:\"linestart .\" \"bullet content\" \"lineend .\"}.step--vertical .step__bullet{position:relative}.step--vertical .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--vertical .step__line{height:calc(var(--step-size) / 2);margin:0 auto;min-height:calc(var(--step-size) / 3)}.step--vertical .step__content{display:flex;align-items:center}.step--vertical .step__content .step__title{text-align:left}.step--horizontal{grid-template-columns:auto 1fr;grid:\"linestart bullet lineend\" \"content content content\";align-items:center}.step--horizontal .step__bullet{position:relative;display:flex;justify-content:center}.step--horizontal .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:2px;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--horizontal .step__line{height:2px;width:100%;min-width:calc(var(--step-size) / 3)}.step__bullet{grid-area:bullet;position:relative}.step__bullet>div{height:var(--step-size);width:var(--step-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--step-background-color);color:var(--step-color);position:relative}.step__bullet span{font-size:var(--wco-font-size-xxs, 12px);font-weight:var(--wco-font-weight-bold, 700)}.step-status--current{--step-color: #080809;--step-background-color: var(--wco-color-primary-500, #fff)}.step-status--finalized{--step-color: #080809;--step-background-color: #FFB578}.step-status--waiting{--step-color: #080809;--step-background-color: #C4C4C4}.step-status--error{--step-color: #080809;--step-background-color: #FC9393}.step .step__content{padding-left:var(--wco-spacing-nano, 8px);padding-right:var(--wco-spacing-nano, 8px);text-align:center}.step.step--disabled-linestart.step--horizontal{grid:\"bullet bullet lineend\" \"content content content\"}.step.step--disabled-linestart.step--horizontal .step__bullet{justify-content:flex-start}.step.step--disabled-linestart.step--horizontal .step__title{text-align:left}.step.step--disabled-linestart .step__line--start{display:none}.step.step--disabled-lineend.step--horizontal{grid:\"linestart bullet bullet\" \"content content content\"}.step.step--disabled-lineend.step--horizontal .step__bullet{justify-content:flex-end}.step.step--disabled-lineend.step--horizontal .step__title{text-align:end}.step.step--disabled-lineend .step__line--end{display:none}.step.step-size--small{--step-size: var(--wco-spacing-sm, 12px)}.step.step-size--medium{--step-size: var(--wco-spacing-md, 18px)}.step.step-size--large{--step-size: var(--wco-spacing-lg, 24px)}.step.step--clicked .step__bullet{cursor:pointer;transition:all .3s ease}.step.step--clicked .step__bullet::hover{box-shadow:var(--wco-shadow-level-1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponent, decorators: [{
type: Component,
args: [{ selector: 'wco-step', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"step\"\n [class]=\"'step-status--' + status + ' step-size--' + size\"\n [ngClass]=\"{\n 'step--vertical': isVertical,\n 'step--horizontal': !isVertical,\n 'step--disabled-linestart': !lineStart,\n 'step--disabled-lineend': !lineEnd,\n 'step--clicked': hasClick,\n 'step--active': active\n }\"\n\n>\n <div class=\"step__line step__line--start\"></div>\n <div class=\"step__bullet\" (click)=\"clickedItem()\">\n <div>\n <span *ngIf=\"iconName && !bulletValue\" class=\"material-icons\">{{iconName}}</span>\n <span *ngIf=\"!iconName && bulletValue\">{{bulletValue}}</span>\n <ng-content select=\"[step-bullet-content]\"></ng-content>\n </div>\n </div>\n <div class=\"step__line step__line--end\"></div>\n <div class=\"step__content\">\n <div class=\"step__title\" (click)=\"clickedItem()\">\n <span *ngIf=\"label\">{{label}}</span>\n <ng-content select=\"[step-title]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["wco-step{display:inherit;align-items:baseline}.step{position:relative;--step-size: var(--wco-font-size-lg, 24px);--step-color: var(--wco-color-primary-600, #000);--step-background-color: var(--wco-color-primary-50, #fff);display:inline-grid;z-index:0}.step.step--active .step__title{font-weight:var(--wco-font-weight-bold, 700)}.step .step__line{width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000)}.step .step__line--start{grid-area:linestart}.step .step__content{grid-area:content}.step .step__line--end{grid-area:lineend}.step--vertical{grid-template-columns:auto 1fr;grid:\"linestart .\" \"bullet content\" \"lineend .\"}.step--vertical .step__bullet{position:relative}.step--vertical .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--vertical .step__line{height:calc(var(--step-size) / 2);margin:0 auto;min-height:calc(var(--step-size) / 3)}.step--vertical .step__content{display:flex;align-items:center}.step--vertical .step__content .step__title{text-align:left}.step--horizontal{grid-template-columns:auto 1fr;grid:\"linestart bullet lineend\" \"content content content\";align-items:center}.step--horizontal .step__bullet{position:relative;display:flex;justify-content:center}.step--horizontal .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:2px;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--horizontal .step__line{height:2px;width:100%;min-width:calc(var(--step-size) / 3)}.step__bullet{grid-area:bullet;position:relative}.step__bullet>div{height:var(--step-size);width:var(--step-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--step-background-color);color:var(--step-color);position:relative}.step__bullet span{font-size:var(--wco-font-size-xxs, 12px);font-weight:var(--wco-font-weight-bold, 700)}.step-status--current{--step-color: #080809;--step-background-color: var(--wco-color-primary-500, #fff)}.step-status--finalized{--step-color: #080809;--step-background-color: #FFB578}.step-status--waiting{--step-color: #080809;--step-background-color: #C4C4C4}.step-status--error{--step-color: #080809;--step-background-color: #FC9393}.step .step__content{padding-left:var(--wco-spacing-nano, 8px);padding-right:var(--wco-spacing-nano, 8px);text-align:center}.step.step--disabled-linestart.step--horizontal{grid:\"bullet bullet lineend\" \"content content content\"}.step.step--disabled-linestart.step--horizontal .step__bullet{justify-content:flex-start}.step.step--disabled-linestart.step--horizontal .step__title{text-align:left}.step.step--disabled-linestart .step__line--start{display:none}.step.step--disabled-lineend.step--horizontal{grid:\"linestart bullet bullet\" \"content content content\"}.step.step--disabled-lineend.step--horizontal .step__bullet{justify-content:flex-end}.step.step--disabled-lineend.step--horizontal .step__title{text-align:end}.step.step--disabled-lineend .step__line--end{display:none}.step.step-size--small{--step-size: var(--wco-spacing-sm, 12px)}.step.step-size--medium{--step-size: var(--wco-spacing-md, 18px)}.step.step-size--large{--step-size: var(--wco-spacing-lg, 24px)}.step.step--clicked .step__bullet{cursor:pointer;transition:all .3s ease}.step.step--clicked .step__bullet::hover{box-shadow:var(--wco-shadow-level-1)}\n"] }]
}], ctorParameters: () => [], propDecorators: { active: [{
type: Input
}], label: [{
type: Input
}], iconName: [{
type: Input
}], bulletValue: [{
type: Input
}], isVertical: [{
type: Input
}], lineStart: [{
type: Input
}], lineEnd: [{
type: Input
}], status: [{
type: Input
}], size: [{
type: Input
}], hasClick: [{
type: Input
}], clicked: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTFGLE1BQU0sT0FBTyxhQUFhO0lBRXhCOzs7TUFHRTtJQUNPLE1BQU0sR0FBWSxLQUFLLENBQUM7SUFFakM7O01BRUU7SUFDTyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRTVCOztNQUVFO0lBQ08sUUFBUSxHQUF1QixTQUFTLENBQUM7SUFFbEQ7O01BRUU7SUFDTyxXQUFXLEdBQXVCLFNBQVMsQ0FBQztJQUVyRDs7TUFFRTtJQUNPLFVBQVUsR0FBWSxJQUFJLENBQUM7SUFHcEM7O01BRUU7SUFDTyxTQUFTLEdBQVksSUFBSSxDQUFDO0lBRW5DOztNQUVFO0lBQ08sT0FBTyxHQUFZLElBQUksQ0FBQztJQUVqQzs7Ozs7Ozs7O01BU0U7SUFDTyxNQUFNLEdBQTJELFNBQVMsQ0FBQztJQUVwRjs7O09BR0c7SUFDTSxJQUFJLEdBQTBDLE9BQU8sQ0FBQztJQUcvRDs7O01BR0U7SUFDTyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRW5DOztNQUVFO0lBQ1EsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7SUFNOUMsZ0JBQWUsQ0FBQztJQUVoQjs7UUFFSTtJQUNKLFdBQVc7UUFDVCxJQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixPQUFNO1FBQ1IsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDckIsQ0FBQzt3R0FuRlUsYUFBYTs0RkFBYixhQUFhLGlVQ1gxQiwyOUJBNEJBLHU5R0R0QlksWUFBWTs7NEZBS1gsYUFBYTtrQkFSekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7d0RBUTVCLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBWUcsTUFBTTtzQkFBZCxLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3djby1zdGVwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBTZSBvIHN0ZXAgZXN0w6EgYXRpdm9cbiAgICogQHBhcmFtIHtib29sZWFufSBhY3RpdmVcbiAgKi9cbiAgQElucHV0KCkgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogVGV4dG8gZG8gbGFiZWwgZG8gc3RlcFxuICAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICogw41jb25lIGRvIHN0ZXAgKG9wY2lvbmFsKSAtIGRldmUgc2VyIHVtIMOtY29uZSBkbyBtYXRlcmlhbCBpY29uXG4gICovXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRleHRvIGRvIGJ1bGxldFZhbHVlIGRvIHN0ZXAgKG9wY2lvbmFsKSAtIGRldmUgc2VyIHVtIHRleHRvIGRlIDEgYSAyIGNhcmFjdGVyZXNcbiAgKi9cbiAgQElucHV0KCkgYnVsbGV0VmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgKiBTZW50aWRvIGRvIHN0ZXBwZXIgKGhvcml6b250YWwgb3UgdmVydGljYWwpXG4gICovXG4gIEBJbnB1dCgpIGlzVmVydGljYWw6IGJvb2xlYW4gPSB0cnVlO1xuXG5cbiAgLyoqXG4gICogRGVzYWJpbGl0YXIgbGluaGEgaW5pY2lhbFxuICAqL1xuICBASW5wdXQoKSBsaW5lU3RhcnQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZXNhYmlsaXRhciBsaW5oYSBmaW5hbFxuICAqL1xuICBASW5wdXQoKSBsaW5lRW5kOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICAqIENsYXNzZSBkbyBzdGVwXG4gICAgKlxuICAgICogZmluYWxpemVkIC0gc3RlcCBmaW5hbGl6YWRvXG4gICAgKiBjdXJyZW50IC0gc3RlcCBhdHVhbFxuICAgICogd2FpdGluZyAtIHN0ZXAgYWd1YXJkYW5kb1xuICAgICogZXJyb3IgLSBzdGVwIGNvbSBlcnJvXG4gICAgKlxuICAgICogQHBhcmFtIHtzdHJpbmd9IHN0YXR1c1xuICAqL1xuICBASW5wdXQoKSBzdGF0dXM6ICdmaW5hbGl6ZWQnIHwgJ2N1cnJlbnQnIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJyB8IHN0cmluZyA9ICdjdXJyZW50JztcblxuICAvKipcbiAgICogc2l6ZSBkbyBzdGVwXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBzaXplXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgc3RyaW5nID0gJ3NtYWxsJztcblxuXG4gIC8qKlxuICAgKiBTZSBvIHN0ZXAgw6kgY2xpY8OhdmVsXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gY2xpY2thYmxlXG4gICovXG4gIEBJbnB1dCgpIGhhc0NsaWNrOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogRnVuw6fDo28gcXVlIHJldG9ybmEgbyB2YWxvciBkbyDDrWNvbmUgb3UgYnVsbGV0XG4gICovXG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcblxuXG5cblxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgKiBzZSBvIGl0ZW0gZG8gc3RlcHBlciBlc3RpdmUgY29tIG8gZXZlbnRvIGRlIGNsaWNrZWQgdHJ1ZSwgZWxlIHJldG9ybmEgcXVhbCBlbGVtZW50byDDqSBzZWxlY2lvbmFkbyBwYXJhIG8gY29tcG9uZW50ZSBwYWlcbiAgKiAqL1xuICBjbGlja2VkSXRlbSgpIHtcbiAgICBpZih0aGlzLmhhc0NsaWNrKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwXCJcbiAgW2NsYXNzXT1cIidzdGVwLXN0YXR1cy0tJyArIHN0YXR1cyArICcgc3RlcC1zaXplLS0nICsgc2l6ZVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc3RlcC0tdmVydGljYWwnOiBpc1ZlcnRpY2FsLFxuICAgICdzdGVwLS1ob3Jpem9udGFsJzogIWlzVmVydGljYWwsXG4gICAgJ3N0ZXAtLWRpc2FibGVkLWxpbmVzdGFydCc6ICFsaW5lU3RhcnQsXG4gICAgJ3N0ZXAtLWRpc2FibGVkLWxpbmVlbmQnOiAhbGluZUVuZCxcbiAgICAnc3RlcC0tY2xpY2tlZCc6IGhhc0NsaWNrLFxuICAgICdzdGVwLS1hY3RpdmUnOiBhY3RpdmVcbiAgfVwiXG5cbj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2xpbmUgc3RlcF9fbGluZS0tc3RhcnRcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2J1bGxldFwiIChjbGljayk9XCJjbGlja2VkSXRlbSgpXCI+XG4gICAgPGRpdj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaWNvbk5hbWUgJiYgIWJ1bGxldFZhbHVlXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnt7aWNvbk5hbWV9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiIWljb25OYW1lICYmIGJ1bGxldFZhbHVlXCI+e3tidWxsZXRWYWx1ZX19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0ZXAtYnVsbGV0LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2xpbmUgc3RlcF9fbGluZS0tZW5kXCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdGVwX19jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXBfX3RpdGxlXCIgKGNsaWNrKT1cImNsaWNrZWRJdGVtKClcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3RlcC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=