@kassdoug/tableadv
Version:
Componente Angular 16+ para criação de uma table com amis recursos. Projeto com base na ideia da lib DataTables
36 lines • 18.7 kB
JavaScript
import { Component, Output, EventEmitter, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
export class IndividualFilterInputComponent {
constructor() {
this.search = null;
this.whereValue = null;
this.addFilterEvent = new EventEmitter();
}
/** Adiciona o filtro individual na busca e executa a rota */
addNewFilter() {
if (this.whereValue == '' || this.whereValue == null)
return;
var model = null;
var field = null;
if (typeof this.search === 'object') {
model = this.search.model;
field = this.search.field;
}
else {
field = this.search;
}
this.addFilterEvent.emit({ value: this.whereValue, field: field, model: model });
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IndividualFilterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: IndividualFilterInputComponent, selector: "InputIndividualSearch", inputs: { search: "search" }, outputs: { addFilterEvent: "addFilterEvent" }, ngImport: i0, template: "<div class=\"input-group p-1\">\r\n\r\n <input class=\"form-control form-control-sm\" type=\"search\" placeholder=\"Pesquisar\" [(ngModel)]=\"whereValue\"> \r\n\r\n <button\r\n class=\"btn btn-sm btn-outline-secondary border border-secondary-subtle\"\r\n type=\"button\"\r\n gd-tooltip=\"Faz a pesquisa solicitada na coluna\"\r\n (click)=\"addNewFilter()\"\r\n >\r\n <i class=\"fa fa-search\"></i>\r\n </button>\r\n\r\n</div>\r\n", styles: ["@import\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\";.gd-version{opacity:.2;font-size:.6rem;position:absolute;right:10px;bottom:5px}.gd-backdrop{background-color:#153c4b80;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2500;filter:blur()}body~.gd-container.fullscreen{overflow:hidden}.gd-container{background-color:#fff;width:100%;border-radius:5px;box-shadow:-1px 12px 19px -3px #00000026;font-family:Quicksand,sans-serif;position:relative;display:flex;flex-direction:column;align-items:center}.gd-container.fullscreen{width:95vw;height:95vh;position:fixed;left:2.5vw;top:2.5vh;padding:0;z-index:3000;max-width:100vw}.gd-container.fullscreen .gd-header{max-height:70px}.gd-container.fullscreen .gd-body{height:calc(100% - 140px);max-height:100%}.gd-container.fullscreen .gd-footer{height:70px;position:absolute}.gd-container .gd-header{width:100%;box-sizing:border-box;padding:15px;height:20%;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between}.gd-container .gd-header .gd-form-group{width:80%;display:flex;align-items:center;border-radius:5px 0 0 5px;position:relative;height:30px}.gd-container .gd-header .gd-form-group .gd-btn{cursor:pointer;border:1px solid rgba(204,204,204,.2588235294);padding:5px 10px;background-color:#f7f7f700;color:#bdbdbd;opacity:.7;height:100%;min-height:30px}.gd-container .gd-header .gd-form-group .gd-btn:hover{opacity:1;color:#818181;border-color:#7777775d}.gd-container .gd-header .gd-form-group .gd-input-search{border:1px solid rgba(204,204,204,.2588235294);border-radius:5px 0 0 5px;min-height:28px;padding:0 6px;min-width:150px;max-width:300px;height:29px;position:relative;font-size:.8rem}.gd-container .gd-header .gd-form-group .gd-input-search:focus{outline-color:#7777775d}@media screen and (min-width: 768px){.gd-container .gd-header .gd-form-group .gd-input-search{min-width:300px}}.gd-container .gd-header .gd-form-group .gd-select-qntreg{border:1px solid rgba(204,204,204,.2588235294);border-radius:0 5px 5px 0;min-height:30px;padding:3px;height:100%}.gd-container .gd-header .gd-form-group .gd-select-qntreg:focus{outline-color:#7777775d}.gd-container .gd-header .gd-controls{display:flex;justify-content:space-between;align-items:center}.gd-container .gd-header .gd-controls button{background-color:transparent;border:none;padding:5px;margin:0 5px}.gd-container .gd-header .gd-controls button i{cursor:pointer;opacity:.5;transition:all ease-in-out .3s;font-size:1rem}.gd-container .gd-header .gd-controls button i:hover{opacity:1}.gd-container .gd-body{width:100%;max-width:100vw;max-height:700px;min-height:100px;height:auto;box-sizing:border-box;padding:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#aaaaaa #FFFFFF}.gd-container .gd-body table{width:100%}.gd-container .gd-body .icon-order{opacity:.2;width:15px;display:flex;justify-content:center;align-items:center;border-radius:5px}.gd-container .gd-body .icon-order:hover{opacity:1}.gd-container .gd-body::-webkit-scrollbar{width:5px;height:5px}.gd-container .gd-body::-webkit-scrollbar-track{border-radius:8px;background-color:#fff;border:2px solid #FFFFFF}.gd-container .gd-body::-webkit-scrollbar-track:hover{background-color:#2f5d6e}.gd-container .gd-body::-webkit-scrollbar-track:active{background-color:#2f5d6e}.gd-container .gd-body::-webkit-scrollbar-thumb{border-radius:5px;background-color:#2f5d6e}.gd-container .gd-body::-webkit-scrollbar-thumb:hover{background-color:#113441}.gd-container .gd-body::-webkit-scrollbar-thumb:active{background-color:#2f5d6e}.gd-container .gd-body .not-reg{opacity:.5;width:100%;min-height:150px;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.gd-container .gd-body .gd-header-row{position:relative;font-size:.9rem}.gd-container .gd-body .gd-header-row.fixed{background-color:#fff;position:sticky;top:-15px;left:0;z-index:100;width:100%;overflow:auto}.gd-container .gd-body .gd-header-row.fixed .gd-col{border-bottom:1px solid #535353}.gd-container .gd-body .gd-header-row .gd-col{border-bottom:1px solid rgba(221,221,221,.8274509804);font-weight:700;text-align:left}.gd-container .gd-body .gd-body-row{transition:all ease-in-out .2s;font-size:.8rem;width:100%}.gd-container .gd-body .gd-body-row:hover{background-color:#ebebeb!important}.gd-container .gd-body .gd-body-row.even{background-color:#f0f0f080}.gd-container .gd-body .gd-body-row .gd-col{border-bottom:1px solid rgba(221,221,221,.2588235294)}.gd-container .gd-body .gd-header-row .gd-col,.gd-container .gd-body .gd-body-row .gd-col{width:auto;min-width:100px;padding:10px 0;position:relative;margin:0 5px}.gd-container .gd-body .gd-header-row .gd-col>div,.gd-container .gd-body .gd-body-row .gd-col>div{display:flex;justify-content:space-between;padding:0 15px 0 0}.gd-container .gd-footer{box-sizing:border-box;padding:15px;position:relative;bottom:0;width:100%;height:20%;border-top:1px solid #e4e4e4;display:flex;justify-content:space-between;align-items:center;max-height:70px}.gd-container .gd-footer .gd-info{font-size:.8rem;opacity:.7}.gd-container .gd-footer .gd-pagination{display:flex;justify-content:center;align-items:center}.gd-container .gd-footer .gd-pagination button{min-width:25px;height:30px;margin:0 5px;padding:5px;border:none;background-color:#ececec23;border-radius:5px;cursor:pointer;transition:all ease-in-out .2s}.gd-container .gd-footer .gd-pagination button.bg-selected{background-color:#48a2cc;color:#fff}.gd-container .gd-footer .gd-pagination button:hover{background-color:#cfcfcf}[gd-tooltip]{position:relative}[gd-tooltip]:after{font-size:.8rem;white-space:nowrap;min-width:100px;text-align:center;background-color:#4d4d4d;box-shadow:-1px 12px 19px -3px #00000026;color:#fff;box-sizing:border-box;content:attr(gd-tooltip);display:none;padding:10px;position:absolute;top:-35px;left:-300%;z-index:10;border-radius:5px}[gd-tooltip]:hover:after{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IndividualFilterInputComponent, decorators: [{
type: Component,
args: [{ selector: 'InputIndividualSearch', template: "<div class=\"input-group p-1\">\r\n\r\n <input class=\"form-control form-control-sm\" type=\"search\" placeholder=\"Pesquisar\" [(ngModel)]=\"whereValue\"> \r\n\r\n <button\r\n class=\"btn btn-sm btn-outline-secondary border border-secondary-subtle\"\r\n type=\"button\"\r\n gd-tooltip=\"Faz a pesquisa solicitada na coluna\"\r\n (click)=\"addNewFilter()\"\r\n >\r\n <i class=\"fa fa-search\"></i>\r\n </button>\r\n\r\n</div>\r\n", styles: ["@import\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\";.gd-version{opacity:.2;font-size:.6rem;position:absolute;right:10px;bottom:5px}.gd-backdrop{background-color:#153c4b80;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2500;filter:blur()}body~.gd-container.fullscreen{overflow:hidden}.gd-container{background-color:#fff;width:100%;border-radius:5px;box-shadow:-1px 12px 19px -3px #00000026;font-family:Quicksand,sans-serif;position:relative;display:flex;flex-direction:column;align-items:center}.gd-container.fullscreen{width:95vw;height:95vh;position:fixed;left:2.5vw;top:2.5vh;padding:0;z-index:3000;max-width:100vw}.gd-container.fullscreen .gd-header{max-height:70px}.gd-container.fullscreen .gd-body{height:calc(100% - 140px);max-height:100%}.gd-container.fullscreen .gd-footer{height:70px;position:absolute}.gd-container .gd-header{width:100%;box-sizing:border-box;padding:15px;height:20%;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between}.gd-container .gd-header .gd-form-group{width:80%;display:flex;align-items:center;border-radius:5px 0 0 5px;position:relative;height:30px}.gd-container .gd-header .gd-form-group .gd-btn{cursor:pointer;border:1px solid rgba(204,204,204,.2588235294);padding:5px 10px;background-color:#f7f7f700;color:#bdbdbd;opacity:.7;height:100%;min-height:30px}.gd-container .gd-header .gd-form-group .gd-btn:hover{opacity:1;color:#818181;border-color:#7777775d}.gd-container .gd-header .gd-form-group .gd-input-search{border:1px solid rgba(204,204,204,.2588235294);border-radius:5px 0 0 5px;min-height:28px;padding:0 6px;min-width:150px;max-width:300px;height:29px;position:relative;font-size:.8rem}.gd-container .gd-header .gd-form-group .gd-input-search:focus{outline-color:#7777775d}@media screen and (min-width: 768px){.gd-container .gd-header .gd-form-group .gd-input-search{min-width:300px}}.gd-container .gd-header .gd-form-group .gd-select-qntreg{border:1px solid rgba(204,204,204,.2588235294);border-radius:0 5px 5px 0;min-height:30px;padding:3px;height:100%}.gd-container .gd-header .gd-form-group .gd-select-qntreg:focus{outline-color:#7777775d}.gd-container .gd-header .gd-controls{display:flex;justify-content:space-between;align-items:center}.gd-container .gd-header .gd-controls button{background-color:transparent;border:none;padding:5px;margin:0 5px}.gd-container .gd-header .gd-controls button i{cursor:pointer;opacity:.5;transition:all ease-in-out .3s;font-size:1rem}.gd-container .gd-header .gd-controls button i:hover{opacity:1}.gd-container .gd-body{width:100%;max-width:100vw;max-height:700px;min-height:100px;height:auto;box-sizing:border-box;padding:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#aaaaaa #FFFFFF}.gd-container .gd-body table{width:100%}.gd-container .gd-body .icon-order{opacity:.2;width:15px;display:flex;justify-content:center;align-items:center;border-radius:5px}.gd-container .gd-body .icon-order:hover{opacity:1}.gd-container .gd-body::-webkit-scrollbar{width:5px;height:5px}.gd-container .gd-body::-webkit-scrollbar-track{border-radius:8px;background-color:#fff;border:2px solid #FFFFFF}.gd-container .gd-body::-webkit-scrollbar-track:hover{background-color:#2f5d6e}.gd-container .gd-body::-webkit-scrollbar-track:active{background-color:#2f5d6e}.gd-container .gd-body::-webkit-scrollbar-thumb{border-radius:5px;background-color:#2f5d6e}.gd-container .gd-body::-webkit-scrollbar-thumb:hover{background-color:#113441}.gd-container .gd-body::-webkit-scrollbar-thumb:active{background-color:#2f5d6e}.gd-container .gd-body .not-reg{opacity:.5;width:100%;min-height:150px;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.gd-container .gd-body .gd-header-row{position:relative;font-size:.9rem}.gd-container .gd-body .gd-header-row.fixed{background-color:#fff;position:sticky;top:-15px;left:0;z-index:100;width:100%;overflow:auto}.gd-container .gd-body .gd-header-row.fixed .gd-col{border-bottom:1px solid #535353}.gd-container .gd-body .gd-header-row .gd-col{border-bottom:1px solid rgba(221,221,221,.8274509804);font-weight:700;text-align:left}.gd-container .gd-body .gd-body-row{transition:all ease-in-out .2s;font-size:.8rem;width:100%}.gd-container .gd-body .gd-body-row:hover{background-color:#ebebeb!important}.gd-container .gd-body .gd-body-row.even{background-color:#f0f0f080}.gd-container .gd-body .gd-body-row .gd-col{border-bottom:1px solid rgba(221,221,221,.2588235294)}.gd-container .gd-body .gd-header-row .gd-col,.gd-container .gd-body .gd-body-row .gd-col{width:auto;min-width:100px;padding:10px 0;position:relative;margin:0 5px}.gd-container .gd-body .gd-header-row .gd-col>div,.gd-container .gd-body .gd-body-row .gd-col>div{display:flex;justify-content:space-between;padding:0 15px 0 0}.gd-container .gd-footer{box-sizing:border-box;padding:15px;position:relative;bottom:0;width:100%;height:20%;border-top:1px solid #e4e4e4;display:flex;justify-content:space-between;align-items:center;max-height:70px}.gd-container .gd-footer .gd-info{font-size:.8rem;opacity:.7}.gd-container .gd-footer .gd-pagination{display:flex;justify-content:center;align-items:center}.gd-container .gd-footer .gd-pagination button{min-width:25px;height:30px;margin:0 5px;padding:5px;border:none;background-color:#ececec23;border-radius:5px;cursor:pointer;transition:all ease-in-out .2s}.gd-container .gd-footer .gd-pagination button.bg-selected{background-color:#48a2cc;color:#fff}.gd-container .gd-footer .gd-pagination button:hover{background-color:#cfcfcf}[gd-tooltip]{position:relative}[gd-tooltip]:after{font-size:.8rem;white-space:nowrap;min-width:100px;text-align:center;background-color:#4d4d4d;box-shadow:-1px 12px 19px -3px #00000026;color:#fff;box-sizing:border-box;content:attr(gd-tooltip);display:none;padding:10px;position:absolute;top:-35px;left:-300%;z-index:10;border-radius:5px}[gd-tooltip]:hover:after{display:inline}\n"] }]
}], propDecorators: { search: [{
type: Input
}], addFilterEvent: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5kaXZpZHVhbEZpbHRlcklucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2thc3Nkb3VnL3RhYmxlYWR2L3NyYy9jb21wb25lbnRzL0luZGl2aWR1YWxGaWx0ZXJJbnB1dC9JbmRpdmlkdWFsRmlsdGVySW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Fzc2RvdWcvdGFibGVhZHYvc3JjL2NvbXBvbmVudHMvSW5kaXZpZHVhbEZpbHRlcklucHV0L0luZGl2aWR1YWxGaWx0ZXJJbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLDhCQUE4QjtJQU4zQztRQVFXLFdBQU0sR0FBZSxJQUFJLENBQUE7UUFFbEMsZUFBVSxHQUFlLElBQUksQ0FBQTtRQUVuQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FzQnZEO0lBcEJDLDZEQUE2RDtJQUM3RCxZQUFZO1FBRVYsSUFBRyxJQUFJLENBQUMsVUFBVSxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUk7WUFBRSxPQUFNO1FBRTNELElBQUksS0FBSyxHQUFpQixJQUFJLENBQUE7UUFDOUIsSUFBSSxLQUFLLEdBQWlCLElBQUksQ0FBQTtRQUU5QixJQUFHLE9BQVEsSUFBSSxDQUFDLE1BQU0sS0FBSyxRQUFRLEVBQUM7WUFDbEMsS0FBSyxHQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFBO1lBQ3ZCLEtBQUssR0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQTtTQUV4QjthQUFNO1lBQ0wsS0FBSyxHQUFDLElBQUksQ0FBQyxNQUFNLENBQUE7U0FDbEI7UUFFRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUE7SUFFL0UsQ0FBQzs4R0ExQlUsOEJBQThCO2tHQUE5Qiw4QkFBOEIsMElDVDNDLHNkQWNBOzsyRkRMYSw4QkFBOEI7a0JBTjFDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQU94QixNQUFNO3NCQUFkLEtBQUs7Z0JBSUksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdJbnB1dEluZGl2aWR1YWxTZWFyY2gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnSW5kaXZpZHVhbEZpbHRlcklucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi4vLi4vYXNzZXRzL3N0eWxlLnNjc3MnXSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBJbmRpdmlkdWFsRmlsdGVySW5wdXRDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBzZWFyY2g6IGFueSB8IG51bGwgPSBudWxsXHJcblxyXG4gIHdoZXJlVmFsdWU6IGFueSB8IG51bGwgPSBudWxsXHJcblxyXG4gIEBPdXRwdXQoKSBhZGRGaWx0ZXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0PigpO1xyXG5cclxuICAvKiogQWRpY2lvbmEgbyBmaWx0cm8gaW5kaXZpZHVhbCBuYSBidXNjYSBlIGV4ZWN1dGEgYSByb3RhICovXHJcbiAgYWRkTmV3RmlsdGVyKCkge1xyXG5cclxuICAgIGlmKHRoaXMud2hlcmVWYWx1ZSA9PSAnJyB8fCB0aGlzLndoZXJlVmFsdWUgPT0gbnVsbCkgcmV0dXJuXHJcblxyXG4gICAgdmFyIG1vZGVsOnN0cmluZyB8IG51bGwgPSBudWxsXHJcbiAgICB2YXIgZmllbGQ6c3RyaW5nIHwgbnVsbCA9IG51bGxcclxuXHJcbiAgICBpZih0eXBlb2YgIHRoaXMuc2VhcmNoID09PSAnb2JqZWN0Jyl7XHJcbiAgICAgIG1vZGVsPXRoaXMuc2VhcmNoLm1vZGVsXHJcbiAgICAgIGZpZWxkPXRoaXMuc2VhcmNoLmZpZWxkXHJcblxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgZmllbGQ9dGhpcy5zZWFyY2hcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmFkZEZpbHRlckV2ZW50LmVtaXQoe3ZhbHVlOiB0aGlzLndoZXJlVmFsdWUsZmllbGQ6IGZpZWxkLCBtb2RlbDogbW9kZWx9KVxyXG5cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cCBwLTFcIj5cclxuXHJcbiAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLXNtXCIgdHlwZT1cInNlYXJjaFwiIHBsYWNlaG9sZGVyPVwiUGVzcXVpc2FyXCIgWyhuZ01vZGVsKV09XCJ3aGVyZVZhbHVlXCI+IFxyXG5cclxuICAgIDxidXR0b25cclxuICAgICAgY2xhc3M9XCJidG4gYnRuLXNtIGJ0bi1vdXRsaW5lLXNlY29uZGFyeSBib3JkZXIgYm9yZGVyLXNlY29uZGFyeS1zdWJ0bGVcIlxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgZ2QtdG9vbHRpcD1cIkZheiBhIHBlc3F1aXNhIHNvbGljaXRhZGEgbmEgY29sdW5hXCJcclxuICAgICAgKGNsaWNrKT1cImFkZE5ld0ZpbHRlcigpXCJcclxuICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXNlYXJjaFwiPjwvaT5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuPC9kaXY+XHJcbiJdfQ==