import { Component, Inject, ViewEncapsulation } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { GeoFence } from '../../../../../forms/page/widgets/geofence';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "@agm/core";
import * as i3 from "@angular/common";
import * as i4 from "@agm/snazzy-info-window";
function ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_agm_snazzy_info_window_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext(4).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(agmOption_r1.note);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_agm_snazzy_info_window_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "agm-snazzy-info-window", 10);
    i0.ɵɵtemplate(1, ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_agm_snazzy_info_window_2_ng_template_1_Template, 2, 1, "ng-template");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const pathsOfMarker_r8 = i0.ɵɵnextContext().$implicit;
    const agmOption_r1 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("panOnOpen", true)("latitude", pathsOfMarker_r8.lat)("longitude", pathsOfMarker_r8.lng)("maxWidth", 400)("maxHeight", 400)("closeWhenOthersOpen", true)("showCloseButton", true)("isOpen", agmOption_r1.isOpen);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_Template(rf, ctx) { if (rf & 1) {
    const _r16 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "ng-conatiner");
    i0.ɵɵelementStart(1, "agm-marker", 8);
    i0.ɵɵlistener("markerClick", function ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_Template_agm_marker_markerClick_1_listener() { i0.ɵɵrestoreView(_r16); const indexOfagm_r2 = i0.ɵɵnextContext(2).index; const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.openSnazzyInfoWindow(indexOfagm_r2); });
    i0.ɵɵtemplate(2, ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_agm_snazzy_info_window_2_Template, 2, 8, "agm-snazzy-info-window", 9);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const pathsOfMarker_r8 = ctx.$implicit;
    const agmOption_r1 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("agmFitBounds", true)("latitude", pathsOfMarker_r8.lat)("longitude", pathsOfMarker_r8.lng);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", agmOption_r1.note);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ng-conatiner");
    i0.ɵɵtemplate(1, ImageMapViewComponent_ng_container_6_ng_conatiner_1_ng_conatiner_1_Template, 3, 4, "ng-conatiner", 7);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", agmOption_r1.path);
} }
function ImageMapViewComponent_ng_container_6_ng_container_2_agm_snazzy_info_window_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext(3).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(agmOption_r1.note);
} }
function ImageMapViewComponent_ng_container_6_ng_container_2_agm_snazzy_info_window_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "agm-snazzy-info-window", 13);
    i0.ɵɵtemplate(1, ImageMapViewComponent_ng_container_6_ng_container_2_agm_snazzy_info_window_2_ng_template_1_Template, 2, 1, "ng-template");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("panOnOpen", true)("latitude", agmOption_r1.path[0].lat)("longitude", agmOption_r1.path[0].lng)("closeWhenOthersOpen", true)("closeOnMapClick", true)("showCloseButton", true)("isOpen", agmOption_r1.isOpen);
} }
function ImageMapViewComponent_ng_container_6_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    const _r25 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "agm-polygon", 11);
    i0.ɵɵlistener("polyClick", function ImageMapViewComponent_ng_container_6_ng_container_2_Template_agm_polygon_polyClick_1_listener() { i0.ɵɵrestoreView(_r25); const indexOfagm_r2 = i0.ɵɵnextContext().index; const ctx_r23 = i0.ɵɵnextContext(); return ctx_r23.openSnazzyInfoWindow(indexOfagm_r2); });
    i0.ɵɵtemplate(2, ImageMapViewComponent_ng_container_6_ng_container_2_agm_snazzy_info_window_2_Template, 2, 7, "agm-snazzy-info-window", 12);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("paths", agmOption_r1.path);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", agmOption_r1.note);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_3_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "agm-polyline-point", 15);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const polylinePath_r29 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("latitude", polylinePath_r29.lat)("longitude", polylinePath_r29.lng);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_3_agm_snazzy_info_window_3_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext(3).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(agmOption_r1.note);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_3_agm_snazzy_info_window_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "agm-snazzy-info-window", 13);
    i0.ɵɵtemplate(1, ImageMapViewComponent_ng_container_6_ng_conatiner_3_agm_snazzy_info_window_3_ng_template_1_Template, 2, 1, "ng-template");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("panOnOpen", true)("latitude", agmOption_r1.path[0].lat)("longitude", agmOption_r1.path[0].lng)("closeWhenOthersOpen", true)("closeOnMapClick", true)("showCloseButton", true)("isOpen", agmOption_r1.isOpen);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_3_Template(rf, ctx) { if (rf & 1) {
    const _r35 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "ng-conatiner");
    i0.ɵɵelementStart(1, "agm-polyline", 14);
    i0.ɵɵlistener("lineClick", function ImageMapViewComponent_ng_container_6_ng_conatiner_3_Template_agm_polyline_lineClick_1_listener() { i0.ɵɵrestoreView(_r35); const indexOfagm_r2 = i0.ɵɵnextContext().index; const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.openSnazzyInfoWindow(indexOfagm_r2); });
    i0.ɵɵtemplate(2, ImageMapViewComponent_ng_container_6_ng_conatiner_3_ng_container_2_Template, 2, 2, "ng-container", 7);
    i0.ɵɵtemplate(3, ImageMapViewComponent_ng_container_6_ng_conatiner_3_agm_snazzy_info_window_3_Template, 2, 7, "agm-snazzy-info-window", 12);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", agmOption_r1.path);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", agmOption_r1.note);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "agm-circle", 16);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const circlePath_r38 = ctx.$implicit;
    const ctx_r37 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("latitude", circlePath_r38.lat)("longitude", circlePath_r38.lng)("radius", ctx_r37.radius)("fillColor", "red")("circleDraggable", false)("editable", false);
} }
function ImageMapViewComponent_ng_container_6_ng_conatiner_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ng-conatiner");
    i0.ɵɵtemplate(1, ImageMapViewComponent_ng_container_6_ng_conatiner_4_ng_container_1_Template, 2, 6, "ng-container", 7);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const agmOption_r1 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", agmOption_r1.path);
} }
function ImageMapViewComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0, 5);
    i0.ɵɵtemplate(1, ImageMapViewComponent_ng_container_6_ng_conatiner_1_Template, 2, 1, "ng-conatiner", 6);
    i0.ɵɵtemplate(2, ImageMapViewComponent_ng_container_6_ng_container_2_Template, 3, 2, "ng-container", 6);
    i0.ɵɵtemplate(3, ImageMapViewComponent_ng_container_6_ng_conatiner_3_Template, 4, 2, "ng-conatiner", 6);
    i0.ɵɵtemplate(4, ImageMapViewComponent_ng_container_6_ng_conatiner_4_Template, 2, 1, "ng-conatiner", 6);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const agmOption_r1 = ctx.$implicit;
    i0.ɵɵproperty("ngSwitch", agmOption_r1.type);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngSwitchCase", "marker");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngSwitchCase", "polygon");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngSwitchCase", "polyline");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngSwitchCase", "circle");
} }
export class ImageMapViewComponent {
    constructor(dialogRef, data) {
        this.dialogRef = dialogRef;
        this.data = data;
        // Google Map latitude
        this.latitude = 0;
        // Google Map longitude
        this.longitude = 0;
        // Google Map zoom level
        this.zoom = 12;
        // Common object create for agm shapes value
        this.agmMangerOption = [];
        this.widget = data.widget;
        this.widgetValue = data.widgetValue;
        this.widgetProperties = data.widgetProperties;
    }
    ngOnInit() {
        // get gps widget value from to gps class
        if (this.widgetValue && this.widgetValue.length) {
            this.setWidgetShapesValue();
        }
    }
    /**
     * Set widget latitude and longitude to agm drwaing
     */
    setWidgetShapesValue() {
        if (this.widget instanceof GeoFence) {
            this.widgetValue.forEach((pathOfShapes) => {
                const path = pathOfShapes.centerLocationValue;
                const pathLatLong = [{ lng: path.longitude, lat: path.latitude }];
                this.agmMangerOption.push({ type: pathOfShapes.type, note: pathOfShapes.note, path: pathLatLong, isOpen: false });
                this.agmMangerOption.push({ type: 'circle', note: pathOfShapes.note, path: pathLatLong, isOpen: false });
                this.latitude = path.latitude;
                this.longitude = path.longitude;
            });
            this.radius = this.widgetProperties.radius;
            this.zoom = this.widgetProperties.mapZoomLevel ? parseInt(this.widgetProperties.mapZoomLevel) : 15;
        }
        else {
            this.widgetValue.forEach((pathOfShapes) => {
                const polygonPath = [];
                pathOfShapes.value.forEach((path) => {
                    const pathLatLong = { lng: path.longitude, lat: path.latitude };
                    polygonPath.push(pathLatLong);
                });
                this.agmMangerOption.push({ type: pathOfShapes.type, note: pathOfShapes.note, path: polygonPath, isOpen: false });
            });
            this.latitude = this.widgetValue[0].value[0].latitude;
            this.longitude = this.widgetValue[0].value[0].longitude;
            this.zoom = parseInt(this.widgetProperties.mapZoomLevel ? this.widgetProperties.mapZoomLevel : "15");
        }
    }
    /**
     * Open shapes note message in tooltip
     * @param indexOfagm
     */
    openSnazzyInfoWindow(indexOfagm) {
        this.agmMangerOption[indexOfagm].isOpen = !this.agmMangerOption[indexOfagm].isOpen;
        this.agmMangerOption.forEach((agmValue, agmIndex) => {
            if (agmIndex === indexOfagm) {
                this.latitude = agmValue.path[0].lat;
                this.longitude = agmValue.path[0].lng;
                agmValue.isOpen = true;
            }
            else {
                agmValue.isOpen = false;
            }
        });
    }
    /**
     * Close image Map dialog
     */
    closeDialog() {
        this.dialogRef.close(false);
    }
}
ImageMapViewComponent.ɵfac = function ImageMapViewComponent_Factory(t) { return new (t || ImageMapViewComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
ImageMapViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ImageMapViewComponent, selectors: [["lib-image-map-view"]], decls: 7, vars: 3, consts: [[1, "popup-container", "image-map-view-container"], [1, "close-icon", 3, "click"], [1, "image-map-body"], [3, "zoom", "fitBounds"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngFor", "ngForOf"], [3, "agmFitBounds", "latitude", "longitude", "markerClick"], [3, "panOnOpen", "latitude", "longitude", "maxWidth", "maxHeight", "closeWhenOthersOpen", "showCloseButton", "isOpen", 4, "ngIf"], [3, "panOnOpen", "latitude", "longitude", "maxWidth", "maxHeight", "closeWhenOthersOpen", "showCloseButton", "isOpen"], ["fillColor", "#8e8e8e", "fillOpacity", ".35", "strokeColor", "#32a1d0", 3, "paths", "polyClick"], [3, "panOnOpen", "latitude", "longitude", "closeWhenOthersOpen", "closeOnMapClick", "showCloseButton", "isOpen", 4, "ngIf"], [3, "panOnOpen", "latitude", "longitude", "closeWhenOthersOpen", "closeOnMapClick", "showCloseButton", "isOpen"], [3, "lineClick"], [3, "latitude", "longitude"], [3, "latitude", "longitude", "radius", "fillColor", "circleDraggable", "editable"]], template: function ImageMapViewComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "h1");
        i0.ɵɵtext(2, "Image location");
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(3, "button", 1);
        i0.ɵɵlistener("click", function ImageMapViewComponent_Template_button_click_3_listener() { return ctx.closeDialog(); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(4, "div", 2);
        i0.ɵɵelementStart(5, "agm-map", 3);
        i0.ɵɵtemplate(6, ImageMapViewComponent_ng_container_6_Template, 5, 5, "ng-container", 4);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵadvance(5);
        i0.ɵɵproperty("zoom", ctx.zoom)("fitBounds", true);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngForOf", ctx.agmMangerOption);
    } }, directives: [i2.AgmMap, i3.NgForOf, i3.NgSwitch, i3.NgSwitchCase, i2.AgmMarker, i2.AgmFitBounds, i3.NgIf, i4.AgmSnazzyInfoWindow, i2.AgmPolygon, i2.AgmPolyline, i2.AgmPolylinePoint, i2.AgmCircle], styles: [".image-map-view-container .image-map-body{width:fit-content;height:fit-content}.image-map-view-container .image-map-body agm-map{display:block;height:50vh;width:50vw}.cdk-global-overlay-wrapper:has(.image-map-box-container){justify-content:center!important;align-items:center!important}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container .popup-body{max-height:70vh;overflow:auto}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label:not(.mat-slide-toggle-label){display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container label:not(.mat-slide-toggle-label) sup{color:#dc2626}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0;cursor:pointer}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #DC2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageMapViewComponent, [{
        type: Component,
        args: [{ selector: 'lib-image-map-view', encapsulation: ViewEncapsulation.None, template: "<div class=\"popup-container image-map-view-container\">\n    <h1>Image location</h1>\n    <button class=\"close-icon\" (click)=\"closeDialog()\"></button>\n    <div class=\"image-map-body\">\n        <agm-map [zoom]=\"zoom\" [fitBounds]=\"true\">\n            <ng-container *ngFor=\"let agmOption of agmMangerOption;let indexOfagm=index;\"\n            [ngSwitch]=\"agmOption.type\">\n                <!-----------Markers shapes content-->\n                <ng-conatiner *ngSwitchCase=\"'marker'\"> \n                    <ng-conatiner *ngFor=\"let pathsOfMarker of agmOption.path\">\n                        <agm-marker \n                            [agmFitBounds]=\"true\" \n                            [latitude]=\"pathsOfMarker.lat\" \n                            [longitude]=\"pathsOfMarker.lng\" \n                            (markerClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n                            <agm-snazzy-info-window \n                                *ngIf=\"agmOption.note\"\n                                [panOnOpen]=\"true\" \n                                [latitude]=\"pathsOfMarker.lat\" \n                                [longitude]=\"pathsOfMarker.lng\"  \n                                [maxWidth]=\"400\" \n                                [maxHeight]=\"400\"\n                                [closeWhenOthersOpen]=\"true\" \n                                [showCloseButton]=\"true\" \n                                [isOpen]=\"agmOption.isOpen\">\n                                <ng-template>\n                                    <div>{{agmOption.note}}</div>\n                                </ng-template>\n                            </agm-snazzy-info-window>\n                        </agm-marker>\n                    </ng-conatiner>\n                </ng-conatiner>\n                <!-----------Polygon shapes content-->\n                <ng-container *ngSwitchCase=\"'polygon'\">\n                    <agm-polygon \n                        [paths]=\"agmOption.path\" \n                        fillColor=\"#8e8e8e\" \n                        fillOpacity=\".35\" \n                        strokeColor=\"#32a1d0\"\n                        (polyClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n                        <agm-snazzy-info-window \n                            *ngIf=\"agmOption.note\"\n                            [panOnOpen]=\"true\" \n                            [latitude]=\"agmOption.path[0].lat\" \n                            [longitude]=\"agmOption.path[0].lng\"  \n                            [closeWhenOthersOpen]=\"true\"\n                            [closeOnMapClick]=\"true\" \n                            [showCloseButton]=\"true\" \n                            [isOpen]=\"agmOption.isOpen\">\n                            <ng-template>\n                                <div>{{agmOption.note}}</div>\n                            </ng-template>\n                        </agm-snazzy-info-window>\n                    </agm-polygon>\n                </ng-container>\n                <!-----------Polyline shapes content-->\n                <ng-conatiner *ngSwitchCase=\"'polyline'\">\n                    <agm-polyline (lineClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n                        <ng-container *ngFor=\"let polylinePath of agmOption.path\">\n                            <agm-polyline-point [latitude]=\"polylinePath.lat\" [longitude]=\"polylinePath.lng\">\n                            </agm-polyline-point>\n                        </ng-container>\n                        <agm-snazzy-info-window \n                            *ngIf=\"agmOption.note\"\n                            [panOnOpen]=\"true\" \n                            [latitude]=\"agmOption.path[0].lat\" \n                            [longitude]=\"agmOption.path[0].lng\"  \n                            [closeWhenOthersOpen]=\"true\"\n                            [closeOnMapClick]=\"true\" \n                            [showCloseButton]=\"true\" \n                            [isOpen]=\"agmOption.isOpen\">\n                            <ng-template>\n                                <div>{{agmOption.note}}</div>\n                            </ng-template>\n                        </agm-snazzy-info-window>\n                    </agm-polyline>\n                </ng-conatiner>\n                <!-----------Circle shapes content-->\n                <ng-conatiner *ngSwitchCase=\"'circle'\">\n                    <ng-container *ngFor=\"let circlePath of agmOption.path\">\n                        <agm-circle \n                        [latitude]=\"circlePath.lat\" \n                        [longitude]=\"circlePath.lng\"\n                        [radius]=\"radius\"\n                        [fillColor]=\"'red'\"\n                        [circleDraggable]=\"false\"\n                        [editable]=\"false\">\n                        </agm-circle>\n                    </ng-container>\n                </ng-conatiner>\n            </ng-container>\n        </agm-map>\n    </div>\n</div>\n", styles: [".image-map-view-container .image-map-body{width:fit-content;height:fit-content}.image-map-view-container .image-map-body agm-map{display:block;height:50vh;width:50vw}.cdk-global-overlay-wrapper:has(.image-map-box-container){justify-content:center!important;align-items:center!important}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container .popup-body{max-height:70vh;overflow:auto}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label:not(.mat-slide-toggle-label){display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container label:not(.mat-slide-toggle-label) sup{color:#dc2626}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0;cursor:pointer}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #DC2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"] }]
    }], function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                type: Inject,
                args: [MAT_DIALOG_DATA]
            }] }]; }, null); })();
//# sourceMappingURL=data:application/json;base64, 