@wizco/fenixds-ngx/esm2022/lib/timeline/timeline.component.mjs

Componentes fenix design system para Angular.

import { Component, Input, ViewEncapsulation } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class TimelineComponent {
    timelineItems = [];
    statusToIcon = {
        finalized: 'check',
        current: '',
        waiting: '',
        error: 'priority_high',
    };
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TimelineComponent, isStandalone: true, selector: "wco-timeline", inputs: { timelineItems: "timelineItems" }, ngImport: i0, template: "<div class=\"wco-timeline\">\n  <div class=\"wco-timeline-item\" *ngFor=\"let line of timelineItems; let i = index\">\n    <div class=\"wco-timeline-item-dot-container\">\n      <div class=\"wco-timeline-item-dot-container-inner\">\n        <span class=\"wco-timeline-item-dot-number\">\n          {{ timelineItems.length - i }}\n        </span>\n        <div class=\"wco-timeline-item-dot-line-container\">\n          <div [className]=\"'wco-timeline-item-dot wco-timeline-item-dot-' + line.status\">\n            <span [className]=\"'material-icons wco-timeline-item-dot-icon wco-timeline-item-dot-icon-' + line.status\"> {{ statusToIcon[line.status] }} </span>\n          </div>\n          <hr class=\"wco-timeline-item-dot-line\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"wco-timeline-item-content\">\n      <div class=\"wco-timeline-item-content-container\">\n        <h4 [className]=\"'wco-timeline-item-content-title wco-timeline-item-content-title-' + line.status\"> {{ line.title }} </h4>\n        <span [className]=\"'wco-timeline-item-content-date wco-timeline-item-content-date-' + line.status\"> {{ line.date }} </span>\n      </div>\n      <p *ngIf=\"line.descriptionPre?.text\" [className]=\"line.descriptionPre?.customClass\"> {{ line.descriptionPre?.text }} </p>\n      <p [className]=\"'wco-timeline-item-content-description wco-timeline-item-content-description-' + line.status\"> {{ line.description }} </p>\n      <p *ngIf=\"line.descriptionPos?.text\" [className]=\"line.descriptionPos?.customClass\"> {{ line.descriptionPos?.text }} </p>\n      <button class=\"wco-btn btn-primary btn-link btn-md\" *ngIf=\"line.action?.label\" (click)=\"line.action?.handler()\" [disabled]=\"line.status === 'waiting'\"> {{line.action?.label}} </button>\n      <div class=\"mt-xxxs\" *ngFor=\"let item of line.itens\">\n        <p *ngIf=\"item.title\" [className]=\"'wco-timeline-item-content-sub-title ' + item.customClassTitle\"> {{ item.title }} </p>\n        <p *ngIf=\"item.description\" [className]=\"'wco-timeline-item-content-sub-description ' + item.customClassDescription\"> {{ item.description }} </p>\n        <button class=\"wco-btn btn-primary btn-link btn-md\" *ngIf=\"item.action?.label\" (click)=\"item.action?.handler()\"> {{item.action?.label}} </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%}.wco-timeline{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;margin:20px 0;--wco-timeline-dot-color: var(--wco-color-neutral-300)}.wco-timeline .wco-timeline-item{width:100%;display:flex;flex-direction:row;gap:10px}.wco-timeline .wco-timeline-item-dot-container{display:flex;flex-direction:column;align-items:center;gap:5px}.wco-timeline .wco-timeline-item-dot-container-inner{height:100%;display:flex;flex-direction:row;gap:5px}.wco-timeline .wco-timeline-item-dot-line-container{display:flex;flex-direction:column;align-items:center}.wco-timeline .wco-timeline-item-dot-line{width:var(--wco-borderwidth-thin);height:100%;background-color:var(--wco-color-neutral-500)}.wco-timeline .wco-timeline-item-dot{min-width:20px;min-height:20px;max-width:20px;max-height:20px;justify-content:center;align-items:center;display:flex;border-radius:var(--wco-radius-circular);background-color:var(--wco-timeline-dot-color)}.wco-timeline .wco-timeline-item-dot-finalized{--wco-timeline-dot-color: var(--wco-color-success-500)}.wco-timeline .wco-timeline-item-dot-current{--wco-timeline-dot-color: var(--wco-color-primary-600)}.wco-timeline .wco-timeline-item-dot-waiting{--wco-timeline-dot-color: var(--wco-color-neutral-300)}.wco-timeline .wco-timeline-item-dot-error{--wco-timeline-dot-color: var(--wco-color-danger-100)}.wco-timeline .wco-timeline-item-content{flex:1;flex-direction:column;display:flex;margin-bottom:var(--wco-spacing-xl)}@media (max-width: 900px){.wco-timeline .wco-timeline-item-content{margin-bottom:var(--wco-spacing-xs)}}.wco-timeline .wco-timeline-item-content-container{width:100%;display:flex;gap:2rem}.wco-timeline .wco-timeline-item-content-title{flex:1;letter-spacing:.45px;font-size:var(--wco-font-size-sm);font-weight:var(--wco-timeline-item-content-title-font-weight);color:var(--wco-timeline-item-content-title-font-color);margin-bottom:var(--wco-spacing-quark)}.wco-timeline .wco-timeline-item-content-title-finalized{--wco-timeline-item-content-title-font-weight: 400;--wco-timeline-item-content-title-font-color: var(--wco-color-neutral-900)}.wco-timeline .wco-timeline-item-content-title-current{--wco-timeline-item-content-title-font-weight: 700;--wco-timeline-item-content-title-font-color: var(--wco-color-neutral-900)}.wco-timeline .wco-timeline-item-content-title-waiting{--wco-timeline-item-content-title-font-weight: 400;--wco-timeline-item-content-title-font-color: var(--wco-color-neutral-600)}.wco-timeline .wco-timeline-item-content-title-error{--wco-timeline-item-content-title-font-weight: 400;--wco-timeline-item-content-title-font-color: var(--wco-color-danger-600)}.wco-timeline .wco-timeline-item-content-description{letter-spacing:.4px;font-size:var(--wco-font-size-xs);font-weight:var(--wco-timeline-item-content-description-font-weight);color:var(--wco-timeline-item-content-description-font-color);margin-bottom:var(--wco-spacing-quark)}.wco-timeline .wco-timeline-item-content-description-finalized,.wco-timeline .wco-timeline-item-content-description-current,.wco-timeline .wco-timeline-item-content-description-waiting,.wco-timeline .wco-timeline-item-content-description-error{--wco-timeline-item-content-description-font-weight: 400;--wco-timeline-item-content-description-font-color: var(--wco-color-neutral-700)}.wco-timeline .wco-timeline-item-content-sub-title{color:var(--wco-color-neutral-900, #080809);font-size:16px;font-weight:700;letter-spacing:.4px}.wco-timeline .wco-timeline-item-content-sub-description{color:var(--wco-color-neutral-700, #50555A);letter-spacing:.4px}.wco-timeline .wco-timeline-item-content-date{text-align:right;font-size:.85rem;letter-spacing:.35px;color:var(--wco-color-neutral-700)}.wco-timeline .wco-timeline-item-dot-icon{font-size:.8rem;color:var(--wco-timeline-dot-icon-color)}.wco-timeline .wco-timeline-item-dot-icon-finalized{--wco-timeline-dot-icon-color: var(--wco-color-neutral-50)}.wco-timeline .wco-timeline-item-dot-icon-error{--wco-timeline-dot-icon-color: var(--wco-color-danger-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: TimelineComponent, decorators: [{
            type: Component,
            args: [{ selector: 'wco-timeline', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"wco-timeline\">\n  <div class=\"wco-timeline-item\" *ngFor=\"let line of timelineItems; let i = index\">\n    <div class=\"wco-timeline-item-dot-container\">\n      <div class=\"wco-timeline-item-dot-container-inner\">\n        <span class=\"wco-timeline-item-dot-number\">\n          {{ timelineItems.length - i }}\n        </span>\n        <div class=\"wco-timeline-item-dot-line-container\">\n          <div [className]=\"'wco-timeline-item-dot wco-timeline-item-dot-' + line.status\">\n            <span [className]=\"'material-icons wco-timeline-item-dot-icon wco-timeline-item-dot-icon-' + line.status\"> {{ statusToIcon[line.status] }} </span>\n          </div>\n          <hr class=\"wco-timeline-item-dot-line\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"wco-timeline-item-content\">\n      <div class=\"wco-timeline-item-content-container\">\n        <h4 [className]=\"'wco-timeline-item-content-title wco-timeline-item-content-title-' + line.status\"> {{ line.title }} </h4>\n        <span [className]=\"'wco-timeline-item-content-date wco-timeline-item-content-date-' + line.status\"> {{ line.date }} </span>\n      </div>\n      <p *ngIf=\"line.descriptionPre?.text\" [className]=\"line.descriptionPre?.customClass\"> {{ line.descriptionPre?.text }} </p>\n      <p [className]=\"'wco-timeline-item-content-description wco-timeline-item-content-description-' + line.status\"> {{ line.description }} </p>\n      <p *ngIf=\"line.descriptionPos?.text\" [className]=\"line.descriptionPos?.customClass\"> {{ line.descriptionPos?.text }} </p>\n      <button class=\"wco-btn btn-primary btn-link btn-md\" *ngIf=\"line.action?.label\" (click)=\"line.action?.handler()\" [disabled]=\"line.status === 'waiting'\"> {{line.action?.label}} </button>\n      <div class=\"mt-xxxs\" *ngFor=\"let item of line.itens\">\n        <p *ngIf=\"item.title\" [className]=\"'wco-timeline-item-content-sub-title ' + item.customClassTitle\"> {{ item.title }} </p>\n        <p *ngIf=\"item.description\" [className]=\"'wco-timeline-item-content-sub-description ' + item.customClassDescription\"> {{ item.description }} </p>\n        <button class=\"wco-btn btn-primary btn-link btn-md\" *ngIf=\"item.action?.label\" (click)=\"item.action?.handler()\"> {{item.action?.label}} </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%}.wco-timeline{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;margin:20px 0;--wco-timeline-dot-color: var(--wco-color-neutral-300)}.wco-timeline .wco-timeline-item{width:100%;display:flex;flex-direction:row;gap:10px}.wco-timeline .wco-timeline-item-dot-container{display:flex;flex-direction:column;align-items:center;gap:5px}.wco-timeline .wco-timeline-item-dot-container-inner{height:100%;display:flex;flex-direction:row;gap:5px}.wco-timeline .wco-timeline-item-dot-line-container{display:flex;flex-direction:column;align-items:center}.wco-timeline .wco-timeline-item-dot-line{width:var(--wco-borderwidth-thin);height:100%;background-color:var(--wco-color-neutral-500)}.wco-timeline .wco-timeline-item-dot{min-width:20px;min-height:20px;max-width:20px;max-height:20px;justify-content:center;align-items:center;display:flex;border-radius:var(--wco-radius-circular);background-color:var(--wco-timeline-dot-color)}.wco-timeline .wco-timeline-item-dot-finalized{--wco-timeline-dot-color: var(--wco-color-success-500)}.wco-timeline .wco-timeline-item-dot-current{--wco-timeline-dot-color: var(--wco-color-primary-600)}.wco-timeline .wco-timeline-item-dot-waiting{--wco-timeline-dot-color: var(--wco-color-neutral-300)}.wco-timeline .wco-timeline-item-dot-error{--wco-timeline-dot-color: var(--wco-color-danger-100)}.wco-timeline .wco-timeline-item-content{flex:1;flex-direction:column;display:flex;margin-bottom:var(--wco-spacing-xl)}@media (max-width: 900px){.wco-timeline .wco-timeline-item-content{margin-bottom:var(--wco-spacing-xs)}}.wco-timeline .wco-timeline-item-content-container{width:100%;display:flex;gap:2rem}.wco-timeline .wco-timeline-item-content-title{flex:1;letter-spacing:.45px;font-size:var(--wco-font-size-sm);font-weight:var(--wco-timeline-item-content-title-font-weight);color:var(--wco-timeline-item-content-title-font-color);margin-bottom:var(--wco-spacing-quark)}.wco-timeline .wco-timeline-item-content-title-finalized{--wco-timeline-item-content-title-font-weight: 400;--wco-timeline-item-content-title-font-color: var(--wco-color-neutral-900)}.wco-timeline .wco-timeline-item-content-title-current{--wco-timeline-item-content-title-font-weight: 700;--wco-timeline-item-content-title-font-color: var(--wco-color-neutral-900)}.wco-timeline .wco-timeline-item-content-title-waiting{--wco-timeline-item-content-title-font-weight: 400;--wco-timeline-item-content-title-font-color: var(--wco-color-neutral-600)}.wco-timeline .wco-timeline-item-content-title-error{--wco-timeline-item-content-title-font-weight: 400;--wco-timeline-item-content-title-font-color: var(--wco-color-danger-600)}.wco-timeline .wco-timeline-item-content-description{letter-spacing:.4px;font-size:var(--wco-font-size-xs);font-weight:var(--wco-timeline-item-content-description-font-weight);color:var(--wco-timeline-item-content-description-font-color);margin-bottom:var(--wco-spacing-quark)}.wco-timeline .wco-timeline-item-content-description-finalized,.wco-timeline .wco-timeline-item-content-description-current,.wco-timeline .wco-timeline-item-content-description-waiting,.wco-timeline .wco-timeline-item-content-description-error{--wco-timeline-item-content-description-font-weight: 400;--wco-timeline-item-content-description-font-color: var(--wco-color-neutral-700)}.wco-timeline .wco-timeline-item-content-sub-title{color:var(--wco-color-neutral-900, #080809);font-size:16px;font-weight:700;letter-spacing:.4px}.wco-timeline .wco-timeline-item-content-sub-description{color:var(--wco-color-neutral-700, #50555A);letter-spacing:.4px}.wco-timeline .wco-timeline-item-content-date{text-align:right;font-size:.85rem;letter-spacing:.35px;color:var(--wco-color-neutral-700)}.wco-timeline .wco-timeline-item-dot-icon{font-size:.8rem;color:var(--wco-timeline-dot-icon-color)}.wco-timeline .wco-timeline-item-dot-icon-finalized{--wco-timeline-dot-icon-color: var(--wco-color-neutral-50)}.wco-timeline .wco-timeline-item-dot-icon-error{--wco-timeline-dot-icon-color: var(--wco-color-danger-600)}\n"] }]
        }], propDecorators: { timelineItems: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvbmVudHMvc3JjL2xpYi90aW1lbGluZS90aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3RpbWVsaW5lL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBMEMvQyxNQUFNLE9BQU8saUJBQWlCO0lBRW5CLGFBQWEsR0FBbUIsRUFBRSxDQUFDO0lBRTVDLFlBQVksR0FBRztRQUNiLFNBQVMsRUFBRSxPQUFPO1FBQ2xCLE9BQU8sRUFBRSxFQUFFO1FBQ1gsT0FBTyxFQUFFLEVBQUU7UUFDWCxLQUFLLEVBQUUsZUFBZTtLQUN2QixDQUFDO3dHQVRTLGlCQUFpQjs0RkFBakIsaUJBQWlCLG9IQzNDOUIsNnlFQWdDQSxrZ0lES1ksWUFBWTs7NEZBTVgsaUJBQWlCO2tCQVQ3QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFLNUIsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5leHBvcnQgdHlwZSBJdGVtcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGN1c3RvbUNsYXNzVGl0bGU/OiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBjdXN0b21DbGFzc0Rlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhY3Rpb24/OiB7XG4gICAgaGFuZGxlcjogKCkgPT4gdm9pZDtcbiAgICBsYWJlbDogc3RyaW5nO1xuICB9O1xufVxuXG5leHBvcnQgdHlwZSBUaW1lbGluZUl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIGRhdGU6IHN0cmluZztcbiAgc3RhdHVzOiAnZmluYWxpemVkJyB8ICdjdXJyZW50JyB8ICd3YWl0aW5nJyB8ICdlcnJvcic7XG4gIGRlc2NyaXB0aW9uUHJlPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBjdXN0b21DbGFzczogc3RyaW5nO1xuICB9O1xuICBkZXNjcmlwdGlvblBvcz86IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgY3VzdG9tQ2xhc3M6IHN0cmluZztcbiAgfTtcbiAgYWN0aW9uPzoge1xuICAgIGhhbmRsZXI6ICgpID0+IHZvaWQ7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgfTtcbiAgaXRlbnM/OiBJdGVtc1tdO1xufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2NvLXRpbWVsaW5lJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuXG5leHBvcnQgY2xhc3MgVGltZWxpbmVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHRpbWVsaW5lSXRlbXM6IFRpbWVsaW5lSXRlbVtdID0gW107XG5cbiAgc3RhdHVzVG9JY29uID0ge1xuICAgIGZpbmFsaXplZDogJ2NoZWNrJyxcbiAgICBjdXJyZW50OiAnJyxcbiAgICB3YWl0aW5nOiAnJyxcbiAgICBlcnJvcjogJ3ByaW9yaXR5X2hpZ2gnLFxuICB9O1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwid2NvLXRpbWVsaW5lXCI+XG4gIDxkaXYgY2xhc3M9XCJ3Y28tdGltZWxpbmUtaXRlbVwiICpuZ0Zvcj1cImxldCBsaW5lIG9mIHRpbWVsaW5lSXRlbXM7IGxldCBpID0gaW5kZXhcIj5cbiAgICA8ZGl2IGNsYXNzPVwid2NvLXRpbWVsaW5lLWl0ZW0tZG90LWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cIndjby10aW1lbGluZS1pdGVtLWRvdC1jb250YWluZXItaW5uZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ3Y28tdGltZWxpbmUtaXRlbS1kb3QtbnVtYmVyXCI+XG4gICAgICAgICAge3sgdGltZWxpbmVJdGVtcy5sZW5ndGggLSBpIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndjby10aW1lbGluZS1pdGVtLWRvdC1saW5lLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXYgW2NsYXNzTmFtZV09XCInd2NvLXRpbWVsaW5lLWl0ZW0tZG90IHdjby10aW1lbGluZS1pdGVtLWRvdC0nICsgbGluZS5zdGF0dXNcIj5cbiAgICAgICAgICAgIDxzcGFuIFtjbGFzc05hbWVdPVwiJ21hdGVyaWFsLWljb25zIHdjby10aW1lbGluZS1pdGVtLWRvdC1pY29uIHdjby10aW1lbGluZS1pdGVtLWRvdC1pY29uLScgKyBsaW5lLnN0YXR1c1wiPiB7eyBzdGF0dXNUb0ljb25bbGluZS5zdGF0dXNdIH19IDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8aHIgY2xhc3M9XCJ3Y28tdGltZWxpbmUtaXRlbS1kb3QtbGluZVwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIndjby10aW1lbGluZS1pdGVtLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3Y28tdGltZWxpbmUtaXRlbS1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgICA8aDQgW2NsYXNzTmFtZV09XCInd2NvLXRpbWVsaW5lLWl0ZW0tY29udGVudC10aXRsZSB3Y28tdGltZWxpbmUtaXRlbS1jb250ZW50LXRpdGxlLScgKyBsaW5lLnN0YXR1c1wiPiB7eyBsaW5lLnRpdGxlIH19IDwvaDQ+XG4gICAgICAgIDxzcGFuIFtjbGFzc05hbWVdPVwiJ3djby10aW1lbGluZS1pdGVtLWNvbnRlbnQtZGF0ZSB3Y28tdGltZWxpbmUtaXRlbS1jb250ZW50LWRhdGUtJyArIGxpbmUuc3RhdHVzXCI+IHt7IGxpbmUuZGF0ZSB9fSA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxwICpuZ0lmPVwibGluZS5kZXNjcmlwdGlvblByZT8udGV4dFwiIFtjbGFzc05hbWVdPVwibGluZS5kZXNjcmlwdGlvblByZT8uY3VzdG9tQ2xhc3NcIj4ge3sgbGluZS5kZXNjcmlwdGlvblByZT8udGV4dCB9fSA8L3A+XG4gICAgICA8cCBbY2xhc3NOYW1lXT1cIid3Y28tdGltZWxpbmUtaXRlbS1jb250ZW50LWRlc2NyaXB0aW9uIHdjby10aW1lbGluZS1pdGVtLWNvbnRlbnQtZGVzY3JpcHRpb24tJyArIGxpbmUuc3RhdHVzXCI+IHt7IGxpbmUuZGVzY3JpcHRpb24gfX0gPC9wPlxuICAgICAgPHAgKm5nSWY9XCJsaW5lLmRlc2NyaXB0aW9uUG9zPy50ZXh0XCIgW2NsYXNzTmFtZV09XCJsaW5lLmRlc2NyaXB0aW9uUG9zPy5jdXN0b21DbGFzc1wiPiB7eyBsaW5lLmRlc2NyaXB0aW9uUG9zPy50ZXh0IH19IDwvcD5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJ3Y28tYnRuIGJ0bi1wcmltYXJ5IGJ0bi1saW5rIGJ0bi1tZFwiICpuZ0lmPVwibGluZS5hY3Rpb24/LmxhYmVsXCIgKGNsaWNrKT1cImxpbmUuYWN0aW9uPy5oYW5kbGVyKClcIiBbZGlzYWJsZWRdPVwibGluZS5zdGF0dXMgPT09ICd3YWl0aW5nJ1wiPiB7e2xpbmUuYWN0aW9uPy5sYWJlbH19IDwvYnV0dG9uPlxuICAgICAgPGRpdiBjbGFzcz1cIm10LXh4eHNcIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBsaW5lLml0ZW5zXCI+XG4gICAgICAgIDxwICpuZ0lmPVwiaXRlbS50aXRsZVwiIFtjbGFzc05hbWVdPVwiJ3djby10aW1lbGluZS1pdGVtLWNvbnRlbnQtc3ViLXRpdGxlICcgKyBpdGVtLmN1c3RvbUNsYXNzVGl0bGVcIj4ge3sgaXRlbS50aXRsZSB9fSA8L3A+XG4gICAgICAgIDxwICpuZ0lmPVwiaXRlbS5kZXNjcmlwdGlvblwiIFtjbGFzc05hbWVdPVwiJ3djby10aW1lbGluZS1pdGVtLWNvbnRlbnQtc3ViLWRlc2NyaXB0aW9uICcgKyBpdGVtLmN1c3RvbUNsYXNzRGVzY3JpcHRpb25cIj4ge3sgaXRlbS5kZXNjcmlwdGlvbiB9fSA8L3A+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJ3Y28tYnRuIGJ0bi1wcmltYXJ5IGJ0bi1saW5rIGJ0bi1tZFwiICpuZ0lmPVwiaXRlbS5hY3Rpb24/LmxhYmVsXCIgKGNsaWNrKT1cIml0ZW0uYWN0aW9uPy5oYW5kbGVyKClcIj4ge3tpdGVtLmFjdGlvbj8ubGFiZWx9fSA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19