@lifeintelligencegroup/ngx-lig-ari
Version:
Life Intelligence Group Artificial Intelligence
24 lines • 11.3 kB
JavaScript
import { Component, EventEmitter, Output, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AriErrorComponent {
constructor() {
this.showMessage = false;
this.onClick = new EventEmitter();
}
ngOnInit() { }
tryAgainEv(ev) {
this.onClick.emit(ev);
}
}
AriErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: AriErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AriErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.4", type: AriErrorComponent, selector: "lig-ari-error", inputs: { errorResponse: "errorResponse" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"error-card\">\n <img\n class=\"warning_error\"\n src=\"data:image/svg+xml;utf8,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 451.74 451.74' style='enable-background:new 0 0 451.74 451.74;' xml:space='preserve'%3E%3Cpath style='fill:%23E24C4B;' d='M446.324,367.381L262.857,41.692c-15.644-28.444-58.311-28.444-73.956,0L5.435,367.381 c-15.644,28.444,4.267,64,36.978,64h365.511C442.057,429.959,461.968,395.825,446.324,367.381z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M225.879,63.025l183.467,325.689H42.413L225.879,63.025L225.879,63.025z'/%3E%3Cg%3E%3Cpath style='fill:%233F4448;' d='M196.013,212.359l11.378,75.378c1.422,8.533,8.533,15.644,18.489,15.644l0,0 c8.533,0,17.067-7.111,18.489-15.644l11.378-75.378c2.844-18.489-11.378-34.133-29.867-34.133l0,0 C207.39,178.225,194.59,193.87,196.013,212.359z'/%3E%3Ccircle style='fill:%233F4448;' cx='225.879' cy='336.092' r='17.067'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\"\n alt=\"Error Warning\"\n />\n <div class=\"error-header\">\n <h3>We're sorry</h3>\n <h4>We've run into an issue</h4>\n </div>\n\n <div class=\"error-body\">\n <div *ngIf=\"showMessage\" class=\"ion-text-center ion-padding\">\n {{ errorResponse.error?.message }}\n </div>\n <div class=\"error-button\">\n <button size=\"small\" (click)=\"tryAgainEv($event)\">Try again</button>\n </div>\n <span class=\"error-label\">\n If it doesn't work, try closing and re-opening the page.</span\n >\n </div>\n</div>\n", styles: [":host .error-card{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:10px;padding:10px 10px 20px;box-shadow:0 3px 1px -2px RBG(0 0 0/20%),0 2px 2px 0 RBG(0 0 0/14%),0 1px 5px 0 RBG(0 0 0/12%)}:host .error-card .warning_error{padding:20px 10px;height:150px}:host .error-card .error-header{text-align:center;margin-bottom:10px}:host .error-card .error-header h3{font-size:16px;color:#000;margin:unset}:host .error-card .error-header h4{font-size:14px;color:#737373}:host .error-card .error-body{text-align:center;font-size:16px}:host .error-card .error-body .error-button{margin-bottom:16px}:host .error-card .error-body .error-button button{background:#4c8dff;border:solid 1px #4c8dff;border-radius:6px;padding:10px;color:#fff;box-shadow:0 3px 1px -2px RBG(0 0 0/20%),0 2px 2px 0 RBG(0 0 0/14%),0 1px 5px 0 RBG(0 0 0/12%)}:host .error-card .error-body .error-label{font-size:13px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: AriErrorComponent, decorators: [{
type: Component,
args: [{ selector: 'lig-ari-error', template: "<div class=\"error-card\">\n <img\n class=\"warning_error\"\n src=\"data:image/svg+xml;utf8,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 451.74 451.74' style='enable-background:new 0 0 451.74 451.74;' xml:space='preserve'%3E%3Cpath style='fill:%23E24C4B;' d='M446.324,367.381L262.857,41.692c-15.644-28.444-58.311-28.444-73.956,0L5.435,367.381 c-15.644,28.444,4.267,64,36.978,64h365.511C442.057,429.959,461.968,395.825,446.324,367.381z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M225.879,63.025l183.467,325.689H42.413L225.879,63.025L225.879,63.025z'/%3E%3Cg%3E%3Cpath style='fill:%233F4448;' d='M196.013,212.359l11.378,75.378c1.422,8.533,8.533,15.644,18.489,15.644l0,0 c8.533,0,17.067-7.111,18.489-15.644l11.378-75.378c2.844-18.489-11.378-34.133-29.867-34.133l0,0 C207.39,178.225,194.59,193.87,196.013,212.359z'/%3E%3Ccircle style='fill:%233F4448;' cx='225.879' cy='336.092' r='17.067'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\"\n alt=\"Error Warning\"\n />\n <div class=\"error-header\">\n <h3>We're sorry</h3>\n <h4>We've run into an issue</h4>\n </div>\n\n <div class=\"error-body\">\n <div *ngIf=\"showMessage\" class=\"ion-text-center ion-padding\">\n {{ errorResponse.error?.message }}\n </div>\n <div class=\"error-button\">\n <button size=\"small\" (click)=\"tryAgainEv($event)\">Try again</button>\n </div>\n <span class=\"error-label\">\n If it doesn't work, try closing and re-opening the page.</span\n >\n </div>\n</div>\n", styles: [":host .error-card{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:10px;padding:10px 10px 20px;box-shadow:0 3px 1px -2px RBG(0 0 0/20%),0 2px 2px 0 RBG(0 0 0/14%),0 1px 5px 0 RBG(0 0 0/12%)}:host .error-card .warning_error{padding:20px 10px;height:150px}:host .error-card .error-header{text-align:center;margin-bottom:10px}:host .error-card .error-header h3{font-size:16px;color:#000;margin:unset}:host .error-card .error-header h4{font-size:14px;color:#737373}:host .error-card .error-body{text-align:center;font-size:16px}:host .error-card .error-body .error-button{margin-bottom:16px}:host .error-card .error-body .error-button button{background:#4c8dff;border:solid 1px #4c8dff;border-radius:6px;padding:10px;color:#fff;box-shadow:0 3px 1px -2px RBG(0 0 0/20%),0 2px 2px 0 RBG(0 0 0/14%),0 1px 5px 0 RBG(0 0 0/12%)}:host .error-card .error-body .error-label{font-size:13px}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { errorResponse: [{
type: Input
}], onClick: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJpLWVycm9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWctYXJpL3NyYy9saWIvY29tcG9uZW50cy9hcmktZXJyb3IvYXJpLWVycm9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWctYXJpL3NyYy9saWIvY29tcG9uZW50cy9hcmktZXJyb3IvYXJpLWVycm9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8saUJBQWlCO0lBSTVCO1FBRkEsZ0JBQVcsR0FBUSxLQUFLLENBQUM7UUFJZixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUY3QixDQUFDO0lBSWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsVUFBVSxDQUFDLEVBQU87UUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7OEdBWlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsa0lDUDlCLGk1REF1QkE7MkZEaEJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzBFQUtoQixhQUFhO3NCQUFyQixLQUFLO2dCQUtJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpZy1hcmktZXJyb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYXJpLWVycm9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXJpLWVycm9yLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFyaUVycm9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZXJyb3JSZXNwb25zZTogYW55O1xuICBzaG93TWVzc2FnZTogYW55ID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIHRyeUFnYWluRXYoZXY6IGFueSkge1xuICAgIHRoaXMub25DbGljay5lbWl0KGV2KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImVycm9yLWNhcmRcIj5cbiAgPGltZ1xuICAgIGNsYXNzPVwid2FybmluZ19lcnJvclwiXG4gICAgc3JjPVwiZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsJTNDJTNGeG1sIHZlcnNpb249JzEuMCcgZW5jb2Rpbmc9J2lzby04ODU5LTEnJTNGJTNFJTNDIS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLSUzRSUzQ3N2ZyB2ZXJzaW9uPScxLjEnIGlkPSdDYXBhXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNDUxLjc0IDQ1MS43NCcgc3R5bGU9J2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjc0IDQ1MS43NDsnIHhtbDpzcGFjZT0ncHJlc2VydmUnJTNFJTNDcGF0aCBzdHlsZT0nZmlsbDolMjNFMjRDNEI7JyBkPSdNNDQ2LjMyNCwzNjcuMzgxTDI2Mi44NTcsNDEuNjkyYy0xNS42NDQtMjguNDQ0LTU4LjMxMS0yOC40NDQtNzMuOTU2LDBMNS40MzUsMzY3LjM4MSBjLTE1LjY0NCwyOC40NDQsNC4yNjcsNjQsMzYuOTc4LDY0aDM2NS41MTFDNDQyLjA1Nyw0MjkuOTU5LDQ2MS45NjgsMzk1LjgyNSw0NDYuMzI0LDM2Ny4zODF6Jy8lM0UlM0NwYXRoIHN0eWxlPSdmaWxsOiUyM0ZGRkZGRjsnIGQ9J00yMjUuODc5LDYzLjAyNWwxODMuNDY3LDMyNS42ODlINDIuNDEzTDIyNS44NzksNjMuMDI1TDIyNS44NzksNjMuMDI1eicvJTNFJTNDZyUzRSUzQ3BhdGggc3R5bGU9J2ZpbGw6JTIzM0Y0NDQ4OycgZD0nTTE5Ni4wMTMsMjEyLjM1OWwxMS4zNzgsNzUuMzc4YzEuNDIyLDguNTMzLDguNTMzLDE1LjY0NCwxOC40ODksMTUuNjQ0bDAsMCBjOC41MzMsMCwxNy4wNjctNy4xMTEsMTguNDg5LTE1LjY0NGwxMS4zNzgtNzUuMzc4YzIuODQ0LTE4LjQ4OS0xMS4zNzgtMzQuMTMzLTI5Ljg2Ny0zNC4xMzNsMCwwIEMyMDcuMzksMTc4LjIyNSwxOTQuNTksMTkzLjg3LDE5Ni4wMTMsMjEyLjM1OXonLyUzRSUzQ2NpcmNsZSBzdHlsZT0nZmlsbDolMjMzRjQ0NDg7JyBjeD0nMjI1Ljg3OScgY3k9JzMzNi4wOTInIHI9JzE3LjA2NycvJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0NnJTNFJTNDL2clM0UlM0Mvc3ZnJTNFJTBBXCJcbiAgICBhbHQ9XCJFcnJvciBXYXJuaW5nXCJcbiAgLz5cbiAgPGRpdiBjbGFzcz1cImVycm9yLWhlYWRlclwiPlxuICAgIDxoMz5XZSdyZSBzb3JyeTwvaDM+XG4gICAgPGg0PldlJ3ZlIHJ1biBpbnRvIGFuIGlzc3VlPC9oND5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImVycm9yLWJvZHlcIj5cbiAgICA8ZGl2ICpuZ0lmPVwic2hvd01lc3NhZ2VcIiBjbGFzcz1cImlvbi10ZXh0LWNlbnRlciBpb24tcGFkZGluZ1wiPlxuICAgICAge3sgZXJyb3JSZXNwb25zZS5lcnJvcj8ubWVzc2FnZSB9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJlcnJvci1idXR0b25cIj5cbiAgICAgIDxidXR0b24gc2l6ZT1cInNtYWxsXCIgKGNsaWNrKT1cInRyeUFnYWluRXYoJGV2ZW50KVwiPlRyeSBhZ2FpbjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIGNsYXNzPVwiZXJyb3ItbGFiZWxcIj5cbiAgICAgIElmIGl0IGRvZXNuJ3Qgd29yaywgdHJ5IGNsb3NpbmcgYW5kIHJlLW9wZW5pbmcgdGhlIHBhZ2UuPC9zcGFuXG4gICAgPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19