@pepperi-addons/ngx-lib 0.4.2-beta.9 → 0.4.2-beta.91

package/esm2020/signature/signature-dialog.component.mjs

@@ -0,0 +1,78 @@
+import { Component, Inject, ViewChild } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/button";
+import * as i3 from "ngx-signaturepad";
+import * as i4 from "@pepperi-addons/ngx-lib/dialog";
+import * as i5 from "@ngx-translate/core";
+export class PepSignatureDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.signatureURL = '';
+        this.acceptSignatureType = 'png';
+        this.signaturePadOptions = {
+            // passed through to szimek/signature_pad constructor
+            minWidth: 2,
+            canvasWidth: 500,
+            canvasHeight: 300,
+            penColor: 'rgb(151, 151, 151)',
+        };
+        if (data) {
+            this.signatureURL = data.value ?? '';
+            this.data.showActionBtn = data.showActionBtn ?? true;
+            this.data.disabled = data.disabled ?? false;
+        }
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        if (this.signatureURL && this.signatureURL !== '') {
+            this.signaturePad.fromDataURL(this.signatureURL);
+            this.signaturePad.off();
+        }
+    }
+    drawComplete() {
+        // will be notified of szimek/signature_pad's onEnd event
+    }
+    drawStart() {
+        // will be notified of szimek/signature_pad's onBegin event
+    }
+    clearSignModal() {
+        this.signatureURL = '';
+        this.signaturePad.clear();
+        this.signaturePad.on();
+    }
+    saveSignModal(event) {
+        let value;
+        if (!this.signaturePad.isEmpty()) {
+            this.signatureURL = this.signaturePad.toDataURL('image/png');
+            value = {
+                acceptedExtensions: this.acceptSignatureType,
+                fileStr: this.signatureURL,
+                fileExt: this.acceptSignatureType,
+            };
+        }
+        else {
+            value = '';
+        }
+        this.dialogRef.close(value);
+    }
+    closeDialog(event) {
+        this.dialogRef.close(event);
+    }
+}
+PepSignatureDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSignatureDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+PepSignatureDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSignatureDialogComponent, selector: "ng-component", viewQueries: [{ propertyName: "signaturePad", first: true, predicate: ["signaturePad"], descendants: true }], ngImport: i0, template: "<pep-dialog [title]=\"data.title || ('SIGNATURE.DIALOG_TITLE' | translate)\" [showFooter]=\"data.showActionBtn\" [showClose]=\"true\" (close)=\"closeDialog($event)\">\n    <ng-container pep-dialog-content>\n        <signature-pad #signaturePad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\"\n            (onEndEvent)=\"drawComplete()\">\n        </signature-pad>\n    </ng-container>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <button mat-button class=\"pep-spacing-element pep-button md weak\" [disabled]=\"data.disabled\"\n            (click)=\"clearSignModal()\">\n            {{ 'ACTIONS.CLEAR' | translate }}\n        </button>\n        <button mat-button class=\"pep-spacing-element pep-button md strong\" [disabled]=\"data.disabled\"\n            (click)=\"saveSignModal($event)\">\n            {{ 'ACTIONS.DONE' | translate }}\n        </button>\n    </div>\n</pep-dialog>", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.SignaturePad, selector: "signature-pad", inputs: ["options"], outputs: ["onBeginEvent", "onEndEvent"] }, { kind: "component", type: i4.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSignatureDialogComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<pep-dialog [title]=\"data.title || ('SIGNATURE.DIALOG_TITLE' | translate)\" [showFooter]=\"data.showActionBtn\" [showClose]=\"true\" (close)=\"closeDialog($event)\">\n    <ng-container pep-dialog-content>\n        <signature-pad #signaturePad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\"\n            (onEndEvent)=\"drawComplete()\">\n        </signature-pad>\n    </ng-container>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <button mat-button class=\"pep-spacing-element pep-button md weak\" [disabled]=\"data.disabled\"\n            (click)=\"clearSignModal()\">\n            {{ 'ACTIONS.CLEAR' | translate }}\n        </button>\n        <button mat-button class=\"pep-spacing-element pep-button md strong\" [disabled]=\"data.disabled\"\n            (click)=\"saveSignModal($event)\">\n            {{ 'ACTIONS.DONE' | translate }}\n        </button>\n    </div>\n</pep-dialog>" }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { signaturePad: [{
+                type: ViewChild,
+                args: ['signaturePad']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmF0dXJlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NpZ25hdHVyZS9zaWduYXR1cmUtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2lnbmF0dXJlL3NpZ25hdHVyZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBZXpFLE1BQU0sT0FBTywyQkFBMkI7SUFjcEMsWUFDWSxTQUFvRCxFQUM1QixJQUE2QjtRQURyRCxjQUFTLEdBQVQsU0FBUyxDQUEyQztRQUM1QixTQUFJLEdBQUosSUFBSSxDQUF5QjtRQWZ6RCxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQix3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFFMUIsd0JBQW1CLEdBQVE7WUFDakMscURBQXFEO1lBQ3JELFFBQVEsRUFBRSxDQUFDO1lBQ1gsV0FBVyxFQUFFLEdBQUc7WUFDaEIsWUFBWSxFQUFFLEdBQUc7WUFDakIsUUFBUSxFQUFFLG9CQUFvQjtTQUNqQyxDQUFDO1FBUUUsSUFBSSxJQUFJLEVBQUU7WUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDO1lBQ3JELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDO1NBQy9DO0lBQ0wsQ0FBQztJQUVELFFBQVE7SUFFUixDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLEVBQUUsRUFBRTtZQUMvQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDakQsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLEVBQUUsQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFFRCxZQUFZO1FBQ1IseURBQXlEO0lBQzdELENBQUM7SUFFRCxTQUFTO1FBQ0wsMkRBQTJEO0lBQy9ELENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUNwQixJQUFJLEtBQVUsQ0FBQztRQUVmLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQzlCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDN0QsS0FBSyxHQUFHO2dCQUNKLGtCQUFrQixFQUFFLElBQUksQ0FBQyxtQkFBbUI7Z0JBQzVDLE9BQU8sRUFBRSxJQUFJLENBQUMsWUFBWTtnQkFDMUIsT0FBTyxFQUFFLElBQUksQ0FBQyxtQkFBbUI7YUFDcEMsQ0FBQztTQUNMO2FBQU07WUFDSCxLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7UUFFRCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOzt3SEFyRVEsMkJBQTJCLDhDQWdCeEIsZUFBZTs0R0FoQmxCLDJCQUEyQixrS0NoQnhDLHU2QkFnQmE7MkZEQUEsMkJBQTJCO2tCQUp2QyxTQUFTOzs7MEJBb0JELE1BQU07MkJBQUMsZUFBZTs0Q0FKQSxZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5qZWN0LCBWaWV3Q2hpbGQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFNpZ25hdHVyZVBhZCB9IGZyb20gJ25neC1zaWduYXR1cmVwYWQnO1xuXG5cbmludGVyZmFjZSBJUGVwU2lnbmF0dXJlRGlhbG9nRGF0YSB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIHNob3dBY3Rpb25CdG46IGJvb2xlYW47XG4gICAgZGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9zaWduYXR1cmUtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zaWduYXR1cmUtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBlcFNpZ25hdHVyZURpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgcHJpdmF0ZSBzaWduYXR1cmVVUkwgPSAnJztcbiAgICBwcml2YXRlIGFjY2VwdFNpZ25hdHVyZVR5cGUgPSAncG5nJztcblxuICAgIHByb3RlY3RlZCBzaWduYXR1cmVQYWRPcHRpb25zOiBhbnkgPSB7XG4gICAgICAgIC8vIHBhc3NlZCB0aHJvdWdoIHRvIHN6aW1lay9zaWduYXR1cmVfcGFkIGNvbnN0cnVjdG9yXG4gICAgICAgIG1pbldpZHRoOiAyLFxuICAgICAgICBjYW52YXNXaWR0aDogNTAwLFxuICAgICAgICBjYW52YXNIZWlnaHQ6IDMwMCxcbiAgICAgICAgcGVuQ29sb3I6ICdyZ2IoMTUxLCAxNTEsIDE1MSknLFxuICAgIH07XG5cbiAgICBAVmlld0NoaWxkKCdzaWduYXR1cmVQYWQnKSBzaWduYXR1cmVQYWQ6IFNpZ25hdHVyZVBhZDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFBlcFNpZ25hdHVyZURpYWxvZ0NvbXBvbmVudD4sXG4gICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogSVBlcFNpZ25hdHVyZURpYWxvZ0RhdGFcbiAgICApIHtcbiAgICAgICAgaWYgKGRhdGEpIHtcbiAgICAgICAgICAgIHRoaXMuc2lnbmF0dXJlVVJMID0gZGF0YS52YWx1ZSA/PyAnJztcbiAgICAgICAgICAgIHRoaXMuZGF0YS5zaG93QWN0aW9uQnRuID0gZGF0YS5zaG93QWN0aW9uQnRuID8/IHRydWU7XG4gICAgICAgICAgICB0aGlzLmRhdGEuZGlzYWJsZWQgPSBkYXRhLmRpc2FibGVkID8/IGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIFxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc2lnbmF0dXJlVVJMICYmIHRoaXMuc2lnbmF0dXJlVVJMICE9PSAnJykge1xuICAgICAgICAgICAgdGhpcy5zaWduYXR1cmVQYWQuZnJvbURhdGFVUkwodGhpcy5zaWduYXR1cmVVUkwpO1xuICAgICAgICAgICAgdGhpcy5zaWduYXR1cmVQYWQub2ZmKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBkcmF3Q29tcGxldGUoKTogdm9pZCB7XG4gICAgICAgIC8vIHdpbGwgYmUgbm90aWZpZWQgb2Ygc3ppbWVrL3NpZ25hdHVyZV9wYWQncyBvbkVuZCBldmVudFxuICAgIH1cblxuICAgIGRyYXdTdGFydCgpOiB2b2lkIHtcbiAgICAgICAgLy8gd2lsbCBiZSBub3RpZmllZCBvZiBzemltZWsvc2lnbmF0dXJlX3BhZCdzIG9uQmVnaW4gZXZlbnRcbiAgICB9XG5cbiAgICBjbGVhclNpZ25Nb2RhbCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zaWduYXR1cmVVUkwgPSAnJztcbiAgICAgICAgdGhpcy5zaWduYXR1cmVQYWQuY2xlYXIoKTtcbiAgICAgICAgdGhpcy5zaWduYXR1cmVQYWQub24oKTtcbiAgICB9XG5cbiAgICBzYXZlU2lnbk1vZGFsKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgbGV0IHZhbHVlOiBhbnk7XG5cbiAgICAgICAgaWYgKCF0aGlzLnNpZ25hdHVyZVBhZC5pc0VtcHR5KCkpIHtcbiAgICAgICAgICAgIHRoaXMuc2lnbmF0dXJlVVJMID0gdGhpcy5zaWduYXR1cmVQYWQudG9EYXRhVVJMKCdpbWFnZS9wbmcnKTtcbiAgICAgICAgICAgIHZhbHVlID0ge1xuICAgICAgICAgICAgICAgIGFjY2VwdGVkRXh0ZW5zaW9uczogdGhpcy5hY2NlcHRTaWduYXR1cmVUeXBlLFxuICAgICAgICAgICAgICAgIGZpbGVTdHI6IHRoaXMuc2lnbmF0dXJlVVJMLFxuICAgICAgICAgICAgICAgIGZpbGVFeHQ6IHRoaXMuYWNjZXB0U2lnbmF0dXJlVHlwZSxcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB2YWx1ZSA9ICcnO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodmFsdWUpO1xuICAgIH1cblxuICAgIGNsb3NlRGlhbG9nKGV2ZW50KSB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKGV2ZW50KTtcbiAgICB9XG59XG4iLCI8cGVwLWRpYWxvZyBbdGl0bGVdPVwiZGF0YS50aXRsZSB8fCAoJ1NJR05BVFVSRS5ESUFMT0dfVElUTEUnIHwgdHJhbnNsYXRlKVwiIFtzaG93Rm9vdGVyXT1cImRhdGEuc2hvd0FjdGlvbkJ0blwiIFtzaG93Q2xvc2VdPVwidHJ1ZVwiIChjbG9zZSk9XCJjbG9zZURpYWxvZygkZXZlbnQpXCI+XG4gICAgPG5nLWNvbnRhaW5lciBwZXAtZGlhbG9nLWNvbnRlbnQ+XG4gICAgICAgIDxzaWduYXR1cmUtcGFkICNzaWduYXR1cmVQYWQgW29wdGlvbnNdPVwic2lnbmF0dXJlUGFkT3B0aW9uc1wiIChvbkJlZ2luRXZlbnQpPVwiZHJhd1N0YXJ0KClcIlxuICAgICAgICAgICAgKG9uRW5kRXZlbnQpPVwiZHJhd0NvbXBsZXRlKClcIj5cbiAgICAgICAgPC9zaWduYXR1cmUtcGFkPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxkaXYgcGVwLWRpYWxvZy1hY3Rpb25zIGNsYXNzPVwicGVwLXNwYWNpbmctZWxlbWVudC1uZWdhdGl2ZVwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gY2xhc3M9XCJwZXAtc3BhY2luZy1lbGVtZW50IHBlcC1idXR0b24gbWQgd2Vha1wiIFtkaXNhYmxlZF09XCJkYXRhLmRpc2FibGVkXCJcbiAgICAgICAgICAgIChjbGljayk9XCJjbGVhclNpZ25Nb2RhbCgpXCI+XG4gICAgICAgICAgICB7eyAnQUNUSU9OUy5DTEVBUicgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnQgcGVwLWJ1dHRvbiBtZCBzdHJvbmdcIiBbZGlzYWJsZWRdPVwiZGF0YS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwic2F2ZVNpZ25Nb2RhbCgkZXZlbnQpXCI+XG4gICAgICAgICAgICB7eyAnQUNUSU9OUy5ET05FJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbjwvcGVwLWRpYWxvZz4iXX0=