-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path9669.b7c198a92bf4b3dafc6f.js
1 lines (1 loc) · 59.5 KB
/
9669.b7c198a92bf4b3dafc6f.js
1
"use strict";(self.webpackChunkchekt_web_wcs=self.webpackChunkchekt_web_wcs||[]).push([[9669],{69669:(X,h,l)=>{l.r(h),l.d(h,{EventMapModule:()=>K});var p=l(16274),g=l(93324),_=l(29535),f=l(6006),m=l(76052),d=l.n(m),v=l(72898),t=l(42741),u=l(7611),x=l(56880),b=l(54414),C=l(16253),M=l(84784),O=l(35460),P=l(21929);const w=["worldMap"],y=["siteSelect"],T=["typeSelect"],Z=["statusSelect"],E=["viewSelect"];function A(o,r){1&o&&(t.TgZ(0,"div",49),t.O4$(),t.TgZ(1,"svg",50),t._UZ(2,"circle",51),t.qZA(),t.qZA())}function k(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=t.oxw();t.xp6(1),t.hij("(Device ID: ",e.selectedEvent.device_id,")")}}function S(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",57),t.NdJ("click",function(){const s=t.CHM(e).$implicit;return t.oxw(2).selectSite(s)}),t.TgZ(1,"div"),t._uU(2),t.qZA(),t.qZA()}if(2&o){const e=r.$implicit;t.xp6(2),t.AsE(" ",e.name," (#",e.site_id,") ")}}function q(o,r){if(1&o){const e=t.EpF();t.O4$(),t.kcU(),t.TgZ(0,"div",52),t.TgZ(1,"div",53),t.TgZ(2,"input",54,55),t.NdJ("ngModelChange",function(i){return t.CHM(e),t.oxw().searchSiteTxt=i})("input",function(){t.CHM(e);const i=t.oxw();return i.searchSite(i.searchSiteTxt)}),t.qZA(),t.qZA(),t.TgZ(4,"div",56),t.TgZ(5,"div",57),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return i.selectSite(i.allSite)}),t.TgZ(6,"div",58),t._uU(7),t.qZA(),t.qZA(),t.YNc(8,S,3,2,"div",59),t.qZA(),t.qZA()}if(2&o){const e=t.oxw();t.xp6(2),t.Q6J("ngModel",e.searchSiteTxt),t.xp6(5),t.hij(" Select ",e.allSite.name," "),t.xp6(1),t.Q6J("ngForOf",e.filteredSites)}}function U(o,r){1&o&&(t.TgZ(0,"i",66),t._uU(1,"check_box_outline_blank"),t.qZA())}function L(o,r){1&o&&(t.TgZ(0,"i",67),t._uU(1,"check_box"),t.qZA())}function z(o,r){1&o&&(t.TgZ(0,"i",66),t._uU(1,"check_box_outline_blank"),t.qZA())}function I(o,r){1&o&&(t.TgZ(0,"i",67),t._uU(1,"check_box"),t.qZA())}function N(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",68),t.NdJ("click",function(i){const c=t.CHM(e).$implicit,a=t.oxw(2);return i.stopPropagation(),a.selectEventType(c)}),t.TgZ(1,"div",62),t.YNc(2,z,2,0,"i",63),t.YNc(3,I,2,0,"i",64),t.qZA(),t.TgZ(4,"div"),t._uU(5),t.qZA(),t.qZA()}if(2&o){const e=r.$implicit;t.xp6(2),t.Q6J("ngIf",!e.selected),t.xp6(1),t.Q6J("ngIf",e.selected),t.xp6(2),t.hij(" ",e.name," ")}}function $(o,r){if(1&o){const e=t.EpF();t.O4$(),t.kcU(),t.TgZ(0,"div",60),t.TgZ(1,"div",61),t.NdJ("click",function(i){t.CHM(e);const s=t.oxw();return i.stopPropagation(),s.selectAllEventType()}),t.TgZ(2,"div",62),t.YNc(3,U,2,0,"i",63),t.YNc(4,L,2,0,"i",64),t.qZA(),t.TgZ(5,"div"),t._uU(6,"(All Event Type)"),t.qZA(),t.qZA(),t.YNc(7,N,6,3,"div",65),t.qZA()}if(2&o){const e=t.oxw();t.xp6(3),t.Q6J("ngIf",!e.isAllEventTypes),t.xp6(1),t.Q6J("ngIf",e.isAllEventTypes),t.xp6(3),t.Q6J("ngForOf",e.curEventTypes)}}function F(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",57),t.NdJ("click",function(){const s=t.CHM(e).$implicit;return t.oxw(2).selectEventStatus(s)}),t.TgZ(1,"div"),t._uU(2),t.qZA(),t.qZA()}if(2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e)}}function J(o,r){if(1&o&&(t.O4$(),t.kcU(),t.TgZ(0,"div",60),t.YNc(1,F,3,1,"div",59),t.qZA()),2&o){const e=t.oxw();t.xp6(1),t.Q6J("ngForOf",e.eventStatusList)}}function V(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",57),t.NdJ("click",function(){const s=t.CHM(e).$implicit;return t.oxw(2).selectView(s)}),t.TgZ(1,"div"),t._uU(2),t.qZA(),t.qZA()}if(2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e)}}function j(o,r){if(1&o&&(t.O4$(),t.kcU(),t.TgZ(0,"div",60),t.YNc(1,V,3,1,"div",59),t.qZA()),2&o){const e=t.oxw();t.xp6(1),t.Q6J("ngForOf",e.viewList)}}function D(o,r){1&o&&(t.TgZ(0,"tr",69),t.TgZ(1,"td"),t._uU(2,"No Event"),t.qZA(),t.qZA())}function Y(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.hij("(#",e.device_id,")")}}function G(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"tr",70),t.NdJ("click",function(){const s=t.CHM(e).$implicit;return t.oxw().setCenterToEvent(s)}),t.TgZ(1,"td"),t._uU(2),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.qZA(),t.TgZ(5,"td"),t._uU(6),t.YNc(7,Y,2,1,"span",18),t.qZA(),t.TgZ(8,"td"),t._uU(9),t.qZA(),t.TgZ(10,"td"),t._uU(11),t.qZA(),t.TgZ(12,"td"),t._uU(13),t.qZA(),t.TgZ(14,"td"),t._uU(15),t.qZA(),t.TgZ(16,"td"),t._uU(17),t.qZA(),t.TgZ(18,"td",71),t.TgZ(19,"span",72),t.NdJ("click",function(){const s=t.CHM(e).$implicit;return t.oxw().goToMonitoringPortal(s)}),t._uU(20,"Open Link"),t.qZA(),t.qZA(),t.qZA()}if(2&o){const e=r.$implicit,n=t.oxw();t.ekj("new-event",e.newEvent)("selected-event",e.event_id===n.selectedEvent.event_id),t.xp6(2),t.Oqu(e.event_id),t.xp6(2),t.AsE("",e.site_name,"(#",e.site_id,")"),t.xp6(2),t.Oqu(e.device_name),t.xp6(1),t.Q6J("ngIf",!n.isProduction),t.xp6(2),t.Oqu(e.zone_number),t.xp6(2),t.Oqu(e.event_type),t.xp6(2),t.Oqu(e.event_status),t.xp6(2),t.Oqu(e.dateTime),t.xp6(2),t.Oqu(e.watch?"Yes":"No")}}const H=_.Bz.forChild([{path:"",component:(()=>{class o{constructor(e,n,i,s,c,a){this.usersService=e,this.commonService=n,this.sitesService=i,this.eventsService=s,this.logsService=c,this.helper=a,this.tosText="",this.params={},this.isLoading=!0,this.isInit=!1,this.isProduction=!0,this.events=[],this.filteredEvents=[],this.newEvents=[],this.filteredNewEvents=[],this.totalFilteredEvent=0,this.totalFilteredUnViewedEvent=0,this.isMqttSubscribe=!1,this.changeDevices=new f.xQ,this.selectedEvent={},this.isSelectedEvent=!1,this.selectedLog={},this.isSelectedLog=!1,this.viewLog={id:30302,category_id:20007,resource:"user_event_snapshot_view",status:"viewed"},this.liveviewLog={id:30301,category_id:20014,resource:"user_liveview",status:"viewed"},this.timelapseViewLog={id:30308,category_id:20002,resource:"user_timelapse_view",status:"viewed"},this.isSelectList=!1,this.isTypeSelectList=!1,this.eventTypes=[{name:"Arming Change",value:"arm",selected:!1},{name:"Alarms",value:"di",selected:!0},{name:"Relay",value:"do",selected:!1},{name:"Timelapse",value:"timelapse",selected:!1},{name:"Netloss",value:"netloss",selected:!1}],this.curEventTypes=JSON.parse(JSON.stringify(this.eventTypes)),this.selEventTypes=[],this.selEventTypeValue=["Alarms"],this.selEventTypesTxt="Alarms",this.isAllEventTypes=!1,this.eventStatusList=["All Event status","active","inactive"],this.selEventStatus=this.eventStatusList[0],this.isStatusSelectList=!1,this.viewList=["All View Status","Viewed","Unviewed"],this.selView=this.viewList[0],this.isViewSelectList=!1,this.sites=[],this.filteredSites=[],this.siteObjects={},this.allSite={name:"All Site",site_id:-1},this.selSite=this.allSite,this.searchSiteTxt="",this.users=[],this.userObjects={},this.lastEventId=null,this.getEventInterval=null,this.intervalTime=5e3,this.lastLogId=null,this.map=null,this.is_mapCtrl=!1,this.markers=[],this.pointData=[],this.zoom=2,this.mapStyle=[{elementType:"geometry",stylers:[{color:"#212121"}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{elementType:"labels.text.stroke",stylers:[{color:"#212121"}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#757575"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"administrative.land_parcel",stylers:[{visibility:"off"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#bdbdbd"}]},{featureType:"poi",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"poi.business",stylers:[{visibility:"off"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#181818"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"poi.park",elementType:"labels.text.stroke",stylers:[{color:"#1b1b1b"}]},{featureType:"road",elementType:"geometry.fill",stylers:[{color:"#2c2c2c"}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#8a8a8a"}]},{featureType:"road.arterial",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#373737"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#3c3c3c"}]},{featureType:"road.highway",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.highway.controlled_access",elementType:"geometry",stylers:[{color:"#4e4e4e"}]},{featureType:"road.local",stylers:[{visibility:"off"}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#3d3d3d"}]}],this.hasEventPermission=!1,this.m_warning=new v.u,this.subfetchLogs=null,this.subfetchEvents=null}ngOnInit(){const e=window.location.href,n=this.commonService.getQueryParams(e.split("?")[1]);this.params=n;let i=null;n.dealer_id&&(i=n.dealer_id),this.isProduction=e.indexOf("chekt.com")>-1,this.usersService.getMe(i).subscribe(s=>{this.me=s})}ngAfterViewInit(){this.initData()}ngOnDestroy(){this.stopIntervalGetEvents(),this.subfetchLogs&&this.subfetchLogs.unsubscribe(),this.subfetchEvents&&this.subfetchEvents.unsubscribe()}onGlobalClick(e){!this.siteSelect&&!this.typeSelect&&!this.statusSelect&&!this.viewSelect||(this.siteSelect&&(this.siteSelect.nativeElement.contains(e.target)||(this.isSelectList=!1)),this.typeSelect&&(this.typeSelect.nativeElement.contains(e.target)||(this.isTypeSelectList=!1)),this.statusSelect&&(this.statusSelect.nativeElement.contains(e.target)||(this.isStatusSelectList=!1)),this.viewSelect&&(this.viewSelect.nativeElement.contains(e.target)||(this.isViewSelectList=!1)))}initData(){this.isLoading=!0,this.clearMarker(),this.initGoogleMap(),this.fetchSiteList(),this.fetchUsers(),setTimeout(()=>{this.fetchEvents(),this.startIntervalGetEvents()},1e3)}fetchSiteList(){this.sitesService.fetch(this.me.dealer_id,null,"site.name,site.site_id").subscribe(i=>{this.setSites(i)})}getSite(e,n){this.sitesService.getSite(this.me.dealer_id,e).subscribe(s=>{n.site=s[0]})}setSites(e){this.sites=e,this.filteredSites=e,e.forEach(n=>{this.siteObjects[n.site_id]=n})}searchSite(e){this.filteredSites=this.sites.filter(n=>{let i=n.name.toLowerCase();return i+=n.site_id,i.indexOf(e.toLowerCase())>-1})}selectSite(e){this.selSite=e,this.isSelectList=!1,this.searchSiteTxt="",this.fetchEvents(),this.fetchActivityLogs()}fetchUsers(){this.usersService.getUsers(this.me.dealer_id).subscribe(n=>{this.setUsers(n)})}setUsers(e){this.users=e,e.forEach(n=>{this.userObjects[n.user_id]=n})}fetchActivityLogs(){const e=this.me.dealer_id;let n="limit=1";this.lastLogId&&(n=`limit=1000&filter=log.id,${this.lastLogId},gt`),this.subfetchLogs&&this.subfetchLogs.unsubscribe(),this.subfetchLogs=this.logsService.getAllActivityLog(e,n).subscribe(i=>{this.setLogs(i),i.length>0&&(this.lastLogId=i[i.length-1].id)})}setLogs(e){e.filter(i=>{let s=!1;return i.desc_id===this.viewLog.id&&(s=!0),i.desc_id===this.liveviewLog.id&&(s=!0),i.desc_id===this.timelapseViewLog.id&&(s=!0),s}).reverse().forEach(i=>{this.parseLog(i)})}parseLog(e){this.filteredEvents.forEach(n=>{if(n.event_id===e.event_id){n.watch+=1;const i=this.userObjects[e.user_id];n.viewer=`${i.firstname} ${i.lastname}`,n.viewerEmail=e.email,n.viewedTimestamp=d()(e.created).unix(),n.viewedTime=this.commonService.getAccessTime(n.viewedTimestamp),n.viewIntuitive=this.commonService.getIntuitiveTimeStamp(n.viewedTimestamp)}})}fetchEvents(){const e=this.me.dealer_id;let i=`filter=device_event.timestamp,${d()().unix()-3600},gte`;this.lastEventId&&(i=`limit=1000&filter=event_id,${this.lastEventId},gt`),this.isLoading=!0,this.subfetchEvents&&this.subfetchEvents.unsubscribe(),this.subfetchEvents=this.eventsService.getDealerEvents(e,i).subscribe(s=>{if(this.hasEventPermission=!0,this.setEvents(s),this.setEventFilter(),s.length>0){const c=s[s.length-1];this.lastEventId=c.event_id,!this.isSelectedEvent&&c&&(this.selectedEvent=c)}setTimeout(()=>{this.isLoading=!1,this.isInit=!0},1e3)},s=>{this.isLoading=!1,this.hasEventPermission=403!==s.status,this.stopIntervalGetEvents()})}getEvent(e){this.eventsService.getDealerEvents(this.me.dealer_id,`limit=1000&filter=event_id,${e},eq`).subscribe(s=>{if(s.length>0){const c=s[s.length-1];this.lastEventId=c.event_id,!this.isSelectedEvent&&c&&(this.selectedEvent=c)}setTimeout(()=>{this.isLoading=!1},1e3)})}setEvents(e){let n=d()().unix();e.reverse().forEach(i=>{this.parseEvent(i),this.events.unshift(i),this.newEvents.unshift(i)}),this.newEvents=this.newEvents.filter(i=>i.timestamp+30>=n),this.filteredNewEvents=this.filteredNewEvents.filter(i=>i.timestamp+30>=n),this.events=this.events.filter(i=>i.timestamp+3600>=n),this.filteredEvents=this.filteredEvents.filter(i=>i.timestamp+3600>=n),this.events.forEach(i=>{i.intuitive=this.commonService.getIntuitiveTimeStamp(i.timestamp)}),this.filteredEvents.forEach(i=>{i.intuitive=this.commonService.getIntuitiveTimeStamp(i.timestamp)})}parseEvent(e){var n,i;let s=d()().unix();e.newEvent=!0,e.readTime=s,e.dateTime=this.commonService.getAccessTime(e.timestamp),e.intuitive=this.commonService.getIntuitiveTimeStamp(e.timestamp),e.lat=parseFloat(e.lat),e.lng=parseFloat(e.lng),e.zone_number="arm"!==e.type?e.alarm_zone:e.virtual_zone,e.event_status=e.status,e.event_type=null!==(i=null===(n=this.eventTypes.find(c=>c.value==e.type))||void 0===n?void 0:n.name)&&void 0!==i?i:e.type,"di"===e.type&&("active"===e.status?e.event_status="alarm":"inactive"===e.status&&(e.event_status="restore")),"arm"===e.type&&("active"===e.status?e.event_status="armed":"inactive"===e.status&&(e.event_status="disarmed")),"do"===e.type&&(e.event_type="Relay",e.event_status="Changed")}setEventFilter(){if(-1!==this.selSite.site_id?(this.filteredEvents=this.events.filter(e=>e.site_id===this.selSite.site_id),this.filteredNewEvents=this.newEvents.filter(e=>e.site_id===this.selSite.site_id)):(this.filteredEvents=this.events,this.filteredNewEvents=this.newEvents),this.isAllEventTypes||(this.filteredEvents=this.filteredEvents.filter(e=>this.selEventTypeValue.includes(e.event_type)),this.filteredNewEvents=this.filteredNewEvents.filter(e=>this.selEventTypeValue.includes(e.event_type))),this.selEventStatus!==this.eventStatusList[0]&&(this.filteredEvents=this.filteredEvents.filter(e=>this.selEventStatus===e.status),this.filteredNewEvents=this.filteredNewEvents.filter(e=>this.selEventStatus===e.status)),this.selView!==this.viewList[0]){const e="Viewed"===this.selView?1:0;this.filteredEvents=this.filteredEvents.filter(n=>e===n.watch),this.filteredNewEvents=this.filteredNewEvents.filter(n=>e===n.watch)}this.totalFilteredEvent=this.filteredEvents.length,this.totalFilteredUnViewedEvent=this.filteredEvents.filter(e=>!e.watch).length,this.pointData=this.filteredNewEvents,this.clearMarker(),this.setMarkers()}toggleSiteList(){this.isSelectList=!this.isSelectList,this.searchSiteTxt=""}toggleEventTypeList(){this.isTypeSelectList=!this.isTypeSelectList}toggleEventStatusList(){this.isStatusSelectList=!this.isStatusSelectList}toggleViewList(){this.isViewSelectList=!this.isViewSelectList}selectAllEventType(){this.isAllEventTypes=!this.isAllEventTypes,this.curEventTypes.forEach(e=>{e.selected=this.isAllEventTypes}),this.setFilteredEventTypes()}selectEventType(e){e.selected=!e.selected,this.setFilteredEventTypes()}setFilteredEventTypes(){var e;this.selEventTypes=this.curEventTypes.filter(n=>n.selected),this.selEventTypesTxt="",this.selEventTypeValue=[],this.selEventTypes.forEach(n=>{this.selEventTypeValue.push(n.name)}),this.selEventTypesTxt=(null===(e=this.selEventTypeValue)||void 0===e?void 0:e.length)?this.selEventTypeValue.join(", "):"No Selected Event Type",this.isAllEventTypes=this.selEventTypes.length===this.eventTypes.length,this.setEventFilter()}selectEventStatus(e){this.selEventStatus=e,this.isStatusSelectList=!1,this.setEventFilter()}selectView(e){this.selView=e,this.isViewSelectList=!1,this.setEventFilter()}smoothZoom(e,n,i){if(i>=n)return;let s=google.maps.event.addListener(e,"zoom_changed",c=>{google.maps.event.removeListener(s),this.smoothZoom(e,n,i+1)});setTimeout(()=>{e.setZoom(i)},80)}setCenterToEvent(e){this.selectedEvent=e,this.isSelectedEvent=!0;const n={lat:parseFloat(e.lat),lng:parseFloat(e.lng)};this.map.getZoom()<5&&this.map.setZoom(5),this.map.setCenter(n),setTimeout(()=>{this.smoothZoom(this.map,12,this.map.getZoom())},500),setTimeout(()=>{this.map.panTo(n)},1e3)}openInfoWindow(e){const n=e.event_id;this.markers.forEach(i=>{i.clicked=!1,i.event_id===n?(this.setMarker(e),i.infowindow.open(this.map,i)):i.infowindow.close()})}startIntervalGetEvents(){this.getEventInterval&&this.stopIntervalGetEvents(),this.getEventInterval=setInterval(()=>{this.fetchEvents(),this.fetchActivityLogs()},this.intervalTime)}stopIntervalGetEvents(){this.getEventInterval&&(clearInterval(this.getEventInterval),this.getEventInterval=null)}initGoogleMap(){if(this.worldMap){let e={north:85,south:-65,west:-175,east:175},i={center:new google.maps.LatLng(20,0),zoom:this.zoom,scaleControl:!1,streetViewControl:!1,mapTypeControl:!1,fullscreenControl:!1,mapTypeId:google.maps.MapTypeId.ROADMAP,restriction:{latLngBounds:e,strictBounds:!1}};this.map=new google.maps.Map(this.worldMap.nativeElement,i);let s=new google.maps.StyledMapType(this.mapStyle);this.map.mapTypes.set("styled_map",s),this.map.setMapTypeId("styled_map")}}setMarkers(){google,this.pointData.forEach(n=>{n.createdMarker||this.setMarker(n)})}setMarker(e){let n={path:google.maps.SymbolPath.CIRCLE,fillColor:"#D50000",fillOpacity:.8,scale:8,strokeColor:"#ffffff",strokeWeight:1,strokeOpacity:.6};const i=new google.maps.Marker({map:this.map,title:`${e.site_name}`,draggable:!1,icon:n,animation:google.maps.Animation.DROP,position:{lat:e.lat,lng:e.lng}});i.infowindow=new google.maps.InfoWindow({content:`\n <div id="content"><div style="font-size:16px;font-weight:bold">${e.site_name}</div>\n <div id="bodyContent">\n <div><b>Event Type: </b>${e.type}</div>\n <div><b>Event Status: </b>${e.status}</div>\n <div><b>Event Time: </b>${e.dateTime}</div>\n <div><b>Address: </b>${e.address2}, ${e.address1}</div>\n <br>\n <div><b><div id="site_${e.site_id}" style="color:#2383e2;cursor:pointer">Go To Site</div></div>\n <br>\n <div><b><div id="monitoring_${e.site_id}" style="color:#2383e2;cursor:pointer">Go To Monitoring Portal</div></div>\n </div>`}),i.clicked=!1,i.createTime=d()().unix(),i.site_id=e.site_id,i.event_id=e.event_id,google.maps.event.addListenerOnce(i.infowindow,"domready",()=>{document.getElementById(`site_${e.site_id}`).addEventListener("click",()=>{this.goToSite(e.site_id)}),document.getElementById(`monitoring_${e.site_id}`).addEventListener("click",()=>{this.goToMonitoringPortal(i)})}),google.maps.event.addListener(i,"click",()=>{i.clicked=!i.clicked,i.infowindow.open(this.map,i)}),google.maps.event.addListener(i,"mouseover",function(){this.infowindow.open(this.map,this)}),google.maps.event.addListener(i,"mouseout",function(){this.clicked||this.infowindow.close()}),e.createdMarker=!0,0===this.markers.filter(s=>s.event_id===i.event_id).length&&this.markers.push(i)}clearMarker(){let e=d()().unix();this.markers.forEach(n=>{n.createTime+30<e&&n.setMap(null)}),this.markers=this.markers.filter(n=>n.createTime+30<e)}goToSite(e){this.helper.router.navigate_to("/customers",{id:e})}goToMonitoringPortal(e){const n=e.site_id,i=this.getCurrentPageName(),s=this.getCurrentDomain();let c="";e.zone_number&&(c=e.zone_number.split(",")[0]);let a=`https://${i}${s}/monitoring?`;-1!==window.location.href.indexOf("localhost")&&(a="https://monitoring.chektdev.com/monitoring?"),a+=this.params.dealer_id?`tsSessionDealerId=${this.params.dealer_id}&site=${n}`:`site=${n}`,a+="&no_ip_auth=yes",["di","oe","timelapse","do"].includes(e.type)&&(a+=`&zone=${c}`,a+=`&event=${e.event_id}`),this.params.dealer_id&&(a+=`&tsSessionDealerId=${this.params.dealer_id}`),window.open(a,"_blank")}enableMapControl(){this.is_mapCtrl=!0}getCurrentDomain(){const e=window.location.hostname.split(".");return e.length>1?"."+e[+e.length-2]+"."+e[+e.length-1]:e[0]}getCurrentPageName(){return window.location.hostname.split(".")[0].includes("s1")?"monitoring-s1":"monitoring"}confirmDialog(e="",n="",i="done",s="green",c=!1){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:"OK",submit_class:["button-primary"],icon:i,isConfirm:!0,color:s},this.m_warning.data.submit_func=()=>{},this.m_warning.open()}errorDialog(e,n){let i="failed.";e.error&&e.error.message&&(i=e.error.message),e._body&&(i=JSON.parse(e._body).message),setTimeout(()=>{this.confirmDialog(n,i,"warning","orange")},200)}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(u.f),t.Y36(x.v),t.Y36(b.f),t.Y36(C.n),t.Y36(M.P),t.Y36(O.W))},o.\u0275cmp=t.Xpm({type:o,selectors:[["app-event-map"]],viewQuery:function(e,n){if(1&e&&(t.Gf(w,5),t.Gf(y,5),t.Gf(T,5),t.Gf(Z,5),t.Gf(E,5)),2&e){let i;t.iGM(i=t.CRH())&&(n.worldMap=i.first),t.iGM(i=t.CRH())&&(n.siteSelect=i.first),t.iGM(i=t.CRH())&&(n.typeSelect=i.first),t.iGM(i=t.CRH())&&(n.statusSelect=i.first),t.iGM(i=t.CRH())&&(n.viewSelect=i.first)}},hostBindings:function(e,n){1&e&&t.NdJ("mousedown",function(s){return n.onGlobalClick(s)},!1,t.evT)},decls:187,vars:34,consts:[[1,"sub-component"],[1,"container","responsive-container"],["class","loader absolute",4,"ngIf"],[1,"row","responsive-first-row"],[1,"widget","f-2","row","card-md",2,"margin","0px"],[1,"entire-area"],["worldMap",""],[1,"widget","f-1","card-md",2,"margin","0 0 0 8px"],[1,"header"],[1,"title"],[1,"btn-area"],[1,"button","button-primary",3,"click"],[1,"btn-inner"],[1,"body"],[1,"items-area"],[1,"item","page-item","row"],[1,"title","f-1"],[1,"f-2"],[4,"ngIf"],[1,"widget","responsive-second-row",2,"width","100%"],[1,"widget-body"],[1,"row",2,"overflow-y","initial","padding-bottom","7px"],[1,"select-container",2,"width","350px"],["siteSelect",""],[1,"selectbox","select-label",3,"click"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","#000000"],["d","M12 4L16.58 8.59L15.17 10L12 6.83L8.83 10L7.41 8.59L12 4Z"],["d","M12 17.17L15.17 14 L16.59 15.41L12 20L7.42 15.41L8.83 14L12 17.17Z"],["class","select-list",4,"ngIf"],[1,"select-container"],["typeSelect",""],[1,"selectbox-label"],["class","select-list","style","max-height: 180px;",4,"ngIf"],["statusSelect",""],["viewSelect",""],[2,"display","flex","width","100%","justify-content","flex-end"],[2,"margin-right","4px"],[1,"table-container"],[1,"table-header"],["width","7%"],["width","18%"],["width","9%"],["width","13%"],["width","10%"],[2,"text-align","right"],[1,"table-body","responsive-table-body"],["style","text-align: center; color: #999;",4,"ngIf"],["class","has-child",3,"new-event","selected-event","click",4,"ngFor","ngForOf"],[3,"modal"],[1,"loader","absolute"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path","white"],[1,"select-list"],[1,"search-result-input"],["autocomplete","off","type","text","placeholder","Search Site",1,"list-search-input",3,"ngModel","ngModelChange","input"],["selectSearchInput",""],[2,"overflow","overlay","max-height","300px"],[1,"search-result","has-child",3,"click"],[2,"font-weight","bold"],["class","search-result has-child",3,"click",4,"ngFor","ngForOf"],[1,"select-list",2,"max-height","180px"],[1,"select-result","selectitem","has-child",3,"click"],[1,"check-area"],["class","material-icons check-icon",4,"ngIf"],["class","material-icons check-icon checked",4,"ngIf"],["class","select-result has-child selectitem",3,"click",4,"ngFor","ngForOf"],[1,"material-icons","check-icon"],[1,"material-icons","check-icon","checked"],[1,"select-result","has-child","selectitem",3,"click"],[2,"text-align","center","color","#999"],[1,"has-child",3,"click"],[2,"text-align","center"],[1,"link",3,"click"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.TgZ(1,"div",1),t.YNc(2,A,3,0,"div",2),t.TgZ(3,"div",3),t.TgZ(4,"div",4),t._UZ(5,"div",5,6),t.qZA(),t.TgZ(7,"div",7),t.TgZ(8,"div",8),t.TgZ(9,"div",9),t._uU(10,"Event Detail Info"),t.qZA(),t.TgZ(11,"div",10),t.TgZ(12,"div",11),t.NdJ("click",function(){return n.goToSite(n.selectedEvent.site_id)}),t.TgZ(13,"div",12),t.TgZ(14,"span"),t._uU(15,"Go To Site"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(16,"div",13),t.TgZ(17,"div",14),t.TgZ(18,"div",15),t.TgZ(19,"div",16),t._uU(20,"Event ID"),t.qZA(),t.TgZ(21,"div",17),t._uU(22),t.qZA(),t.qZA(),t.TgZ(23,"div",15),t.TgZ(24,"div",16),t._uU(25,"Site Name"),t.qZA(),t.TgZ(26,"div",17),t._uU(27),t.qZA(),t.qZA(),t.TgZ(28,"div",15),t.TgZ(29,"div",16),t._uU(30,"Site Address"),t.qZA(),t.TgZ(31,"div",17),t._uU(32),t.qZA(),t.qZA(),t.TgZ(33,"div",15),t.TgZ(34,"div",16),t._uU(35,"Site GPS"),t.qZA(),t.TgZ(36,"div",17),t.TgZ(37,"div"),t._uU(38),t.qZA(),t.TgZ(39,"div"),t._uU(40),t.qZA(),t.qZA(),t.qZA(),t.TgZ(41,"div",15),t.TgZ(42,"div",16),t._uU(43,"Device Name"),t.qZA(),t.TgZ(44,"div",17),t._uU(45),t.YNc(46,k,2,1,"span",18),t.qZA(),t.qZA(),t.TgZ(47,"div",15),t.TgZ(48,"div",16),t._uU(49,"Device Channel"),t.qZA(),t.TgZ(50,"div",17),t._uU(51),t.qZA(),t.qZA(),t.TgZ(52,"div",15),t.TgZ(53,"div",16),t._uU(54,"Device Mac"),t.qZA(),t.TgZ(55,"div",17),t._uU(56),t.qZA(),t.qZA(),t.TgZ(57,"div",15),t.TgZ(58,"div",16),t._uU(59,"Zone Number"),t.qZA(),t.TgZ(60,"div",17),t._uU(61),t.qZA(),t.qZA(),t.TgZ(62,"div",15),t.TgZ(63,"div",16),t._uU(64,"Event Type"),t.qZA(),t.TgZ(65,"div",17),t._uU(66),t.qZA(),t.qZA(),t.TgZ(67,"div",15),t.TgZ(68,"div",16),t._uU(69,"Event Status"),t.qZA(),t.TgZ(70,"div",17),t._uU(71),t.qZA(),t.qZA(),t.TgZ(72,"div",15),t.TgZ(73,"div",16),t._uU(74,"Event Time"),t.qZA(),t.TgZ(75,"div",17),t._uU(76),t.qZA(),t.qZA(),t.TgZ(77,"div",15),t.TgZ(78,"div",16),t._uU(79,"Event Timestamp"),t.qZA(),t.TgZ(80,"div",17),t._uU(81),t.qZA(),t.qZA(),t.TgZ(82,"div",15),t.TgZ(83,"div",16),t._uU(84,"Event Viewed"),t.qZA(),t.TgZ(85,"div",17),t._uU(86),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(87,"div",19),t.TgZ(88,"div",20),t.TgZ(89,"div",21),t.TgZ(90,"div",22,23),t.TgZ(92,"div",24),t.NdJ("click",function(){return n.toggleSiteList()}),t.TgZ(93,"div"),t._uU(94),t.qZA(),t.O4$(),t.TgZ(95,"svg",25),t._UZ(96,"path",26),t._UZ(97,"path",27),t.qZA(),t.qZA(),t.YNc(98,q,9,3,"div",28),t.qZA(),t.kcU(),t.TgZ(99,"div",29,30),t.TgZ(101,"div",24),t.NdJ("click",function(){return n.toggleEventTypeList()}),t.TgZ(102,"span",31),t._uU(103),t.qZA(),t.O4$(),t.TgZ(104,"svg",25),t._UZ(105,"path",26),t._UZ(106,"path",27),t.qZA(),t.qZA(),t.YNc(107,$,8,3,"div",32),t.qZA(),t.kcU(),t.TgZ(108,"div",29,33),t.TgZ(110,"div",24),t.NdJ("click",function(){return n.toggleEventStatusList()}),t.TgZ(111,"div"),t._uU(112),t.qZA(),t.O4$(),t.TgZ(113,"svg",25),t._UZ(114,"path",26),t._UZ(115,"path",27),t.qZA(),t.qZA(),t.YNc(116,J,2,1,"div",32),t.qZA(),t.kcU(),t.TgZ(117,"div",29,34),t.TgZ(119,"div",24),t.NdJ("click",function(){return n.toggleViewList()}),t.TgZ(120,"div"),t._uU(121),t.qZA(),t.O4$(),t.TgZ(122,"svg",25),t._UZ(123,"path",26),t._UZ(124,"path",27),t.qZA(),t.qZA(),t.YNc(125,j,2,1,"div",32),t.qZA(),t.kcU(),t.TgZ(126,"div",35),t.TgZ(127,"div",36),t.TgZ(128,"span"),t._uU(129),t.qZA(),t.TgZ(130,"span"),t._uU(131),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(132,"div",37),t.TgZ(133,"table",38),t.TgZ(134,"colgroup"),t._UZ(135,"col",39),t._UZ(136,"col",40),t._UZ(137,"col",40),t._UZ(138,"col",41),t._UZ(139,"col",41),t._UZ(140,"col",41),t._UZ(141,"col",42),t._UZ(142,"col",39),t._UZ(143,"col",43),t.qZA(),t.TgZ(144,"thead"),t.TgZ(145,"th"),t.TgZ(146,"span"),t._uU(147,"Event #"),t.qZA(),t.qZA(),t.TgZ(148,"th"),t.TgZ(149,"span"),t._uU(150,"Site Name"),t.qZA(),t.qZA(),t.TgZ(151,"th"),t.TgZ(152,"span"),t._uU(153,"Device"),t.qZA(),t.qZA(),t.TgZ(154,"th"),t.TgZ(155,"span"),t._uU(156,"Zone Number"),t.qZA(),t.qZA(),t.TgZ(157,"th"),t.TgZ(158,"span"),t._uU(159,"Event Type"),t.qZA(),t.qZA(),t.TgZ(160,"th"),t.TgZ(161,"span"),t._uU(162,"Event Status"),t.qZA(),t.qZA(),t.TgZ(163,"th"),t.TgZ(164,"span"),t._uU(165,"Event Time"),t.qZA(),t.qZA(),t.TgZ(166,"th"),t.TgZ(167,"span"),t._uU(168,"Viewed"),t.qZA(),t.qZA(),t.TgZ(169,"th",44),t._uU(170,"Monitoring Portal"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(171,"div",45),t.TgZ(172,"table"),t.TgZ(173,"colgroup"),t._UZ(174,"col",39),t._UZ(175,"col",40),t._UZ(176,"col",40),t._UZ(177,"col",41),t._UZ(178,"col",41),t._UZ(179,"col",41),t._UZ(180,"col",42),t._UZ(181,"col",39),t._UZ(182,"col",43),t.qZA(),t.TgZ(183,"tbody"),t.YNc(184,D,3,0,"tr",46),t.YNc(185,G,21,14,"tr",47),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t._UZ(186,"dealer-warning",48)),2&e&&(t.xp6(2),t.Q6J("ngIf",n.isLoading),t.xp6(10),t.ekj("disabled",!n.selectedEvent.event_id),t.xp6(10),t.Oqu(n.selectedEvent.event_id),t.xp6(5),t.AsE("",n.selectedEvent.site_name," (Site ID: ",n.selectedEvent.site_id,")"),t.xp6(5),t.AsE("",n.selectedEvent.address2," ",n.selectedEvent.address1,""),t.xp6(6),t.hij("Lat: ",n.selectedEvent.lat,""),t.xp6(2),t.hij("Lng: ",n.selectedEvent.lng,""),t.xp6(5),t.hij("",n.selectedEvent.device_name," "),t.xp6(1),t.Q6J("ngIf",!n.isProduction),t.xp6(5),t.Oqu(n.selectedEvent.channel),t.xp6(5),t.Oqu(n.selectedEvent.mac),t.xp6(5),t.Oqu(n.selectedEvent.zone_number),t.xp6(5),t.Oqu(n.selectedEvent.event_type),t.xp6(5),t.Oqu(n.selectedEvent.event_status),t.xp6(5),t.AsE("",n.selectedEvent.dateTime," (",n.commonService.getIntuitiveTimeStamp(n.selectedEvent.timestamp),")"),t.xp6(5),t.hij("",n.selectedEvent.timestamp," "),t.xp6(5),t.hij("",n.selectedEvent.watch?"Yes":"No"," "),t.xp6(8),t.Oqu(n.selSite.name),t.xp6(4),t.Q6J("ngIf",n.isSelectList),t.xp6(5),t.Oqu(n.isAllEventTypes?"All Event Types":n.selEventTypesTxt),t.xp6(4),t.Q6J("ngIf",n.isTypeSelectList),t.xp6(5),t.Oqu(n.selEventStatus),t.xp6(4),t.Q6J("ngIf",n.isStatusSelectList),t.xp6(5),t.Oqu(n.selView),t.xp6(4),t.Q6J("ngIf",n.isViewSelectList),t.xp6(4),t.hij("",n.totalFilteredEvent," Events / "),t.xp6(2),t.hij("",n.totalFilteredUnViewedEvent," Unviewed Events"),t.xp6(53),t.Q6J("ngIf",0===n.filteredEvents.length),t.xp6(1),t.Q6J("ngForOf",n.filteredEvents),t.xp6(1),t.Q6J("modal",n.m_warning))},directives:[p.O5,p.sg,P.a,g.Fj,g.JJ,g.On],styles:['.scroll-screen[_ngcontent-%COMP%]{flex:1;flex-direction:column;overflow-y:overlay;height:100%;position:relative;padding:7px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.row[_ngcontent-%COMP%]{flex-direction:row;display:flex;height:100%;overflow-y:overlay;transition:.5s}.col[_ngcontent-%COMP%]{flex-direction:column;display:flex;flex:1;height:100%}.customer-widget-area[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{min-width:300px}.customer-widget-area[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]:only-child{min-width:600px}.customer-widget-area.deactivated[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{height:calc(100% - 43px)}.col[_ngcontent-%COMP%] .widget[_ngcontent-%COMP%]{min-width:300px}.sub-nav[_ngcontent-%COMP%]{position:relative;left:0px;transition:all ease-in-out .3s;min-width:250px;max-width:250px;flex:1;background:#fff;border-right:.5px solid #d7d7d7;display:flex;flex-direction:column;overflow-y:overlay;z-index:3}.sub-nav[_ngcontent-%COMP%]:focus{outline:none}.sub-nav[_ngcontent-%COMP%] .row[_ngcontent-%COMP%]{height:initial;flex:initial;align-items:center}.sub-nav[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{overflow-y:overlay}.sub-nav[_ngcontent-%COMP%] .search[_ngcontent-%COMP%]{padding:6px 12px 6px 0;box-sizing:border-box;border:0;background-color:transparent;background-size:24px;background-position:4px 8px;background-repeat:no-repeat;flex:1}.sub-nav[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{margin-right:8px;color:#777;transition:.2s}.sub-nav[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{cursor:pointer;color:#000}.sub-nav[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{background-color:red;color:#fff;width:8px;height:14px;margin-left:8px;padding:2px 4px 2px 5px;border-radius:4px;font-size:12px}.sub-nav[_ngcontent-%COMP%] .plan-badge[_ngcontent-%COMP%]{background-color:red;width:6px;height:6px;margin-left:4px;border-radius:10px}.sub-nav[_ngcontent-%COMP%] .list-category[_ngcontent-%COMP%]{padding:24px 0 7px 20px;color:#2f96fb;font-size:14px;text-transform:uppercase}.sub-nav[_ngcontent-%COMP%] .list-category[_ngcontent-%COMP%]:first-child{padding:30px 0 7px 20px;color:#2f96fb;font-size:14px}.sub-nav[_ngcontent-%COMP%] .list-item[_ngcontent-%COMP%]{display:flex;align-items:center;color:#0009;cursor:pointer}.sub-nav[_ngcontent-%COMP%] .list-item[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.sub-nav[_ngcontent-%COMP%] .list-item[_ngcontent-%COMP%]:hover.settings{background:transparent}.sub-nav[_ngcontent-%COMP%] .list-item-selected[_ngcontent-%COMP%]{background:#dcf0fd!important;color:#000000de}.sub-nav[_ngcontent-%COMP%] .list-item-selected[_ngcontent-%COMP%]:after{background-color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .list-item-selected.settings[_ngcontent-%COMP%]{background:transparent!important;color:#000000de;font-weight:500;color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .menu-label[_ngcontent-%COMP%]{display:flex;font-size:14px;padding:7px 0 7px 15px}.sub-nav[_ngcontent-%COMP%] .menu-label.settings[_ngcontent-%COMP%]{padding-left:16px;width:100%;margin:0 4px;border-radius:4px}.sub-nav[_ngcontent-%COMP%] .menu-label.settings[_ngcontent-%COMP%]:hover{padding:8px 16px;background:#e8eaed}.sub-nav[_ngcontent-%COMP%] .menu-label.settings.selected-label[_ngcontent-%COMP%]{width:100%;margin:0 4px;padding:8px 12px;border-radius:4px;font-weight:500;color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .menu-label.settings.selected-label[_ngcontent-%COMP%]:hover{padding:8px 12px;background:#dcf0fd}.sub-nav[_ngcontent-%COMP%] .select-mark[_ngcontent-%COMP%]{background-color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .select-mark.settings[_ngcontent-%COMP%]{background-color:#2383e2;width:4px;min-height:30px;height:30px;border-radius:4px}.component-body[_ngcontent-%COMP%]{position:relative;flex:5;height:100%;flex-direction:column;display:flex;transition:all ease-in-out .3s}.component-body-no-data[_ngcontent-%COMP%]{flex:5;height:100%;flex-direction:column;align-items:center;justify-content:center;display:flex}.tab[_ngcontent-%COMP%]{height:60px;color:#888;background:#f7f7fc;box-shadow:0 4px 2px -2px #888;display:flex;align-items:center;z-index:1}.tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%;position:relative}.tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#2383e2;cursor:pointer}.tab[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#2383e2}.tab[_ngcontent-%COMP%] .icn-button[_ngcontent-%COMP%]{padding:0 16px}.tab[_ngcontent-%COMP%] .icn-button-active[_ngcontent-%COMP%]{color:#000}.tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:0 32px;text-transform:capitalize;font-size:14px}.tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;bottom:-2px;width:100%;height:4px;background:#2383e2}.plan-upgrade-badge[_ngcontent-%COMP%]{background:linear-gradient(90deg,#2A517E 17.88%,#1E88E5 69.03%);border-radius:10px;padding:2px 6px;margin-left:-8px;color:#fff;font-size:12px;font-weight:400;cursor:pointer}.customer-tab[_ngcontent-%COMP%]{color:#7a7a7a;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;z-index:1;font-weight:500;font-size:14px;flex-flow:wrap}.customer-tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{display:flex;align-items:center;height:50px;position:relative;cursor:pointer}.customer-tab[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#1e88e5;font-weight:500}.customer-tab[_ngcontent-%COMP%] .icn-button[_ngcontent-%COMP%]{padding:0 16px}.customer-tab[_ngcontent-%COMP%] .icn-button-active[_ngcontent-%COMP%]{color:#000}.customer-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:8px 20px;text-transform:capitalize;font-size:14px;font-weight:400}.customer-tab[_ngcontent-%COMP%] .tab-title.selected[_ngcontent-%COMP%]{font-weight:500}.customer-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]:hover{background:#e8eaed;border-radius:7px}.customer-tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;bottom:-2px;width:100%;height:3px;background:#2383e2}.setting-tab[_ngcontent-%COMP%]{height:41px;box-sizing:border-box;color:#7a7a7a;background:#fff;display:flex;flex-direction:row;align-items:center;z-index:1;font-size:14px;font-weight:500;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1);background-color:#fbfbfa}.setting-tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%;position:relative;cursor:pointer}.setting-tab[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#000}.setting-tab[_ngcontent-%COMP%] .button-selected-red[_ngcontent-%COMP%]{color:#f67474}.setting-tab[_ngcontent-%COMP%] .icn-button[_ngcontent-%COMP%]{padding:0 16px}.setting-tab[_ngcontent-%COMP%] .icn-button-active[_ngcontent-%COMP%]{color:#000}.setting-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:5px 20px;text-transform:capitalize;font-size:13px;font-weight:400;margin:0 1px}.setting-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]:hover{background:#e8eaed;border-radius:5px}.setting-tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;width:100%;bottom:0;height:4px;background:#2383e2;border-radius:4px}.setting-tab[_ngcontent-%COMP%] .tab-selected-bar-red[_ngcontent-%COMP%]{position:absolute;width:100%;bottom:0;height:5px;background:#f67474}.btn-icon[_ngcontent-%COMP%]{color:#7c7c7c;background-color:#f1f1f1;cursor:pointer}.btn-icon[_ngcontent-%COMP%]:hover{color:#7c7c7c;background-color:#efeff6}.space[_ngcontent-%COMP%]{flex:1}.sub-component[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;width:100%;height:100%}.widget-area[_ngcontent-%COMP%]{flex-direction:row;display:flex;height:100%;flex:1;overflow-y:overlay;padding:20px 30px;flex-wrap:wrap;justify-content:center;box-sizing:border-box}.customer-widget-area[_ngcontent-%COMP%]{position:absolute;height:auto;bottom:0;top:0;left:0;right:0;flex-direction:row;display:flex;flex:1;overflow:initial;padding:14px;box-sizing:border-box;flex-wrap:wrap;justify-content:center}.customer-widget-area.deactivated[_ngcontent-%COMP%]{padding:0 7px 7px}.wcs-widget-area[_ngcontent-%COMP%]{position:absolute;height:auto;bottom:0;top:0;left:0;right:0;flex-direction:row;display:flex;flex:1;overflow-y:overlay;padding:12px;flex-wrap:wrap;align-items:center;grid-gap:12px;gap:12px}.wcs-widget-area[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{align-items:center}.setting-widget[_ngcontent-%COMP%]{height:calc(100% - 44px)}.setting-router[_ngcontent-%COMP%]{width:100%;flex:1;position:relative;overflow:auto;overflow-y:overlay}.container[_ngcontent-%COMP%]{width:calc(100% - 14px);height:100%;display:flex;flex-direction:column;align-items:center;padding:7px}.widget[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;max-width:1400px;min-width:300px;max-height:calc(100% - 15px);background:white;transition:.5s;border-radius:3px;border:1px solid rgba(0,0,0,.1);margin:0 5px 10px}.widget[_ngcontent-%COMP%]:last-child{margin:0 5px}.widget[_ngcontent-%COMP%]:only-child{min-width:600px}.widget[_ngcontent-%COMP%] .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;border-bottom:solid 1px rgba(0,0,0,.1)}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:calc(100% - 108px);padding:20px}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-bottom:14px}.widget-item[_ngcontent-%COMP%]{flex:none;font-size:14px;color:#000000de}.widget-item[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%]{padding:14px 30px}.widget[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:14px;color:#0009;margin-bottom:7px}.widget[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{width:200px;font-size:14px;color:#0009}.widget[_ngcontent-%COMP%] .item-row[_ngcontent-%COMP%]{display:flex;padding:7px 0}.widget[_ngcontent-%COMP%] .bottom-line[_ngcontent-%COMP%]{border-bottom:solid 1px rgba(0,0,0,.1)}.scroll-widget[_ngcontent-%COMP%]{max-height:initial}.item[_ngcontent-%COMP%] .w-1[_ngcontent-%COMP%]{width:10%}.item[_ngcontent-%COMP%] .w-2[_ngcontent-%COMP%]{width:20%}.item[_ngcontent-%COMP%] .w-3[_ngcontent-%COMP%]{width:30%}.item[_ngcontent-%COMP%] .w-4[_ngcontent-%COMP%]{width:40%}.item[_ngcontent-%COMP%] .w-5[_ngcontent-%COMP%]{width:50%}.item[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.item[_ngcontent-%COMP%] .right-align[_ngcontent-%COMP%]{text-align:right}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{display:flex;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{width:80%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{position:absolute;left:12px;top:12px;color:#00000080}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] .search-box[_ngcontent-%COMP%]{width:100%;padding-left:32px}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{cursor:pointer}.cell[_ngcontent-%COMP%]{padding-bottom:14px}.widget[_ngcontent-%COMP%] .widget-bottom[_ngcontent-%COMP%]{display:flex;padding-top:6px}.table-area[_ngcontent-%COMP%]{height:100%;overflow:overlay}.table-container[_ngcontent-%COMP%]{display:flex;height:100%;flex-direction:column;overflow-y:hidden}table.table-header[_ngcontent-%COMP%]:after{border-collapse:separate}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%]{min-height:31px;background-color:#f7fafc;border-bottom:solid 1px rgba(0,0,0,.1);border-top:solid 1px rgba(0,0,0,.1);box-sizing:border-box}.table-container[_ngcontent-%COMP%] .table-header.no-top-border[_ngcontent-%COMP%]{border-top:0}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:10px 7px}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:7px}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding:7px 7px 7px 20px}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:last-child{padding:7px 20px 7px 7px}.table-container[_ngcontent-%COMP%] .table-header-v2[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:10px 7px}.table-container[_ngcontent-%COMP%] .table-header-v2[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}.table-container[_ngcontent-%COMP%] .table-header-v2[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}.table-container[_ngcontent-%COMP%] .table-body-v2[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:7px}.table-container[_ngcontent-%COMP%] .table-body-v2[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding:7px 7px 7px 20px}.table-container[_ngcontent-%COMP%] .table-body-v2[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:last-child{padding:7px 20px 7px 7px}table.table-header-v2[_ngcontent-%COMP%]:after{border-collapse:separate}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%]{width:100%;max-height:calc(100% - 30px);flex:1;overflow-y:overlay}.table-container[_ngcontent-%COMP%] .no-record[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:7px 0}.header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{flex:1;font-size:16px;padding:12px 20px;color:#000000de}.header[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%]{padding:7px 16px}.header[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#000}.header[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]:hover{color:#aaa;cursor:default;pointer-events:none}.header[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]{color:#1e90ff}.header[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]:hover{color:#30b0ff}.widget[_ngcontent-%COMP%] .body[_ngcontent-%COMP%]{flex:1;padding:14px 16px;overflow-y:overlay}.body-center[_ngcontent-%COMP%]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.body-center[_ngcontent-%COMP%] .image[_ngcontent-%COMP%]{text-align:center}.body-center[_ngcontent-%COMP%] .image[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:30px;color:#2383e2}.body-center[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{margin-bottom:14px;font-size:14px;color:#0009;text-align:center;line-height:1.5}.body-center[_ngcontent-%COMP%] .description[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:8px;font-size:18px;color:#000000de}.body[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{font-size:14px;color:#777}.body[_ngcontent-%COMP%] > .contents[_ngcontent-%COMP%]{font-size:15px;color:#333;margin-top:4px;padding:4px 0;display:flex;min-height:24px;align-items:center}.body[_ngcontent-%COMP%] .editable[_ngcontent-%COMP%]{border-bottom:1px solid #fff;transition:.5s}.body[_ngcontent-%COMP%] .editable[_ngcontent-%COMP%]:hover{cursor:text;border-bottom:1px solid #ccc}.body[_ngcontent-%COMP%] .selectbox[_ngcontent-%COMP%]{color:#777;padding:16px;box-shadow:0 0 2px #888;transition:.2s;cursor:pointer;display:flex;flex-direction:row}.body[_ngcontent-%COMP%] .selectbox[_ngcontent-%COMP%]:hover{color:#333;box-shadow:0 0 6px #888}.widget[_ngcontent-%COMP%] .search[_ngcontent-%COMP%]{margin:12px;padding:12px 12px 12px 36px;box-sizing:border-box;border:0;border-bottom:2px solid #ddd;background-color:transparent;background-image:url(/assets/icons/ic_search_72pt.png);background-size:24px;background-position:4px 8px;background-repeat:no-repeat;flex:1;transition:.3s}.widget[_ngcontent-%COMP%] .search[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #777}.widget[_ngcontent-%COMP%] .filter-area[_ngcontent-%COMP%]{flex:1;display:flex;align-items:center;flex-direction:row-reverse}.tab[_ngcontent-%COMP%] .combo-box[_ngcontent-%COMP%]{display:flex}.filter-area[_ngcontent-%COMP%] .combo-box[_ngcontent-%COMP%]{color:#777;font-size:14px;padding:0 8px 0 0;text-align:right;position:relative;cursor:pointer}.header[_ngcontent-%COMP%] .combo-box[_ngcontent-%COMP%]{color:#777;font-size:14px;text-align:right;position:relative;cursor:pointer}.combo-box[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{transition:.2s}.combo-box[_ngcontent-%COMP%] > .button-active[_ngcontent-%COMP%]{color:#000}.combo-box[_ngcontent-%COMP%] .arrow[_ngcontent-%COMP%]{vertical-align:middle}.combo-box-contents[_ngcontent-%COMP%]{position:absolute;right:16px;z-index:101;text-align:left;box-sizing:border-box;background-color:#fff;transition:.2s;box-shadow:0 2px 4px #00000080;border:solid 1px #d9d9d9;border-radius:5px}.combo-box-contents[_ngcontent-%COMP%] .items[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:12px}.combo-box-contents[_ngcontent-%COMP%] .items[_ngcontent-%COMP%]:hover{background:#eee}.list[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);min-height:28px;transition:.1s;padding:10px 20px}.list.locked-list[_ngcontent-%COMP%]{background-color:#f7fafc}.list-group[_ngcontent-%COMP%]:hover{background-color:#fafcff}.list-bottom-clear[_ngcontent-%COMP%]{border-bottom:none}.list-bottom-line[_ngcontent-%COMP%]{border-bottom:1px solid #aaa}.widget[_ngcontent-%COMP%] .list[_ngcontent-%COMP%]:hover{background:#f5f5f5;cursor:pointer}.widget[_ngcontent-%COMP%] .list.locked-list[_ngcontent-%COMP%]:hover{background:#F7FAFC;cursor:initial}.list[_ngcontent-%COMP%] > .contents[_ngcontent-%COMP%]{padding:12px 0;font-size:14px;color:#333;flex:1}.list[_ngcontent-%COMP%] > .stat-contents[_ngcontent-%COMP%]{padding:12px 0;float:right;font-size:13px;color:#aaa}.list[_ngcontent-%COMP%] > .button-contents[_ngcontent-%COMP%]{padding:12px 0;float:right;font-size:13px}.list[_ngcontent-%COMP%] > .button-contents[_ngcontent-%COMP%]:hover{opacity:.8}.list[_ngcontent-%COMP%] > .icon[_ngcontent-%COMP%]{display:flex;align-items:center;margin:0 10px 0 6px;height:40px}.list[_ngcontent-%COMP%] .status-bar[_ngcontent-%COMP%]{width:8px;background:#aaa}.contents[_ngcontent-%COMP%] > .contents-small[_ngcontent-%COMP%]{margin-left:4px;font-size:11px;color:#555}.contents[_ngcontent-%COMP%] .sub-contents[_ngcontent-%COMP%]{font-size:12px;color:#0009;margin-top:6px}.widget[_ngcontent-%COMP%] .row[_ngcontent-%COMP%]{height:initial;align-items:center}.widget[_ngcontent-%COMP%] table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.widget[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:10px 7px;color:#56657bde;text-transform:uppercase;text-align:left;font-size:13px;font-weight:normal}.widget[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]{border-bottom:1px rgba(0,0,0,.1) solid}.widget[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:last-child{border-bottom:none}.widget[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:14px;color:#000000de;padding:7px}td[_ngcontent-%COMP%] .sub-contents[_ngcontent-%COMP%]{font-size:11px;color:#888;margin-top:4px}td[_ngcontent-%COMP%] .edit-btn[_ngcontent-%COMP%]{cursor:pointer;color:#1e90ff}td[_ngcontent-%COMP%] .delete-btn[_ngcontent-%COMP%]{cursor:pointer;color:#f1556c}table[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;color:#bbb;transition:.2s;cursor:pointer}table[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#333}table[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{border-radius:50%;width:35px;height:35px}.div-table-header[_ngcontent-%COMP%]{display:flex;height:30px;border-style:solid;border-width:1px;border-image-source:linear-gradient(to bottom,#dfdfdf,#bcbcbc);border-image-slice:1;border-collapse:separate;background-image:linear-gradient(to bottom,#f7f7f7,#ececed);font-size:14px;align-items:center}.div-table-header[_ngcontent-%COMP%] .div-table-head[_ngcontent-%COMP%]{padding:7px 16px}.face[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;display:inline-block;margin-right:8px;vertical-align:middle}.folding-list[_ngcontent-%COMP%]{cursor:pointer}.folding-list[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:8px}.folding-list[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{color:#555;font-size:16px;padding:12px 0;border-bottom:1px solid #aaa;transition:.1s;height:54px}.folding-list[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]:hover{background:#f5f5f5}.folding-list[_ngcontent-%COMP%] .sub-list-title[_ngcontent-%COMP%]{margin-left:16px;padding:12px 0 4px;color:#777;font-size:12px;font-weight:bold;border-bottom:1px solid #ccc;display:flex}.folding-list[_ngcontent-%COMP%] .sub-list[_ngcontent-%COMP%]{margin-left:16px;padding:8px 0;color:#333;font-size:14px;border-bottom:1px solid #ccc;transition:.1s;display:flex}.folding-list[_ngcontent-%COMP%] .sub-list[_ngcontent-%COMP%]:hover{background:#f5f5f5}.folding-list[_ngcontent-%COMP%] .sub-list-selected[_ngcontent-%COMP%]{background:#f5f5f5}.empty-contents[_ngcontent-%COMP%]{font-size:16px;color:#bbb;font-weight:bold;text-transform:uppercase}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]{padding:4px 0;border-bottom:1px solid #fff;background:rgba(0,0,0,0)}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]:hover{border-bottom:1px solid #777}.dropdown[_ngcontent-%COMP%]{font-size:14px;position:relative;flex:1}.dropdown-contents[_ngcontent-%COMP%]{position:absolute;width:100%;margin-top:8px;left:0px;z-index:100;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 13px 1px #0003;transition:.2s}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:14px;display:flex;align-items:center}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]:hover{background:#eee}.dropdown[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;background:rgba(0,0,0,0)}.face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;margin-right:8px}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:38x;height:38px;min-width:38px;min-height:38px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.calendar[_ngcontent-%COMP%]{width:100%}.contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{color:#777;transition:.2s;cursor:pointer}.contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333}.list[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{display:flex;width:32px;height:32px;justify-content:center;align-items:center;padding:5px;color:#777;transition:.2s;cursor:pointer;border-radius:21px}.list[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333;background:rgba(0,0,0,.05)}.btn-danger[_ngcontent-%COMP%]{color:#f1556d}.btn-danger[_ngcontent-%COMP%]:hover{color:#f47185}.svg-icon[_ngcontent-%COMP%]{font-size:24px;color:#000;width:1em;height:1em;position:relative}.svg-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{fill:currentColor;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.png-icon[_ngcontent-%COMP%]{width:36px;height:36px;position:relative}.png-icon[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:100%;max-height:100%}.child-item[_ngcontent-%COMP%]{padding-left:24px}.title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.widget[_ngcontent-%COMP%] .has-child[_ngcontent-%COMP%]:hover{background:#f5f5f5;cursor:pointer}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{flex:1;background:white;box-sizing:border-box;margin-top:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.absolute[_ngcontent-%COMP%]{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);z-index:10}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.path.white[_ngcontent-%COMP%]{stroke:#fff}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.list-item[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.list-item[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff}.content-list[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.title-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:28px}.title-row[_ngcontent-%COMP%] .list-title[_ngcontent-%COMP%]{flex:1;color:#777;padding-top:12px;justify-content:center}.title-row[_ngcontent-%COMP%] .tail[_ngcontent-%COMP%]{flex:1;text-align:right}.disabled[_ngcontent-%COMP%]{cursor:default;filter:contrast(60%) brightness(1.2);opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}.input-err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #f1556c}.page-item[_ngcontent-%COMP%]{padding-bottom:14px!important}.unselectable[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none}.pager[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#0009}.pager[_ngcontent-%COMP%] .page-info[_ngcontent-%COMP%]{display:flex;align-items:center;min-width:80px;padding-left:16px}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%]{display:flex;align-items:center;padding:0 0 0 28px}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;color:#0009}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn[_ngcontent-%COMP%]:hover{color:#000000de}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn.mover-disabled[_ngcontent-%COMP%]{cursor:initial;color:#0000004d}.pager[_ngcontent-%COMP%] .page-all[_ngcontent-%COMP%]{display:flex;align-items:center;padding-right:15px}.inner-input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:6px 8px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;font-size:14px;transition:.2s;text-indent:0px;font-weight:400}.top-noti[_ngcontent-%COMP%]{width:100%;min-height:36px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:7px;background-color:#fcf9e9;font-size:14px;color:#000000de;border-bottom:rgba(0,0,0,.1)}','@media screen and (max-height: 700px){.responsive-container[_ngcontent-%COMP%]{overflow-y:visible;height:-moz-fit-content;height:fit-content}.responsive-first-row[_ngcontent-%COMP%]{width:calc(100% - 100px);height:-moz-fit-content;height:fit-content}.responsive-first-row[_ngcontent-%COMP%] .card-md[_ngcontent-%COMP%]{height:410px}.responsive-second-row[_ngcontent-%COMP%]{max-width:calc(100% - 100px);overflow:hidden}.responsive-table-body[_ngcontent-%COMP%]{width:calc(100% - 2px)}}@media screen and (min-height: 701px){.responsive-container[_ngcontent-%COMP%]{overflow-y:hidden;height:auto;min-height:100%}.responsive-first-row[_ngcontent-%COMP%]{flex:1;width:calc(100% - 100px)}.responsive-second-row[_ngcontent-%COMP%]{flex:1;max-width:calc(100% - 100px);overflow:hidden}.responsive-table-body[_ngcontent-%COMP%]{width:calc(100% - 2px);max-height:calc(100% - 55px)}}.container[_ngcontent-%COMP%]{padding:24px;box-sizing:border-box;width:100%}.row[_ngcontent-%COMP%]{display:flex;flex-direction:row}.widget[_ngcontent-%COMP%]{position:relative;height:100%;max-width:calc(100% - 100px)}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%]{height:100%;padding:14px}.widget[_ngcontent-%COMP%] .entire-area[_ngcontent-%COMP%]{width:100%;margin:15px;box-sizing:border-box}.widget[_ngcontent-%COMP%] .map-area[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;cursor:pointer}.widget[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{align-items:end;font-size:14px}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%]{width:100%}.loader.absolute[_ngcontent-%COMP%]{top:50px;left:100px}.new-event[_ngcontent-%COMP%]{animation:highlight-color 5s}.select-container[_ngcontent-%COMP%]{margin-right:7px}.selected-event[_ngcontent-%COMP%]{background-color:#39f3!important}.link[_ngcontent-%COMP%]{color:#2383e2;cursor:pointer}.sort-th[_ngcontent-%COMP%]{cursor:pointer}.sort-th[_ngcontent-%COMP%]:hover{color:#000!important;font-weight:400!important;background-image:linear-gradient(to bottom,whitesmoke,#e5e5e6)} a[href^="http://maps.google.com/maps"]{display:none!important} a[href^="https://maps.google.com/maps"]{display:none!important} .gmnoprint a, .gmnoprint span, .gm-style-cc{display:none}@keyframes highlight-color{0%{background-color:#cce6ff}to{background:none}}']}),o})()}]);var B=l(56447),R=l(19425),W=l(688);let K=(()=>{class o{}return o.\u0275fac=function(e){return new(e||o)},o.\u0275mod=t.oAB({type:o}),o.\u0275inj=t.cJS({imports:[[p.ez,g.u5,H,B.q,R.JP,W.m]]}),o})()}}]);