{"version":3,"sources":["webpack:///./src/views/vesselTracking/EditZone.vue?66a9","webpack:///./src/views/vesselTracking/EditZone.vue?9ac7","webpack:///src/views/vesselTracking/EditZone.vue","webpack:///./src/views/vesselTracking/EditZone.vue?eaad","webpack:///./src/views/vesselTracking/EditZone.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticStyle","staticClass","$t","model","value","callback","$$v","nameZone","expression","_v","_s","selectVesselGroup","rule","$set","_l","item","index","key","text","on","$event","addDetectionRules","selectMove","polygon","cricle","polyline","darwPolygon","darwCircle","darwPolyLine","insertZone","line","rules","staticRenderFns","data","stopRadius","stopperiod","email","selectEvent","options1","google","geocoder","map","drawingManager","selectedShape","colors","selectedColor","colorButtons","typeExciseTanker","typeExciseTankerShipping","drawingtype","myCoordinates","zone_polygons","zone_circles","zone_lines","event","stop_radius","stop_period","email_list","detection_rules","chkDelete","zone","to_s","name","accessEmail","accessToken","zoneEdit","fullUrlZone","urlZone","dataLatLngEdit","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","_this","wrap","_context","prev","next","$vs","loading","localStorage","getItem","$store","dispatch","JSON","parse","console","log","substring","initMap","all","require","axios","get","concat","API_BASE_URL","headers","then","response","convertLstLng","close","catch","error","stop","apply","arguments","watch","methods","darwPolygonok","pathss","paths","pLine","maps","Polyline","path","geodesic","strokeColor","strokeOpacity","strokeWeight","setMap","pt","LatLng","lat","lng","setCenter","setZoom","_this2","_loop","i","date","stringify","area_data","len","length","tmpData","setTimeout","push","setDrawingMode","_this3","dataZone","insetZoneData","toObject","dataCircle","insertCircle","toObjectCircle","dataLine","path_data","insertLine","toObjectLine","dataEvent","insertEvent","toObjectEvent","vessel_group_ids","zone_polygons_attributes","zone_circles_attributes","zone_lines_attributes","detection_rules_attributes","post","notify","title","color","iconPack","position","icon","time","$router","arr","rv","fnInsertToObPolygon","fnInsertToObline","_initMap","_callee2","latlng","options","_context2","gmapsInit","sent","Geocoder","zoom","center","streetViewControl","mapTypeControl","mapTypeId","MapTypeId","ROADMAP","fullscreenControl","gestureHandling","Map","$el","querySelector","trigger","fnAreaColor","t0","addGeoJson","setStyle","feature","getProperty","fillColor","clearSelection","setEditable","setSelection","shape","selectColor","deleteSelectedShape","splice","j","longitude","latitude","polylineOptions","set","rectangleOptions","circleOptions","polygonOptions","setSelectedShapeColor","type","drawing","OverlayType","POLYLINE","makeColorButton","_this4","button","document","createElement","className","style","backgroundColor","addDomListener","buildColorPalette","colorPalette","getElementById","currColor","colorButton","appendChild","_google$maps$drawing$","_this5","polyOptions","fillOpacity","editable","DrawingManager","drawingMode","POLYGON","drawingControl","markerOptions","draggable","_defineProperty","addListener","e","newShape","overlay","getPath","getArray","toFixed","forEach","latLng","toString","_google$maps$drawing$2","_this6","CIRCLE","MARKER","getCenter","radius","getRadius","activeDraw","circle","_google$maps$drawing$3","_this7","initDrawManager","_this8","drawingControlOptions","ControlPosition","BOTTOM_RIGHT","drawingModes","RECTANGLE","alert","join","marker","getPosition","rectangle","getBounds","showArrays","vertices","contentString","getLength","xy","getAt","infoWindow","setContent","setPosition","open","components","VuePerfectScrollbar","component"],"mappings":"mHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,SAASF,EAAG,MAAM,CAACG,YAAY,CAAC,cAAc,QAAQ,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,OAAO,OAAO,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,OAAO,CAACF,EAAG,WAAW,CAACI,YAAY,SAASF,MAAM,CAAC,MAAQN,EAAIS,GAAG,aAAaC,MAAM,CAACC,MAAOX,EAAY,SAAEY,SAAS,SAAUC,GAAMb,EAAIc,SAASD,GAAKE,WAAW,cAAcX,EAAG,cAAcA,EAAG,IAAI,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,mBAAmBL,EAAG,MAAM,CAACI,YAAY,iBAAiBD,YAAY,CAAC,YAAY,WAAW,CAACH,EAAG,cAAc,CAACE,MAAM,CAAC,WAAW,KAAKI,MAAM,CAACC,MAAOX,EAAqB,kBAAEY,SAAS,SAAUC,GAAMb,EAAIkB,kBAAkBL,GAAKE,WAAW,sBAAsB,CAACf,EAAIgB,GAAG,mBAAmBZ,EAAG,cAAc,CAACE,MAAM,CAAC,WAAW,KAAKI,MAAM,CAACC,MAAOX,EAAqB,kBAAEY,SAAS,SAAUC,GAAMb,EAAIkB,kBAAkBL,GAAKE,WAAW,sBAAsB,CAACf,EAAIgB,GAAG,6BAA6B,GAAGZ,EAAG,cAAcA,EAAG,IAAI,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,qBAAqBL,EAAG,YAAY,CAACI,YAAY,uBAAuBF,MAAM,CAAC,YAAc,eAAe,MAAQ,SAASI,MAAM,CAACC,MAAOX,EAAImB,KAAU,MAAEP,SAAS,SAAUC,GAAMb,EAAIoB,KAAKpB,EAAImB,KAAM,QAASN,IAAME,WAAW,eAAef,EAAIqB,GAAIrB,EAAY,UAAE,SAASsB,EAAKC,GAAO,OAAOnB,EAAG,iBAAiB,CAACoB,IAAID,EAAMjB,MAAM,CAAC,MAAQgB,EAAKX,MAAM,KAAOW,EAAKG,WAAU,GAAGrB,EAAG,MAAM,CAACI,YAAY,iBAAiBD,YAAY,CAAC,YAAY,SAAS,aAAa,QAAQ,CAACH,EAAG,WAAW,CAACI,YAAY,SAASF,MAAM,CAAC,MAAQN,EAAIS,GAAG,eAAeC,MAAM,CAACC,MAAOX,EAAImB,KAAgB,YAAEP,SAAS,SAAUC,GAAMb,EAAIoB,KAAKpB,EAAImB,KAAM,cAAeN,IAAME,WAAW,sBAAsBX,EAAG,WAAW,CAACI,YAAY,SAASF,MAAM,CAAC,MAAQN,EAAIS,GAAG,eAAeC,MAAM,CAACC,MAAOX,EAAImB,KAAgB,YAAEP,SAAS,SAAUC,GAAMb,EAAIoB,KAAKpB,EAAImB,KAAM,cAAeN,IAAME,WAAW,uBAAuB,GAAGX,EAAG,QAAQ,CAACG,YAAY,CAAC,YAAY,OAAO,aAAa,QAAQD,MAAM,CAAC,IAAM,UAAU,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,iBAAiBL,EAAG,cAAc,CAACG,YAAY,CAAC,mBAAmB,QAAQ,OAAS,gCAAgCD,MAAM,CAAC,GAAK,SAASI,MAAM,CAACC,MAAOX,EAAImB,KAAe,WAAEP,SAAS,SAAUC,GAAMb,EAAIoB,KAAKpB,EAAImB,KAAM,aAAcN,IAAME,WAAW,qBAAqBX,EAAG,YAAY,CAACI,YAAY,SAASF,MAAM,CAAC,MAAQ,UAAU,YAAY,UAAU,KAAO,aAAaoB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,uBAAuB,CAAC5B,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,YAAY,GAAGL,EAAG,SAAS,CAACI,YAAY,OAAOF,MAAM,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,OAAO,CAACF,EAAG,MAAM,CAACI,YAAY,iBAAiBD,YAAY,CAAC,YAAY,SAAS,aAAa,QAAQ,CAACH,EAAG,YAAY,CAACI,YAAY,SAASD,YAAY,CAAC,OAAS,OAAOD,MAAM,CAAC,MAAQ,UAAU,YAAY,UAAU,KAAO,aAAaoB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI6B,gBAAgB,CAAC7B,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,gBAAgBL,EAAG,YAAY,CAACI,YAAY,SAASD,YAAY,CAAC,OAAS,OAAOD,MAAM,CAAC,MAAQ,UAAU,YAAY,UAAU,KAAO,sBAAsBoB,GAAG,CAAC,MAAQ,SAASC,GAAQ3B,EAAI8B,SAAQ,EAAK9B,EAAI+B,QAAO,EAAM/B,EAAIgC,UAAS,EAAMhC,EAAIiC,iBAAiB,CAACjC,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,eAAeL,EAAG,YAAY,CAACI,YAAY,SAASD,YAAY,CAAC,OAAS,OAAOD,MAAM,CAAC,MAAQ,UAAU,YAAY,UAAU,KAAO,eAAeoB,GAAG,CAAC,MAAQ,SAASC,GAAQ3B,EAAI+B,QAAO,EAAK/B,EAAI8B,SAAQ,EAAM9B,EAAIgC,UAAS,EAAMhC,EAAIkC,gBAAgB,CAAClC,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,cAAcL,EAAG,YAAY,CAACI,YAAY,SAASD,YAAY,CAAC,OAAS,OAAOD,MAAM,CAAC,MAAQ,UAAU,YAAY,UAAU,KAAO,cAAcoB,GAAG,CAAC,MAAQ,SAASC,GAAQ3B,EAAIgC,UAAS,EAAKhC,EAAI+B,QAAO,EAAM/B,EAAI8B,SAAQ,EAAM9B,EAAImC,kBAAkB,CAACnC,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,iBAAiB,GAAGL,EAAG,MAAMA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,mBAAmBF,EAAG,MAAM,CAACI,YAAY,UAAU,CAACJ,EAAG,MAAM,CAACI,YAAY,mCAAmC,CAACJ,EAAG,YAAY,CAACI,YAAY,SAASF,MAAM,CAAC,YAAY,UAAU,KAAO,aAAaoB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAIoC,gBAAgB,CAACpC,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,aAAa,GAAGL,EAAG,MAAM,CAACI,YAAY,mCAAmC,CAACJ,EAAG,YAAY,CAACI,YAAY,SAASF,MAAM,CAAC,GAAK,gBAAgB,MAAQ,SAAS,YAAY,UAAU,KAAO,iBAAiB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIS,GAAG,eAAe,KAAKL,EAAG,sBAAsB,CAACI,YAAY,2CAA2C,CAACJ,EAAG,iBAAiB,CAACE,MAAM,CAAC,MAAQN,EAAIS,GAAG,cAAcL,EAAG,UAAUJ,EAAIqB,GAAIrB,EAAiB,eAAE,SAAS8B,EAAQP,GAAO,OAAOnB,EAAG,eAAe,CAACoB,IAAID,GAAO,CAACnB,EAAG,IAAI,CAACJ,EAAIgB,GAAG,WAAWhB,EAAIiB,GAAGM,EAAM,GAAG,OAAOvB,EAAIgB,GAAG,mBAAmBhB,EAAIiB,GAAGa,GAAS,uBAAsB,GAAG1B,EAAG,iBAAiB,CAACE,MAAM,CAAC,MAAQN,EAAIS,GAAG,aAAaL,EAAG,UAAUJ,EAAIqB,GAAIrB,EAAgB,cAAE,SAAS+B,EAAOR,GAAO,OAAOnB,EAAG,eAAe,CAACoB,IAAID,EAAMf,YAAY,QAAQ,CAACJ,EAAG,IAAI,CAACJ,EAAIgB,GAAG,UAAUhB,EAAIiB,GAAGM,EAAM,GAAG,OAAOvB,EAAIgB,GAAG,mBAAmBhB,EAAIiB,GAAGc,GAAQ,uBAAsB,GAAG3B,EAAG,iBAAiB,CAACE,MAAM,CAAC,MAAQN,EAAIS,GAAG,eAAeL,EAAG,UAAUJ,EAAIqB,GAAIrB,EAAc,YAAE,SAASqC,EAAKd,GAAO,OAAOnB,EAAG,eAAe,CAACoB,IAAID,GAAO,CAACnB,EAAG,IAAI,CAACJ,EAAIgB,GAAG,QAAQhB,EAAIiB,GAAGM,EAAM,GAAG,OAAOvB,EAAIgB,GAAG,mBAAmBhB,EAAIiB,GAAGoB,GAAM,uBAAsB,GAAGjC,EAAG,iBAAiB,CAACE,MAAM,CAAC,MAAQN,EAAIS,GAAG,oBAAoBL,EAAG,UAAUJ,EAAIqB,GAAIrB,EAAmB,iBAAE,SAASsC,EAAMf,GAAO,OAAOnB,EAAG,eAAe,CAACoB,IAAID,GAAO,CAACnB,EAAG,IAAI,CAACJ,EAAIgB,GAAG,SAAShB,EAAIiB,GAAGM,EAAM,GAAG,OAAOvB,EAAIgB,GAAG,mBAAmBhB,EAAIiB,GAAGqB,GAAO,uBAAsB,IAAI,IAAI,IAAI,IAAI,MACj2KC,EAAkB,G,gLCmJP,G,oBAAA,CACfC,KAAA,WACA,OACAtB,kBAAA,GACAuB,WAAA,GACAC,WAAA,GACAC,MAAA,GACAC,YAAA,GACAC,SAAA,CACA,CAAApB,KAAA,QAAAd,MAAA,SACA,CAAAc,KAAA,OAAAd,MAAA,QACA,CAAAc,KAAA,QAAAd,MAAA,SACA,CAAAc,KAAA,OAAAd,MAAA,SAEAmC,OAAA,KACAC,SAAA,KACAjC,SAAA,KACAkC,IAAA,KACAC,eAAA,KACAC,cAAA,KACAC,OAAA,oDACAC,cAAA,KACAC,aAAA,GACAC,iBAAA,KACAC,yBAAA,KACAC,YAAA,KACAC,cAAA,GACAC,cAAA,GACAC,aAAA,GACAC,WAAA,GACAzC,KAAA,CACA0C,MAAA,GACAC,YAAA,GACAC,YAAA,GACAC,WAAA,IAEAC,gBAAA,GACAC,UAAA,GACAC,KAAA,CACAC,KAAA,GACAC,KAAA,IAEAC,YAAA,GACAC,YAAA,GACAxC,QAAA,EACAD,SAAA,EACAE,UAAA,EACAwC,SAAA,GACAC,YAAA,GACAC,QAAA,GACAC,eAAA,KAIAC,QAAA,eAAAC,EAAAC,eAAAC,mBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,YAAAH,mBAAAI,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAYA,OAXA,KAAAC,IAAAC,UACA,KAAAlB,YAAAmB,aAAAC,QAAA,eACA,KAAAnB,YAAAkB,aAAAC,QAAA,eACA,KAAAC,OAAAC,SAAA,+BAEA,KAAAnB,YAAAoB,KAAAC,MAAAL,aAAAC,QAAA,mBAEAK,QAAAC,IAAA,gBAAAvB,aACA,KAAAC,QAAA,KAAAD,YAAAwB,UAAA,IACAF,QAAAC,IAAA,eAAAtB,SACA,KAAAwB,UACA,KAAAC,IAAAC,EAAA,QAAAhB,EAAAE,KAAA,GACAe,IACAC,IAAA,GAAAC,OAAAC,QAAAD,OAAA,KAAA7B,SAAA,CACA+B,QAAA,CACA,oBAAAnC,YACA,oBAAAC,eAGAmC,MAAA,SAAAC,GACAzB,EAAApE,SAAA6F,EAAAnE,KAAA6B,KACAa,EAAAxB,cAAAiD,EAAAnE,KAAAkB,cACAwB,EAAAvB,aAAAgD,EAAAnE,KAAAmB,aACAuB,EAAAtB,WAAA+C,EAAAnE,KAAAoB,WACAsB,EAAA0B,gBAEA1B,EAAAK,IAAAC,QAAAqB,WAEAC,OAAA,SAAAC,GACAhB,QAAAC,IAAA,oBAAAe,MACA,yBAAA3B,EAAA4B,UAAA/B,EAAA,mCAAAJ,EAAAoC,MAAA,KAAAC,YA/BA,GAiCAC,MAAA,GACAC,QAAA,CACAC,cAAA,SAAAC,GACAvB,QAAAC,IAAA,OAAAsB,GAEA,IAAAC,EAAAD,EACAE,EAAA,IAAA1E,OAAA2E,KAAAC,SAAA,CACAC,KAAAJ,EACAK,UAAA,EACAC,YAAA,UACAC,cAAA,EACAC,aAAA,IAEAP,EAAAQ,OAAA,KAAAhF,KACA,IAAAiF,EAAA,IAAAnF,OAAA2E,KAAAS,OAAAX,EAAA,GAAAY,IAAAZ,EAAA,GAAAa,KACA,KAAApF,IAAAqF,UAAAJ,GACA,KAAAjF,IAAAsF,QAAA,IAEA1B,cAAA,eAAA2B,EAAA,KACAxC,QAAAC,IAAA,0BAAAtC,eACA,IADA,IAAA8E,EAAA,SACAC,GACA,IAAAC,EAAA7C,KAAA8C,UAAAJ,EAAA7E,cAAA+E,GAAAG,WACAC,EAAAH,EAAAI,OAGAC,GAFAN,EAAA,EAEA,IACA,MAAAA,EAAAI,EAAA,CACA,MAAAJ,EACAM,GAAA,oBAEA,OAAAL,EAAAD,IACA,QACAM,GAAA,KAEAA,GAAA,cACA,MACA,QACAA,GAAA,aACA,MACA,QAIAA,GADAN,EAAA,GAAAI,EACAH,EAAAD,EAAA,GAEAC,EAAAD,GAKAA,IAEAM,GAAA,OAEAhD,QAAAC,IAAA+C,GAEAhD,QAAAC,IAAA,SAAAH,KAAAC,MAAAiD,IACAC,YAAA,WACAT,EAAAlB,cAAAxB,KAAAC,MAAAiD,MACA,MAvCAN,EAAA,EAAAA,EAAA,KAAA/E,cAAAoF,OAAAL,IAAAD,EAAAC,IA0CA7G,kBAAA,WACAmE,QAAAC,IAAA,YACA,KAAA/B,gBAAAgF,KAAA,KAAA9H,MACA,KAAAA,KAAA,IAEAU,WAAA,WACA,KAAAoB,iBACA,KAAAA,eAAAiG,eAAA,MACA,KAAAjG,eAAA,OAGAb,WAAA,WAGA,IAHA,IAAA+G,EAAA,KAEAC,EAAA,GACAX,EAAA,EAAAA,EAAA,KAAA/E,cAAAoF,OAAAL,IACAW,EAAAH,KAAA,CAAAL,UAAA,KAAAlF,cAAA+E,KAEA,IAAAY,EAAA,GACAA,EAAA,KAAAC,SAAAF,GAGA,IAAAG,EAAA,GACA,IAAAd,EAAA,EAAAA,EAAA,KAAA9E,aAAAmF,OAAAL,IACAc,EAAAN,KAAA,KAAAtF,aAAA8E,IAEA,IAAAe,EAAA,GACAA,EAAA,KAAAC,eAAAF,GAGA,IAAAG,EAAA,GACA,IAAAjB,EAAA,EAAAA,EAAA,KAAA7E,WAAAkF,OAAAL,IACAiB,EAAAT,KAAA,CAAAU,UAAA,KAAA/F,WAAA6E,KAEA,IAAAmB,EAAA,GACAA,EAAA,KAAAC,aAAAH,GAGA,IAAAI,EAAA,GACA,IAAArB,EAAA,EAAAA,EAAA,KAAAxE,gBAAA6E,OAAAL,IACAqB,EAAAb,KAAA,KAAAhF,gBAAAwE,IAEA,IAAAsB,EAAA,GACAA,EAAA,KAAAC,cAAAF,GAGA,IAAA3F,EAAA,CACAE,KAAA,KAAAvD,SACAmJ,iBAAA,KAAA/I,kBACAgJ,yBAAAb,EACAc,wBAAAX,EACAY,sBAAAR,EACAS,2BAAAN,GAEAhE,QAAAC,IAAA,iBAAA7B,GACAkC,IACAiE,KAAA,GAAA/D,OACAC,OAAA,qBACA,CAAArC,QACA,CACAsC,QAAA,CACA,oBAAAnC,YACA,oBAAAC,eAIAmC,MAAA,SAAAC,GACAZ,QAAAC,IAAAW,EAAAnE,MACA2G,EAAA5D,IAAAgF,OAAA,CACAC,MAAArB,EAAA1I,GAAA,WACAgB,KAAA0H,EAAA1I,GAAA,sBACAgK,MAAA,UACAC,SAAA,UACAC,SAAA,aACAC,KAAA,oBACAC,KAAA,MAEA1B,EAAArI,SAAA,GACAqI,EAAAzF,cAAA,GACAyF,EAAAxF,aAAA,GACAwF,EAAAvF,WAAA,GACAuF,EAAA2B,QAAA7B,KAAA,eAEAnC,OAAA,SAAAC,GACAhB,QAAAC,IAAAe,GACAoC,EAAA5D,IAAAgF,OAAA,CACAC,MAAArB,EAAA1I,GAAA,SACAgB,KAAAsF,EACA0D,MAAA,SACAC,SAAA,UACAC,SAAA,aACAC,KAAA,oBACAC,KAAA,UAIAvB,SAAA,SAAAyB,GAEA,IADA,IAAAC,EAAA,GACAvC,EAAA,EAAAA,EAAAsC,EAAAjC,SAAAL,EAAAuC,EAAAvC,GAAAsC,EAAAtC,GAEA,OADA1C,QAAAC,IAAA,gBAAAgF,GACAA,GAEAvB,eAAA,SAAAsB,GAEA,IADA,IAAAC,EAAA,GACAvC,EAAA,EAAAA,EAAAsC,EAAAjC,SAAAL,EAAAuC,EAAAvC,GAAAsC,EAAAtC,GAEA,OADA1C,QAAAC,IAAA,cAAAgF,GACAA,GAEAnB,aAAA,SAAAkB,GAEA,IADA,IAAAC,EAAA,GACAvC,EAAA,EAAAA,EAAAsC,EAAAjC,SAAAL,EAAAuC,EAAAvC,GAAAsC,EAAAtC,GAEA,OADA1C,QAAAC,IAAA,cAAAgF,GACAA,GAEAhB,cAAA,SAAAe,GAEA,IADA,IAAAC,EAAA,GACAvC,EAAA,EAAAA,EAAAsC,EAAAjC,SAAAL,EAAAuC,EAAAvC,GAAAsC,EAAAtC,GAEA,OADA1C,QAAAC,IAAA,cAAAgF,GACAA,GAEAC,oBAAA,WACA,KAAAvH,cAAAuF,KAAA,KAAAxF,eACA,KAAAA,cAAA,IAEAyH,iBAAA,WACA,KAAAtH,WAAAqF,KAAA,KAAAxF,eACA,KAAAA,cAAA,IAEAyC,QAAA,eAAAiF,EAAArG,eAAAC,mBAAAC,MAAA,SAAAoG,IAAA,IAAAC,EAAAC,EAAA,OAAAvG,mBAAAI,MAAA,SAAAoG,GAAA,eAAAA,EAAAlG,KAAAkG,EAAAjG,MAAA,cAAAiG,EAAAlG,KAAA,EAAAkG,EAAAjG,KAAA,EAEAkG,iBAAA,YAAA1I,OAAAyI,EAAAE,KACA,KAAA1I,SAAA,IAAAD,OAAA2E,KAAAiE,SACAL,EAAA,IAAAvI,OAAA2E,KAAAS,OAAA,sBACAoD,EAAA,CACAK,KAAA,EACAC,OAAAP,EACAQ,mBAAA,EACAC,gBAAA,EACAC,UAAAjJ,OAAA2E,KAAAuE,UAAAC,QACAC,mBAAA,EACAC,gBAAA,UAGA,KAAAnJ,IAAA,IAAAF,OAAA2E,KAAA2E,IAAA,KAAAC,IAAAC,cAAA,QAAAhB,GACAxI,OAAA2E,KAAA5D,MAAA0I,QAAA,KAAAvJ,IAAA,UACA,KAAAwJ,cAAAjB,EAAAjG,KAAA,iBAAAiG,EAAAlG,KAAA,GAAAkG,EAAAkB,GAAAlB,EAAA,YAEAxF,QAAAgB,MAAAwE,EAAAkB,IAAA,yBAAAlB,EAAAvE,UAAAoE,EAAA,4CAAAD,EAAAlE,MAAA,KAAAC,YAnBA,GAsBAsF,YAAA,WACA,KAAAxJ,IAAAR,KAAAkK,WAAA,KAAAvG,KACA,KAAAnD,IAAAR,KAAAmK,UAAA,SAAAC,GACA,IAAAnC,EAAAmC,EAAAC,YAAA,SAQA,MAPA,OAAApC,EACAA,EAAA,MACA,SAAAA,EACAA,EAAA,UACA,QAAAA,IACAA,EAAA,WAEA,CACAqC,UAAArC,EACA1C,aAAA,OAKAgF,eAAA,WACA,KAAA7J,gBACA,KAAAA,cAAA8J,aAAA,GACA,KAAA9J,cAAA,OAGA+J,aAAA,SAAAC,GACA,KAAAH,iBACA,KAAA7J,cAAAgK,EACAA,EAAAF,aAAA,GACA,KAAAG,YAAAD,EAAA5G,IAAA,cAAA4G,EAAA5G,IAAA,iBAEA8G,oBAAA,WAIA,GAHA,KAAAlK,eACA,KAAAA,cAAA8E,OAAA,MAEA,QAAAlG,QACA,QAAA2G,EAAA,EAAAA,EAAA,KAAA/E,cAAAoF,OAAAL,IACA,KAAA/E,cAAA+E,IAAA,KAAAvE,WACA,KAAAR,cAAA2J,OAAA5E,EAAA,GAIA,WAAA1G,OACA,QAAAuL,EAAA,EAAAA,EAAA,KAAA3J,aAAAmF,OAAAwE,IAEA,KAAA3J,aAAA2J,GAAAC,WAAA,KAAArJ,UAAAqJ,WACA,KAAA5J,aAAA2J,GAAAE,UAAA,KAAAtJ,UAAAsJ,UAEA,KAAA7J,aAAA0J,OAAAC,EAAA,GAIA,WAAAtL,SAAA,CACA+D,QAAAC,IAAA,YACA,QAAAsH,EAAA,EAAAA,EAAA,KAAA1J,WAAAkF,OAAAwE,IACA,KAAA1J,WAAA0J,IAAA,KAAApJ,WACA,KAAAN,WAAAyJ,OAAAC,EAAA,KAKAH,YAAA,SAAA1C,GACA,KAAArH,cAAAqH,EACA,QAAAhC,EAAA,EAAAA,EAAA,KAAAtF,OAAA2F,SAAAL,EACA,KAAAtF,OAAAsF,GAOA,IAAAgF,EAAA,KAAAxK,eAAAqD,IAAA,mBACAmH,EAAA5F,YAAA4C,EACA,KAAAxH,eAAAyK,IAAA,kBAAAD,GAEA,IAAAE,EAAA,KAAA1K,eAAAqD,IAAA,oBACAqH,EAAAb,UAAArC,EACA,KAAAxH,eAAAyK,IAAA,mBAAAC,GAEA,IAAAC,EAAA,KAAA3K,eAAAqD,IAAA,iBACAsH,EAAAd,UAAArC,EACA,KAAAxH,eAAAyK,IAAA,gBAAAE,GAEA,IAAAC,EAAA,KAAA5K,eAAAqD,IAAA,kBACAuH,EAAAf,UAAArC,EACA,KAAAxH,eAAAyK,IAAA,iBAAAG,IAEAC,sBAAA,SAAArD,GACA,KAAAvH,gBAEA,KAAAA,cAAA6K,MAAAjL,OAAA2E,KAAAuG,QAAAC,YAAAC,SAEA,KAAAhL,cAAAwK,IAAA,cAAAjD,GAEA,KAAAvH,cAAAwK,IAAA,YAAAjD,KAIA0D,gBAAA,SAAA1D,GAAA,IAAA2D,EAAA,KACAC,EAAAC,SAAAC,cAAA,QAQA,OAPAF,EAAAG,UAAA,eACAH,EAAAI,MAAAC,gBAAAjE,EACA3H,OAAA2E,KAAA5D,MAAA8K,eAAAN,EAAA,oBACAD,EAAAjB,YAAA1C,GACA2D,EAAAN,sBAAArD,MAGA4D,GAEAO,kBAAA,WAEA,IADA,IAAAC,EAAAP,SAAAQ,eAAA,iBACArG,EAAA,EAAAA,EAAA,KAAAtF,OAAA2F,SAAAL,EAAA,CACA,IAAAsG,EAAA,KAAA5L,OAAAsF,GACAuG,EAAA,KAAAb,gBAAAY,GACAF,EAAAI,YAAAD,GACA,KAAA3L,aAAA0L,GAAAC,EAEA,KAAA7B,YAAA,KAAAhK,OAAA,KAEAlB,YAAA,eAAAiN,EAAAC,EAAA,KACA,KAAAtN,aACA,IAAAuN,EAAA,CACArH,aAAA,EACAsH,YAAA,IACAC,UAAA,GAEA,KAAArM,eAAA,IAAAH,OAAA2E,KAAAuG,QAAAuB,gBAAAL,EAAA,CACAM,YAAA1M,OAAA2E,KAAAuG,QAAAC,YAAAwB,QACAC,gBAAA,EACA7B,eAAAuB,EACAO,cAAA,CACAC,WAAA,GAEAnC,gBAAA,CACA6B,UAAA,GAEA3B,iBAAAyB,EACAxB,cAAAwB,GAAAS,eAAAX,EAAA,iBACAE,GAAAS,eAAAX,EAAA,MACA,KAAAlM,KAAAkM,IAEApM,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,mBACA,SAAA8M,GACAZ,EAAAjL,UAAA,GACAiL,EAAApN,QAAA,EACAoN,EAAArN,SAAA,EACAqN,EAAAnN,UAAA,EAIA,IAAAgO,EAAAD,EAAAE,QACA1I,EAAAwI,EAAAE,QAAAC,UAAAC,WAEAH,EAAAjC,KAAAgC,EAAAhC,KACAjL,OAAA2E,KAAA5D,MAAAiM,YAAAE,EAAA,kBAAAD,GACAZ,EAAApN,QAAA,EACAoN,EAAArN,SAAA,EACAqN,EAAAnN,UAAA,EAEA,IAAAuF,EAAAyI,EAAAE,UAAAC,WACAhB,EAAAjL,UAAA,GACAiL,EAAA1L,cAAA,GACA,QAAAgF,EAAA,EAAAA,EAAAlB,EAAAuB,OAAAL,IAAA,CACA,IAAAN,EAAAZ,EAAAkB,GAAAN,MACAC,EAAAb,EAAAkB,GAAAL,MACA+G,EAAA1L,cAAA,GAAA8C,OAAA4I,EAAA1L,cAAA,KAAA8C,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IACAjB,EAAAjL,UAAA,GAAAqC,OAAA4I,EAAAjL,UAAA,KAAAqC,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IAEAjB,EAAAlC,aAAA+C,MAEAb,EAAAlC,aAAA+C,GAEAb,EAAA1L,cAAA,GACA,QAAAgF,EAAA,EAAAA,EAAAlB,EAAAuB,OAAAL,IAAA,CACA,IAAAN,EAAAZ,EAAAkB,GAAAN,MACAC,EAAAb,EAAAkB,GAAAL,MACA+G,EAAA1L,cAAA,GAAA8C,OAAA4I,EAAA1L,cAAA,KAAA8C,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IACAjB,EAAAjL,UAAA,GAAAqC,OAAA4I,EAAAjL,UAAA,KAAAqC,OAAA6B,EAAAgI,QAAA,QAAA7J,OAAA4B,EAAAiI,QACA,IAGAjB,EAAAlE,yBAIAnI,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,mBACA,SAAAnB,GACAgB,OAAA2E,KAAA5D,MAAAiM,YAAAhO,EAAA,kBAAAiO,GACAZ,EAAAjL,UAAA,GACAiL,EAAApN,QAAA,EACAoN,EAAArN,SAAA,EACAqN,EAAAnN,UAAA,EACA,IAAAuF,EAAAzF,EAAAoO,UAAAC,WACAhB,EAAA1L,cAAA,GACA0L,EAAAjL,UAAA,GACA,QAAAuE,EAAA,EAAAA,EAAAlB,EAAAuB,OAAAL,IAAA,CACA,IAAAN,EAAAZ,EAAAkB,GAAAN,MACAC,EAAAb,EAAAkB,GAAAL,MACA+G,EAAA1L,cAAA,GAAA8C,OAAA4I,EAAA1L,cAAA,KAAA8C,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IACAjB,EAAAjL,UAAA,GAAAqC,OAAA4I,EAAAjL,UAAA,KAAAqC,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IAEA,IAAArF,EAAA,GACAjJ,EAAAoO,UAAAG,SAAA,SAAAC,GACAvF,EAAA9B,KAAAqH,EAAAC,qBAKAzN,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,sBACA,KAAA8J,gBAEAjK,OAAA2E,KAAA5D,MAAAiM,YAAA,KAAA9M,IAAA,aAAA+J,gBACAjK,OAAA2E,KAAA5D,MAAA8K,eACAL,SAAAQ,eAAA,iBACA,QACA,KAAA1B,sBAGAlL,WAAA,eAAAsO,EAAAC,EAAA,KACA,KAAA5O,aACA,IAAAuN,EAAA,CACArH,aAAA,EACAsH,YAAA,IACAC,UAAA,GAEA,KAAArM,eAAA,IAAAH,OAAA2E,KAAAuG,QAAAuB,gBAAAiB,EAAA,CACAhB,YAAA1M,OAAA2E,KAAAuG,QAAAC,YAAAyC,OACAhB,gBAAA,EACA7B,eAAAuB,EACAO,cAAA,CACAC,WAAA,GAEAnC,gBAAA,CACA6B,UAAA,GAEA3B,iBAAAyB,EACAxB,cAAAwB,GAAAS,eAAAW,EAAA,iBACApB,GAAAS,eAAAW,EAAA,MACA,KAAAxN,KAAAwN,IAEA1N,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,mBACA,SAAA8M,GAEA,GAAAA,EAAAhC,MAAAjL,OAAA2E,KAAAuG,QAAAC,YAAA0C,OAAA,CACA,IAAAX,EAAAD,EAAAE,QACAD,EAAAjC,KAAAgC,EAAAhC,KAEAjL,OAAA2E,KAAA5D,MAAAiM,YAAAE,EAAA,kBAAAD,GACAU,EAAAvM,UAAA,GACAuM,EAAA1O,QAAA,EACA0O,EAAA3O,SAAA,EACA2O,EAAAzO,UAAA,EACAyO,EAAAvM,UAAA,CACAqJ,UAAAyC,EACAY,YACAxI,MACAgI,QAAA,GACA5C,SAAAwC,EACAY,YACAzI,MACAiI,QAAA,GACAS,OAAAb,EAAAc,YAAAV,QAAA,IAEAK,EAAAxD,aAAA+C,GACAjK,QAAAC,IAAA,oBAEAyK,EAAAxD,aAAA+C,GAGAS,EAAAM,YAAA,KAIAjO,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,kBACA,SAAA+N,GACAP,EAAAvM,UAAA,GACAuM,EAAA1O,QAAA,EACA0O,EAAA3O,SAAA,EACA2O,EAAAzO,UAAA,EACAyO,EAAA9M,aAAAsF,KAAA,CACAsE,UAAAyD,EACAJ,YACAxI,MACAgI,QAAA,GACA5C,SAAAwD,EACAJ,YACAzI,MACAiI,QAAA,GACAS,OAAAG,EAAAF,YAAAV,QAAA,KAEAK,EAAAvM,UAAA,CACAqJ,UAAAyD,EACAJ,YACAxI,MACAgI,QAAA,GACA5C,SAAAwD,EACAJ,YACAzI,MACAiI,QAAA,GACAS,OAAAG,EAAAF,YAAAV,QAAA,IAEAtN,OAAA2E,KAAA5D,MAAAiM,YAAAkB,EAAA,kBAAAjB,GACAU,EAAAvM,UAAA,GACAuM,EAAA1O,QAAA,EACA0O,EAAA3O,SAAA,EACA2O,EAAAzO,UAAA,EACAyO,EAAAvM,UAAA,CACAqJ,UAAAyD,EACAJ,YACAxI,MACAgI,QAAA,GACA5C,SAAAwD,EACAJ,YACAzI,MACAiI,QAAA,GACAS,OAAAG,EAAAF,YAAAV,QAAA,UAKAtN,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,sBACA,KAAA8J,gBAEAjK,OAAA2E,KAAA5D,MAAAiM,YAAA,KAAA9M,IAAA,aAAA+J,gBACAjK,OAAA2E,KAAA5D,MAAA8K,eACAL,SAAAQ,eAAA,iBACA,QACA,KAAA1B,sBAGAjL,aAAA,eAAA8O,EAAAC,EAAA,KACA,KAAAnP,QAAA,EACA,KAAAD,SAAA,EACA,KAAAE,UAAA,EACA,KAAAH,aACA,IAAAuN,EAAA,CACArH,aAAA,EACAsH,YAAA,IACAC,UAAA,GAGA,KAAArM,eAAA,IAAAH,OAAA2E,KAAAuG,QAAAuB,gBAAA0B,EAAA,CACAzB,YAAA1M,OAAA2E,KAAAuG,QAAAC,YAAAC,SACAwB,gBAAA,EACA7B,eAAAuB,EACAO,cAAA,CACAC,WAAA,GAEAnC,gBAAA,CACA6B,UAAA,GAEA3B,iBAAAyB,EACAxB,cAAAwB,GAAAS,eAAAoB,EAAA,iBACA7B,GAAAS,eAAAoB,EAAA,MACA,KAAAjO,KAAAiO,IAEAnO,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,mBACA,SAAA8M,GAIA,GAHAmB,EAAAnP,QAAA,EACAmP,EAAApP,SAAA,EACAoP,EAAAlP,UAAA,EACA+N,EAAAhC,MAAAjL,OAAA2E,KAAAuG,QAAAC,YAAA0C,OAAA,CACA,IAAAX,EAAAD,EAAAE,QACAD,EAAAjC,KAAAgC,EAAAhC,KACAjL,OAAA2E,KAAA5D,MAAAiM,YAAAE,EAAA,kBAAAD,GACAmB,EAAAnP,QAAA,EACAmP,EAAApP,SAAA,EACAoP,EAAAlP,UAAA,EACA,IAAAK,EAAA2N,EAAAE,UAAAC,WACAe,EAAAhN,UAAA,GACA,QAAAuE,EAAA,EAAAA,EAAApG,EAAAyG,OAAAL,IAAA,CACA,IAAAN,EAAA9F,EAAAoG,GAAAN,MACAC,EAAA/F,EAAAoG,GAAAL,MACA8I,EAAAhN,UAAA,GAAAqC,OAAA2K,EAAAhN,UAAA,KAAAqC,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IAEArK,QAAAC,IAAA,cAAAkL,EAAAhN,WACAgN,EAAAjE,aAAA+C,MAEAkB,EAAAjE,aAAA+C,GAGA,IAAA3N,EAAA0N,EAAAE,QAAAC,UAAAC,WACAe,EAAAhN,UAAA,GACAgN,EAAAzN,cAAA,GACA,QAAAgF,EAAA,EAAAA,EAAApG,EAAAyG,OAAAL,IAAA,CACA,IAAAN,EAAA9F,EAAAoG,GAAAN,MACAC,EAAA/F,EAAAoG,GAAAL,MACArC,QAAAC,IAAA,MAAAmC,GACApC,QAAAC,IAAA,MAAAoC,GACA8I,EAAAzN,cAAA,GAAA8C,OAAA2K,EAAAzN,cAAA,KAAA8C,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,IACAc,EAAAhN,UAAA,GAAAqC,OAAA2K,EAAAhN,UAAA,KAAAqC,OAAA6B,EAAAgI,QAAA,QAAA7J,OAAA4B,EAAAiI,QACA,IAGAc,EAAAtN,WAAAqF,KAAAiI,EAAAzN,kBAGAX,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,oBACA,SAAAjB,GACAc,OAAA2E,KAAA5D,MAAAiM,YAAA9N,EAAA,kBAAA+N,GACAmB,EAAAnP,QAAA,EACAmP,EAAApP,SAAA,EACAoP,EAAAlP,UAAA,EAEA,IAAAK,EAAA2N,SAAAE,UAAAC,WACAe,EAAAhN,UAAA,GACA,QAAAuE,EAAA,EAAAA,EAAApG,EAAAyG,OAAAL,IAAA,CACA,IAAAN,EAAA9F,EAAAoG,GAAAN,MACAC,EAAA/F,EAAAoG,GAAAL,MACA8I,EAAAhN,UAAA,GAAAqC,OAAA2K,EAAAhN,UAAA,KAAAqC,OAAA6B,EAAAgI,QACA,GACA,KAAA7J,OAAA4B,EAAAiI,QAAA,QAGArK,QAAAC,IAAA,WAGAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,sBACA,KAAA8J,gBAEAjK,OAAA2E,KAAA5D,MAAAiM,YAAA,KAAA9M,IAAA,aAAA+J,gBACAjK,OAAA2E,KAAA5D,MAAA8K,eACAL,SAAAQ,eAAA,iBACA,QACA,KAAA1B,sBAGA+D,gBAAA,eAAAC,EAAA,KACAhC,EAAA,CACArH,aAAA,EACAsH,YAAA,IACAC,UAAA,GAIA,KAAArM,eAAA,IAAAH,OAAA2E,KAAAuG,QAAAuB,eAAA,CAEAG,gBAAA,EACA2B,sBAAA,CACA1G,SAAA7H,OAAA2E,KAAA6J,gBAAAC,aACAC,aAAA,CACA1O,OAAA2E,KAAAuG,QAAAC,YAAA0C,OACA7N,OAAA2E,KAAAuG,QAAAC,YAAAyC,OACA5N,OAAA2E,KAAAuG,QAAAC,YAAAwB,QACA3M,OAAA2E,KAAAuG,QAAAC,YAAAC,SACApL,OAAA2E,KAAAuG,QAAAC,YAAAwD,YAGA9B,cAAA,CACAC,WAAA,GAEAnC,gBAAA,CACA6B,UAAA,GAEA3B,iBAAAyB,EACAxB,cAAAwB,EACAvB,eAAAuB,EACApM,IAAA,KAAAA,MAGAF,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,mBACA,SAAA8M,GAIA,GAAAA,EAAAhC,MAAAjL,OAAA2E,KAAAuG,QAAAC,YAAA0C,OAAA,CACA,IAAAX,EAAAD,EAAAE,QACAD,EAAAjC,KAAAgC,EAAAhC,KACAjL,OAAA2E,KAAA5D,MAAAiM,YAAAE,EAAA,kBAAAD,GACAqB,EAAAnE,aAAA+C,MAEAoB,EAAAnE,aAAA+C,GAGAjK,QAAAC,IAAA,wBAIAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,mBACA,SAAAnB,GACAgB,OAAA2E,KAAA5D,MAAAiM,YAAAhO,EAAA,kBAAAiO,GACA,IAAAhF,EAAA,GACAjJ,EAAAoO,UAAAG,SAAA,SAAAC,GACAvF,EAAA9B,KAAAqH,EAAAC,eAEAmB,MAAA3G,EAAA4G,KAAA,WAEA5L,QAAAC,IAAA,cAIAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,kBACA,SAAA+N,GACAlO,OAAA2E,KAAA5D,MAAAiM,YAAAkB,EAAA,kBAAAjB,GACA2B,MAAAV,EAAAJ,YAAA,MAAAI,EAAAF,gBAEA/K,QAAAC,IAAA,aAGAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,kBACA,SAAA2O,GACA9O,OAAA2E,KAAA5D,MAAAiM,YAAA8B,EAAA,kBAAA7B,GACA2B,MAAAE,EAAAC,kBAEA9L,QAAAC,IAAA,aAGAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,oBACA,SAAAjB,GACAc,OAAA2E,KAAA5D,MAAAiM,YAAA9N,EAAA,kBAAA+N,GACA,IAAAhF,EAAA,GACA/I,EAAAkO,UAAAG,SAAA,SAAAC,GACAvF,EAAA9B,KAAAqH,EAAAC,eAEAmB,MAAA3G,EAAA4G,KAAA,WAEA5L,QAAAC,IAAA,WAGAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,qBACA,SAAA6O,GACAhP,OAAA2E,KAAA5D,MAAAiM,YAAAgC,EAAA,kBAAA/B,GACA2B,MAAAI,EAAAC,gBAEAhM,QAAAC,IAAA,gBAMAlD,OAAA2E,KAAA5D,MAAAiM,YACA,KAAA7M,eACA,sBACA,KAAA8J,gBAEAjK,OAAA2E,KAAA5D,MAAAiM,YAAA,KAAA9M,IAAA,aAAA+J,gBACAjK,OAAA2E,KAAA5D,MAAA8K,eACAL,SAAAQ,eAAA,iBACA,QACA,KAAA1B,qBAGA,KAAAwB,qBAEAoD,WAAA,SAAAnO,GAYA,IAXA,IAAAoO,EAAA,KAAA/B,UAEAgC,EACA,4DAEArO,EAAAyM,OAAAnI,MACA,IACAtE,EAAAyM,OAAAlI,MACA,OAGAK,EAAA,EAAAA,EAAAwJ,EAAAE,YAAA1J,IAAA,CACA,IAAA2J,EAAAH,EAAAI,MAAA5J,GACAyJ,GACA,kBAAAzJ,EAAA,QAAA2J,EAAAjK,MAAA,IAAAiK,EAAAhK,MAIAkK,WAAAC,WAAAL,GACAI,WAAAE,YAAA3O,EAAAyM,QAEAgC,WAAAG,KAAA,KAAAzP,OAGA0P,WAAA,CACAC,2BCniCmY,I,yBCQ/XC,EAAY,eACd,EACA7S,EACAwC,GACA,EACA,KACA,WACA,MAIa,aAAAqQ,E","file":"js/chunk-6fc55d56.fdaaa5f7.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditZone.vue?vue&type=style&index=0&id=b239f2c8&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{attrs:{\"id\":\"map\"}}),_c('div',{staticStyle:{\"margin-left\":\"5px\"}},[_c('vs-row',{attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{attrs:{\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('NameZone')},model:{value:(_vm.nameZone),callback:function ($$v) {_vm.nameZone=$$v},expression:\"nameZone\"}}),_c('vs-divider'),_c('b',[_vm._v(_vm._s(_vm.$t('VesselGroup')))]),_c('div',{staticClass:\"demo-alignment\",staticStyle:{\"flex-wrap\":\"nowrap\"}},[_c('vs-checkbox',{attrs:{\"vs-value\":\"1\"},model:{value:(_vm.selectVesselGroup),callback:function ($$v) {_vm.selectVesselGroup=$$v},expression:\"selectVesselGroup\"}},[_vm._v(\"Excise-tanker\")]),_c('vs-checkbox',{attrs:{\"vs-value\":\"2\"},model:{value:(_vm.selectVesselGroup),callback:function ($$v) {_vm.selectVesselGroup=$$v},expression:\"selectVesselGroup\"}},[_vm._v(\"Excise-tanker-shipping\")])],1),_c('vs-divider'),_c('b',[_vm._v(_vm._s(_vm.$t('DetectionRule')))]),_c('vs-select',{staticClass:\"selectExample w-full\",attrs:{\"placeholder\":\"Select Event\",\"label\":\"Event\"},model:{value:(_vm.rule.event),callback:function ($$v) {_vm.$set(_vm.rule, \"event\", $$v)},expression:\"rule.event\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('div',{staticClass:\"demo-alignment\",staticStyle:{\"flex-wrap\":\"nowrap\",\"margin-top\":\"5px\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('StopRadius')},model:{value:(_vm.rule.stop_radius),callback:function ($$v) {_vm.$set(_vm.rule, \"stop_radius\", $$v)},expression:\"rule.stop_radius\"}}),_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('StopPeriod')},model:{value:(_vm.rule.stop_period),callback:function ($$v) {_vm.$set(_vm.rule, \"stop_period\", $$v)},expression:\"rule.stop_period\"}})],1),_c('label',{staticStyle:{\"font-size\":\"12px\",\"margin-top\":\"60px\"},attrs:{\"for\":\"email\"}},[_vm._v(_vm._s(_vm.$t('EmailList')))]),_c('vs-textarea',{staticStyle:{\"background-color\":\"white\",\"border\":\"1px solid rgba(0, 0, 0, 0.2)\"},attrs:{\"id\":\"email\"},model:{value:(_vm.rule.email_list),callback:function ($$v) {_vm.$set(_vm.rule, \"email_list\", $$v)},expression:\"rule.email_list\"}}),_c('vs-button',{staticClass:\"w-full\",attrs:{\"color\":\"warning\",\"icon-pack\":\"feather\",\"icon\":\"icon-plus\"},on:{\"click\":function($event){return _vm.addDetectionRules()}}},[_vm._v(_vm._s(_vm.$t('Add')))])],1),_c('vs-col',{staticClass:\"mt-3\",attrs:{\"vs-lg\":\"8\",\"vs-sm\":\"8\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"demo-alignment\",staticStyle:{\"flex-wrap\":\"nowrap\",\"margin-top\":\"5px\"}},[_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-move\"},on:{\"click\":function($event){return _vm.selectMove()}}},[_vm._v(_vm._s(_vm.$t('Selected')))]),_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-alert-octagon\"},on:{\"click\":function($event){_vm.polygon=true,_vm.cricle=false,_vm.polyline=false,_vm.darwPolygon()}}},[_vm._v(_vm._s(_vm.$t('Polygon')))]),_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"warning\",\"icon-pack\":\"feather\",\"icon\":\"icon-circle\"},on:{\"click\":function($event){_vm.cricle=true,_vm.polygon=false,_vm.polyline=false,_vm.darwCircle()}}},[_vm._v(_vm._s(_vm.$t('Circle')))]),_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-minus\"},on:{\"click\":function($event){_vm.polyline=true,_vm.cricle=false,_vm.polygon=false,_vm.darwPolyLine()}}},[_vm._v(_vm._s(_vm.$t('Polyline')))])],1),_c('br'),_c('div',{attrs:{\"id\":\"color-palette\"}}),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"lg:w-1/2 md:w-1/2 lx:w-1/2 pr-1\"},[_c('vs-button',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-save\"},on:{\"click\":function($event){return _vm.insertZone()}}},[_vm._v(_vm._s(_vm.$t('Save')))])],1),_c('div',{staticClass:\"lg:w-1/2 md:w-1/2 lx:w-1/2 pl-1\"},[_c('vs-button',{staticClass:\"w-full\",attrs:{\"id\":\"delete-button\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash-2\"}},[_vm._v(_vm._s(_vm.$t('Delete')))])],1)]),_c('VuePerfectScrollbar',{staticClass:\"scroll-area--dataDrawing pt-4 pb-6 pr-2\"},[_c('vs-list-header',{attrs:{\"title\":_vm.$t('Polygon')}}),_c('vs-list',_vm._l((_vm.zone_polygons),function(polygon,index){return _c('vs-list-item',{key:index},[_c('b',[_vm._v(\"polygon \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n              \"+_vm._s(polygon)+\"\\n            \")])}),1),_c('vs-list-header',{attrs:{\"title\":_vm.$t('Circle')}}),_c('vs-list',_vm._l((_vm.zone_circles),function(cricle,index){return _c('vs-list-item',{key:index,staticClass:\"ml-0\"},[_c('b',[_vm._v(\"Cricle \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n              \"+_vm._s(cricle)+\"\\n            \")])}),1),_c('vs-list-header',{attrs:{\"title\":_vm.$t('Polyline')}}),_c('vs-list',_vm._l((_vm.zone_lines),function(line,index){return _c('vs-list-item',{key:index},[_c('b',[_vm._v(\"Line \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n              \"+_vm._s(line)+\"\\n            \")])}),1),_c('vs-list-header',{attrs:{\"title\":_vm.$t('DetectionRule')}}),_c('vs-list',_vm._l((_vm.detection_rules),function(rules,index){return _c('vs-list-item',{key:index},[_c('b',[_vm._v(\"rules \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n              \"+_vm._s(rules)+\"\\n            \")])}),1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n      <div id=\"map\"></div>\n    <div style=\"margin-left:5px\">\n      <vs-row vs-w=\"12\">\n        <vs-col vs-lg=\"4\" vs-sm=\"4\" vs-xs=\"12\">\n          <vs-input :label=\"$t('NameZone')\" v-model=\"nameZone\" class=\"w-full\" />\n          <vs-divider></vs-divider>\n          <b>{{ $t('VesselGroup') }}</b>\n          <div class=\"demo-alignment\" style=\"flex-wrap: nowrap;\">\n            <vs-checkbox v-model=\"selectVesselGroup\" vs-value=\"1\">Excise-tanker</vs-checkbox>\n            <vs-checkbox v-model=\"selectVesselGroup\" vs-value=\"2\">Excise-tanker-shipping</vs-checkbox>\n          </div>\n          <vs-divider></vs-divider>\n          <b>{{$t('DetectionRule')}}</b>\n          <vs-select\n            placeholder=\"Select Event\"\n            class=\"selectExample w-full\"\n            label=\"Event\"\n            v-model=\"rule.event\"\n          >\n            <vs-select-item\n              :key=\"index\"\n              :value=\"item.value\"\n              :text=\"item.text\"\n              v-for=\"(item,index) in options1\"\n            />\n          </vs-select>\n          <div class=\"demo-alignment\" style=\"flex-wrap: nowrap;margin-top:5px\">\n            <vs-input :label=\"$t('StopRadius')\" v-model=\"rule.stop_radius\" class=\"w-full\" />\n            <vs-input :label=\"$t('StopPeriod')\" v-model=\"rule.stop_period\" class=\"w-full\" />\n          </div>\n          <label for=\"email\" style=\"font-size:12px;margin-top:60px;\">{{$t('EmailList')}}</label>\n          <vs-textarea\n            id=\"email\"\n            v-model=\"rule.email_list\"\n            style=\"background-color: white;border: 1px solid rgba(0, 0, 0, 0.2);\"\n          />\n          <vs-button\n            @click=\"addDetectionRules()\"\n            class=\"w-full\"\n            color=\"warning\"\n            icon-pack=\"feather\"\n            icon=\"icon-plus\"\n          >{{ $t('Add') }}</vs-button>\n        </vs-col>\n\n        <vs-col vs-lg=\"8\" vs-sm=\"8\" vs-xs=\"12\" class=\"mt-3\">\n          <div class=\"demo-alignment\" style=\"flex-wrap: nowrap;margin-top:5px\">\n            <vs-button\n              style=\"margin:3px\"\n              @click=\"selectMove()\"\n              class=\"w-full\"\n              color=\"primary\"\n              icon-pack=\"feather\"\n              icon=\"icon-move\"\n            >{{$t('Selected')}}</vs-button>\n            <vs-button\n              style=\"margin:3px\"\n              @click=\"polygon=true,cricle=false,polyline=false,darwPolygon()\"\n              class=\"w-full\"\n              color=\"success\"\n              icon-pack=\"feather\"\n              icon=\"icon-alert-octagon\"\n            >{{$t('Polygon')}}</vs-button>\n            <vs-button\n              style=\"margin:3px\"\n              @click=\"cricle=true,polygon=false,polyline=false,darwCircle()\"\n              class=\"w-full\"\n              color=\"warning\"\n              icon-pack=\"feather\"\n              icon=\"icon-circle\"\n            >{{$t('Circle')}}</vs-button>\n            <vs-button\n              style=\"margin:3px\"\n              @click=\"polyline=true,cricle=false,polygon=false,darwPolyLine()\"\n              class=\"w-full\"\n              color=\"primary\"\n              icon-pack=\"feather\"\n              icon=\"icon-minus\"\n            >{{$t('Polyline')}}</vs-button>\n          </div>\n          <br />\n          <div id=\"color-palette\"></div>\n          <div class=\"vx-row\">\n            <div class=\"lg:w-1/2 md:w-1/2 lx:w-1/2 pr-1\">\n              <vs-button\n                class=\"w-full\"\n                @click=\"insertZone()\"\n                icon-pack=\"feather\"\n                icon=\"icon-save\"\n              >{{ $t('Save') }}</vs-button>\n            </div>\n            <div class=\"lg:w-1/2 md:w-1/2 lx:w-1/2 pl-1\">\n              <vs-button\n                id=\"delete-button\"\n                class=\"w-full\"\n                color=\"danger\"\n                icon-pack=\"feather\"\n                icon=\"icon-trash-2\"\n              >{{ $t('Delete') }}</vs-button>\n            </div>\n          </div>\n\n          <VuePerfectScrollbar class=\"scroll-area--dataDrawing pt-4 pb-6 pr-2\">\n            <vs-list-header :title=\"$t('Polygon')\"></vs-list-header>\n            <vs-list>\n              <vs-list-item v-for=\" (polygon,index) in zone_polygons\" :key=\"index\">\n                <b>polygon {{index+1}}.</b>\n                {{polygon}}\n              </vs-list-item>\n            </vs-list>\n            <vs-list-header :title=\"$t('Circle')\"></vs-list-header>\n            <vs-list>\n              <vs-list-item v-for=\"(cricle,index) in zone_circles\" :key=\"index\" class=\"ml-0\">\n                <b>Cricle {{index+1}}.</b>\n                {{cricle}}\n              </vs-list-item>\n            </vs-list>\n            <vs-list-header :title=\"$t('Polyline')\"></vs-list-header>\n            <vs-list>\n              <vs-list-item v-for=\" (line,index) in zone_lines\" :key=\"index\">\n                <b>Line {{index+1}}.</b>\n                {{line}}\n              </vs-list-item>\n            </vs-list>\n            <vs-list-header :title=\"$t('DetectionRule')\"></vs-list-header>\n            <vs-list>\n              <vs-list-item v-for=\" (rules,index) in detection_rules\" :key=\"index\">\n                <b>rules {{index+1}}.</b>\n                {{rules}}\n              </vs-list-item>\n            </vs-list>\n          </VuePerfectScrollbar>\n        </vs-col>\n      </vs-row>\n    </div>\n  </div>\n</template>\n<script>\nimport axios from \"axios\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport MarkerClusterer from \"@google/markerclusterer\";\nimport gmapsInit from \"@/gmap/gmaps\";\nimport { SERVER_SYNC_INTERVAL, API_BASE_URL } from \"@/constants\";\nimport { lstat } from \"fs\";\nimport { mapState } from \"vuex\";\nimport { isRegExp } from \"util\";\nexport default {\n  data() {\n    return {\n      selectVesselGroup: [],\n      stopRadius: \"\",\n      stopperiod: \"\",\n      email: \"\",\n      selectEvent: [],\n      options1: [\n        { text: \"Enter\", value: \"enter\" },\n        { text: \"Exit\", value: \"exit\" },\n        { text: \"Cross\", value: \"cross\" },\n        { text: \"Idle\", value: \"idle\" }\n      ],\n      google: null,\n      geocoder: null,\n      nameZone: null,\n      map: null,\n      drawingManager: null,\n      selectedShape: null,\n      colors: [\"#1E90FF\", \"#FF1493\", \"#32CD32\", \"#FF8C00\", \"#4B0082\"],\n      selectedColor: null,\n      colorButtons: {},\n      typeExciseTanker: null,\n      typeExciseTankerShipping: null,\n      drawingtype: null,\n      myCoordinates: \"\",\n      zone_polygons: [],\n      zone_circles: [],\n      zone_lines: [],\n      rule: {\n        event: \"\",\n        stop_radius: \"\",\n        stop_period: \"\",\n        email_list: \"\"\n      },\n      detection_rules: [],\n      chkDelete: \"\",\n      zone: {\n        to_s: \"\",\n        name: \"\"\n      },\n      accessEmail: \"\",\n      accessToken: \"\",\n      cricle: false,\n      polygon: false,\n      polyline: false,\n      zoneEdit: {},\n      fullUrlZone: \"\",\n      urlZone: \"\",\n      dataLatLngEdit: []\n    };\n  },\n\n  async mounted() {\n    this.$vs.loading();\n    this.accessEmail = localStorage.getItem(\"accessEmail\");\n    this.accessToken = localStorage.getItem(\"accessToken\");\n    this.$store.dispatch(\"updateTitlePage\", \"EditZones\");\n    // this.fullUrlZone = this.$store.state.editZone.url;\n    this.fullUrlZone = JSON.parse(localStorage.getItem('updateEditZone')) \n    \n    console.log(\"full url\", this.fullUrlZone);\n    this.urlZone = this.fullUrlZone.substring(28);\n    console.log(\"sub url\", this.urlZone);\n    this.initMap();\n    this.all = require(\"../../milesSea/all.json\");\n    await axios\n      .get(`${API_BASE_URL}${this.urlZone}`, {\n        headers: {\n          \"X-User-Email\": this.accessEmail,\n          \"X-User-Token\": this.accessToken\n        }\n      })\n      .then(response => {\n        this.nameZone = response.data.name;\n        this.zone_polygons = response.data.zone_polygons;\n        this.zone_circles = response.data.zone_circles;\n        this.zone_lines = response.data.zone_lines;\n        this.convertLstLng();\n\n        this.$vs.loading.close();\n      })\n      .catch(error => {\n        console.log(\"Error call apis :\", error);\n      });\n  },\n  watch: {},\n  methods: {\n    darwPolygonok(pathss) {\n      console.log(\"dsss\", pathss);\n\n      var paths = pathss;\n      var pLine = new google.maps.Polyline({\n        path: paths,\n        geodesic: true,\n        strokeColor: \"#FF0000\",\n        strokeOpacity: 1,\n        strokeWeight: 3\n      });\n      pLine.setMap(this.map);\n      var pt = new google.maps.LatLng(paths[0].lat, paths[0].lng);\n      this.map.setCenter(pt);\n      this.map.setZoom(6);\n    },\n    convertLstLng() {\n      console.log(\"convert working...\", this.zone_polygons);\n      for (let i = 0; i < this.zone_polygons.length; i++) {\n        let date = JSON.stringify(this.zone_polygons[i].area_data);\n        let len = date.length;\n        let i = 0;\n        let rultData = [];\n        let tmpData = \"\";\n        while (i < len) {\n          if (i == 0) {\n            tmpData += ' [{ \"lng\" : ';\n          } else {\n            switch (date[i]) {\n              case \",\":\n                tmpData += \"},\";\n\n                tmpData += ' { \"lng\" : ';\n                break;\n              case \" \":\n                tmpData += ', \"lat\" : ';\n                break;\n              default:\n                // code block\n\n                if (i + 1 == len) {\n                  tmpData += date[i - 1];\n                } else {\n                  tmpData += date[i];\n                }\n            }\n          }\n\n          i++;\n        }\n        tmpData += \" } ]\";\n\n        console.log(tmpData);\n\n        console.log(\"dsadsa\", JSON.parse(tmpData));\n        setTimeout(() => {\n          this.darwPolygonok(JSON.parse(tmpData));\n        }, 1000);\n      }\n    },\n    addDetectionRules() {\n      console.log(\"add rule\");\n      this.detection_rules.push(this.rule);\n      this.rule = {};\n    },\n    selectMove() {\n      if (this.drawingManager) {\n        this.drawingManager.setDrawingMode(null);\n        this.drawingManager = null;\n      }\n    },\n    insertZone() {\n      //manage data polygon\n      var dataZone = [];\n      for (var i = 0; i < this.zone_polygons.length; i++) {\n        dataZone.push({ area_data: this.zone_polygons[i] });\n      }\n      var insetZoneData = {};\n      insetZoneData = this.toObject(dataZone);\n\n      //manage data circle\n      var dataCircle = [];\n      for (var i = 0; i < this.zone_circles.length; i++) {\n        dataCircle.push(this.zone_circles[i]);\n      }\n      var insertCircle = {};\n      insertCircle = this.toObjectCircle(dataCircle);\n\n      //manage data line\n      var dataLine = [];\n      for (var i = 0; i < this.zone_lines.length; i++) {\n        dataLine.push({ path_data: this.zone_lines[i] });\n      }\n      var insertLine = {};\n      insertLine = this.toObjectLine(dataLine);\n\n      //manage data evnt\n      var dataEvent = [];\n      for (var i = 0; i < this.detection_rules.length; i++) {\n        dataEvent.push(this.detection_rules[i]);\n      }\n      var insertEvent = {};\n      insertEvent = this.toObjectEvent(dataEvent);\n\n      // manage to serve\n      var zone = {\n        name: this.nameZone,\n        vessel_group_ids: this.selectVesselGroup,\n        zone_polygons_attributes: insetZoneData,\n        zone_circles_attributes: insertCircle,\n        zone_lines_attributes: insertLine,\n        detection_rules_attributes: insertEvent\n      };\n      console.log(\"zone go insert\", zone);\n      axios\n        .post(\n          `${API_BASE_URL}/admin/zones.json`,\n          { zone },\n          {\n            headers: {\n              \"X-User-Email\": this.accessEmail,\n              \"X-User-Token\": this.accessToken\n            }\n          }\n        )\n        .then(response => {\n          console.log(response.data);\n          this.$vs.notify({\n            title: this.$t(\"Success\"),\n            text: this.$t(\"เพิ่มข้อมูล สำเร็จ\"),\n            color: \"success\",\n            iconPack: \"feather\",\n            position: \"top-center\",\n            icon: \"icon-alert-circle\",\n            time: 5000\n          });\n          this.nameZone = \"\";\n          this.zone_polygons = [];\n          this.zone_circles = [];\n          this.zone_lines = [];\n          this.$router.push(\"Listzone\");\n        })\n        .catch(error => {\n          console.log(error);\n          this.$vs.notify({\n            title: this.$t(\"Error\"),\n            text: error,\n            color: \"danger\",\n            iconPack: \"feather\",\n            position: \"top-center\",\n            icon: \"icon-alert-circle\",\n            time: 5000\n          });\n        });\n    },\n    toObject(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv polygon : \", rv);\n      return rv;\n    },\n    toObjectCircle(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv cicle : \", rv);\n      return rv;\n    },\n    toObjectLine(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv cicle : \", rv);\n      return rv;\n    },\n    toObjectEvent(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv cicle : \", rv);\n      return rv;\n    },\n    fnInsertToObPolygon() {\n      this.zone_polygons.push(this.myCoordinates);\n      this.myCoordinates = \"\";\n    },\n    fnInsertToObline() {\n      this.zone_lines.push(this.myCoordinates);\n      this.myCoordinates = \"\";\n    },\n    async initMap() {\n      try {\n        this.google = await gmapsInit();\n        this.geocoder = new google.maps.Geocoder();\n        var latlng = new google.maps.LatLng(11.523924, 100.518503);\n        var options = {\n          zoom: 6,\n          center: latlng,\n          streetViewControl: false,\n          mapTypeControl: false,\n          mapTypeId: google.maps.MapTypeId.ROADMAP,\n          fullscreenControl: true,\n          gestureHandling: \"greedy\"\n        };\n\n        this.map = new google.maps.Map(this.$el.querySelector(\"#map\"), options);\n        google.maps.event.trigger(this.map, \"resize\");\n        this.fnAreaColor();\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    fnAreaColor() {\n      this.map.data.addGeoJson(this.all);\n      this.map.data.setStyle(function(feature) {\n        var color = feature.getProperty(\"color\");\n        if (color == \"red\") {\n          color = \"red\";\n        } else if (color == \"green\") {\n          color = \"#10FD1E\";\n        } else if (color == \"blue\") {\n          color = \"#00BDFF\";\n        }\n        return {\n          fillColor: color,\n          strokeWeight: 0\n        };\n      });\n    },\n    // Draw manager\n    clearSelection() {\n      if (this.selectedShape) {\n        this.selectedShape.setEditable(false);\n        this.selectedShape = null;\n      }\n    },\n    setSelection(shape) {\n      this.clearSelection();\n      this.selectedShape = shape;\n      shape.setEditable(true);\n      this.selectColor(shape.get(\"fillColor\") || shape.get(\"strokeColor\"));\n    },\n    deleteSelectedShape() {\n      if (this.selectedShape) {\n        this.selectedShape.setMap(null);\n      }\n      if (this.polygon == true) {\n        for (let i = 0; i < this.zone_polygons.length; i++) {\n          if (this.zone_polygons[i] == this.chkDelete) {\n            this.zone_polygons.splice(i, 1);\n          }\n        }\n      }\n      if (this.cricle == true) {\n        for (let j = 0; j < this.zone_circles.length; j++) {\n          if (\n            this.zone_circles[j].longitude == this.chkDelete.longitude &&\n            this.zone_circles[j].latitude == this.chkDelete.latitude\n          ) {\n            this.zone_circles.splice(j, 1);\n          }\n        }\n      }\n      if (this.polyline == true) {\n        console.log(\"del line\");\n        for (let j = 0; j < this.zone_lines.length; j++) {\n          if (this.zone_lines[j] == this.chkDelete) {\n            this.zone_lines.splice(j, 1);\n          }\n        }\n      }\n    },\n    selectColor(color) {\n      this.selectedColor = color;\n      for (var i = 0; i < this.colors.length; ++i) {\n        var currColor = this.colors[i];\n        // this.colorButtons[currColor].style.border =\n        //   currColor == color ? \"2px solid #789\" : \"2px solid #fff\";\n      }\n\n      // Retrieves the current options from the drawing manager and replaces the\n      // stroke or fill color as appropriate.\n      var polylineOptions = this.drawingManager.get(\"polylineOptions\");\n      polylineOptions.strokeColor = color;\n      this.drawingManager.set(\"polylineOptions\", polylineOptions);\n\n      var rectangleOptions = this.drawingManager.get(\"rectangleOptions\");\n      rectangleOptions.fillColor = color;\n      this.drawingManager.set(\"rectangleOptions\", rectangleOptions);\n\n      var circleOptions = this.drawingManager.get(\"circleOptions\");\n      circleOptions.fillColor = color;\n      this.drawingManager.set(\"circleOptions\", circleOptions);\n\n      var polygonOptions = this.drawingManager.get(\"polygonOptions\");\n      polygonOptions.fillColor = color;\n      this.drawingManager.set(\"polygonOptions\", polygonOptions);\n    },\n    setSelectedShapeColor(color) {\n      if (this.selectedShape) {\n        if (\n          this.selectedShape.type == google.maps.drawing.OverlayType.POLYLINE\n        ) {\n          this.selectedShape.set(\"strokeColor\", color);\n        } else {\n          this.selectedShape.set(\"fillColor\", color);\n        }\n      }\n    },\n    makeColorButton(color) {\n      var button = document.createElement(\"span\");\n      button.className = \"color-button\";\n      button.style.backgroundColor = color;\n      google.maps.event.addDomListener(button, \"click\", () => {\n        this.selectColor(color);\n        this.setSelectedShapeColor(color);\n      });\n\n      return button;\n    },\n    buildColorPalette() {\n      var colorPalette = document.getElementById(\"color-palette\");\n      for (var i = 0; i < this.colors.length; ++i) {\n        var currColor = this.colors[i];\n        var colorButton = this.makeColorButton(currColor);\n        colorPalette.appendChild(colorButton);\n        this.colorButtons[currColor] = colorButton;\n      }\n      this.selectColor(this.colors[0]);\n    },\n    darwPolygon() {\n      this.selectMove();\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        drawingMode: google.maps.drawing.OverlayType.POLYGON,\n        drawingControl: false,\n        polygonOptions: polyOptions,\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          this.chkDelete = \"\";\n          this.cricle = false;\n          this.polygon = true;\n          this.polyline = false;\n          // Switch back to non-drawing mode after drawing a shape.\n          // this.drawingManager.setDrawingMode(null);\n\n          var newShape = e.overlay;\n          var paths = e.overlay.getPath().getArray();\n          var myCoordinatesss;\n          newShape.type = e.type;\n          google.maps.event.addListener(newShape, \"click\", e => {\n            this.cricle = false;\n            this.polygon = true;\n            this.polyline = false;\n\n            var paths = newShape.getPath().getArray();\n            this.chkDelete = \"\";\n            this.myCoordinates = \"\";\n            for (var i = 0; i < paths.length; i++) {\n              var lat = paths[i].lat();\n              var lng = paths[i].lng();\n              this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n              this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n            }\n            this.setSelection(newShape);\n          });\n          this.setSelection(newShape);\n\n          this.myCoordinates = \"\";\n          for (var i = 0; i < paths.length; i++) {\n            var lat = paths[i].lat();\n            var lng = paths[i].lng();\n            this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n              6\n            )} ${lat.toFixed(6)}`;\n            this.chkDelete = `${this.chkDelete},${lng.toFixed(6)} ${lat.toFixed(\n              6\n            )}`;\n          }\n          this.fnInsertToObPolygon();\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polygoncomplete\",\n        polygon => {\n          google.maps.event.addListener(polygon, \"click\", e => {\n            this.chkDelete = \"\";\n            this.cricle = false;\n            this.polygon = true;\n            this.polyline = false;\n            var paths = polygon.getPath().getArray();\n            this.myCoordinates = \"\";\n            this.chkDelete = \"\";\n            for (var i = 0; i < paths.length; i++) {\n              var lat = paths[i].lat();\n              var lng = paths[i].lng();\n              this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n              this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n            }\n            var arr = [];\n            polygon.getPath().forEach(latLng => {\n              arr.push(latLng.toString());\n            });\n          });\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n    },\n    darwCircle() {\n      this.selectMove();\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        drawingMode: google.maps.drawing.OverlayType.CIRCLE,\n        drawingControl: false,\n        polygonOptions: polyOptions,\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          // this.drawingManager.setDrawingMode(null);\n          if (e.type != google.maps.drawing.OverlayType.MARKER) {\n            var newShape = e.overlay;\n            newShape.type = e.type;\n\n            google.maps.event.addListener(newShape, \"click\", e => {\n              this.chkDelete = \"\";\n              this.cricle = true;\n              this.polygon = false;\n              this.polyline = false;\n              this.chkDelete = {\n                longitude: newShape\n                  .getCenter()\n                  .lng()\n                  .toFixed(6),\n                latitude: newShape\n                  .getCenter()\n                  .lat()\n                  .toFixed(6),\n                radius: newShape.getRadius().toFixed(6)\n              };\n              this.setSelection(newShape);\n              console.log(\"select circle\");\n            });\n            this.setSelection(newShape);\n          } else {\n          }\n          this.activeDraw = true;\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"circlecomplete\",\n        circle => {\n          this.chkDelete = \"\";\n          this.cricle = true;\n          this.polygon = false;\n          this.polyline = false;\n          this.zone_circles.push({\n            longitude: circle\n              .getCenter()\n              .lng()\n              .toFixed(6),\n            latitude: circle\n              .getCenter()\n              .lat()\n              .toFixed(6),\n            radius: circle.getRadius().toFixed(6)\n          });\n          this.chkDelete = {\n            longitude: circle\n              .getCenter()\n              .lng()\n              .toFixed(6),\n            latitude: circle\n              .getCenter()\n              .lat()\n              .toFixed(6),\n            radius: circle.getRadius().toFixed(6)\n          };\n          google.maps.event.addListener(circle, \"click\", e => {\n            this.chkDelete = \"\";\n            this.cricle = true;\n            this.polygon = false;\n            this.polyline = false;\n            this.chkDelete = {\n              longitude: circle\n                .getCenter()\n                .lng()\n                .toFixed(6),\n              latitude: circle\n                .getCenter()\n                .lat()\n                .toFixed(6),\n              radius: circle.getRadius().toFixed(6)\n            };\n          });\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n    },\n    darwPolyLine() {\n      this.cricle = false;\n      this.polygon = false;\n      this.polyline = true;\n      this.selectMove();\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        drawingMode: google.maps.drawing.OverlayType.POLYLINE,\n        drawingControl: false,\n        polygonOptions: polyOptions,\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          this.cricle = false;\n          this.polygon = false;\n          this.polyline = true;\n          if (e.type != google.maps.drawing.OverlayType.MARKER) {\n            var newShape = e.overlay;\n            newShape.type = e.type;\n            google.maps.event.addListener(newShape, \"click\", e => {\n              this.cricle = false;\n              this.polygon = false;\n              this.polyline = true;\n              var line = newShape.getPath().getArray();\n              this.chkDelete = \"\";\n              for (var i = 0; i < line.length; i++) {\n                var lat = line[i].lat();\n                var lng = line[i].lng();\n                this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                  6\n                )} ${lat.toFixed(6)}`;\n              }\n              console.log(\"chk del : ,\", this.chkDelete);\n              this.setSelection(newShape);\n            });\n            this.setSelection(newShape);\n          } else {\n          }\n          var line = e.overlay.getPath().getArray();\n          this.chkDelete = \"\";\n          this.myCoordinates = \"\";\n          for (var i = 0; i < line.length; i++) {\n            var lat = line[i].lat();\n            var lng = line[i].lng();\n            console.log(\"lat\", lat);\n            console.log(\"lng\", lng);\n            this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n              6\n            )} ${lat.toFixed(6)}`;\n            this.chkDelete = `${this.chkDelete},${lng.toFixed(6)} ${lat.toFixed(\n              6\n            )}`;\n          }\n          this.zone_lines.push(this.myCoordinates);\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polylinecomplete\",\n        polyline => {\n          google.maps.event.addListener(polyline, \"click\", e => {\n            this.cricle = false;\n            this.polygon = false;\n            this.polyline = true;\n\n            var line = newShape.getPath().getArray();\n            this.chkDelete = \"\";\n            for (var i = 0; i < line.length; i++) {\n              var lat = line[i].lat();\n              var lng = line[i].lng();\n              this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n            }\n          });\n          console.log(\"Line\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n    },\n    initDrawManager() {\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n      // Creates a drawing manager attached to the map that allows the user to draw\n      // markers, lines, and shapes.\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        //drawingMode: google.maps.drawing.OverlayType.RECTANGLE,\n        drawingControl: false,\n        drawingControlOptions: {\n          position: google.maps.ControlPosition.BOTTOM_RIGHT,\n          drawingModes: [\n            google.maps.drawing.OverlayType.MARKER,\n            google.maps.drawing.OverlayType.CIRCLE,\n            google.maps.drawing.OverlayType.POLYGON,\n            google.maps.drawing.OverlayType.POLYLINE,\n            google.maps.drawing.OverlayType.RECTANGLE\n          ]\n        },\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          // Switch back to non-drawing mode after drawing a shape.\n          // this.drawingManager.setDrawingMode(null);\n\n          if (e.type != google.maps.drawing.OverlayType.MARKER) {\n            var newShape = e.overlay;\n            newShape.type = e.type;\n            google.maps.event.addListener(newShape, \"click\", e => {\n              this.setSelection(newShape);\n            });\n            this.setSelection(newShape);\n          } else {\n          }\n          console.log(\"Draw Success ....\");\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polygoncomplete\",\n        polygon => {\n          google.maps.event.addListener(polygon, \"click\", e => {\n            var arr = [];\n            polygon.getPath().forEach(latLng => {\n              arr.push(latLng.toString());\n            });\n            alert(arr.join(\",\\n\"));\n          });\n          console.log(\"Poligon\");\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"circlecomplete\",\n        circle => {\n          google.maps.event.addListener(circle, \"click\", e => {\n            alert(circle.getCenter() + \" : \" + circle.getRadius());\n          });\n          console.log(\"Crlcle\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"markercomplete\",\n        marker => {\n          google.maps.event.addListener(marker, \"click\", e => {\n            alert(marker.getPosition());\n          });\n          console.log(\"Marker\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polylinecomplete\",\n        polyline => {\n          google.maps.event.addListener(polyline, \"click\", e => {\n            var arr = [];\n            polyline.getPath().forEach(latLng => {\n              arr.push(latLng.toString());\n            });\n            alert(arr.join(\",\\n\"));\n          });\n          console.log(\"Line\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"rectanglecomplete\",\n        rectangle => {\n          google.maps.event.addListener(rectangle, \"click\", e => {\n            alert(rectangle.getBounds());\n          });\n          console.log(\"Rectangel\");\n        }\n      );\n\n      // Clear the current selection when the drawing mode is changed, or when the\n      // map is clicked.\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n\n      this.buildColorPalette();\n    },\n    showArrays(event) {\n      var vertices = this.getPath();\n\n      var contentString =\n        \"<b>Bermuda Triangle polygon</b><br>\" +\n        \"Clicked location: <br>\" +\n        event.latLng.lat() +\n        \",\" +\n        event.latLng.lng() +\n        \"<br>\";\n\n      // Iterate over the vertices.\n      for (var i = 0; i < vertices.getLength(); i++) {\n        var xy = vertices.getAt(i);\n        contentString +=\n          \"<br>\" + \"Coordinate \" + i + \":<br>\" + xy.lat() + \",\" + xy.lng();\n      }\n\n      // Replace the info window's content and position.\n      infoWindow.setContent(contentString);\n      infoWindow.setPosition(event.latLng);\n\n      infoWindow.open(this.map);\n    }\n  },\n  components: {\n    VuePerfectScrollbar\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n\n#map {\n  position: relative;\n  width: 100%;\n  height: 60%;\n}\n\n.custom-pin {\n  height: 1em;\n  line-height: 1;\n  width: 1em;\n  padding: 0.7em;\n  text-align: center;\n  cursor: pointer;\n  color: white;\n  background: black;\n  position: absolute;\n  border-radius: 0.5em;\n  font-size: 1em;\n  font-weight: bold;\n  transition: all 500ms;\n}\n\n.color-button {\n  width: 30px;\n  height: 30px;\n  font-size: 0;\n  margin: 2px;\n  float: right;\n  cursor: pointer;\n}\n\n.header-sidebar-draw {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  width: 100%;\n  h4 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    > button {\n      margin-left: 10px;\n    }\n  }\n}\n\n.footer-sidebar-draw {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  > button {\n    border: 0px solid rgba(0, 0, 0, 0) !important;\n    border-left: 1px solid rgba(0, 0, 0, 0.07) !important;\n    border-radius: 0px !important;\n  }\n}\n.customizer-btn-drawingMap {\n  position: fixed;\n  top: 49%;\n  right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  z-index: 30000;\n  color: white;\n}\n.customizer-btn-color-polygon {\n  position: fixed;\n  // margin-left: 80px;\n  top: 90%;\n  left: 89px;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  z-index: 30000;\n  color: white;\n}\n\n#color-palette {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  z-index: 30000;\n  color: rgb(224, 31, 31);\n}\n.vs-list--slot {\n  margin-left: 0;\n}\n.demo-alignment > * {\n  margin-right: 9px;\n  margin-top: 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditZone.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditZone.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EditZone.vue?vue&type=template&id=b239f2c8&scoped=true\"\nimport script from \"./EditZone.vue?vue&type=script&lang=js\"\nexport * from \"./EditZone.vue?vue&type=script&lang=js\"\nimport style0 from \"./EditZone.vue?vue&type=style&index=0&id=b239f2c8&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b239f2c8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}