@ksremp/ngx-ksremp-app-lib 1.0.0

package/esm2022/lib/components/captcha/captcha.component.mjs

@@ -0,0 +1,181 @@
+import { Component, EventEmitter, Input, Output, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { LibConstants } from '../../models/LibConstants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/captcha/captcha.service";
+import * as i2 from "@angular/common";
+function CaptchaComponent_p_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p", 2)(1, "small");
+    i0.ɵɵtext(2, " Error loading captcha. ");
+    i0.ɵɵelementStart(3, "a", 3);
+    i0.ɵɵlistener("click", function CaptchaComponent_p_1_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.loadCaptcha()); });
+    i0.ɵɵtext(4, "Reload");
+    i0.ɵɵelementEnd()()();
+} }
+export class CaptchaComponent {
+    get language() {
+        return this._language;
+    }
+    set language(language) {
+        this._language = language;
+        this.init();
+    }
+    constructor(el, _zone, cd, captchaService) {
+        this.el = el;
+        this._zone = _zone;
+        this.cd = cd;
+        this.captchaService = captchaService;
+        this.siteKey = LibConstants.captchaSiteKey;
+        this.class = 'app-captcha';
+        this.theme = 'light';
+        this.type = 'image';
+        this.size = 'normal';
+        this.tabindex = 0;
+        this.initCallback = "initRecaptcha";
+        this.onResponse = new EventEmitter();
+        this.onExpire = new EventEmitter();
+        this.showError = false;
+        this.isLoading = true;
+        this.onChange = (value) => {
+        };
+        this.onTouch = () => {
+        };
+        this._instance = null;
+        this._language = null;
+    }
+    ngOnInit() {
+    }
+    writeValue(obj) {
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    ngOnChanges(changes) {
+    }
+    ngAfterViewInit() {
+        this.loadCaptcha();
+    }
+    loadCaptcha() {
+        try {
+            this.showError = false;
+            if (window.grecaptcha) {
+                if (!window.grecaptcha.render) {
+                    setTimeout(() => {
+                        this.init();
+                        this.isLoading = false;
+                    }, 200);
+                }
+                else {
+                    this.init();
+                    this.isLoading = false;
+                }
+            }
+            else {
+                window[this.initCallback] = () => {
+                    this.init();
+                    this.isLoading = false;
+                };
+            }
+        }
+        catch (e) {
+            this.showError = true;
+            this.isLoading = false;
+            console.error(e);
+        }
+    }
+    init() {
+        this.showError = false;
+        this._instance = window.grecaptcha.render(this.el.nativeElement.children[0], {
+            'sitekey': this.siteKey,
+            'theme': this.theme,
+            'type': this.type,
+            'size': this.size,
+            'tabindex': this.tabindex,
+            'hl': this.language,
+            'callback': (response) => { this._zone.run(() => this.recaptchaCallback(response)); },
+            'expired-callback': () => { this._zone.run(() => this.recaptchaExpiredCallback()); }
+        });
+        this.isLoading = false;
+    }
+    reset() {
+        if (this._instance === null)
+            return;
+        window.grecaptcha.reset(this._instance);
+        this.cd.markForCheck();
+    }
+    getResponse() {
+        if (this._instance === null)
+            return null;
+        return window.grecaptcha.getResponse(this._instance);
+    }
+    recaptchaCallback(response) {
+        this.captchaService.setCaptcha(response);
+        this.onChange(response);
+        this.onResponse.emit({
+            response: response
+        });
+    }
+    recaptchaExpiredCallback() {
+        this.captchaService.setCaptcha(null);
+        this.onChange(null);
+        this.onExpire.emit();
+    }
+    ngOnDestroy() {
+        if (this._instance != null) {
+            window.grecaptcha.reset(this._instance);
+        }
+    }
+    static { this.ɵfac = function CaptchaComponent_Factory(t) { return new (t || CaptchaComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.CaptchaService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaptchaComponent, selectors: [["app-captcha"]], inputs: { siteKey: "siteKey", class: "class", theme: "theme", type: "type", size: "size", tabindex: "tabindex", initCallback: "initCallback", language: "language" }, outputs: { onResponse: "onResponse", onExpire: "onExpire" }, features: [i0.ɵɵProvidersFeature([{
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: CaptchaComponent,
+                    multi: true
+                }]), i0.ɵɵNgOnChangesFeature], decls: 2, vars: 1, consts: [[1, "app-captcha"], ["style", "color: var(--ion-color-danger);", "class", "ion-padding-top", 4, "ngIf"], [1, "ion-padding-top", 2, "color", "var(--ion-color-danger)"], ["href", "#", 3, "click"]], template: function CaptchaComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "div", 0);
+            i0.ɵɵtemplate(1, CaptchaComponent_p_1_Template, 5, 0, "p", 1);
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.showError);
+        } }, dependencies: [i2.NgIf], styles: [".app-captcha,#rc-imageselect{transform:scale(.8);-webkit-transform:scale(.8);transform-origin:0 0;-webkit-transform-origin:0 0;margin:0 0 auto}.app-captcha.div{height:62px!important}\n"], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaptchaComponent, [{
+        type: Component,
+        args: [{ selector: 'app-captcha', template: `<div class="app-captcha"></div>
+        <p style="color: var(--ion-color-danger);" *ngIf="showError" class="ion-padding-top">
+            <small>
+                Error loading captcha. <a href="#" (click)="loadCaptcha()">Reload</a>
+            </small>
+        </p>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: CaptchaComponent,
+                        multi: true
+                    }], styles: [".app-captcha,#rc-imageselect{transform:scale(.8);-webkit-transform:scale(.8);transform-origin:0 0;-webkit-transform-origin:0 0;margin:0 0 auto}.app-captcha.div{height:62px!important}\n"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.CaptchaService }], { siteKey: [{
+            type: Input
+        }], class: [{
+            type: Input
+        }], theme: [{
+            type: Input
+        }], type: [{
+            type: Input
+        }], size: [{
+            type: Input
+        }], tabindex: [{
+            type: Input
+        }], initCallback: [{
+            type: Input
+        }], onResponse: [{
+            type: Output
+        }], onExpire: [{
+            type: Output
+        }], language: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaptchaComponent, { className: "CaptchaComponent", filePath: "lib\\components\\captcha\\captcha.component.ts", lineNumber: 23 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwdGNoYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmV1c2EtYXBwLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FwdGNoYS9jYXB0Y2hhLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWUsU0FBUyxFQUFDLFlBQVksRUFBQyxLQUFLLEVBQWtCLE1BQU0sRUFBWSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBc0QsTUFBTSxlQUFlLENBQUM7QUFDNU0sT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0lBTWpELDRCQUFxRixZQUFBO0lBRTdFLHdDQUF1QjtJQUFBLDRCQUFvQztJQUF4QixzSkFBUyxlQUFBLG9CQUFhLENBQUEsSUFBQztJQUFDLHNCQUFNO0lBQUEsaUJBQUksRUFBQSxFQUFBOztBQVlyRixNQUFNLE9BQU8sZ0JBQWdCO0lBb0N6QixJQUFhLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxRQUFnQjtRQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUMxQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVELFlBQW1CLEVBQWMsRUFBUyxLQUFhLEVBQVMsRUFBcUIsRUFBVSxjQUE4QjtRQUExRyxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVMsVUFBSyxHQUFMLEtBQUssQ0FBUTtRQUFTLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBQVUsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBM0NwSCxZQUFPLEdBQVcsWUFBWSxDQUFDLGNBQWMsQ0FBQztRQUU5QyxVQUFLLEdBQUcsYUFBYSxDQUFDO1FBRXRCLFVBQUss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QUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxFQUFFO1lBQ3BCLE1BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNoRDtJQUNMLENBQUM7aUZBckpRLGdCQUFnQjtvRUFBaEIsZ0JBQWdCLG9TQU5kLENBQUM7b0JBQ1YsT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsV0FBVyxFQUFFLGdCQUFnQjtvQkFDN0IsS0FBSyxFQUFFLElBQUk7aUJBQ1osQ0FBQztZQWJTLHlCQUErQjtZQUN0Qyw2REFJSTs7WUFKd0MsZUFBZTtZQUFmLG9DQUFlOzs7aUZBY3RELGdCQUFnQjtjQWpCNUIsU0FBUzsyQkFDSSxhQUFhLFlBQ2I7Ozs7O2FBS0QsbUJBRVEsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDO3dCQUNWLE9BQU8sRUFBRSxpQkFBaUI7d0JBQzFCLFdBQVcsa0JBQWtCO3dCQUM3QixLQUFLLEVBQUUsSUFBSTtxQkFDWixDQUFDOzZIQUlPLE9BQU87a0JBQWYsS0FBSztZQUVHLEtBQUs7a0JBQWIsS0FBSztZQUVHLEtBQUs7a0JBQWIsS0FBSztZQUVHLElBQUk7a0JBQVosS0FBSztZQUVHLElBQUk7a0JBQVosS0FBSztZQUVHLFFBQVE7a0JBQWhCLEtBQUs7WUFFRyxZQUFZO2tCQUFwQixLQUFLO1lBRUksVUFBVTtrQkFBbkIsTUFBTTtZQUVHLFFBQVE7a0JBQWpCLE1BQU07WUFrQk0sUUFBUTtrQkFBcEIsS0FBSzs7a0ZBcENHLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCxDb21wb25lbnQsRXZlbnRFbWl0dGVyLElucHV0LE5nWm9uZSxPbkRlc3Ryb3ksT3V0cHV0LEVsZW1lbnRSZWYsQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3RvclJlZiwgT25Jbml0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGliQ29uc3RhbnRzIH0gZnJvbSAnLi4vLi4vbW9kZWxzL0xpYkNvbnN0YW50cyc7XG5pbXBvcnQgeyBDYXB0Y2hhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NhcHRjaGEvY2FwdGNoYS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2FwdGNoYScsXG4gICAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiYXBwLWNhcHRjaGFcIj48L2Rpdj5cbiAgICAgICAgPHAgc3R5bGU9XCJjb2xvcjogdmFyKC0taW9uLWNvbG9yLWRhbmdlcik7XCIgKm5nSWY9XCJzaG93RXJyb3JcIiBjbGFzcz1cImlvbi1wYWRkaW5nLXRvcFwiPlxuICAgICAgICAgICAgPHNtYWxsPlxuICAgICAgICAgICAgICAgIEVycm9yIGxvYWRpbmcgY2FwdGNoYS4gPGEgaHJlZj1cIiNcIiAoY2xpY2spPVwibG9hZENhcHRjaGEoKVwiPlJlbG9hZDwvYT5cbiAgICAgICAgICAgIDwvc21hbGw+XG4gICAgICAgIDwvcD5gLFxuICAgIHN0eWxlVXJsczogWycuL2NhcHRjaGEuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByb3ZpZGVyczogW3tcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IENhcHRjaGFDb21wb25lbnQsXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1dXG59KVxuZXhwb3J0IGNsYXNzIENhcHRjaGFDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LE9uRGVzdHJveSxPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkNoYW5nZXMge1xuXG4gICAgQElucHV0KCkgc2l0ZUtleTogc3RyaW5nID0gTGliQ29uc3RhbnRzLmNhcHRjaGFTaXRlS2V5O1xuXG4gICAgQElucHV0KCkgY2xhc3MgPSAnYXBwLWNhcHRjaGEnO1xuICAgICAgICBcbiAgICBASW5wdXQoKSB0aGVtZSA9ICdsaWdodCc7XG4gICAgXG4gICAgQElucHV0KCkgdHlwZSA9ICdpbWFnZSc7XG4gICAgXG4gICAgQElucHV0KCkgc2l6ZSA9ICdub3JtYWwnO1xuICAgIFxuICAgIEBJbnB1dCgpIHRhYmluZGV4ID0gMDtcbiAgICAgXG4gICAgQElucHV0KCkgaW5pdENhbGxiYWNrID0gXCJpbml0UmVjYXB0Y2hhXCI7XG4gICAgXG4gICAgQE91dHB1dCgpIG9uUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIFxuICAgIEBPdXRwdXQoKSBvbkV4cGlyZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgc2hvd0Vycm9yIDogYm9vbGVhbiA9IGZhbHNlOyBcblxuICAgIHB1YmxpYyBpc0xvYWRpbmcgOiBib29sZWFuID0gdHJ1ZTtcblxuICAgIHByaXZhdGUgb25DaGFuZ2U6IEZ1bmN0aW9uID0gKHZhbHVlIDogU3RyaW5nKSA9PiB7XG4gIFxuICAgIH07XG4gICAgcHJpdmF0ZSBvblRvdWNoOiBGdW5jdGlvbiA9ICgpID0+IHtcbiAgXG4gICAgfTtcbiAgICBcbiAgICBwcml2YXRlIF9pbnN0YW5jZTogYW55ID0gbnVsbDtcblxuICAgIHByaXZhdGUgX2xhbmd1YWdlOiBhbnkgPSBudWxsO1xuXG5cbiAgICBASW5wdXQoKSBnZXQgbGFuZ3VhZ2UoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2xhbmd1YWdlO1xuICAgIH1cblxuICAgIHNldCBsYW5ndWFnZShsYW5ndWFnZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuX2xhbmd1YWdlID0gbGFuZ3VhZ2U7XG4gICAgICAgIHRoaXMuaW5pdCgpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBlbDogRWxlbWVudFJlZiwgcHVibGljIF96b25lOiBOZ1pvbmUsIHB1YmxpYyBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgY2FwdGNoYVNlcnZpY2U6IENhcHRjaGFTZXJ2aWNlKSB7fVxuICAgIFxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgXG4gICAgfVxuICAgIFxuICAgIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICB9XG4gIFxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgIHRoaXMub25Ub3VjaCA9IGZuOyAgXG4gICAgfVxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICBcbiAgICB9XG4gICAgXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICB0aGlzLmxvYWRDYXB0Y2hhKCk7XG4gICAgfVxuXG4gICAgbG9hZENhcHRjaGEoKXtcbiAgICAgICAgdHJ5e1xuICAgICAgICAgICAgdGhpcy5zaG93RXJyb3IgPSBmYWxzZTtcbiAgICAgICAgICAgIGlmICgoPGFueT53aW5kb3cpLmdyZWNhcHRjaGEpIHtcbiAgICAgICAgICAgICAgICBpZiAoISg8YW55PndpbmRvdykuZ3JlY2FwdGNoYS5yZW5kZXIpe1xuICAgICAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+e1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5pbml0KCk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICB9LDIwMClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaW5pdCgpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgICg8YW55PndpbmRvdylbdGhpcy5pbml0Q2FsbGJhY2tdID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgdGhpcy5pbml0KCk7XG4gICAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfWNhdGNoKGUpe1xuICAgICAgICAgICAgdGhpcy5zaG93RXJyb3IgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoZSk7XG4gICAgICAgIH1cbiAgICAgICAgIFxuICAgIH1cbiAgICBcbiAgICBpbml0KCkge1xuICAgICAgICB0aGlzLnNob3dFcnJvciA9IGZhbHNlO1xuICAgICAgICB0aGlzLl9pbnN0YW5jZSA9ICg8YW55PndpbmRvdykuZ3JlY2FwdGNoYS5yZW5kZXIodGhpcy5lbC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdLCB7XG4gICAgICAgICAgICAnc2l0ZWtleSc6IHRoaXMuc2l0ZUtleSxcbiAgICAgICAgICAgICd0aGVtZSc6IHRoaXMudGhlbWUsXG4gICAgICAgICAgICAndHlwZSc6IHRoaXMudHlwZSxcbiAgICAgICAgICAgICdzaXplJzogdGhpcy5zaXplLFxuICAgICAgICAgICAgJ3RhYmluZGV4JzogdGhpcy50YWJpbmRleCxcbiAgICAgICAgICAgICdobCc6IHRoaXMubGFuZ3VhZ2UsXG4gICAgICAgICAgICAnY2FsbGJhY2snOiAocmVzcG9uc2U6IHN0cmluZykgPT4ge3RoaXMuX3pvbmUucnVuKCgpID0+IHRoaXMucmVjYXB0Y2hhQ2FsbGJhY2socmVzcG9uc2UpKX0sXG4gICAgICAgICAgICAnZXhwaXJlZC1jYWxsYmFjayc6ICgpID0+IHt0aGlzLl96b25lLnJ1bigoKSA9PiB0aGlzLnJlY2FwdGNoYUV4cGlyZWRDYWxsYmFjaygpKX1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgfVxuICAgIFxuICAgIHJlc2V0KCkge1xuICAgICAgICBpZiAodGhpcy5faW5zdGFuY2UgPT09IG51bGwpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIFxuICAgICAgICAoPGFueT53aW5kb3cpLmdyZWNhcHRjaGEucmVzZXQodGhpcy5faW5zdGFuY2UpO1xuICAgICAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBcbiAgICBnZXRSZXNwb25zZSgpOiBTdHJpbmcge1xuICAgICAgICBpZiAodGhpcy5faW5zdGFuY2UgPT09IG51bGwpXG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgXG4gICAgICAgIHJldHVybiAoPGFueT53aW5kb3cpLmdyZWNhcHRjaGEuZ2V0UmVzcG9uc2UodGhpcy5faW5zdGFuY2UpO1xuICAgIH1cbiAgICBcbiAgICByZWNhcHRjaGFDYWxsYmFjayhyZXNwb25zZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuY2FwdGNoYVNlcnZpY2Uuc2V0Q2FwdGNoYShyZXNwb25zZSk7XG4gICAgICAgIHRoaXMub25DaGFuZ2UocmVzcG9uc2UpO1xuICAgICAgICB0aGlzLm9uUmVzcG9uc2UuZW1pdCh7XG4gICAgICAgICAgICByZXNwb25zZTogcmVzcG9uc2VcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcmVjYXB0Y2hhRXhwaXJlZENhbGxiYWNrKCkge1xuICAgICAgICB0aGlzLmNhcHRjaGFTZXJ2aWNlLnNldENhcHRjaGEobnVsbCk7XG4gICAgICAgIHRoaXMub25DaGFuZ2UobnVsbCk7XG4gICAgICAgIHRoaXMub25FeHBpcmUuZW1pdCgpO1xuICAgIH1cbiAgICBcbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgaWYgKHRoaXMuX2luc3RhbmNlICE9IG51bGwpIHtcbiAgICAgICAgICAoPGFueT53aW5kb3cpLmdyZWNhcHRjaGEucmVzZXQodGhpcy5faW5zdGFuY2UpO1xuICAgICAgICB9XG4gICAgfVxufSJdfQ==

package/esm2022/lib/components/card/card.component.mjs

@@ -0,0 +1,55 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+function CardComponent_ion_card_header_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ion-card-header")(1, "ion-card-title")(2, "ion-label", 1);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r0.headerClass);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, ctx_r0.title));
+} }
+const _c0 = ["*"];
+export class CardComponent {
+    constructor() {
+        this.class = 'app-box';
+        this.headerClass = 'ion-padding';
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = function CardComponent_Factory(t) { return new (t || CardComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["app-card"]], inputs: { title: "title", class: "class", headerClass: "headerClass" }, ngContentSelectors: _c0, decls: 6, vars: 3, consts: [[3, "class", 4, "ngIf"], ["color", "dark"]], template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "ion-card");
+            i0.ɵɵtemplate(1, CardComponent_ion_card_header_1_Template, 5, 5, "ion-card-header", 0);
+            i0.ɵɵelementStart(2, "ion-card-content");
+            i0.ɵɵelement(3, "br");
+            i0.ɵɵelementStart(4, "div");
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.class);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.title);
+        } }, dependencies: [i1.IonCard, i1.IonCardContent, i1.IonCardHeader, i1.IonCardTitle, i1.IonLabel, i2.NgIf, i3.TranslatePipe] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardComponent, [{
+        type: Component,
+        args: [{ selector: 'app-card', template: "<ion-card [class]=\"class\">\r\n    <ion-card-header [class]=\"headerClass\" *ngIf=\"title\">\r\n        <ion-card-title><ion-label color=\"dark\">{{title | translate}}</ion-label></ion-card-title>\r\n    </ion-card-header>\r\n    <ion-card-content>\r\n        <br/>\r\n        <div>\r\n        <ng-content></ng-content>\r\n        </div>\r\n    </ion-card-content>\r\n</ion-card>\r\n  " }]
+    }], () => [], { title: [{
+            type: Input,
+            args: ['title']
+        }], class: [{
+            type: Input,
+            args: ['class']
+        }], headerClass: [{
+            type: Input,
+            args: ['headerClass']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardComponent, { className: "CardComponent", filePath: "lib\\components\\card\\card.component.ts", lineNumber: 8 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmV1c2EtYXBwLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0NyRCx1Q0FBcUQscUJBQUEsbUJBQUE7SUFDVCxZQUFxQjs7SUFBQSxpQkFBWSxFQUFBLEVBQUE7OztJQUQ1RCxpQ0FBcUI7SUFDTSxlQUFxQjtJQUFyQix3REFBcUI7OztBREtyRSxNQUFNLE9BQU8sYUFBYTtJQVF4QjtRQUpnQixVQUFLLEdBQVksU0FBUyxDQUFDO1FBRXJCLGdCQUFXLEdBQVksYUFBYSxDQUFDO0lBRTNDLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7OEVBWFUsYUFBYTtvRUFBYixhQUFhOztZQ1AxQixnQ0FBMEI7WUFDdEIsc0ZBRWtCO1lBQ2xCLHdDQUFrQjtZQUNkLHFCQUFLO1lBQ0wsMkJBQUs7WUFDTCxrQkFBeUI7WUFDekIsaUJBQU0sRUFBQSxFQUFBOztZQVJKLHdCQUFlO1lBQ21CLGVBQVc7WUFBWCxnQ0FBVzs7O2lGRE0xQyxhQUFhO2NBTHpCLFNBQVM7MkJBQ0UsVUFBVTtvQkFNSixLQUFLO2tCQUFwQixLQUFLO21CQUFDLE9BQU87WUFFRSxLQUFLO2tCQUFwQixLQUFLO21CQUFDLE9BQU87WUFFUSxXQUFXO2tCQUFoQyxLQUFLO21CQUFDLGFBQWE7O2tGQU5ULGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgndGl0bGUnKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgnY2xhc3MnKSBjbGFzcyA6IHN0cmluZyA9ICdhcHAtYm94JztcblxuICBASW5wdXQoJ2hlYWRlckNsYXNzJykgaGVhZGVyQ2xhc3MgOiBzdHJpbmcgPSAnaW9uLXBhZGRpbmcnO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGlvbi1jYXJkIFtjbGFzc109XCJjbGFzc1wiPlxyXG4gICAgPGlvbi1jYXJkLWhlYWRlciBbY2xhc3NdPVwiaGVhZGVyQ2xhc3NcIiAqbmdJZj1cInRpdGxlXCI+XHJcbiAgICAgICAgPGlvbi1jYXJkLXRpdGxlPjxpb24tbGFiZWwgY29sb3I9XCJkYXJrXCI+e3t0aXRsZSB8IHRyYW5zbGF0ZX19PC9pb24tbGFiZWw+PC9pb24tY2FyZC10aXRsZT5cclxuICAgIDwvaW9uLWNhcmQtaGVhZGVyPlxyXG4gICAgPGlvbi1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgICAgPGJyLz5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvaW9uLWNhcmQtY29udGVudD5cclxuPC9pb24tY2FyZD5cclxuICAiXX0=