ax-common-ui-lib 1.0.0-beta.0

package/esm2020/lib/form-object/form-object-view/form-object-widgets/image-widget-view/image-widget-view.component.mjs

@@ -0,0 +1,203 @@
+import { Component, Injector, Input, ViewEncapsulation } from '@angular/core';
+import { AxImage } from '../../../../forms/page/widgets/ax-image';
+import { AxoUtils } from '../../../../axo-utils/axo-utils';
+import { FormObjectViewService } from '../../form-object-view.service';
+import { MatDialog } from '@angular/material/dialog';
+import { ImageWidgetLightboxViewComponent } from './image-widget-lightbox-view/image-widget-lightbox-view.component';
+import { ImageAnnotationDataDto } from './image-annotation-data-dto';
+import { ImageMapViewComponent } from './image-map-view/image-map-view.component';
+import { ActivatedRoute } from '@angular/router';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../form-object-view.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+function ImageWidgetViewComponent_ng_container_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "mat-icon", 5);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementStart(4, "span", 6);
+    i0.ɵɵtext(5, " :");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r3.widget.prompt);
+} }
+function ImageWidgetViewComponent_ng_container_0_div_2_div_1_a_4_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 14);
+    i0.ɵɵelementStart(1, "mat-icon", 16);
+    i0.ɵɵlistener("click", function ImageWidgetViewComponent_ng_container_0_div_2_div_1_a_4_Template_mat_icon_click_1_listener() { i0.ɵɵrestoreView(_r11); const imageWidget_r6 = i0.ɵɵnextContext().$implicit; const ctx_r9 = i0.ɵɵnextContext(3); return ctx_r9.showImageMapView(imageWidget_r6); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function ImageWidgetViewComponent_ng_container_0_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelementStart(1, "div", 10);
+    i0.ɵɵelement(2, "img", 11);
+    i0.ɵɵelementStart(3, "div", 12);
+    i0.ɵɵtemplate(4, ImageWidgetViewComponent_ng_container_0_div_2_div_1_a_4_Template, 2, 0, "a", 13);
+    i0.ɵɵelementStart(5, "a", 14);
+    i0.ɵɵelementStart(6, "mat-icon", 15);
+    i0.ɵɵlistener("click", function ImageWidgetViewComponent_ng_container_0_div_2_div_1_Template_mat_icon_click_6_listener() { const restoredCtx = i0.ɵɵrestoreView(_r13); const i_r7 = restoredCtx.index; const ctx_r12 = i0.ɵɵnextContext(3); return ctx_r12.showAnnotationImage(ctx_r12.widget.identifier, i_r7); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const imageWidget_r6 = ctx.$implicit;
+    const ctx_r5 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("src", ctx_r5.baseUrl + imageWidget_r6.thumbnail, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r5.widgetValue.longitude !== null && ctx_r5.widgetValue.latitude !== null);
+} }
+function ImageWidgetViewComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtemplate(1, ImageWidgetViewComponent_ng_container_0_div_2_div_1_Template, 7, 2, "div", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r4.widgetValue);
+} }
+function ImageWidgetViewComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, ImageWidgetViewComponent_ng_container_0_div_1_Template, 6, 1, "div", 2);
+    i0.ɵɵtemplate(2, ImageWidgetViewComponent_ng_container_0_div_2_Template, 2, 1, "div", 3);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.section.showPrompt);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.widgetValue.length > 0);
+} }
+function ImageWidgetViewComponent_ng_template_1_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 6);
+    i0.ɵɵtext(3, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r14 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r14.widget.prompt);
+} }
+function ImageWidgetViewComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "mat-icon", 5);
+    i0.ɵɵtemplate(2, ImageWidgetViewComponent_ng_template_1_span_2_Template, 4, 1, "span", 18);
+    i0.ɵɵelementStart(3, "span", 19);
+    i0.ɵɵtext(4, "-");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.section.showPrompt);
+} }
+export class ImageWidgetViewComponent {
+    constructor(_formObjectViewService, _injector, _route) {
+        this._formObjectViewService = _formObjectViewService;
+        this._injector = _injector;
+        this._route = _route;
+        this._unsubscribeAll = new Subject();
+    }
+    ngOnInit() {
+        this.widgetValue = this.widget.getWidgetValue();
+        if (this.widgetValue && this.widgetValue.length > 0) {
+            this.widgetValue = this.widgetValue.map((imageValue) => {
+                imageValue.thumbnail = AxoUtils.removeSlashFromImageUrl(imageValue.thumbnail);
+                return imageValue;
+            });
+        }
+    }
+    /**
+      * Get Image Annotation Data using widget identifier
+      */
+    showAnnotationImage(imgIdentifier, index) {
+        const formData = new FormData();
+        this.annotationData = new ImageAnnotationDataDto();
+        this.annotationData.baseUrl = this.baseUrl;
+        this.annotationData.widget = this.widget;
+        this.annotationData.widgetProperties = this.widgetProperties;
+        this.annotationData.selectedImageId = index;
+        formData.append('foid', this.formObjectId);
+        formData.append('img_identifier', imgIdentifier);
+        this._formObjectViewService.getImageFieldWithAnnotations(formData, this.axonatorX1Url).then((data) => {
+            data.baseUrl = this.annotationData.baseUrl;
+            data.selectedImageId = this.annotationData.selectedImageId;
+            this.annotationData = data;
+            this.showAnnotationView = true;
+            this.showImageViewWithAnnotation();
+        });
+    }
+    /**
+     * Open Image view  dialog
+     */
+    showImageViewWithAnnotation() {
+        this.dialog = this._injector.get(MatDialog);
+        this.dialog.open(ImageWidgetLightboxViewComponent, {
+            height: '80vh',
+            width: '80vw',
+            maxWidth: '100vw',
+            panelClass: 'imagelightbox-container',
+            data: this.annotationData
+        });
+    }
+    /**
+     * Open Image map location dialog
+     */
+    showImageMapView(imageWidget) {
+        this.dialog = this._injector.get(MatDialog);
+        this.dialog.open(ImageMapViewComponent, {
+            maxWidth: '100vw',
+            maxHeight: '100vh',
+            height: '100%',
+            width: '100%',
+            panelClass: 'image-map-box-container',
+            data: {
+                latitude: imageWidget.latitude,
+                longitude: imageWidget.longitude,
+                zoom: 12
+            },
+        });
+    }
+    ngOnDestroy() {
+        // Unsubscribe from all subscriptions
+        this._unsubscribeAll.next();
+        this._unsubscribeAll.complete();
+    }
+}
+ImageWidgetViewComponent.ɵfac = function ImageWidgetViewComponent_Factory(t) { return new (t || ImageWidgetViewComponent)(i0.ɵɵdirectiveInject(i1.FormObjectViewService), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i2.ActivatedRoute)); };
+ImageWidgetViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ImageWidgetViewComponent, selectors: [["lib-image-widget-view"]], inputs: { widget: "widget", widgetProperties: "widgetProperties", baseUrl: "baseUrl", axonatorX1Url: "axonatorX1Url", formObjectId: "formObjectId" }, decls: 3, vars: 2, consts: [[4, "ngIf", "ngIfElse"], ["isWidgetValueEmpty", ""], ["class", "data-detail-title flex text-sm m-0", 4, "ngIf"], ["class", "w-full customscroll capture-container py-2 pr-2", 4, "ngIf"], [1, "data-detail-title", "flex", "text-sm", "m-0"], ["svgIcon", "axo_image", 1, "add-text"], [1, "colon"], [1, "w-full", "customscroll", "capture-container", "py-2", "pr-2"], ["class", "data-detail", 4, "ngFor", "ngForOf"], [1, "data-detail"], [1, "capture-data-container", "relative", "text-center", "rounded"], ["alt", "...", 1, "capture-image", 3, "src"], [1, "image-overlay"], ["target", "_blank", 4, "ngIf"], ["target", "_blank"], ["svgIcon", "axo_eye_outline", 3, "click"], ["svgIcon", "axo_location_outline", 3, "click"], [1, "data-detail-info", "capture-container"], [4, "ngIf"], [1, "flex", "justify-start"]], template: function ImageWidgetViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ImageWidgetViewComponent_ng_container_0_Template, 3, 2, "ng-container", 0);
+        i0.ɵɵtemplate(1, ImageWidgetViewComponent_ng_template_1_Template, 5, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const _r1 = i0.ɵɵreference(2);
+        i0.ɵɵproperty("ngIf", ctx.widget.value)("ngIfElse", _r1);
+    } }, directives: [i3.NgIf, i4.MatIcon, i3.NgForOf], styles: ["lib-image-widget-view .capture-data-container{height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;background-color:#ececec}lib-image-widget-view .capture-data-container .capture-image{width:auto!important;max-width:100%;max-height:100%}lib-image-widget-view .image-overlay{display:flex;justify-content:center;align-items:center;position:absolute;column-gap:.8rem;top:0;background:rgba(0,0,0,.5);transition:.5s ease;opacity:0;color:#fff;font-size:20px;width:100%;height:100%;border-radius:.25rem}lib-image-widget-view .image-overlay a{cursor:pointer}lib-image-widget-view .image-overlay a mat-icon{height:1.6rem;width:1.6rem;min-width:1.6rem;min-height:1.6rem}lib-image-widget-view .image-overlay:hover{opacity:1}lib-image-widget-view .mat-icon{height:18px;width:18px;min-width:18px;min-height:18px}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageWidgetViewComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-image-widget-view', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"widget.value; else isWidgetValueEmpty\" >\n  <div class=\"data-detail-title flex text-sm m-0\" *ngIf=\"section.showPrompt\">\n    <mat-icon class=\"add-text\" svgIcon=\"axo_image\"></mat-icon> \n    <span>{{widget.prompt}}<span class=\"colon\"> :</span></span>\n</div>\n<div class=\"w-full customscroll capture-container py-2 pr-2\" *ngIf=\"widgetValue.length>0\">\n  <div class=\"data-detail\" *ngFor=\"let imageWidget of widgetValue; let i=index\">\n    <div class=\"capture-data-container relative text-center rounded\">\n      <img [src]=\"baseUrl + imageWidget.thumbnail\" class=\"capture-image\" alt=\"...\" />\n      <div class=\"image-overlay\">\n        <a *ngIf=\"widgetValue.longitude !== null && widgetValue.latitude !==null\"  target=\"_blank\">  \n        <mat-icon svgIcon=\"axo_location_outline\" (click)=\"showImageMapView(imageWidget)\" ></mat-icon>\n        </a>\n        <a target=\"_blank\"> \n         <mat-icon svgIcon=\"axo_eye_outline\" (click)=\"showAnnotationImage(widget.identifier,i)\"></mat-icon>\n        </a>\n      </div>\n    </div>\n    </div></div>\n  </ng-container>\n  <ng-template #isWidgetValueEmpty>\n    <div class=\"data-detail-info capture-container\">\n      <mat-icon class=\"add-text\" svgIcon=\"axo_image\"></mat-icon> \n      <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n      <span class=\"flex justify-start\">-</span>\n    </div>\n  </ng-template>\n      \n  \n      \n\n\n  \n", styles: ["lib-image-widget-view .capture-data-container{height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;background-color:#ececec}lib-image-widget-view .capture-data-container .capture-image{width:auto!important;max-width:100%;max-height:100%}lib-image-widget-view .image-overlay{display:flex;justify-content:center;align-items:center;position:absolute;column-gap:.8rem;top:0;background:rgba(0,0,0,.5);transition:.5s ease;opacity:0;color:#fff;font-size:20px;width:100%;height:100%;border-radius:.25rem}lib-image-widget-view .image-overlay a{cursor:pointer}lib-image-widget-view .image-overlay a mat-icon{height:1.6rem;width:1.6rem;min-width:1.6rem;min-height:1.6rem}lib-image-widget-view .image-overlay:hover{opacity:1}lib-image-widget-view .mat-icon{height:18px;width:18px;min-width:18px;min-height:18px}\n"] }]
+    }], function () { return [{ type: i1.FormObjectViewService }, { type: i0.Injector }, { type: i2.ActivatedRoute }]; }, { widget: [{
+            type: Input
+        }], widgetProperties: [{
+            type: Input
+        }], baseUrl: [{
+            type: Input
+        }], axonatorX1Url: [{
+            type: Input
+        }], formObjectId: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvaW1hZ2Utd2lkZ2V0LXZpZXcvaW1hZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvaW1hZ2Utd2lkZ2V0LXZpZXcvaW1hZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1FQUFtRSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRWxGLE9BQU8sRUFBRSxjQUFjLEVBQVksTUFBTSxpQkFBaUIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0lDWDdCLDhCQUEyRTtJQUN6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QjtZQUNyQyxJQUFJLEVBQUU7Z0JBQ0osUUFBUSxFQUFFLFdBQVcsQ0FBQyxRQUFRO2dCQUM5QixTQUFTLEVBQUUsV0FBVyxDQUFDLFNBQVM7Z0JBQ2hDLElBQUksRUFBRSxFQUFFO2FBQ1Q7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUVQLHFDQUFxQztRQUNyQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEMsQ0FBQzs7Z0dBckZVLHdCQUF3QjsyRUFBeEIsd0JBQXdCO1FDckJyQywyRkFtQmlCO1FBQ2YsMEhBTWM7OztRQTFCRCx1Q0FBb0IsaUJBQUE7O3VGRHFCdEIsd0JBQXdCO2NBTnBDLFNBQVM7MkJBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJOzRIQUc1QixNQUFNO2tCQUFkLEtBQUs7WUFDRyxnQkFBZ0I7a0JBQXhCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBQ0csWUFBWTtrQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBeEltYWdlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL2F4LWltYWdlJztcbmltcG9ydCB7IEF4b1V0aWxzIH0gZnJvbSAnLi4vLi4vLi4vLi4vYXhvLXV0aWxzL2F4by11dGlscyc7XG5pbXBvcnQgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgRm9ybU9iamVjdFZpZXdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vZm9ybS1vYmplY3Qtdmlldy5zZXJ2aWNlJztcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBJbWFnZVdpZGdldExpZ2h0Ym94Vmlld0NvbXBvbmVudCB9IGZyb20gJy4vaW1hZ2Utd2lkZ2V0LWxpZ2h0Ym94LXZpZXcvaW1hZ2Utd2lkZ2V0LWxpZ2h0Ym94LXZpZXcuY29tcG9uZW50JztcbmltcG9ydCB7IEltYWdlQW5ub3RhdGlvbkRhdGFEdG8gfSBmcm9tICcuL2ltYWdlLWFubm90YXRpb24tZGF0YS1kdG8nO1xuaW1wb3J0IHsgSW1hZ2VNYXBWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS1tYXAtdmlldy9pbWFnZS1tYXAtdmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW1hZ2VXaWRnZXRWYWx1ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy93aWRnZXQtdmFsdWUvaW1hZ2Utd2lkZ2V0LXZhbHVlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBQYXJhbU1hcCB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWltYWdlLXdpZGdldC12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZVdpZGdldFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB3aWRnZXQ6IEF4SW1hZ2U7XG4gIEBJbnB1dCgpIHdpZGdldFByb3BlcnRpZXM6IEF4SW1hZ2U7XG4gIEBJbnB1dCgpIGJhc2VVcmw6IHN0cmluZztcbiAgQElucHV0KCkgYXhvbmF0b3JYMVVybDogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtT2JqZWN0SWQ6IHN0cmluZztcbiAgZGlhbG9nOiBNYXREaWFsb2c7XG5cbiAgd2lkZ2V0VmFsdWU6IEFycmF5PEltYWdlV2lkZ2V0VmFsdWU+O1xuICBhbm5vdGF0aW9uRGF0YTogSW1hZ2VBbm5vdGF0aW9uRGF0YUR0bztcbiAgc2hvd0Fubm90YXRpb25WaWV3OiBib29sZWFuO1xuICBwcml2YXRlIF91bnN1YnNjcmliZUFsbDogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3Q8YW55PigpO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9mb3JtT2JqZWN0Vmlld1NlcnZpY2U6IEZvcm1PYmplY3RWaWV3U2VydmljZSxcbiAgICBwcml2YXRlIF9pbmplY3RvcjogSW5qZWN0b3IsIHByaXZhdGUgX3JvdXRlOiBBY3RpdmF0ZWRSb3V0ZSkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy53aWRnZXRWYWx1ZSA9IHRoaXMud2lkZ2V0LmdldFdpZGdldFZhbHVlKCk7XG4gICAgaWYgKHRoaXMud2lkZ2V0VmFsdWUgJiYgdGhpcy53aWRnZXRWYWx1ZS5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLndpZGdldFZhbHVlID0gdGhpcy53aWRnZXRWYWx1ZS5tYXAoKGltYWdlVmFsdWUpID0+IHtcbiAgICAgICAgaW1hZ2VWYWx1ZS50aHVtYm5haWwgPSBBeG9VdGlscy5yZW1vdmVTbGFzaEZyb21JbWFnZVVybChpbWFnZVZhbHVlLnRodW1ibmFpbCk7XG4gICAgICAgIHJldHVybiBpbWFnZVZhbHVlO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAvKipcbiAgICogR2V0IEltYWdlIEFubm90YXRpb24gRGF0YSB1c2luZyB3aWRnZXQgaWRlbnRpZmllclxuICAgKi9cbiAgc2hvd0Fubm90YXRpb25JbWFnZShpbWdJZGVudGlmaWVyLCBpbmRleCk6IHZvaWQge1xuICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKCk7XG4gICAgdGhpcy5hbm5vdGF0aW9uRGF0YSA9IG5ldyBJbWFnZUFubm90YXRpb25EYXRhRHRvKCk7XG4gICAgdGhpcy5hbm5vdGF0aW9uRGF0YS5iYXNlVXJsID0gdGhpcy5iYXNlVXJsO1xuICAgIHRoaXMuYW5ub3RhdGlvbkRhdGEud2lkZ2V0ID0gdGhpcy53aWRnZXQ7XG4gICAgdGhpcy5hbm5vdGF0aW9uRGF0YS53aWRnZXRQcm9wZXJ0aWVzID0gdGhpcy53aWRnZXRQcm9wZXJ0aWVzO1xuICAgIHRoaXMuYW5ub3RhdGlvbkRhdGEuc2VsZWN0ZWRJbWFnZUlkID0gaW5kZXg7XG4gICAgZm9ybURhdGEuYXBwZW5kKCdmb2lkJywgdGhpcy5mb3JtT2JqZWN0SWQpO1xuICAgIGZvcm1EYXRhLmFwcGVuZCgnaW1nX2lkZW50aWZpZXInLCBpbWdJZGVudGlmaWVyKTtcbiAgICB0aGlzLl9mb3JtT2JqZWN0Vmlld1NlcnZpY2UuZ2V0SW1hZ2VGaWVsZFdpdGhBbm5vdGF0aW9ucyhmb3JtRGF0YSwgdGhpcy5heG9uYXRvclgxVXJsKS50aGVuKChkYXRhKSA9PiB7XG4gICAgICBkYXRhLmJhc2VVcmwgPSB0aGlzLmFubm90YXRpb25EYXRhLmJhc2VVcmw7XG4gICAgICBkYXRhLnNlbGVjdGVkSW1hZ2VJZCA9IHRoaXMuYW5ub3RhdGlvbkRhdGEuc2VsZWN0ZWRJbWFnZUlkO1xuICAgICAgdGhpcy5hbm5vdGF0aW9uRGF0YSA9IGRhdGE7XG4gICAgICB0aGlzLnNob3dBbm5vdGF0aW9uVmlldyA9IHRydWU7XG4gICAgICB0aGlzLnNob3dJbWFnZVZpZXdXaXRoQW5ub3RhdGlvbigpO1xuICAgIH0pO1xuICB9XG5cblxuICAvKipcbiAgICogT3BlbiBJbWFnZSB2aWV3ICBkaWFsb2dcbiAgICovXG4gIHNob3dJbWFnZVZpZXdXaXRoQW5ub3RhdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZyA9IHRoaXMuX2luamVjdG9yLmdldChNYXREaWFsb2cpO1xuICAgIHRoaXMuZGlhbG9nLm9wZW4oSW1hZ2VXaWRnZXRMaWdodGJveFZpZXdDb21wb25lbnQsIHtcbiAgICAgIGhlaWdodDogJzgwdmgnLFxuICAgICAgd2lkdGg6ICc4MHZ3JyxcbiAgICAgIG1heFdpZHRoOicxMDB2dycsXG4gICAgICBwYW5lbENsYXNzOiAnaW1hZ2VsaWdodGJveC1jb250YWluZXInLFxuICAgICAgZGF0YTogdGhpcy5hbm5vdGF0aW9uRGF0YVxuICAgIH0pXG4gIH1cblxuICAvKipcbiAgICogT3BlbiBJbWFnZSBtYXAgbG9jYXRpb24gZGlhbG9nXG4gICAqL1xuICBzaG93SW1hZ2VNYXBWaWV3KGltYWdlV2lkZ2V0OiBJbWFnZVdpZGdldFZhbHVlKTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2cgPSB0aGlzLl9pbmplY3Rvci5nZXQoTWF0RGlhbG9nKTtcbiAgICB0aGlzLmRpYWxvZy5vcGVuKEltYWdlTWFwVmlld0NvbXBvbmVudCwge1xuICAgICAgbWF4V2lkdGg6ICcxMDB2dycsXG4gICAgICBtYXhIZWlnaHQ6ICcxMDB2aCcsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICBwYW5lbENsYXNzOiAnaW1hZ2UtbWFwLWJveC1jb250YWluZXInLFxuICAgICAgZGF0YToge1xuICAgICAgICBsYXRpdHVkZTogaW1hZ2VXaWRnZXQubGF0aXR1ZGUsXG4gICAgICAgIGxvbmdpdHVkZTogaW1hZ2VXaWRnZXQubG9uZ2l0dWRlLFxuICAgICAgICB6b29tOiAxMlxuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWRcbiAge1xuICAgICAgLy8gVW5zdWJzY3JpYmUgZnJvbSBhbGwgc3Vic2NyaXB0aW9uc1xuICAgICAgdGhpcy5fdW5zdWJzY3JpYmVBbGwubmV4dCgpO1xuICAgICAgdGhpcy5fdW5zdWJzY3JpYmVBbGwuY29tcGxldGUoKTtcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0LnZhbHVlOyBlbHNlIGlzV2lkZ2V0VmFsdWVFbXB0eVwiID5cbiAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLXRpdGxlIGZsZXggdGV4dC1zbSBtLTBcIiAqbmdJZj1cInNlY3Rpb24uc2hvd1Byb21wdFwiPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b19pbWFnZVwiPjwvbWF0LWljb24+IFxuICAgIDxzcGFuPnt7d2lkZ2V0LnByb21wdH19PHNwYW4gY2xhc3M9XCJjb2xvblwiPiA6PC9zcGFuPjwvc3Bhbj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInctZnVsbCBjdXN0b21zY3JvbGwgY2FwdHVyZS1jb250YWluZXIgcHktMiBwci0yXCIgKm5nSWY9XCJ3aWRnZXRWYWx1ZS5sZW5ndGg+MFwiPlxuICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWxcIiAqbmdGb3I9XCJsZXQgaW1hZ2VXaWRnZXQgb2Ygd2lkZ2V0VmFsdWU7IGxldCBpPWluZGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcHR1cmUtZGF0YS1jb250YWluZXIgcmVsYXRpdmUgdGV4dC1jZW50ZXIgcm91bmRlZFwiPlxuICAgICAgPGltZyBbc3JjXT1cImJhc2VVcmwgKyBpbWFnZVdpZGdldC50aHVtYm5haWxcIiBjbGFzcz1cImNhcHR1cmUtaW1hZ2VcIiBhbHQ9XCIuLi5cIiAvPlxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLW92ZXJsYXlcIj5cbiAgICAgICAgPGEgKm5nSWY9XCJ3aWRnZXRWYWx1ZS5sb25naXR1ZGUgIT09IG51bGwgJiYgd2lkZ2V0VmFsdWUubGF0aXR1ZGUgIT09bnVsbFwiICB0YXJnZXQ9XCJfYmxhbmtcIj4gIFxuICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19sb2NhdGlvbl9vdXRsaW5lXCIgKGNsaWNrKT1cInNob3dJbWFnZU1hcFZpZXcoaW1hZ2VXaWRnZXQpXCIgPjwvbWF0LWljb24+XG4gICAgICAgIDwvYT5cbiAgICAgICAgPGEgdGFyZ2V0PVwiX2JsYW5rXCI+IFxuICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fZXllX291dGxpbmVcIiAoY2xpY2spPVwic2hvd0Fubm90YXRpb25JbWFnZSh3aWRnZXQuaWRlbnRpZmllcixpKVwiPjwvbWF0LWljb24+XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDwvZGl2PjwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNpc1dpZGdldFZhbHVlRW1wdHk+XG4gICAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLWluZm8gY2FwdHVyZS1jb250YWluZXJcIj5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b19pbWFnZVwiPjwvbWF0LWljb24+IFxuICAgICAgPHNwYW4gKm5nSWY9XCJzZWN0aW9uLnNob3dQcm9tcHRcIj57e3dpZGdldC5wcm9tcHR9fTxzcGFuIGNsYXNzPVwiY29sb25cIj46PC9zcGFuPjwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZmxleCBqdXN0aWZ5LXN0YXJ0XCI+LTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIFxuICBcbiAgICAgIFxuXG5cbiAgXG4iXX0=

package/esm2020/lib/form-object/form-object-view/form-object-widgets/language-widget-view/language-widget-view.component.mjs

@@ -0,0 +1,70 @@
+import { Component, Input } from '@angular/core';
+import { Language } from '../../../../forms/page/widgets/languages';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+function LanguageWidgetViewComponent_ng_container_0_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 5);
+    i0.ɵɵtext(3, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.widget.prompt);
+} }
+function LanguageWidgetViewComponent_ng_container_0_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "span", 6);
+    i0.ɵɵtext(2, "-");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function LanguageWidgetViewComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1);
+    i0.ɵɵelementStart(2, "div", 2);
+    i0.ɵɵelement(3, "mat-icon", 3);
+    i0.ɵɵtemplate(4, LanguageWidgetViewComponent_ng_container_0_span_4_Template, 4, 1, "span", 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 4);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, LanguageWidgetViewComponent_ng_container_0_ng_container_7_Template, 3, 0, "ng-container", 0);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r0.section.showPrompt);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.widgetValue, "");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.widgetValue);
+} }
+export class LanguageWidgetViewComponent {
+    constructor() { }
+    ngOnInit() {
+        this.ChangeValueToLanguageName();
+    }
+    ChangeValueToLanguageName() {
+        if (this.widget.value) {
+            this.widgetValue = ((typeof this.widget.value) === "object") ? this.widget.value["name"] : this.widget.value[0].name;
+        }
+    }
+}
+LanguageWidgetViewComponent.ɵfac = function LanguageWidgetViewComponent_Factory(t) { return new (t || LanguageWidgetViewComponent)(); };
+LanguageWidgetViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LanguageWidgetViewComponent, selectors: [["lib-language-widget-view"]], inputs: { widget: "widget" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "data-detail-info"], [1, "data-detail-title", "flex", "text-sm"], ["svgIcon", "axo_text", 1, "add-text"], [1, "data-detail-text", "text-sm"], [1, "colon"], [1, "flex", "justify-start"]], template: function LanguageWidgetViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, LanguageWidgetViewComponent_ng_container_0_Template, 8, 3, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.widget.value);
+    } }, directives: [i1.NgIf, i2.MatIcon], styles: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageWidgetViewComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-language-widget-view', template: "\n<ng-container *ngIf=\"widget.value\" >\n  <div class=\"data-detail-info\">\n      <div class=\"data-detail-title flex text-sm\"><mat-icon class=\"add-text\" svgIcon=\"axo_text\"></mat-icon> <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n      </div>\n      <div class=\"data-detail-text text-sm\"> {{widgetValue}}</div> \n  </div>\n\n<ng-container *ngIf=\"!widgetValue\" >\n    <span class=\"flex justify-start\">-</span>\n  </ng-container>\n\n", styles: [""] }]
+    }], function () { return []; }, { widget: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFuZ3VhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcvbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcvbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztJQ0V3Qyw0QkFBaUM7SUFBQSxZQUFpQjtJQUFBLCtCQUFvQjtJQUFBLGlCQUFDO0lBQUEsaUJBQU87SUFBQSxpQkFBTzs7O0lBQXBELGVBQWlCO0lBQWpCLDBDQUFpQjs7O0lBSzlKLDZCQUFvQztJQUNoQywrQkFBaUM7SUFBQSxpQkFBQztJQUFBLGlCQUFPO0lBQzNDLDBCQUFlOzs7SUFUakIsNkJBQW9DO0lBQ2xDLDhCQUE4QjtJQUMxQiw4QkFBNEM7SUFBQSw4QkFBeUQ7SUFBQyw2RkFBcUY7SUFDM0wsaUJBQU07SUFDTiw4QkFBc0M7SUFBQyxZQUFlO0lBQUEsaUJBQU07SUFDaEUsaUJBQU07SUFFUiw2R0FFaUI7SUFUakIsMEJBQW9DOzs7SUFFK0UsZUFBd0I7SUFBeEIsZ0RBQXdCO0lBRTlGLGVBQWU7SUFBZixrREFBZTtJQUc3QyxlQUFrQjtJQUFsQiwwQ0FBa0I7O0FEQWpDLE1BQU0sT0FBTywyQkFBMkI7SUFRdEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFDRCx5QkFBeUI7UUFDdkIsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBQztZQUNuQixJQUFJLENBQUMsV0FBVyxHQUFJLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFFLEtBQUksUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7U0FDeEg7SUFFSCxDQUFDOztzR0FsQlUsMkJBQTJCOzhFQUEzQiwyQkFBMkI7UUNQeEMsOEZBQW9DOztRQUFyQix1Q0FBa0I7O3VGRE9wQiwyQkFBMkI7Y0FMdkMsU0FBUzsyQkFDRSwwQkFBMEI7c0NBUzFCLE1BQU07a0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGFuZ3VhZ2UgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9wYWdlL3dpZGdldHMvbGFuZ3VhZ2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWxhbmd1YWdlLXdpZGdldC12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhbmd1YWdlLXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMYW5ndWFnZVdpZGdldFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAvKlxuICAqIHdpZGdldCBvYmplY3RcbiAgKi9cbiAgIEBJbnB1dCgpIHdpZGdldDogTGFuZ3VhZ2U7XG4gICB3aWRnZXRWYWx1ZSA6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuQ2hhbmdlVmFsdWVUb0xhbmd1YWdlTmFtZSgpO1xuICB9XG4gIENoYW5nZVZhbHVlVG9MYW5ndWFnZU5hbWUoKXtcbiAgICBpZih0aGlzLndpZGdldC52YWx1ZSl7XG4gICAgICB0aGlzLndpZGdldFZhbHVlID0gICgodHlwZW9mIHRoaXMud2lkZ2V0LnZhbHVlICk9PT0gXCJvYmplY3RcIikgPyB0aGlzLndpZGdldC52YWx1ZVtcIm5hbWVcIl0gOiAgdGhpcy53aWRnZXQudmFsdWVbMF0ubmFtZTtcbiAgICB9XG4gICAgXG4gIH1cbiAgXG5cbn1cbiIsIlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldC52YWx1ZVwiID5cbiAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLWluZm9cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC10aXRsZSBmbGV4IHRleHQtc21cIj48bWF0LWljb24gY2xhc3M9XCJhZGQtdGV4dFwiIHN2Z0ljb249XCJheG9fdGV4dFwiPjwvbWF0LWljb24+IDxzcGFuICpuZ0lmPVwic2VjdGlvbi5zaG93UHJvbXB0XCI+e3t3aWRnZXQucHJvbXB0fX08c3BhbiBjbGFzcz1cImNvbG9uXCI+Ojwvc3Bhbj48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC10ZXh0IHRleHQtc21cIj4ge3t3aWRnZXRWYWx1ZX19PC9kaXY+IFxuICA8L2Rpdj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF3aWRnZXRWYWx1ZVwiID5cbiAgICA8c3BhbiBjbGFzcz1cImZsZXgganVzdGlmeS1zdGFydFwiPi08L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuXG4iXX0=

package/esm2020/lib/form-object/form-object-view/form-object-widgets/payment-widget-view/payment-widget-view.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import { Payment } from '../../../../forms/page/widgets/payment';
+import * as i0 from "@angular/core";
+export class PaymentWidgetViewComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+PaymentWidgetViewComponent.ɵfac = function PaymentWidgetViewComponent_Factory(t) { return new (t || PaymentWidgetViewComponent)(); };
+PaymentWidgetViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaymentWidgetViewComponent, selectors: [["lib-payment-widget-view"]], inputs: { widget: "widget" }, decls: 2, vars: 0, template: function PaymentWidgetViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "p");
+        i0.ɵɵtext(1, "payment-widget-view works!");
+        i0.ɵɵelementEnd();
+    } }, styles: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentWidgetViewComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-payment-widget-view', template: "<p>payment-widget-view works!</p>\n", styles: [""] }]
+    }], function () { return []; }, { widget: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9wYXltZW50LXdpZGdldC12aWV3L3BheW1lbnQtd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvcGF5bWVudC13aWRnZXQtdmlldy9wYXltZW50LXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFPakUsTUFBTSxPQUFPLDBCQUEwQjtJQU9yQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7b0dBVlUsMEJBQTBCOzZFQUExQiwwQkFBMEI7UUNSdkMseUJBQUc7UUFBQSwwQ0FBMEI7UUFBQSxpQkFBSTs7dUZEUXBCLDBCQUEwQjtjQUx0QyxTQUFTOzJCQUNFLHlCQUF5QjtzQ0FTdkIsTUFBTTtrQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYXltZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL3BheW1lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcGF5bWVudC13aWRnZXQtdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXltZW50LXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGF5bWVudC13aWRnZXQtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBheW1lbnRXaWRnZXRWaWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgICAvKlxuICAqIHdpZGdldCBvYmplY3RcbiAgKi9cbiAgICAgQElucHV0KCkgd2lkZ2V0OiBQYXltZW50O1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPHA+cGF5bWVudC13aWRnZXQtdmlldyB3b3JrcyE8L3A+XG4iXX0=

package/esm2020/lib/form-object/form-object-view/form-object-widgets/qr-code-widget-view/qr-code-widget-view.component.mjs

@@ -0,0 +1,146 @@
+import { Component, Injector, Input } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { WidgetSubType } from '../../../../../lib/forms/page/common/widget-enums';
+import { AxoMap } from '../../../../axo-map/axo-map';
+import { QrCode } from '../../../../forms/page/widgets/qr-code';
+import { MapDialogComponent } from '../../../../../lib/map-dialog/map-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+function QrCodeWidgetViewComponent_ng_container_1_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 9);
+    i0.ɵɵtext(3, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r4.widget.prompt);
+} }
+function QrCodeWidgetViewComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 5);
+    i0.ɵɵelement(2, "mat-icon", 6);
+    i0.ɵɵtemplate(3, QrCodeWidgetViewComponent_ng_container_1_span_3_Template, 4, 1, "span", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 8);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.section.showPrompt);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.widgetValue, "");
+} }
+function QrCodeWidgetViewComponent_ng_template_2_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 9);
+    i0.ɵɵtext(3, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r5.widget.prompt);
+} }
+function QrCodeWidgetViewComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "mat-icon", 6);
+    i0.ɵɵtemplate(2, QrCodeWidgetViewComponent_ng_template_2_span_2_Template, 4, 1, "span", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵtext(4, "-");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.section.showPrompt);
+} }
+function QrCodeWidgetViewComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵlistener("click", function QrCodeWidgetViewComponent_div_5_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); ctx_r6.showLocationView($event); return $event.stopPropagation(); });
+    i0.ɵɵelement(1, "mat-icon", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("svgIcon", "axo_location_red");
+} }
+export class QrCodeWidgetViewComponent {
+    constructor(_injector) {
+        this._injector = _injector;
+        this.widgetValue = '';
+        this.locations = new Array();
+        this.showMap = false;
+    }
+    ngOnInit() {
+        this.widgetValue = this.widget.getWidgetValue();
+        if (this.widget.subType == WidgetSubType.scan_with_location) {
+            const value = JSON.parse(this.widgetValue);
+            this.widgetValue = value[0].data;
+            const latitude = value[0]?.location?.lat;
+            const longitude = value[0]?.location?.long;
+            //checks the lat and long value and set showMap value.
+            if ((latitude == 0 && longitude == 0) || !latitude || !longitude) {
+                this.showMap = false;
+            }
+            else {
+                const axoMap = new AxoMap();
+                axoMap.latitude = latitude;
+                axoMap.longitude = longitude;
+                this.locations.push(axoMap);
+                this.showMap = true;
+            }
+        }
+    }
+    /**
+     * Open location dialog
+     */
+    showLocationView(event) {
+        this.dialog = this._injector.get(MatDialog);
+        this.dialog.open(MapDialogComponent, {
+            maxWidth: '100vw',
+            maxHeight: '100vh',
+            height: '100%',
+            width: '100%',
+            panelClass: 'location-box-container',
+            data: {
+                locations: this.locations
+            },
+        });
+    }
+    /**
+     * enum of widget subType
+     */
+    get WidgetSubType() {
+        return WidgetSubType;
+    }
+}
+QrCodeWidgetViewComponent.ɵfac = function QrCodeWidgetViewComponent_Factory(t) { return new (t || QrCodeWidgetViewComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
+QrCodeWidgetViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QrCodeWidgetViewComponent, selectors: [["lib-qr-code-widget-view"]], inputs: { widget: "widget" }, decls: 6, vars: 3, consts: [[1, "data-detail-info"], [4, "ngIf", "ngIfElse"], ["isWidgetValueEmpty", ""], [1, "icon-container"], ["class", "flex items-center location-btn-icon rounded-md", 3, "click", 4, "ngIf"], [1, "data-detail-title", "flex", "text-sm"], ["svgIcon", "axo_qrcode", 1, "add-text"], [4, "ngIf"], [1, "data-detail-text", "text-sm"], [1, "colon"], [1, "flex", "justify-start"], [1, "flex", "items-center", "location-btn-icon", "rounded-md", 3, "click"], [3, "svgIcon"]], template: function QrCodeWidgetViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, QrCodeWidgetViewComponent_ng_container_1_Template, 6, 2, "ng-container", 1);
+        i0.ɵɵtemplate(2, QrCodeWidgetViewComponent_ng_template_2_Template, 5, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵelementStart(4, "div", 3);
+        i0.ɵɵtemplate(5, QrCodeWidgetViewComponent_div_5_Template, 2, 1, "div", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        const _r1 = i0.ɵɵreference(3);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.widget.value)("ngIfElse", _r1);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", ctx.widget.subType === ctx.WidgetSubType.scan_with_location && ctx.widget.captureLocation && ctx.showMap);
+    } }, directives: [i1.NgIf, i2.MatIcon], styles: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QrCodeWidgetViewComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-qr-code-widget-view', template: "\n  <div class=\"data-detail-info\">\n    <ng-container *ngIf=\"widget.value; else isWidgetValueEmpty\" >\n      <div class=\"data-detail-title flex text-sm\"   ><mat-icon class=\"add-text\" svgIcon=\"axo_qrcode\"></mat-icon> <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n      </div>\n      <div class=\"data-detail-text text-sm\"> {{widgetValue}}</div> \n         \n    </ng-container>\n    <ng-template #isWidgetValueEmpty>\n        <div class=\"data-detail-title flex text-sm\">\n            <mat-icon class=\"add-text\" svgIcon=\"axo_qrcode\"></mat-icon> \n            <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n        </div>\n        <span class=\"flex justify-start\">-</span>\n    </ng-template>\n      <!-- If location is enabled icon for triggering map-dialog get visible-->\n      <div class=\"icon-container\">\n        <div *ngIf=\"widget.subType === WidgetSubType.scan_with_location && widget.captureLocation && showMap\" class=\"flex items-center location-btn-icon rounded-md\" (click)=\"showLocationView($event); $event.stopPropagation();\">\n            <mat-icon [svgIcon]=\"'axo_location_red'\" ></mat-icon>\n        </div>       \n    </div>\n  </div>\n<!-- If location is enabled map with marker get visible-->\n  <!-- <div *ngIf=\"widget.subType == 'scan_with_location' && widget.captureLocation && showMap\" class=\"location-container items-center rounded-md  mt-4\">\n    <axo-map [locations]=\"locations\"></axo-map>\n  </div> -->\n  \n  ", styles: [""] }]
+    }], function () { return [{ type: i0.Injector }]; }, { widget: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9xci1jb2RlLXdpZGdldC12aWV3L3FyLWNvZGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvcXItY29kZS13aWRnZXQtdmlldy9xci1jb2RlLXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDaEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7Ozs7O0lDRnlCLDRCQUFpQztJQUFBLFlBQWlCO0lBQUEsK0JBQW9CO0lBQUEsaUJBQUM7SUFBQSxpQkFBTztJQUFBLGlCQUFPOzs7SUFBcEQsZUFBaUI7SUFBakIsMENBQWlCOzs7SUFEL0osNkJBQTZEO0lBQzNELDhCQUErQztJQUFBLDhCQUEyRDtJQUFDLDJGQUFxRjtJQUNoTSxpQkFBTTtJQUNOLDhCQUFzQztJQUFDLFlBQWU7SUFBQSxpQkFBTTtJQUU5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QU07UUFDUixpQkFBTTs7O1FBbkJXLGVBQW9CO1FBQXBCLHVDQUFvQixpQkFBQTtRQWV6QixlQUE4RjtRQUE5RiwrSEFBOEY7O3VGREwvRix5QkFBeUI7Y0FMckMsU0FBUzsyQkFDRSx5QkFBeUI7MkRBUzFCLE1BQU07a0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBXaWRnZXRTdWJUeXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vbGliL2Zvcm1zL3BhZ2UvY29tbW9uL3dpZGdldC1lbnVtcyc7XG5pbXBvcnQgeyBBeG9NYXAgfSBmcm9tICcuLi8uLi8uLi8uLi9heG8tbWFwL2F4by1tYXAnO1xuaW1wb3J0IHsgUXJDb2RlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL3FyLWNvZGUnO1xuaW1wb3J0IHsgTWFwRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vbGliL21hcC1kaWFsb2cvbWFwLWRpYWxvZy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcXItY29kZS13aWRnZXQtdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9xci1jb2RlLXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcXItY29kZS13aWRnZXQtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFFyQ29kZVdpZGdldFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4vKlxuICAqIHdpZGdldCBvYmplY3RcbiAgKi9cbiAgQElucHV0KCkgd2lkZ2V0OiBRckNvZGU7XG4gIGRpYWxvZzogTWF0RGlhbG9nO1xuXG5cbiAgd2lkZ2V0VmFsdWU6IHN0cmluZyA9ICcnO1xuICBsb2NhdGlvbnMgPSBuZXcgQXJyYXk8QXhvTWFwPigpO1xuICBzaG93TWFwOiBib29sZWFuID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy53aWRnZXRWYWx1ZSA9IHRoaXMud2lkZ2V0LmdldFdpZGdldFZhbHVlKCk7XG4gICAgaWYodGhpcy53aWRnZXQuc3ViVHlwZSA9PSBXaWRnZXRTdWJUeXBlLnNjYW5fd2l0aF9sb2NhdGlvbil7XG4gICAgICBjb25zdCB2YWx1ZSA9IEpTT04ucGFyc2UodGhpcy53aWRnZXRWYWx1ZSk7XG4gICAgICB0aGlzLndpZGdldFZhbHVlID0gdmFsdWVbMF0uZGF0YTtcbiAgICAgIGNvbnN0IGxhdGl0dWRlID0gdmFsdWVbMF0/LmxvY2F0aW9uPy5sYXQ7XG4gICAgICBjb25zdCBsb25naXR1ZGUgPSB2YWx1ZVswXT8ubG9jYXRpb24/Lmxvbmc7XG4gICAgICAvL2NoZWNrcyB0aGUgbGF0IGFuZCBsb25nIHZhbHVlIGFuZCBzZXQgc2hvd01hcCB2YWx1ZS5cbiAgICAgIGlmKChsYXRpdHVkZSA9PSAwICYmIGxvbmdpdHVkZT09MCkgfHwgIWxhdGl0dWRlIHx8ICFsb25naXR1ZGUpe1xuICAgICAgICB0aGlzLnNob3dNYXAgPSBmYWxzZTtcbiAgICAgIH1cbiAgICAgIGVsc2V7XG4gICAgICAgIGNvbnN0IGF4b01hcCA9IG5ldyBBeG9NYXAoKTtcbiAgICAgICAgYXhvTWFwLmxhdGl0dWRlID0gbGF0aXR1ZGU7XG4gICAgICAgIGF4b01hcC5sb25naXR1ZGUgPSBsb25naXR1ZGU7XG4gICAgICAgIHRoaXMubG9jYXRpb25zLnB1c2goYXhvTWFwKTtcbiAgICAgICAgdGhpcy5zaG93TWFwID0gdHJ1ZTtcbiAgICAgIH1cblxuICAgIH1cbiAgfVxuICAvKipcbiAgICogT3BlbiBsb2NhdGlvbiBkaWFsb2dcbiAgICovXG4gICBzaG93TG9jYXRpb25WaWV3KGV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2cgPSB0aGlzLl9pbmplY3Rvci5nZXQoTWF0RGlhbG9nKTtcbiAgICB0aGlzLmRpYWxvZy5vcGVuKE1hcERpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgbWF4V2lkdGg6ICcxMDB2dycsXG4gICAgICBtYXhIZWlnaHQ6ICcxMDB2aCcsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICBwYW5lbENsYXNzOiAnbG9jYXRpb24tYm94LWNvbnRhaW5lcicsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIGxvY2F0aW9ucyA6IHRoaXMubG9jYXRpb25zXG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIGVudW0gb2Ygd2lkZ2V0IHN1YlR5cGVcbiAgICovXG4gIHB1YmxpYyBnZXQgV2lkZ2V0U3ViVHlwZSgpOiB0eXBlb2YgV2lkZ2V0U3ViVHlwZSB7XG4gICAgcmV0dXJuIFdpZGdldFN1YlR5cGU7XG4gIH1cbn1cbiIsIlxuICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtaW5mb1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQudmFsdWU7IGVsc2UgaXNXaWRnZXRWYWx1ZUVtcHR5XCIgPlxuICAgICAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLXRpdGxlIGZsZXggdGV4dC1zbVwiICAgPjxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b19xcmNvZGVcIj48L21hdC1pY29uPiA8c3BhbiAqbmdJZj1cInNlY3Rpb24uc2hvd1Byb21wdFwiPnt7d2lkZ2V0LnByb21wdH19PHNwYW4gY2xhc3M9XCJjb2xvblwiPjo8L3NwYW4+PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtdGV4dCB0ZXh0LXNtXCI+IHt7d2lkZ2V0VmFsdWV9fTwvZGl2PiBcbiAgICAgICAgIFxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjaXNXaWRnZXRWYWx1ZUVtcHR5PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtdGl0bGUgZmxleCB0ZXh0LXNtXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJhZGQtdGV4dFwiIHN2Z0ljb249XCJheG9fcXJjb2RlXCI+PC9tYXQtaWNvbj4gXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInNlY3Rpb24uc2hvd1Byb21wdFwiPnt7d2lkZ2V0LnByb21wdH19PHNwYW4gY2xhc3M9XCJjb2xvblwiPjo8L3NwYW4+PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmbGV4IGp1c3RpZnktc3RhcnRcIj4tPC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8IS0tIElmIGxvY2F0aW9uIGlzIGVuYWJsZWQgaWNvbiBmb3IgdHJpZ2dlcmluZyBtYXAtZGlhbG9nIGdldCB2aXNpYmxlLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIndpZGdldC5zdWJUeXBlID09PSBXaWRnZXRTdWJUeXBlLnNjYW5fd2l0aF9sb2NhdGlvbiAmJiB3aWRnZXQuY2FwdHVyZUxvY2F0aW9uICYmIHNob3dNYXBcIiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGxvY2F0aW9uLWJ0bi1pY29uIHJvdW5kZWQtbWRcIiAoY2xpY2spPVwic2hvd0xvY2F0aW9uVmlldygkZXZlbnQpOyAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XCI+XG4gICAgICAgICAgICA8bWF0LWljb24gW3N2Z0ljb25dPVwiJ2F4b19sb2NhdGlvbl9yZWQnXCIgPjwvbWF0LWljb24+XG4gICAgICAgIDwvZGl2PiAgICAgICBcbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48IS0tIElmIGxvY2F0aW9uIGlzIGVuYWJsZWQgbWFwIHdpdGggbWFya2VyIGdldCB2aXNpYmxlLS0+XG4gIDwhLS0gPGRpdiAqbmdJZj1cIndpZGdldC5zdWJUeXBlID09ICdzY2FuX3dpdGhfbG9jYXRpb24nICYmIHdpZGdldC5jYXB0dXJlTG9jYXRpb24gJiYgc2hvd01hcFwiIGNsYXNzPVwibG9jYXRpb24tY29udGFpbmVyIGl0ZW1zLWNlbnRlciByb3VuZGVkLW1kICBtdC00XCI+XG4gICAgPGF4by1tYXAgW2xvY2F0aW9uc109XCJsb2NhdGlvbnNcIj48L2F4by1tYXA+XG4gIDwvZGl2PiAtLT5cbiAgXG4gICJdfQ==

package/esm2020/lib/form-object/form-object-view/form-object-widgets/signature-widget-view/signature-widget-view.component.mjs

@@ -0,0 +1,92 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { AxoUtils } from '../../../../axo-utils/axo-utils';
+import { Signature } from '../../../../forms/page/widgets/signature';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/flex-layout/flex";
+import * as i3 from "@angular/material/icon";
+function SignatureWidgetViewComponent_ng_container_0_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 9);
+    i0.ɵɵtext(3, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r3.widget.prompt);
+} }
+function SignatureWidgetViewComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelementStart(2, "div", 3);
+    i0.ɵɵelementStart(3, "div", 4);
+    i0.ɵɵelement(4, "mat-icon", 5);
+    i0.ɵɵtemplate(5, SignatureWidgetViewComponent_ng_container_0_span_5_Template, 4, 1, "span", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 7);
+    i0.ɵɵelement(7, "img", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngIf", ctx_r0.section.showPrompt);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("src", ctx_r0.baseUrl + "/images/media/app_data/" + ctx_r0.widgetValue, i0.ɵɵsanitizeUrl);
+} }
+function SignatureWidgetViewComponent_ng_template_1_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 9);
+    i0.ɵɵtext(3, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r4.widget.prompt);
+} }
+function SignatureWidgetViewComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "mat-icon", 5);
+    i0.ɵɵtemplate(2, SignatureWidgetViewComponent_ng_template_1_span_2_Template, 4, 1, "span", 6);
+    i0.ɵɵelementStart(3, "span", 11);
+    i0.ɵɵtext(4, "-");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.section.showPrompt);
+} }
+export class SignatureWidgetViewComponent {
+    constructor() {
+        this.widgetValue = null;
+    }
+    ngOnInit() {
+        if (this.widget.value) {
+            this.widgetValue = AxoUtils.removeSlashFromImageUrl(this.widget.value);
+        }
+    }
+}
+SignatureWidgetViewComponent.ɵfac = function SignatureWidgetViewComponent_Factory(t) { return new (t || SignatureWidgetViewComponent)(); };
+SignatureWidgetViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignatureWidgetViewComponent, selectors: [["lib-signature-widget-view"]], inputs: { widget: "widget", baseUrl: "baseUrl" }, decls: 3, vars: 2, consts: [[4, "ngIf", "ngIfElse"], ["isWidgetValueEmpty", ""], ["fxLayoutAlign", "end start", 1, "data-detail-info"], [1, "flex", "justify-between", "w-full", "gap-4"], [1, "flex", "gap-4"], ["svgIcon", "axo_signature", 1, "add-text"], [4, "ngIf"], [1, "capture-data-container", "text-center"], ["alt", "...", 1, "capture-image", "rounded", 3, "src"], [1, "colon"], [1, "data-detail-title", "m-0"], [1, "flex", "justify-start"]], template: function SignatureWidgetViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, SignatureWidgetViewComponent_ng_container_0_Template, 8, 2, "ng-container", 0);
+        i0.ɵɵtemplate(1, SignatureWidgetViewComponent_ng_template_1_Template, 5, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const _r1 = i0.ɵɵreference(2);
+        i0.ɵɵproperty("ngIf", ctx.widget.value)("ngIfElse", _r1);
+    } }, directives: [i1.NgIf, i2.DefaultLayoutAlignDirective, i3.MatIcon], styles: ["lib-signature-widget-view .capture-data-container{max-width:10rem;width:10rem}lib-signature-widget-view .capture-image{display:block;height:auto;background:rgba(0,0,0,0);border:1px solid #8080807a}lib-signature-widget-view .image-overlay{display:flex;justify-content:center;align-items:center;position:absolute;column-gap:5px;top:18px;background:rgba(0,0,0,.5);transition:.5s ease;opacity:0;color:#fff;font-size:20px;height:8rem;width:8rem}lib-signature-widget-view .image-overlay a{border:1px solid #ffffff;border-radius:100%;width:28px;height:28px;line-height:28px}lib-signature-widget-view .image-overlay a mat-icon{color:#fff!important;height:12px;width:12px;min-width:12px;font-size:18px}lib-signature-widget-view .image-overlay:hover{opacity:1}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignatureWidgetViewComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-signature-widget-view', encapsulation: ViewEncapsulation.None, template: "\n    <ng-container *ngIf=\"widget.value; else isWidgetValueEmpty\" >\n    <div class=\"data-detail-info\" fxLayoutAlign=\"end start\">\n      <div class=\"flex justify-between w-full gap-4\">\n        <div class=\"flex gap-4\">\n        <mat-icon class=\"add-text\" svgIcon=\"axo_signature\"></mat-icon> \n        <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n      </div>\n          <div class=\"capture-data-container text-center\" >\n            <img [src]=\"baseUrl + '/images/media/app_data/' +widgetValue\" class=\"capture-image rounded\" alt=\"...\" />\n          </div>\n      </div>\n  </div>\n\n</ng-container>\n            \n      \n<ng-template #isWidgetValueEmpty>\n  <div class=\"data-detail-title m-0\">\n      <mat-icon class=\"add-text\" svgIcon=\"axo_signature\"></mat-icon> \n      <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n      <span class=\"flex justify-start\">-</span>\n  </div>\n</ng-template>", styles: ["lib-signature-widget-view .capture-data-container{max-width:10rem;width:10rem}lib-signature-widget-view .capture-image{display:block;height:auto;background:rgba(0,0,0,0);border:1px solid #8080807a}lib-signature-widget-view .image-overlay{display:flex;justify-content:center;align-items:center;position:absolute;column-gap:5px;top:18px;background:rgba(0,0,0,.5);transition:.5s ease;opacity:0;color:#fff;font-size:20px;height:8rem;width:8rem}lib-signature-widget-view .image-overlay a{border:1px solid #ffffff;border-radius:100%;width:28px;height:28px;line-height:28px}lib-signature-widget-view .image-overlay a mat-icon{color:#fff!important;height:12px;width:12px;min-width:12px;font-size:18px}lib-signature-widget-view .image-overlay:hover{opacity:1}\n"] }]
+    }], function () { return []; }, { widget: [{
+            type: Input
+        }], baseUrl: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmF0dXJlLXdpZGdldC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1jb21tb24tdWktbGliL3NyYy9saWIvZm9ybS1vYmplY3QvZm9ybS1vYmplY3Qtdmlldy9mb3JtLW9iamVjdC13aWRnZXRzL3NpZ25hdHVyZS13aWRnZXQtdmlldy9zaWduYXR1cmUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWNvbW1vbi11aS1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvc2lnbmF0dXJlLXdpZGdldC12aWV3L3NpZ25hdHVyZS13aWRnZXQtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU1RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7SUNHN0QsNEJBQWlDO0lBQUEsWUFBaUI7SUFBQSwrQkFBb0I7SUFBQSxpQkFBQztJQUFBLGlCQUFPO0lBQUEsaUJBQU87OztJQUFwRCxlQUFpQjtJQUFqQiwwQ0FBaUI7OztJQUx0RCw2QkFBNkQ7SUFDN0QsOEJBQXdEO0lBQ3RELDhCQUErQztJQUM3Qyw4QkFBd0I7SUFDeEIsOEJBQThEO0lBQzlELDhGQUFxRjtJQUN2RixpQkFBTTtJQUNGLDhCQUFpRDtJQUMvQyx5QkFBd0c7SUFDMUcsaUJBQU07SUFDVixpQkFBTTtJQUNWLGlCQUFNO0lBRVIsMEJBQWU7OztJQVJBLGVBQXdCO0lBQXhCLGdEQUF3QjtJQUd0QixlQUF3RDtJQUF4RCx1R0FBd0Q7OztJQVduRSw0QkFBaUM7SUFBQSxZQUFpQjtJQUFBLCtCQUFvQjtJQUFBLGlCQUFDO0lBQUEsaUJBQU87SUFBQSxpQkFBTzs7O0lBQXBELGVBQWlCO0lBQWpCLDBDQUFpQjs7O0lBRnRELCtCQUFtQztJQUMvQiw4QkFBOEQ7SUFDOUQsNkZBQXFGO0lBQ3JGLGdDQUFpQztJQUFBLGlCQUFDO0lBQUEsaUJBQU87SUFDN0MsaUJBQU07OztJQUZLLGVBQXdCO0lBQXhCLGdEQUF3Qjs7QURUckMsTUFBTSxPQUFPLDRCQUE0QjtJQUt0QztRQURELGdCQUFXLEdBQVEsSUFBSSxDQUFDO0lBQ1AsQ0FBQztJQUVqQixRQUFRO1FBQ1AsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRTtZQUNwQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hFO0lBQ0YsQ0FBQzs7d0dBWFMsNEJBQTRCOytFQUE1Qiw0QkFBNEI7UUNWckMsK0ZBYVc7UUFHZiw4SEFNYzs7O1FBdEJLLHVDQUFvQixpQkFBQTs7dUZEVTFCLDRCQUE0QjtjQU54QyxTQUFTOzJCQUNFLDJCQUEyQixpQkFHckIsaUJBQWlCLENBQUMsSUFBSTtzQ0FHN0IsTUFBTTtrQkFBZCxLQUFLO1lBQ0csT0FBTztrQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IEF4b1V0aWxzIH0gZnJvbSAnLi4vLi4vLi4vLi4vYXhvLXV0aWxzL2F4by11dGlscyc7XG5pbXBvcnQgeyBTaWduYXR1cmUgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9wYWdlL3dpZGdldHMvc2lnbmF0dXJlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXNpZ25hdHVyZS13aWRnZXQtdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWduYXR1cmUtd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWduYXR1cmUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbiA6IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU2lnbmF0dXJlV2lkZ2V0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHdpZGdldDogU2lnbmF0dXJlO1xuICBASW5wdXQoKSBiYXNlVXJsOiBzdHJpbmc7XG4gIHNpZ25hdHVyZVZhbHVlOiBzdHJpbmc7XG4gIHdpZGdldFZhbHVlOiBhbnkgPSBudWxsO1xuICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgbmdPbkluaXQoKTogdm9pZHtcbiAgICBpZih0aGlzLndpZGdldC52YWx1ZSApe1xuICAgICAgdGhpcy53aWRnZXRWYWx1ZSA9IEF4b1V0aWxzLnJlbW92ZVNsYXNoRnJvbUltYWdlVXJsKHRoaXMud2lkZ2V0LnZhbHVlKTtcbiAgICB9XG4gICB9XG5cbn1cbiIsIlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQudmFsdWU7IGVsc2UgaXNXaWRnZXRWYWx1ZUVtcHR5XCIgPlxuICAgIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC1pbmZvXCIgZnhMYXlvdXRBbGlnbj1cImVuZCBzdGFydFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIHctZnVsbCBnYXAtNFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtNFwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJhZGQtdGV4dFwiIHN2Z0ljb249XCJheG9fc2lnbmF0dXJlXCI+PC9tYXQtaWNvbj4gXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic2VjdGlvbi5zaG93UHJvbXB0XCI+e3t3aWRnZXQucHJvbXB0fX08c3BhbiBjbGFzcz1cImNvbG9uXCI+Ojwvc3Bhbj48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwdHVyZS1kYXRhLWNvbnRhaW5lciB0ZXh0LWNlbnRlclwiID5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJiYXNlVXJsICsgJy9pbWFnZXMvbWVkaWEvYXBwX2RhdGEvJyArd2lkZ2V0VmFsdWVcIiBjbGFzcz1cImNhcHR1cmUtaW1hZ2Ugcm91bmRlZFwiIGFsdD1cIi4uLlwiIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgXG4gICAgICBcbjxuZy10ZW1wbGF0ZSAjaXNXaWRnZXRWYWx1ZUVtcHR5PlxuICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtdGl0bGUgbS0wXCI+XG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJhZGQtdGV4dFwiIHN2Z0ljb249XCJheG9fc2lnbmF0dXJlXCI+PC9tYXQtaWNvbj4gXG4gICAgICA8c3BhbiAqbmdJZj1cInNlY3Rpb24uc2hvd1Byb21wdFwiPnt7d2lkZ2V0LnByb21wdH19PHNwYW4gY2xhc3M9XCJjb2xvblwiPjo8L3NwYW4+PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmbGV4IGp1c3RpZnktc3RhcnRcIj4tPC9zcGFuPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19