ax-common-ui-lib 1.0.0-qa.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvZm9ybS1vYmplY3QvZm9ybS1vYmplY3Qtdmlldy9mb3JtLW9iamVjdC13aWRnZXRzL2ltYWdlLXdpZGdldC12aWV3L2ltYWdlLXdpZGdldC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9pbWFnZS13aWRnZXQtdmlldy9pbWFnZS13aWRnZXQtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sbUVBQW1FLENBQUM7QUFDckgsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbEYsT0FBTyxFQUFFLGNBQWMsRUFBWSxNQUFNLGlCQUFpQixDQUFDO0FBRTNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7SUNYN0IsOEJBQTJFO0lB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QXlCO1lBQ3JDLElBQUksRUFBRTtnQkFDSixRQUFRLEVBQUUsV0FBVyxDQUFDLFFBQVE7Z0JBQzlCLFNBQVMsRUFBRSxXQUFXLENBQUMsU0FBUztnQkFDaEMsSUFBSSxFQUFFLEVBQUU7YUFDVDtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBRVAscUNBQXFDO1FBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQyxDQUFDOztnR0FyRlUsd0JBQXdCOzJFQUF4Qix3QkFBd0I7UUNyQnJDLDJGQW1CaUI7UUFDZiwwSEFNYzs7O1FBMUJELHVDQUFvQixpQkFBQTs7dUZEcUJ0Qix3QkFBd0I7Y0FOcEMsU0FBUzsyQkFDRSx1QkFBdUIsaUJBR2xCLGlCQUFpQixDQUFDLElBQUk7NEhBRzVCLE1BQU07a0JBQWQsS0FBSztZQUNHLGdCQUFnQjtrQkFBeEIsS0FBSztZQUNHLE9BQU87a0JBQWYsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7WUFDRyxZQUFZO2tCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF4SW1hZ2UgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9wYWdlL3dpZGdldHMvYXgtaW1hZ2UnO1xuaW1wb3J0IHsgQXhvVXRpbHMgfSBmcm9tICcuLi8uLi8uLi8uLi9heG8tdXRpbHMvYXhvLXV0aWxzJztcbmltcG9ydCBfIGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBGb3JtT2JqZWN0Vmlld1NlcnZpY2UgfSBmcm9tICcuLi8uLi9mb3JtLW9iamVjdC12aWV3LnNlcnZpY2UnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEltYWdlV2lkZ2V0TGlnaHRib3hWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS13aWRnZXQtbGlnaHRib3gtdmlldy9pbWFnZS13aWRnZXQtbGlnaHRib3gtdmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW1hZ2VBbm5vdGF0aW9uRGF0YUR0byB9IGZyb20gJy4vaW1hZ2UtYW5ub3RhdGlvbi1kYXRhLWR0byc7XG5pbXBvcnQgeyBJbWFnZU1hcFZpZXdDb21wb25lbnQgfSBmcm9tICcuL2ltYWdlLW1hcC12aWV3L2ltYWdlLW1hcC12aWV3LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbWFnZVdpZGdldFZhbHVlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL3dpZGdldC12YWx1ZS9pbWFnZS13aWRnZXQtdmFsdWUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFBhcmFtTWFwIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItaW1hZ2Utd2lkZ2V0LXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS13aWRnZXQtdmlldy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEltYWdlV2lkZ2V0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHdpZGdldDogQXhJbWFnZTtcbiAgQElucHV0KCkgd2lkZ2V0UHJvcGVydGllczogQXhJbWFnZTtcbiAgQElucHV0KCkgYmFzZVVybDogc3RyaW5nO1xuICBASW5wdXQoKSBheG9uYXRvclgxVXJsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm1PYmplY3RJZDogc3RyaW5nO1xuICBkaWFsb2c6IE1hdERpYWxvZztcblxuICB3aWRnZXRWYWx1ZTogQXJyYXk8SW1hZ2VXaWRnZXRWYWx1ZT47XG4gIGFubm90YXRpb25EYXRhOiBJbWFnZUFubm90YXRpb25EYXRhRHRvO1xuICBzaG93QW5ub3RhdGlvblZpZXc6IGJvb2xlYW47XG4gIHByaXZhdGUgX3Vuc3Vic2NyaWJlQWxsOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdDxhbnk+KCk7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2Zvcm1PYmplY3RWaWV3U2VydmljZTogRm9ybU9iamVjdFZpZXdTZXJ2aWNlLFxuICAgIHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvciwgcHJpdmF0ZSBfcm91dGU6IEFjdGl2YXRlZFJvdXRlKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLndpZGdldFZhbHVlID0gdGhpcy53aWRnZXQuZ2V0V2lkZ2V0VmFsdWUoKTtcbiAgICBpZiAodGhpcy53aWRnZXRWYWx1ZSAmJiB0aGlzLndpZGdldFZhbHVlLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMud2lkZ2V0VmFsdWUgPSB0aGlzLndpZGdldFZhbHVlLm1hcCgoaW1hZ2VWYWx1ZSkgPT4ge1xuICAgICAgICBpbWFnZVZhbHVlLnRodW1ibmFpbCA9IEF4b1V0aWxzLnJlbW92ZVNsYXNoRnJvbUltYWdlVXJsKGltYWdlVmFsdWUudGh1bWJuYWlsKTtcbiAgICAgICAgcmV0dXJuIGltYWdlVmFsdWU7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuIC8qKlxuICAgKiBHZXQgSW1hZ2UgQW5ub3RhdGlvbiBEYXRhIHVzaW5nIHdpZGdldCBpZGVudGlmaWVyXG4gICAqL1xuICBzaG93QW5ub3RhdGlvbkltYWdlKGltZ0lkZW50aWZpZXIsIGluZGV4KTogdm9pZCB7XG4gICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoKTtcbiAgICB0aGlzLmFubm90YXRpb25EYXRhID0gbmV3IEltYWdlQW5ub3RhdGlvbkRhdGFEdG8oKTtcbiAgICB0aGlzLmFubm90YXRpb25EYXRhLmJhc2VVcmwgPSB0aGlzLmJhc2VVcmw7XG4gICAgdGhpcy5hbm5vdGF0aW9uRGF0YS53aWRnZXQgPSB0aGlzLndpZGdldDtcbiAgICB0aGlzLmFubm90YXRpb25EYXRhLndpZGdldFByb3BlcnRpZXMgPSB0aGlzLndpZGdldFByb3BlcnRpZXM7XG4gICAgdGhpcy5hbm5vdGF0aW9uRGF0YS5zZWxlY3RlZEltYWdlSWQgPSBpbmRleDtcbiAgICBmb3JtRGF0YS5hcHBlbmQoJ2ZvaWQnLCB0aGlzLmZvcm1PYmplY3RJZCk7XG4gICAgZm9ybURhdGEuYXBwZW5kKCdpbWdfaWRlbnRpZmllcicsIGltZ0lkZW50aWZpZXIpO1xuICAgIHRoaXMuX2Zvcm1PYmplY3RWaWV3U2VydmljZS5nZXRJbWFnZUZpZWxkV2l0aEFubm90YXRpb25zKGZvcm1EYXRhLCB0aGlzLmF4b25hdG9yWDFVcmwpLnRoZW4oKGRhdGEpID0+IHtcbiAgICAgIGRhdGEuYmFzZVVybCA9IHRoaXMuYW5ub3RhdGlvbkRhdGEuYmFzZVVybDtcbiAgICAgIGRhdGEuc2VsZWN0ZWRJbWFnZUlkID0gdGhpcy5hbm5vdGF0aW9uRGF0YS5zZWxlY3RlZEltYWdlSWQ7XG4gICAgICB0aGlzLmFubm90YXRpb25EYXRhID0gZGF0YTtcbiAgICAgIHRoaXMuc2hvd0Fubm90YXRpb25WaWV3ID0gdHJ1ZTtcbiAgICAgIHRoaXMuc2hvd0ltYWdlVmlld1dpdGhBbm5vdGF0aW9uKCk7XG4gICAgfSk7XG4gIH1cblxuXG4gIC8qKlxuICAgKiBPcGVuIEltYWdlIHZpZXcgIGRpYWxvZ1xuICAgKi9cbiAgc2hvd0ltYWdlVmlld1dpdGhBbm5vdGF0aW9uKCk6IHZvaWQge1xuICAgIHRoaXMuZGlhbG9nID0gdGhpcy5faW5qZWN0b3IuZ2V0KE1hdERpYWxvZyk7XG4gICAgdGhpcy5kaWFsb2cub3BlbihJbWFnZVdpZGdldExpZ2h0Ym94Vmlld0NvbXBvbmVudCwge1xuICAgICAgaGVpZ2h0OiAnODB2aCcsXG4gICAgICB3aWR0aDogJzgwdncnLFxuICAgICAgbWF4V2lkdGg6JzEwMHZ3JyxcbiAgICAgIHBhbmVsQ2xhc3M6ICdpbWFnZWxpZ2h0Ym94LWNvbnRhaW5lcicsXG4gICAgICBkYXRhOiB0aGlzLmFubm90YXRpb25EYXRhXG4gICAgfSlcbiAgfVxuXG4gIC8qKlxuICAgKiBPcGVuIEltYWdlIG1hcCBsb2NhdGlvbiBkaWFsb2dcbiAgICovXG4gIHNob3dJbWFnZU1hcFZpZXcoaW1hZ2VXaWRnZXQ6IEltYWdlV2lkZ2V0VmFsdWUpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZyA9IHRoaXMuX2luamVjdG9yLmdldChNYXREaWFsb2cpO1xuICAgIHRoaXMuZGlhbG9nLm9wZW4oSW1hZ2VNYXBWaWV3Q29tcG9uZW50LCB7XG4gICAgICBtYXhXaWR0aDogJzEwMHZ3JyxcbiAgICAgIG1heEhlaWdodDogJzEwMHZoJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIHBhbmVsQ2xhc3M6ICdpbWFnZS1tYXAtYm94LWNvbnRhaW5lcicsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIGxhdGl0dWRlOiBpbWFnZVdpZGdldC5sYXRpdHVkZSxcbiAgICAgICAgbG9uZ2l0dWRlOiBpbWFnZVdpZGdldC5sb25naXR1ZGUsXG4gICAgICAgIHpvb206IDEyXG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZFxuICB7XG4gICAgICAvLyBVbnN1YnNjcmliZSBmcm9tIGFsbCBzdWJzY3JpcHRpb25zXG4gICAgICB0aGlzLl91bnN1YnNjcmliZUFsbC5uZXh0KCk7XG4gICAgICB0aGlzLl91bnN1YnNjcmliZUFsbC5jb21wbGV0ZSgpO1xuICB9XG5cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQudmFsdWU7IGVsc2UgaXNXaWRnZXRWYWx1ZUVtcHR5XCIgPlxuICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtdGl0bGUgZmxleCB0ZXh0LXNtIG0tMFwiICpuZ0lmPVwic2VjdGlvbi5zaG93UHJvbXB0XCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwiYWRkLXRleHRcIiBzdmdJY29uPVwiYXhvX2ltYWdlXCI+PC9tYXQtaWNvbj4gXG4gICAgPHNwYW4+e3t3aWRnZXQucHJvbXB0fX08c3BhbiBjbGFzcz1cImNvbG9uXCI+IDo8L3NwYW4+PC9zcGFuPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwidy1mdWxsIGN1c3RvbXNjcm9sbCBjYXB0dXJlLWNvbnRhaW5lciBweS0yIHByLTJcIiAqbmdJZj1cIndpZGdldFZhbHVlLmxlbmd0aD4wXCI+XG4gIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbFwiICpuZ0Zvcj1cImxldCBpbWFnZVdpZGdldCBvZiB3aWRnZXRWYWx1ZTsgbGV0IGk9aW5kZXhcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwdHVyZS1kYXRhLWNvbnRhaW5lciByZWxhdGl2ZSB0ZXh0LWNlbnRlciByb3VuZGVkXCI+XG4gICAgICA8aW1nIFtzcmNdPVwiYmFzZVVybCArIGltYWdlV2lkZ2V0LnRodW1ibmFpbFwiIGNsYXNzPVwiY2FwdHVyZS1pbWFnZVwiIGFsdD1cIi4uLlwiIC8+XG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2Utb3ZlcmxheVwiPlxuICAgICAgICA8YSAqbmdJZj1cIndpZGdldFZhbHVlLmxvbmdpdHVkZSAhPT0gbnVsbCAmJiB3aWRnZXRWYWx1ZS5sYXRpdHVkZSAhPT1udWxsXCIgIHRhcmdldD1cIl9ibGFua1wiPiAgXG4gICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX2xvY2F0aW9uX291dGxpbmVcIiAoY2xpY2spPVwic2hvd0ltYWdlTWFwVmlldyhpbWFnZVdpZGdldClcIiA+PC9tYXQtaWNvbj5cbiAgICAgICAgPC9hPlxuICAgICAgICA8YSB0YXJnZXQ9XCJfYmxhbmtcIj4gXG4gICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19leWVfb3V0bGluZVwiIChjbGljayk9XCJzaG93QW5ub3RhdGlvbkltYWdlKHdpZGdldC5pZGVudGlmaWVyLGkpXCI+PC9tYXQtaWNvbj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPC9kaXY+PC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI2lzV2lkZ2V0VmFsdWVFbXB0eT5cbiAgICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtaW5mbyBjYXB0dXJlLWNvbnRhaW5lclwiPlxuICAgICAgPG1hdC1pY29uIGNsYXNzPVwiYWRkLXRleHRcIiBzdmdJY29uPVwiYXhvX2ltYWdlXCI+PC9tYXQtaWNvbj4gXG4gICAgICA8c3BhbiAqbmdJZj1cInNlY3Rpb24uc2hvd1Byb21wdFwiPnt7d2lkZ2V0LnByb21wdH19PHNwYW4gY2xhc3M9XCJjb2xvblwiPjo8L3NwYW4+PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmbGV4IGp1c3RpZnktc3RhcnRcIj4tPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuICAgICAgXG4gIFxuICAgICAgXG5cblxuICBcbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFuZ3VhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvZm9ybS1vYmplY3QvZm9ybS1vYmplY3Qtdmlldy9mb3JtLW9iamVjdC13aWRnZXRzL2xhbmd1YWdlLXdpZGdldC12aWV3L2xhbmd1YWdlLXdpZGdldC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9sYW5ndWFnZS13aWRnZXQtdmlldy9sYW5ndWFnZS13aWRnZXQtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0lDRXdDLDRCQUFpQztJQUFBLFlBQWlCO0lBQUEsK0JBQW9CO0lBQUEsaUJBQUM7SUFBQSxpQkFBTztJQUFBLGlCQUFPOzs7SUFBcEQsZUFBaUI7SUFBakIsMENBQWlCOzs7SUFLOUosNkJBQW9DO0lBQ2hDLCtCQUFpQztJQUFBLGlCQUFDO0lBQUEsaUJBQU87SUFDM0MsMEJBQWU7OztJQVRqQiw2QkFBb0M7SUFDbEMsOEJBQThCO0lBQzFCLDhCQUE0QztJQUFBLDhCQUF5RDtJQUFDLDZGQUFxRjtJQUMzTCxpQkFBTTtJQUNOLDhCQUFzQztJQUFDLFlBQWU7SUFBQSxpQkFBTTtJQUNoRSxpQkFBTTtJQUVSLDZHQUVpQjtJQVRqQiwwQkFBb0M7OztJQUUrRSxlQUF3QjtJQUF4QixnREFBd0I7SUFFOUYsZUFBZTtJQUFmLGtEQUFlO0lBRzdDLGVBQWtCO0lBQWxCLDBDQUFrQjs7QURBakMsTUFBTSxPQUFPLDJCQUEyQjtJQVF0QyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUNELHlCQUF5QjtRQUN2QixJQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFDO1lBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUksQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUUsS0FBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUN4SDtJQUVILENBQUM7O3NHQWxCVSwyQkFBMkI7OEVBQTNCLDJCQUEyQjtRQ1B4Qyw4RkFBb0M7O1FBQXJCLHVDQUFrQjs7dUZET3BCLDJCQUEyQjtjQUx2QyxTQUFTOzJCQUNFLDBCQUEwQjtzQ0FTMUIsTUFBTTtrQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYW5ndWFnZSB9IGZyb20gJy4uLy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy9sYW5ndWFnZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGFuZ3VhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYW5ndWFnZS13aWRnZXQtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExhbmd1YWdlV2lkZ2V0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgIC8qXG4gICogd2lkZ2V0IG9iamVjdFxuICAqL1xuICAgQElucHV0KCkgd2lkZ2V0OiBMYW5ndWFnZTtcbiAgIHdpZGdldFZhbHVlIDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5DaGFuZ2VWYWx1ZVRvTGFuZ3VhZ2VOYW1lKCk7XG4gIH1cbiAgQ2hhbmdlVmFsdWVUb0xhbmd1YWdlTmFtZSgpe1xuICAgIGlmKHRoaXMud2lkZ2V0LnZhbHVlKXtcbiAgICAgIHRoaXMud2lkZ2V0VmFsdWUgPSAgKCh0eXBlb2YgdGhpcy53aWRnZXQudmFsdWUgKT09PSBcIm9iamVjdFwiKSA/IHRoaXMud2lkZ2V0LnZhbHVlW1wibmFtZVwiXSA6ICB0aGlzLndpZGdldC52YWx1ZVswXS5uYW1lO1xuICAgIH1cbiAgICBcbiAgfVxuICBcblxufVxuIiwiXG48bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0LnZhbHVlXCIgPlxuICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtaW5mb1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLXRpdGxlIGZsZXggdGV4dC1zbVwiPjxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b190ZXh0XCI+PC9tYXQtaWNvbj4gPHNwYW4gKm5nSWY9XCJzZWN0aW9uLnNob3dQcm9tcHRcIj57e3dpZGdldC5wcm9tcHR9fTxzcGFuIGNsYXNzPVwiY29sb25cIj46PC9zcGFuPjwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLXRleHQgdGV4dC1zbVwiPiB7e3dpZGdldFZhbHVlfX08L2Rpdj4gXG4gIDwvZGl2PlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwiIXdpZGdldFZhbHVlXCIgPlxuICAgIDxzcGFuIGNsYXNzPVwiZmxleCBqdXN0aWZ5LXN0YXJ0XCI+LTwvc3Bhbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtYXBwLWNvbW1vbi1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvcGF5bWVudC13aWRnZXQtdmlldy9wYXltZW50LXdpZGdldC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9wYXltZW50LXdpZGdldC12aWV3L3BheW1lbnQtd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQU9qRSxNQUFNLE9BQU8sMEJBQTBCO0lBT3JDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOztvR0FWVSwwQkFBMEI7NkVBQTFCLDBCQUEwQjtRQ1J2Qyx5QkFBRztRQUFBLDBDQUEwQjtRQUFBLGlCQUFJOzt1RkRRcEIsMEJBQTBCO2NBTHRDLFNBQVM7MkJBQ0UseUJBQXlCO3NDQVN2QixNQUFNO2tCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBheW1lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9wYWdlL3dpZGdldHMvcGF5bWVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1wYXltZW50LXdpZGdldC12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BheW1lbnQtd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYXltZW50LXdpZGdldC12aWV3LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGF5bWVudFdpZGdldFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgIC8qXG4gICogd2lkZ2V0IG9iamVjdFxuICAqL1xuICAgICBASW5wdXQoKSB3aWRnZXQ6IFBheW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8cD5wYXltZW50LXdpZGdldC12aWV3IHdvcmtzITwvcD5cbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtYXBwLWNvbW1vbi1saWIvc3JjL2xpYi9mb3JtLW9iamVjdC9mb3JtLW9iamVjdC12aWV3L2Zvcm0tb2JqZWN0LXdpZGdldHMvcXItY29kZS13aWRnZXQtdmlldy9xci1jb2RlLXdpZGdldC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9xci1jb2RlLXdpZGdldC12aWV3L3FyLWNvZGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDbEYsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQzs7Ozs7SUNGeUIsNEJBQWlDO0lBQUEsWUFBaUI7SUFBQSwrQkFBb0I7SUFBQSxpQkFBQztJQUFBLGlCQUFPO0lBQUEsaUJBQU87OztJQUFwRCxlQUFpQjtJQUFqQiwwQ0FBaUI7OztJQUQvSiw2QkFBNkQ7SUFDM0QsOEJBQStDO0lBQUEsOEJBQTJEO0lBQUMsMkZBQXFGO0lBQ2hNLGlCQUFNO0lBQ04sOEJBQXNDO0lBQUMsWUFBZTtJQUFBLGlCQUFNO0lB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QkFBTTtRQUNSLGlCQUFNOzs7UUFuQlcsZUFBb0I7UUFBcEIsdUNBQW9CLGlCQUFBO1FBZXpCLGVBQThGO1FBQTlGLCtIQUE4Rjs7dUZETC9GLHlCQUF5QjtjQUxyQyxTQUFTOzJCQUNFLHlCQUF5QjsyREFTMUIsTUFBTTtrQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFdpZGdldFN1YlR5cGUgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9saWIvZm9ybXMvcGFnZS9jb21tb24vd2lkZ2V0LWVudW1zJztcbmltcG9ydCB7IEF4b01hcCB9IGZyb20gJy4uLy4uLy4uLy4uL2F4by1tYXAvYXhvLW1hcCc7XG5pbXBvcnQgeyBRckNvZGUgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9wYWdlL3dpZGdldHMvcXItY29kZSc7XG5pbXBvcnQgeyBNYXBEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9saWIvbWFwLWRpYWxvZy9tYXAtZGlhbG9nLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1xci1jb2RlLXdpZGdldC12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3FyLWNvZGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9xci1jb2RlLXdpZGdldC12aWV3LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUXJDb2RlV2lkZ2V0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbi8qXG4gICogd2lkZ2V0IG9iamVjdFxuICAqL1xuICBASW5wdXQoKSB3aWRnZXQ6IFFyQ29kZTtcbiAgZGlhbG9nOiBNYXREaWFsb2c7XG5cblxuICB3aWRnZXRWYWx1ZTogc3RyaW5nID0gJyc7XG4gIGxvY2F0aW9ucyA9IG5ldyBBcnJheTxBeG9NYXA+KCk7XG4gIHNob3dNYXA6IGJvb2xlYW4gPSBmYWxzZTtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfaW5qZWN0b3I6IEluamVjdG9yKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLndpZGdldFZhbHVlID0gdGhpcy53aWRnZXQuZ2V0V2lkZ2V0VmFsdWUoKTtcbiAgICBpZih0aGlzLndpZGdldC5zdWJUeXBlID09IFdpZGdldFN1YlR5cGUuc2Nhbl93aXRoX2xvY2F0aW9uKXtcbiAgICAgIGNvbnN0IHZhbHVlID0gSlNPTi5wYXJzZSh0aGlzLndpZGdldFZhbHVlKTtcbiAgICAgIHRoaXMud2lkZ2V0VmFsdWUgPSB2YWx1ZVswXS5kYXRhO1xuICAgICAgY29uc3QgbGF0aXR1ZGUgPSB2YWx1ZVswXT8ubG9jYXRpb24/LmxhdDtcbiAgICAgIGNvbnN0IGxvbmdpdHVkZSA9IHZhbHVlWzBdPy5sb2NhdGlvbj8ubG9uZztcbiAgICAgIC8vY2hlY2tzIHRoZSBsYXQgYW5kIGxvbmcgdmFsdWUgYW5kIHNldCBzaG93TWFwIHZhbHVlLlxuICAgICAgaWYoKGxhdGl0dWRlID09IDAgJiYgbG9uZ2l0dWRlPT0wKSB8fCAhbGF0aXR1ZGUgfHwgIWxvbmdpdHVkZSl7XG4gICAgICAgIHRoaXMuc2hvd01hcCA9IGZhbHNlO1xuICAgICAgfVxuICAgICAgZWxzZXtcbiAgICAgICAgY29uc3QgYXhvTWFwID0gbmV3IEF4b01hcCgpO1xuICAgICAgICBheG9NYXAubGF0aXR1ZGUgPSBsYXRpdHVkZTtcbiAgICAgICAgYXhvTWFwLmxvbmdpdHVkZSA9IGxvbmdpdHVkZTtcbiAgICAgICAgdGhpcy5sb2NhdGlvbnMucHVzaChheG9NYXApO1xuICAgICAgICB0aGlzLnNob3dNYXAgPSB0cnVlO1xuICAgICAgfVxuXG4gICAgfVxuICB9XG4gIC8qKlxuICAgKiBPcGVuIGxvY2F0aW9uIGRpYWxvZ1xuICAgKi9cbiAgIHNob3dMb2NhdGlvblZpZXcoZXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZyA9IHRoaXMuX2luamVjdG9yLmdldChNYXREaWFsb2cpO1xuICAgIHRoaXMuZGlhbG9nLm9wZW4oTWFwRGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICBtYXhXaWR0aDogJzEwMHZ3JyxcbiAgICAgIG1heEhlaWdodDogJzEwMHZoJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIHBhbmVsQ2xhc3M6ICdsb2NhdGlvbi1ib3gtY29udGFpbmVyJyxcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgbG9jYXRpb25zIDogdGhpcy5sb2NhdGlvbnNcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogZW51bSBvZiB3aWRnZXQgc3ViVHlwZVxuICAgKi9cbiAgcHVibGljIGdldCBXaWRnZXRTdWJUeXBlKCk6IHR5cGVvZiBXaWRnZXRTdWJUeXBlIHtcbiAgICByZXR1cm4gV2lkZ2V0U3ViVHlwZTtcbiAgfVxufVxuIiwiXG4gIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC1pbmZvXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldC52YWx1ZTsgZWxzZSBpc1dpZGdldFZhbHVlRW1wdHlcIiA+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1kZXRhaWwtdGl0bGUgZmxleCB0ZXh0LXNtXCIgICA+PG1hdC1pY29uIGNsYXNzPVwiYWRkLXRleHRcIiBzdmdJY29uPVwiYXhvX3FyY29kZVwiPjwvbWF0LWljb24+IDxzcGFuICpuZ0lmPVwic2VjdGlvbi5zaG93UHJvbXB0XCI+e3t3aWRnZXQucHJvbXB0fX08c3BhbiBjbGFzcz1cImNvbG9uXCI+Ojwvc3Bhbj48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC10ZXh0IHRleHQtc21cIj4ge3t3aWRnZXRWYWx1ZX19PC9kaXY+IFxuICAgICAgICAgXG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlICNpc1dpZGdldFZhbHVlRW1wdHk+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC10aXRsZSBmbGV4IHRleHQtc21cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b19xcmNvZGVcIj48L21hdC1pY29uPiBcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic2VjdGlvbi5zaG93UHJvbXB0XCI+e3t3aWRnZXQucHJvbXB0fX08c3BhbiBjbGFzcz1cImNvbG9uXCI+Ojwvc3Bhbj48L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cImZsZXgganVzdGlmeS1zdGFydFwiPi08L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwhLS0gSWYgbG9jYXRpb24gaXMgZW5hYmxlZCBpY29uIGZvciB0cmlnZ2VyaW5nIG1hcC1kaWFsb2cgZ2V0IHZpc2libGUtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwid2lkZ2V0LnN1YlR5cGUgPT09IFdpZGdldFN1YlR5cGUuc2Nhbl93aXRoX2xvY2F0aW9uICYmIHdpZGdldC5jYXB0dXJlTG9jYXRpb24gJiYgc2hvd01hcFwiIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgbG9jYXRpb24tYnRuLWljb24gcm91bmRlZC1tZFwiIChjbGljayk9XCJzaG93TG9jYXRpb25WaWV3KCRldmVudCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBbc3ZnSWNvbl09XCInYXhvX2xvY2F0aW9uX3JlZCdcIiA+PC9tYXQtaWNvbj5cbiAgICAgICAgPC9kaXY+ICAgICAgIFxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwhLS0gSWYgbG9jYXRpb24gaXMgZW5hYmxlZCBtYXAgd2l0aCBtYXJrZXIgZ2V0IHZpc2libGUtLT5cbiAgPCEtLSA8ZGl2ICpuZ0lmPVwid2lkZ2V0LnN1YlR5cGUgPT0gJ3NjYW5fd2l0aF9sb2NhdGlvbicgJiYgd2lkZ2V0LmNhcHR1cmVMb2NhdGlvbiAmJiBzaG93TWFwXCIgY2xhc3M9XCJsb2NhdGlvbi1jb250YWluZXIgaXRlbXMtY2VudGVyIHJvdW5kZWQtbWQgIG10LTRcIj5cbiAgICA8YXhvLW1hcCBbbG9jYXRpb25zXT1cImxvY2F0aW9uc1wiPjwvYXhvLW1hcD5cbiAgPC9kaXY+IC0tPlxuICBcbiAgIl19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmF0dXJlLXdpZGdldC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9zaWduYXR1cmUtd2lkZ2V0LXZpZXcvc2lnbmF0dXJlLXdpZGdldC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0tb2JqZWN0L2Zvcm0tb2JqZWN0LXZpZXcvZm9ybS1vYmplY3Qtd2lkZ2V0cy9zaWduYXR1cmUtd2lkZ2V0LXZpZXcvc2lnbmF0dXJlLXdpZGdldC12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7OztJQ0c3RCw0QkFBaUM7SUFBQSxZQUFpQjtJQUFBLCtCQUFvQjtJQUFBLGlCQUFDO0lBQUEsaUJBQU87SUFBQSxpQkFBTzs7O0lBQXBELGVBQWlCO0lBQWpCLDBDQUFpQjs7O0lBTHRELDZCQUE2RDtJQUM3RCw4QkFBd0Q7SUFDdEQsOEJBQStDO0lBQzdDLDhCQUF3QjtJQUN4Qiw4QkFBOEQ7SUFDOUQsOEZBQXFGO0lBQ3ZGLGlCQUFNO0lBQ0YsOEJBQWlEO0lBQy9DLHlCQUF3RztJQUMxRyxpQkFBTTtJQUNWLGlCQUFNO0lBQ1YsaUJBQU07SUFFUiwwQkFBZTs7O0lBUkEsZUFBd0I7SUFBeEIsZ0RBQXdCO0lBR3RCLGVBQXdEO0lBQXhELHVHQUF3RDs7O0lBV25FLDRCQUFpQztJQUFBLFlBQWlCO0lBQUEsK0JBQW9CO0lBQUEsaUJBQUM7SUFBQSxpQkFBTztJQUFBLGlCQUFPOzs7SUFBcEQsZUFBaUI7SUFBakIsMENBQWlCOzs7SUFGdEQsK0JBQW1DO0lBQy9CLDhCQUE4RDtJQUM5RCw2RkFBcUY7SUFDckYsZ0NBQWlDO0lBQUEsaUJBQUM7SUFBQSxpQkFBTztJQUM3QyxpQkFBTTs7O0lBRkssZUFBd0I7SUFBeEIsZ0RBQXdCOztBRFRyQyxNQUFNLE9BQU8sNEJBQTRCO0lBS3RDO1FBREQsZ0JBQVcsR0FBUSxJQUFJLENBQUM7SUFDUCxDQUFDO0lBRWpCLFFBQVE7UUFDUCxJQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDeEU7SUFDRixDQUFDOzt3R0FYUyw0QkFBNEI7K0VBQTVCLDRCQUE0QjtRQ1ZyQywrRkFhVztRQUdmLDhIQU1jOzs7UUF0QkssdUNBQW9CLGlCQUFBOzt1RkRVMUIsNEJBQTRCO2NBTnhDLFNBQVM7MkJBQ0UsMkJBQTJCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJO3NDQUc3QixNQUFNO2tCQUFkLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgQXhvVXRpbHMgfSBmcm9tICcuLi8uLi8uLi8uLi9heG8tdXRpbHMvYXhvLXV0aWxzJztcbmltcG9ydCB7IFNpZ25hdHVyZSB9IGZyb20gJy4uLy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy9zaWduYXR1cmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc2lnbmF0dXJlLXdpZGdldC12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZ25hdHVyZS13aWRnZXQtdmlldy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NpZ25hdHVyZS13aWRnZXQtdmlldy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uIDogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTaWduYXR1cmVXaWRnZXRWaWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgd2lkZ2V0OiBTaWduYXR1cmU7XG4gIEBJbnB1dCgpIGJhc2VVcmw6IHN0cmluZztcbiAgc2lnbmF0dXJlVmFsdWU6IHN0cmluZztcbiAgd2lkZ2V0VmFsdWU6IGFueSA9IG51bGw7XG4gICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICBuZ09uSW5pdCgpOiB2b2lke1xuICAgIGlmKHRoaXMud2lkZ2V0LnZhbHVlICl7XG4gICAgICB0aGlzLndpZGdldFZhbHVlID0gQXhvVXRpbHMucmVtb3ZlU2xhc2hGcm9tSW1hZ2VVcmwodGhpcy53aWRnZXQudmFsdWUpO1xuICAgIH1cbiAgIH1cblxufVxuIiwiXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldC52YWx1ZTsgZWxzZSBpc1dpZGdldFZhbHVlRW1wdHlcIiA+XG4gICAgPGRpdiBjbGFzcz1cImRhdGEtZGV0YWlsLWluZm9cIiBmeExheW91dEFsaWduPVwiZW5kIHN0YXJ0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWJldHdlZW4gdy1mdWxsIGdhcC00XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC00XCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b19zaWduYXR1cmVcIj48L21hdC1pY29uPiBcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJzZWN0aW9uLnNob3dQcm9tcHRcIj57e3dpZGdldC5wcm9tcHR9fTxzcGFuIGNsYXNzPVwiY29sb25cIj46PC9zcGFuPjwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXB0dXJlLWRhdGEtY29udGFpbmVyIHRleHQtY2VudGVyXCIgPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cImJhc2VVcmwgKyAnL2ltYWdlcy9tZWRpYS9hcHBfZGF0YS8nICt3aWRnZXRWYWx1ZVwiIGNsYXNzPVwiY2FwdHVyZS1pbWFnZSByb3VuZGVkXCIgYWx0PVwiLi4uXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICBcbiAgICAgIFxuPG5nLXRlbXBsYXRlICNpc1dpZGdldFZhbHVlRW1wdHk+XG4gIDxkaXYgY2xhc3M9XCJkYXRhLWRldGFpbC10aXRsZSBtLTBcIj5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImFkZC10ZXh0XCIgc3ZnSWNvbj1cImF4b19zaWduYXR1cmVcIj48L21hdC1pY29uPiBcbiAgICAgIDxzcGFuICpuZ0lmPVwic2VjdGlvbi5zaG93UHJvbXB0XCI+e3t3aWRnZXQucHJvbXB0fX08c3BhbiBjbGFzcz1cImNvbG9uXCI+Ojwvc3Bhbj48L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImZsZXgganVzdGlmeS1zdGFydFwiPi08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=