kwikid-components
Version:
KwikID's Components Library
67 lines • 13.4 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Inject, Input, Output, ChangeDetectionStrategy } from "@angular/core";
import { TuiAlertService } from "@taiga-ui/core";
import { logMethod, mergeObjects } from "kwikid-toolkit";
import { ERROR_CONFIG } from "./error.config";
import * as i0 from "@angular/core";
import * as i1 from "../../components/page-header/page-header.component";
import * as i2 from "kwikui";
import * as i3 from "../../components/schedule-later-button/schedule-later-button.component";
import * as i4 from "../../components/page-footer/page-footer.component";
import * as i5 from "@angular/common";
import * as i6 from "@taiga-ui/core";
export class KwikIDErrorComponent {
constructor(alerts) {
this.alerts = alerts;
this.config = ERROR_CONFIG;
this.headerConfig = undefined;
this.footerConfig = undefined;
this.scheduleLaterConfig = undefined;
this.onClickScheduleLater = new EventEmitter();
}
ngOnInit() {
this.initErrorConfig();
}
initErrorConfig() {
var _a, _b;
this.config = mergeObjects(ERROR_CONFIG, this.config);
this.headerConfig = (_a = this.config) === null || _a === void 0 ? void 0 : _a.headerConfig;
this.footerConfig = (_b = this.config) === null || _b === void 0 ? void 0 : _b.footerConfig;
this.scheduleLaterConfig = this.config.scheduleLaterConfig;
}
handleOnClickCopyLink(message) {
this.alerts.open("Link Copied!").subscribe();
navigator.clipboard.writeText(message);
}
handleOnClickScheduleLater() {
this.onClickScheduleLater.emit("Schedule Later");
}
}
/** @nocollapse */ KwikIDErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDErrorComponent, deps: [{ token: TuiAlertService }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ KwikIDErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDErrorComponent, selector: "kwikid-components-error", inputs: { config: "config" }, outputs: { onClickScheduleLater: "onClickScheduleLater" }, ngImport: i0, template: "<div class=\"container\">\n <kwikid-components-page-header [config]=\"headerConfig\">\n </kwikid-components-page-header>\n <main>\n <div\n *ngIf=\"config?.html?.before\"\n [innerHtml]=\"config?.html?.before | kwikuiSafeHtml\"\n >\n </div>\n\n <kwikui-image\n *ngIf=\"config?.image\"\n [imageSrc]=\"config?.image\"\n styles=\"padding: 1rem; max-height: 225px;\"\n altText=\"Error\"\n imageType=\"url\"\n ></kwikui-image>\n\n <div\n *ngIf=\"config?.html?.middle\"\n [innerHtml]=\"config?.html?.middle | kwikuiSafeHtml\"\n >\n </div>\n\n <ul *ngIf=\"config.messages && config.messages.length !== 0\">\n <li *ngFor=\"let message of config.messages; let i = index\">\n <div>\n <div>{{ i + 1 }}.</div>\n <div [innerHtml]=\"message.title | kwikuiSafeHtml\"> </div>\n </div>\n <div\n *ngIf=\"message.type === 'link'\"\n class=\"link\"\n (click)=\"handleOnClickCopyLink(message.link)\"\n >{{ message.link }}</div\n >\n </li>\n </ul>\n\n <kwikid-schedule-later-button\n [config]=\"scheduleLaterConfig\"\n (onClickScheduleLater)=\"handleOnClickScheduleLater()\"\n >\n </kwikid-schedule-later-button>\n\n <div\n *ngIf=\"config?.html?.after\"\n [innerHtml]=\"config?.html?.after | kwikuiSafeHtml\"\n >\n </div>\n </main>\n\n <kwikid-components-page-footer [config]=\"footerConfig\">\n </kwikid-components-page-footer>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:auto}.container>*:not(:last-child){margin-bottom:1.5rem}.container main{display:flex;flex-direction:column;align-content:center;justify-content:flex-start;align-items:center;padding:0 1rem}.container main>*:not(:last-child){margin-bottom:1rem}.container main ul{list-style:none;padding-left:0;font-size:1rem;width:100%}.container main ul div{position:relative}.container main li{position:relative;padding:.6rem;margin-bottom:.5rem;white-space:pre-line;background-color:#99999921;border-radius:.5rem}.container main li div{display:flex;flex-direction:row}.container main li div>*:not(:last-child){margin-right:.4rem}.container main li .link{cursor:pointer;margin-left:1rem;text-decoration:underline;color:var(--tui-link);word-wrap:break-word;word-break:break-all;white-space:normal;overflow-wrap:break-word}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:gray;background-clip:padding-box}\n"], components: [{ type: i1.KwikIDPageHeaderComponent, selector: "kwikid-components-page-header", inputs: ["config"] }, { type: i2.KwikUIImageComponent, selector: "kwikui-image", inputs: ["altText", "class", "html", "id", "imageSrc", "imageType", "loadingType", "styles"], outputs: ["onClick"] }, { type: i3.KwikIDScheduleLaterButtonComponent, selector: "kwikid-schedule-later-button", inputs: ["config"], outputs: ["onClickScheduleLater"] }, { type: i4.KwikIDPageFooterComponent, selector: "kwikid-components-page-footer", inputs: ["config"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "kwikuiSafeHtml": i2.KwikUISafeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
__decorate([
logMethod
], KwikIDErrorComponent.prototype, "initErrorConfig", null);
__decorate([
logMethod
], KwikIDErrorComponent.prototype, "handleOnClickCopyLink", null);
__decorate([
logMethod
], KwikIDErrorComponent.prototype, "handleOnClickScheduleLater", null);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDErrorComponent, decorators: [{
type: Component,
args: [{
selector: "kwikid-components-error",
templateUrl: "./error.component.html",
styleUrls: ["./error.component.scss"],
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: function () { return [{ type: i6.TuiAlertService, decorators: [{
type: Inject,
args: [TuiAlertService]
}] }]; }, propDecorators: { config: [{
type: Input
}], onClickScheduleLater: [{
type: Output
}], initErrorConfig: [], handleOnClickCopyLink: [], handleOnClickScheduleLater: [] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva3dpa2lkLWNvbXBvbmVudHMvc3JjL2xpYi9wYWdlcy9lcnJvci9lcnJvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rd2lraWQtY29tcG9uZW50cy9zcmMvbGliL3BhZ2VzL2Vycm9yL2Vycm9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUVMLE1BQU0sRUFDTix1QkFBdUIsRUFDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQVE5QyxNQUFNLE9BQU8sb0JBQW9CO0lBYS9CLFlBQzRDLE1BQXVCO1FBQXZCLFdBQU0sR0FBTixNQUFNLENBQWlCO1FBWm5FLFdBQU0sR0FBUSxZQUFZLENBQUM7UUFFM0IsaUJBQVksR0FBUSxTQUFTLENBQUM7UUFFOUIsaUJBQVksR0FBUSxTQUFTLENBQUM7UUFFOUIsd0JBQW1CLEdBQVEsU0FBUyxDQUFDO1FBR3JDLHlCQUFvQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBSTFELENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFHRCxlQUFlOztRQUNiLElBQUksQ0FBQyxNQUFNLEdBQUcsWUFBWSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLFlBQVksQ0FBQztRQUM5QyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQUEsSUFBSSxDQUFDLE1BQU0sMENBQUUsWUFBWSxDQUFDO1FBQzlDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDO0lBQzdELENBQUM7SUFHRCxxQkFBcUIsQ0FBQyxPQUFlO1FBQ25DLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQzdDLFNBQVMsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFHRCwwQkFBMEI7UUFDeEIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7O3FJQXRDVSxvQkFBb0Isa0JBY3JCLGVBQWU7eUhBZGQsb0JBQW9CLHdKQ25CakMsdS9DQXVEQTtBRGRFO0lBREMsU0FBUzsyREFNVDtBQUdEO0lBREMsU0FBUztpRUFJVDtBQUdEO0lBREMsU0FBUztzRUFHVDs0RkF0Q1Usb0JBQW9CO2tCQU5oQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OzBCQWVJLE1BQU07MkJBQUMsZUFBZTs0Q0FaekIsTUFBTTtzQkFETCxLQUFLO2dCQVVOLG9CQUFvQjtzQkFEbkIsTUFBTTtnQkFZUCxlQUFlLE1BUWYscUJBQXFCLE1BTXJCLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3lcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFR1aUFsZXJ0U2VydmljZSB9IGZyb20gXCJAdGFpZ2EtdWkvY29yZVwiO1xuaW1wb3J0IHsgbG9nTWV0aG9kLCBtZXJnZU9iamVjdHMgfSBmcm9tIFwia3dpa2lkLXRvb2xraXRcIjtcbmltcG9ydCB7IEVSUk9SX0NPTkZJRyB9IGZyb20gXCIuL2Vycm9yLmNvbmZpZ1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwia3dpa2lkLWNvbXBvbmVudHMtZXJyb3JcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9lcnJvci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vZXJyb3IuY29tcG9uZW50LnNjc3NcIl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEt3aWtJREVycm9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY29uZmlnOiBhbnkgPSBFUlJPUl9DT05GSUc7XG5cbiAgaGVhZGVyQ29uZmlnOiBhbnkgPSB1bmRlZmluZWQ7XG5cbiAgZm9vdGVyQ29uZmlnOiBhbnkgPSB1bmRlZmluZWQ7XG5cbiAgc2NoZWR1bGVMYXRlckNvbmZpZzogYW55ID0gdW5kZWZpbmVkO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrU2NoZWR1bGVMYXRlcjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUdWlBbGVydFNlcnZpY2UpIHByaXZhdGUgcmVhZG9ubHkgYWxlcnRzOiBUdWlBbGVydFNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5pdEVycm9yQ29uZmlnKCk7XG4gIH1cblxuICBAbG9nTWV0aG9kXG4gIGluaXRFcnJvckNvbmZpZygpIHtcbiAgICB0aGlzLmNvbmZpZyA9IG1lcmdlT2JqZWN0cyhFUlJPUl9DT05GSUcsIHRoaXMuY29uZmlnKTtcbiAgICB0aGlzLmhlYWRlckNvbmZpZyA9IHRoaXMuY29uZmlnPy5oZWFkZXJDb25maWc7XG4gICAgdGhpcy5mb290ZXJDb25maWcgPSB0aGlzLmNvbmZpZz8uZm9vdGVyQ29uZmlnO1xuICAgIHRoaXMuc2NoZWR1bGVMYXRlckNvbmZpZyA9IHRoaXMuY29uZmlnLnNjaGVkdWxlTGF0ZXJDb25maWc7XG4gIH1cblxuICBAbG9nTWV0aG9kXG4gIGhhbmRsZU9uQ2xpY2tDb3B5TGluayhtZXNzYWdlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmFsZXJ0cy5vcGVuKFwiTGluayBDb3BpZWQhXCIpLnN1YnNjcmliZSgpO1xuICAgIG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KG1lc3NhZ2UpO1xuICB9XG5cbiAgQGxvZ01ldGhvZFxuICBoYW5kbGVPbkNsaWNrU2NoZWR1bGVMYXRlcigpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2xpY2tTY2hlZHVsZUxhdGVyLmVtaXQoXCJTY2hlZHVsZSBMYXRlclwiKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8a3dpa2lkLWNvbXBvbmVudHMtcGFnZS1oZWFkZXIgW2NvbmZpZ109XCJoZWFkZXJDb25maWdcIj5cbiAgPC9rd2lraWQtY29tcG9uZW50cy1wYWdlLWhlYWRlcj5cbiAgPG1haW4+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb25maWc/Lmh0bWw/LmJlZm9yZVwiXG4gICAgICBbaW5uZXJIdG1sXT1cImNvbmZpZz8uaHRtbD8uYmVmb3JlIHwga3dpa3VpU2FmZUh0bWxcIlxuICAgID5cbiAgICA8L2Rpdj5cblxuICAgIDxrd2lrdWktaW1hZ2VcbiAgICAgICpuZ0lmPVwiY29uZmlnPy5pbWFnZVwiXG4gICAgICBbaW1hZ2VTcmNdPVwiY29uZmlnPy5pbWFnZVwiXG4gICAgICBzdHlsZXM9XCJwYWRkaW5nOiAxcmVtOyBtYXgtaGVpZ2h0OiAyMjVweDtcIlxuICAgICAgYWx0VGV4dD1cIkVycm9yXCJcbiAgICAgIGltYWdlVHlwZT1cInVybFwiXG4gICAgPjwva3dpa3VpLWltYWdlPlxuXG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb25maWc/Lmh0bWw/Lm1pZGRsZVwiXG4gICAgICBbaW5uZXJIdG1sXT1cImNvbmZpZz8uaHRtbD8ubWlkZGxlIHwga3dpa3VpU2FmZUh0bWxcIlxuICAgID5cbiAgICA8L2Rpdj5cblxuICAgIDx1bCAqbmdJZj1cImNvbmZpZy5tZXNzYWdlcyAmJiBjb25maWcubWVzc2FnZXMubGVuZ3RoICE9PSAwXCI+XG4gICAgICA8bGkgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgY29uZmlnLm1lc3NhZ2VzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGRpdj57eyBpICsgMSB9fS48L2Rpdj5cbiAgICAgICAgICA8ZGl2IFtpbm5lckh0bWxdPVwibWVzc2FnZS50aXRsZSB8IGt3aWt1aVNhZmVIdG1sXCI+IDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnbGluaydcIlxuICAgICAgICAgIGNsYXNzPVwibGlua1wiXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZU9uQ2xpY2tDb3B5TGluayhtZXNzYWdlLmxpbmspXCJcbiAgICAgICAgICA+e3sgbWVzc2FnZS5saW5rIH19PC9kaXZcbiAgICAgICAgPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuXG4gICAgPGt3aWtpZC1zY2hlZHVsZS1sYXRlci1idXR0b25cbiAgICAgIFtjb25maWddPVwic2NoZWR1bGVMYXRlckNvbmZpZ1wiXG4gICAgICAob25DbGlja1NjaGVkdWxlTGF0ZXIpPVwiaGFuZGxlT25DbGlja1NjaGVkdWxlTGF0ZXIoKVwiXG4gICAgPlxuICAgIDwva3dpa2lkLXNjaGVkdWxlLWxhdGVyLWJ1dHRvbj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiY29uZmlnPy5odG1sPy5hZnRlclwiXG4gICAgICBbaW5uZXJIdG1sXT1cImNvbmZpZz8uaHRtbD8uYWZ0ZXIgfCBrd2lrdWlTYWZlSHRtbFwiXG4gICAgPlxuICAgIDwvZGl2PlxuICA8L21haW4+XG5cbiAgPGt3aWtpZC1jb21wb25lbnRzLXBhZ2UtZm9vdGVyIFtjb25maWddPVwiZm9vdGVyQ29uZmlnXCI+XG4gIDwva3dpa2lkLWNvbXBvbmVudHMtcGFnZS1mb290ZXI+XG48L2Rpdj5cbiJdfQ==