{"version":3,"sources":["webpack:///./src/views/SensorUnitView.vue?6302","webpack:///./src/views/SensorUnitView.vue?4256","webpack:///./src/components/SensorSubHeaderComponent.vue?07b9","webpack:///src/components/SensorSubHeaderComponent.vue","webpack:///./src/components/SensorSubHeaderComponent.vue?5c4e","webpack:///./src/components/SensorSubHeaderComponent.vue?1c5f","webpack:///./src/components/SensorComponent.vue?86d4","webpack:///./src/components/SensorChartComponent.vue?23f7","webpack:///src/components/SensorChartComponent.vue","webpack:///./src/components/SensorChartComponent.vue?a3bc","webpack:///./src/components/SensorChartComponent.vue?8c96","webpack:///src/components/SensorComponent.vue","webpack:///./src/components/SensorComponent.vue?26d2","webpack:///./src/components/SensorComponent.vue?15ef","webpack:///src/views/SensorUnitView.vue","webpack:///./src/views/SensorUnitView.vue?cba7","webpack:///./src/views/SensorUnitView.vue?bcb7","webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/components/SensorSubHeaderComponent.vue?1f38","webpack:///./src/components/SensorComponent.vue?c970","webpack:///./src/components/SensorChartComponent.vue?695b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","loading","header","key","carouselKey","carouselHeightPx","hierarchy","getInterval","on","change","model","value","callback","$$v","currentIndex","expression","_l","sensor","i","subTitle","class","caption","dataType","rotation","user","summary","propArea","getSummary","sensorNumber","propSource","searchDatePrimary","searchPeriod","searchDateSecondary","searchSecondaryFlag","getSummarySensor","searchSummarySensor","setDataType","stopProcessing","fab","fabRotation","getLoading","staticRenderFns","isCo2Data","_e","isTempData","isHumiData","_v","_s","subtitle","mixins","props","propImage","propSubtitle","propDataType","propRotation","computed","bindStyle","img","methods","isMdi","src","component","propGetSummary","detail","searchDateLabel","disabledDateSearch","searchSummarySensorPrimary","disabledPeriodSearch","changeSearchPeriod","isIphone","strategy","enabled","compareDateLabel","searchSummarySensorSecondary","compareSecondary","zoomIn","scopedSlots","_u","fn","ref","_g","_b","zoomOut","propSensorNumber","sensorChartWidth","isUser","dispTimestamp","style","chartData_visible","chartOption_visible","onChartReady","type","default","propSensorChartWidth","components","GChart","data","chartValue","chartCo2cValue","chartTempValue","chartHumiValue","currentPrimaryCondition","condition","currentSecondaryCondition","secondary","co2cChart","tempChart","humiChart","sensorData","sensorDataPrimary","sensorDataSecondary","hasChart","chartHeight","chartWidth","chartData_co2c","chartData_temp","chartData_humi","chartOption_co2c","chartOption_temp","chartOption_humi","getChartValue","setChartValue","chartData","afterSecondaryCondition","beforePrimaryCondition","afterPrimaryCondition","beforeSecondaryCondition","console","chartOption","series","lineDashStyle","height","width","lineWidth","backgroundColor","baselineColor","legend","position","explorer","keepInBounds","maxZoomIn","maxZoomOut","zoomDelta","tooltip","trigger","textStyle","fontSize","fontName","chartArea","top","right","bottom","left","vAxis","textPosition","format","color","gridlines","count","minorGridlines","viewWindowMode","viewWindow","max","baseline","titlePosition","titleTextStyle","hAxis","slantedText","showTextEvery","maxPpm","propGetSummarySensor","propSearchSummarySensor","propLoading","propIndex","propCurrentIndex","propHeader","RankingDetailComponent","SensorChartComponent","DatePickerComponent","SearchPeriodComponent","summarySensor","compareSecondaryIcon","get","set","constant","isShowRankingDetail","setSubs","setTypeCo2c","setTypeTemp","setTypeHumi","clientX","clientY","wheelDelta","wheelDeltaY","evt","rect","searchPeriodFormat","isCurrentIndex","startGraphInterval","created","watch","VBtn","VCol","VContainer","VIcon","VRow","VSwitch","VTooltip","LoadingComponent","HeaderComponent","SensorSubHeaderComponent","FabComponent","SensorComponent","propHierarchyCode","propHierarchy","propSearchDate","propSearchPeriodValue","propRotationSelectNo","processing","sensorDict","doneSearchSensor","icon","sensorList","currentSensor","ret","setDataTypeBySelectNo","selectNo","equalsPrimaryConditions","searchDate","equalsSecondaryConditions","currentSummarySensor","createSearchCondition","createSensorSearchCondition","searchPeriodValue","partition","hierarchyCode","store","setSummarySensor","getsearchDatePrimaryDefault","getSearchPeriodValue","getSearchPeriod","getSearchDateSecondaryDefault","getUserTimestamp","checkAuthorized","autoUpdating","initializeSubscribe","subscribe","bind","rotationStatus","no","fabRotationStatus","reRenderCarousel","mounted","setTimeout","beforeRouteEnter","next","vm","val","VCarousel","VCarouselItem","VMain","Colorable","Delayable","Dependent","Detachable","Menuable","Toggleable","extend","name","closeDelay","Number","String","disabled","Boolean","fixed","openDelay","openOnHover","tag","transition","calculatedMinWidth","closeDependents","calculatedLeft","activator","content","dimensions","unknown","activatorLeft","attach","offsetLeft","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","nudgeTop","nudgeBottom","calcYOverflow","pageYOffset","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","opacity","zIndex","activeZIndex","beforeMount","$nextTick","callActivate","getSlotType","consoleError","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","options","call","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","setBackgroundColor","contentClass","menuable__content__active","activatorFixed","getScopeIdAttrs","directives","isContentActive","getContentSlot","h","showLazyContent","genActivator"],"mappings":"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cACAH,cACAG,gBACAH,gBACAC,oBACAC,oBACAC,oBACAH,qBAwBAI,YACA,sBACA,+CACAH,mBACAC,mBACAD,eACAC,eACAC,mBACAH,mBACA,wBACA,4BAhCAI,YACA,oBACA,+CACAH,mBACAC,mBACAC,mBACAH,mBACA,wBACA,2BAGA,8DACA,kEAEAI,eACA,oFACA,oFACA,oFACA,oEAEA,uBAkBA,uBAIAtC,sBACA,gCACA,yBACA,0BACA,yBAEA,0BAIAuC,eAgBA,QACA1G,UACA,KACAA,UACA,KAEA,OAEA,EACAA,UACA,GACAA,UACA,IAEA,cAYA,EACAA,UACA,EACAA,UACA,EAEA,EAGA,EACAA,UACA,EAEA,EAEA,OACA2G,QACA,GAAAC,qBACA,GAAAA,sBAEAC,wBACAC,sBACAC,YACAC,8BACAC,4CACAC,QAAAC,iBACAC,UAEAC,gBACAC,cACAC,aACAC,eAEAC,SACAC,oBACAC,WACAC,cAGAC,8BAEAC,WACAhB,aAAAD,cACAkB,OAAAC,SAAAC,UAAAC,SAEAC,OACAC,mBACAnB,4CACAoB,SACAV,WAAAW,eAEAC,WACAD,oCACAE,SAEAC,gBACAH,qCAEAI,2BACAC,YACAC,OAEAC,YAGAC,oBACAC,gBACAT,cACAV,aAGAoB,OACAZ,mBACAT,WAAAW,eACAW,eACAC,gBACAX,WACAD,wBAOAvH,iBACA,8BAGAoI,SAEA,oBACA,UACA,iDACA,qDAIA,iCACA,wBAGA,sBAGA/E,kBACA,cACA,aACA,uBAOe,QC3Y+U,ICQ1V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,wDC2Kf,MAAM,EAAK,CACXzC,8BACAC,OACAY,gBACA6B,cACAC,cAEA8E,sBACA/E,cACAC,cAEA+E,yBACAhF,cACAC,cAEAgF,aACAjF,aACAC,YAEAiF,WACAlF,YACAC,WAEAkF,kBACAnF,YACAC,WAEAT,kBACAQ,YACAC,cAEAtC,cACAqC,YACAC,cAEAmF,YACApF,YACAC,cAEAvC,cACAsC,YACAC,iBAGAE,YACAkF,8BACAC,uBACAC,2BACAC,8BAEAnF,OACA,UAKAzC,UACAQ,SACA,8CAEA7D,SACA,2BACA,SACA,SACA,gDAGAkL,gBACA,kDAEApH,kBACA,cAEAQ,mBACA,cAEA6G,uBAEA,gCACA,kBACA,uBAEAlH,uBACA,mDAEAF,qBACA,yBAGAnC,mBACAwJ,QACA,8DAEAC,OACA,gBACAC,0CACA7K,IAKAqB,qBACAsJ,QACA,gEAEAC,OACA,gBACAC,4CACA7K,IAKAoB,cACAuJ,QACA,yDAEAC,OACA,yDAIAtJ,qBACAqJ,QACA,gEAEAC,OACA,gBACAC,4CACA7K,IAIAY,WACA,0BAEAkK,sBACA,4BAEArG,mBACA,2BACA,oBAEA,qBAGA1B,SAUAgI,aACA,oCACA,4BACA,UAEAC,cAEA,kCAEAC,cAEA,kCAEAC,cAEA,kCAGAlH,SAEA,+DAEA,4BACA,YACA,WAEA,+BACAmH,UACAC,UACAC,gBACAC,mBAEAC,gCACAC,oBAGAjH,UAEA,+DAEA,4BACA,YACA,WAEA,+BACA4G,UACAC,UACAC,eACAC,kBAEAC,gCACAC,oBAIAzJ,YACA,iCAEAE,aACA,iCAEAC,aACA,iCAEAR,iBACA,8BAEA+J,qBAEA,OADA,oDACA,oDAEAjK,yBACA,2DAEA+B,8BACA,kCACA,yBACA,uDAEAO,gCACA,2BAEA,yBAKA,wDAJA,qCAMAL,sBACA,oBACA,wDACA,6DAEAM,mBACA,6DAEA2H,iBACA,8CAEAC,qBACA,eAGA,wBAGA,2BACA,KAEA,uBACA,gCACAd,qCAGA,WACAA,wBAIAe,UACA,2BAEAC,UAGe,QCxd0U,I,qHCQrV,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,IAAiB,QAWhC,IAAkB,EAAW,CAACC,OAAA,KAAKC,OAAA,KAAKC,aAAA,KAAWC,QAAA,KAAMC,OAAA,KAAKC,UAAA,KAAQC,WAAA,OCkBtE,MAAM,EAAK,CACX9J,8BACA6C,YACAkH,wBACAC,uBACAC,2BACAC,oBACAC,mBAEAlK,OACAiC,kBACAQ,YACAC,cAEAyH,mBACA1H,YACAC,cAEA0H,eACA3H,YACAC,cAEA2H,gBACA5H,YACAC,cAEA4H,uBACA7H,YACAC,cAEA6H,sBACA9H,YACAC,YAGAI,OACA,OACA0H,cACA5M,eACA6M,cACAC,oBACAxN,eACAkB,kBAGAiC,UACAtD;;AACA,OAEA,iBAGAC,SAOA,2BACA,6BACA,YACA,wBAGAoC,MAMA,SAMA,MALA,0BACAuL,yBACA,8BACAA,gBAEA,wBACA,gFAGAC,aACA,0BACA,kDACA,GACA,UAEAC,gBACA,2CAKAjM,mBACAwJ,QACA,8DAEAC,OACA,8DAIAvJ,qBACAsJ,QACA,gEAEAC,OACA,gEAIAxJ,cACAuJ,QACA,yDAEAC,OACA,yDAIAtJ,qBACAqJ,QACA,gEAEAC,OACA,gEAGApK,WACA,8CAEAI,WACA,WAGA,OAFAyM,2BACAA,mBACA,GAEAzL,cACA,kEAGAmB,SACArB,iBACA,oBAEAD,eACA,iBASA6L,yBACA,QACAC,cACAA,cACA,OAEA,iBAEAC,2BACA,4BACA,yBACA,0BACA,OACAC,iBACArM,oBAGAsM,6BACA,8BACA,2BACA,0BACA,OACA/H,SACA8H,iBACArM,oBAGAtB,SACA,2BACA,OAIA,mDAIA6N,aACA,iCAEA,yBACA,uBACA,wBACA9C,2BAKA,0BAKA8C,sBACA,mCAEA,yBACA,yBACA,wBACA9C,6BAVA8C,oBAcApM,oBACA,oCACA,8BAEAqM,wBACA,yBACA,4BACA,mCAEAC,4BACAJ,EACAK,EACAC,EACA9M,OACA+M,QAEA,uCAgBA,OAdAX,8BACAA,uCACAA,mBAEA,6BACAA,mBAEA,mBACA,gCACA,MACAA,eACAA,8CACAA,yCACAjG,4GACA,GAEA5F,oBACAiM,EACArM,EACA2M,EACA9M,EACA+M,GAEA,mBACAC,gBACApD,4BACA,iCACA4C,EACArM,EACA2M,EACA9M,EACA+M,KAIAE,oBACA,+DACA,kDACA,0BAEAC,8BACA,qBACA,sCACAtD,mCAEAuD,uBACA,qBACA,+CACAvD,8BAEAwD,kBACA,qBACA,0CACAxD,oCAEAyD,gCACA,uBAGA,OADAjB,yBACA,sBAEAkB,mBAAA,QACA,uDACA,EAEA,mEAEAC,kBACA,uCACApH,2CACA,wBAGAqH,eACA,gDAEAC,sBACA,wBACAC,kBAEA,GADAvH,yDACA,sCACA,mBAEA,0BAIA,mBAEA,sBACA,oBAGA,iCACA,0BAEA,mBACA,yBAIAwH,YAEAC,kBACA,qBAEA,QACAC,cACAA,cACA,OACA,iBAGAC,oBACA,sBACA,sBAEA,EACAD,cACAA,cACA,OACA,iBAGAE,mBACA,qCAIApD,UACAxE,wBAEA6H,UACA,2BAGAC,0CAGArD,OACAkB,aACA3F,mDAIA+H,wBACAC,YACAC,oBAEAjI,gHACA,4EACA,+EAKA,GAHAiI,kCACAA,iDAEA,+DAEA,YADAjI,8CAGA,oHACA,sHACA,4BAUA,GARA,8BAGAiI,4CAGAA,2BAEA,mEAEA,uCACA1J,aACAA,sCACAA,kBACA0J,gBACAjI,qDACA,+CACAiI,gBAGA,+BACAC,wCAEAD,iBAEA,2BACAA,mBACAA,6BACAA,0CACA,KAEAjI,+IAGAiI,sBACAA,uBAIA,sBACA5B,EACAK,EACAC,EACA9M,EACA+M,GAIA,4CACAqB,yBACA1B,mBAEA0B,iBACAA,wBAEAD,QAKe,QC5fyU,I,iDCQpV,GAAY,eACd,EACAvQ,EACAiD,GACA,EACA,KACA,WACA,MAIa,gBAAiB,QAQhC,IAAkB,GAAW,CAACyN,YAAA,KAAUC,gBAAA,KAAcxD,aAAA,KAAWyD,SAAA,Q,6DC3BjE,sIAoBenN,sBAAOoN,OAAWC,OAAWC,OAAWC,OAAYC,OAAUC,QAAYC,OAAO,CAC9FC,KAAM,YAEN1N,MAAO,CACL2N,WAAY,CACVlL,KAAM,CAACmL,OAAQC,QACfnL,QAAS,GAEXoL,SAAUC,QACVC,MAAO,CACLvL,KAAMsL,QACNrL,SAAS,GAEXuL,UAAW,CACTxL,KAAM,CAACmL,OAAQC,QACfnL,QAAS,GAEXwL,YAAa,CACXzL,KAAMsL,QACNrL,SAAS,GAEXyL,IAAK,CACH1L,KAAMoL,OACNnL,QAAS,QAEX0L,WAAYP,QAGd/K,KAAM,KAAM,CACVuL,mBAAoB,EACpBC,iBAAiB,IAGnBjO,SAAU,CACRkO,iBACE,MAAM,UAAEC,EAAF,QAAaC,GAAYjS,KAAKkS,WAC9BC,GAAWnS,KAAK6J,SAAW7J,KAAK8J,OAAS9J,KAAK2J,MAAQ3J,KAAK4J,MAC3DwI,GAAgC,IAAhBpS,KAAKqS,OAAmBL,EAAUM,WAAaN,EAAUlI,KAC/E,IAAIA,EAAO,EAmBX,OAjBI9J,KAAK2J,KAAO3J,KAAK6J,QAAUsI,EAC7BrI,EACEsI,EACCJ,EAAUtJ,MAAQ,EAClBuJ,EAAQvJ,MAAQ,GAEV1I,KAAK8J,MAAQ9J,KAAK4J,SAC3BE,EACEsI,GACCpS,KAAK4J,MAAQoI,EAAUtJ,OAASuJ,EAAQvJ,QACxC1I,KAAK4J,MAAQ,IAAM,KAIpB5J,KAAKuS,YAAWzI,GAAQ0I,SAASxS,KAAKuS,YACtCvS,KAAKyS,aAAY3I,GAAQ0I,SAASxS,KAAKyS,aAEjCzS,KAAK0S,cAAc5I,EAAM9J,KAAKkS,WAAWD,QAAQvJ,OAApD,MAETiK,gBACE,MAAM,UAAEX,EAAF,QAAaC,GAAYjS,KAAKkS,WAC9BU,GAA+B,IAAhB5S,KAAKqS,OAAmBL,EAAUa,UAAYb,EAAUrI,IAC7E,IAAIA,EAAM,EAmBV,OAjBI3J,KAAK2J,KAAO3J,KAAK6J,OACnBF,EACEiJ,GACC5S,KAAK6J,OAASmI,EAAUvJ,QAAUwJ,EAAQxJ,SAC1CzI,KAAK6J,OAAS,IAAM,KAEd7J,KAAK8J,MAAQ9J,KAAK4J,SAC3BD,EACEiJ,EACCZ,EAAUvJ,OAAS,EACnBwJ,EAAQxJ,OAAS,GAIlBzI,KAAK8S,WAAUnJ,GAAO6I,SAASxS,KAAK8S,WACpC9S,KAAK+S,cAAapJ,GAAO6I,SAASxS,KAAK+S,cAEjC/S,KAAKgT,cAAcrJ,EAAM3J,KAAKiT,aAAjC,MAETC,UACE,MAAO,CACL,iBAAkBlT,KAAK2J,IACvB,mBAAoB3J,KAAK4J,MACzB,oBAAqB5J,KAAK6J,OAC1B,kBAAmB7J,KAAK8J,KACxB,sBACkB,KAAhB9J,KAAKqS,SACW,IAAhBrS,KAAKqS,QACW,WAAhBrS,KAAKqS,SAGXc,qBACE,OAAInT,KAAK4R,WAAmB5R,KAAK4R,WAE1B5R,KAAKoT,SAAW,mBAAqB,mBAE9CC,UACE,OAAOrT,KAAK2J,KAAO3J,KAAK6J,QAE1ByJ,UACE,OAAOtT,KAAK8J,MAAQ9J,KAAK4J,OAE3B2J,SACE,MAAO,CACLzJ,KAAM9J,KAAK+R,eACXyB,SAAUC,eAAczT,KAAKwT,UAC7BE,SAAUD,eAAczT,KAAK0T,UAC7BC,QAAS3T,KAAKoT,SAAW,GAAM,EAC/BzJ,IAAK3J,KAAK2S,cACViB,OAAQ5T,KAAK4T,QAAU5T,KAAK6T,gBAKlCC,cACE9T,KAAK+T,UAAU,KACb/T,KAAKiB,OAASjB,KAAKgU,kBAIvB9D,UAC+C,WAAzC+D,eAAYjU,KAAM,aAAa,IACjCkU,eAAa,uGAAqGlU,OAItHgE,QAAS,CACPmQ,WAGEnU,KAAKoU,mBAELC,sBAAsBrU,KAAKsU,kBAE7BC,aACEvU,KAAKwU,SAAS,UAEhBC,wBACE,MAAMC,EAAYC,OAAYC,QAAQ5Q,QAAQyQ,sBAAsBI,KAAK7U,MAiBzE,OAfA0U,EAAUI,MAASC,IACjB/U,KAAKgV,aAAaD,GAClB/U,KAAKwU,SAAS,SAEhBE,EAAUO,KAAQF,IAChB/U,KAAKgV,aAAaD,GAClB/U,KAAKwU,SAAS,UAEhBE,EAAUQ,QAAWH,IACfA,EAAEI,UAAYC,OAASC,MACzBrV,KAAKgV,aAAaD,GAClB/U,KAAKwU,SAAS,WAIXE,GAETY,yBACE,MAAO,CACL,iBAAiB,EACjB,gBAAiBjE,OAAOrR,KAAKoT,YAGjCmC,gBACE,MAAMtD,EAAUjS,KAAKwV,aAErB,OAAKxV,KAAKmT,mBAEHnT,KAAKE,eAAe,aAAc,CACvCsD,MAAO,CACL0N,KAAMlR,KAAKmT,qBAEZ,CAAClB,IANiCA,GAQvCuD,aACE,OAAOxV,KAAKE,eACV,MACAF,KAAKyV,mBAAmBzV,KAAKkK,MAAO,CAClC7J,YAAa,qBACbqB,MAAO,CACL,CAAC1B,KAAK0V,eAAe,EACrBC,0BAA2B3V,KAAKoT,SAChC,4BAA6BpT,KAAK4V,gBAEpC/P,MAAO7F,KAAKuT,OACZjT,MAAON,KAAK6V,kBACZC,WAAY,CAAC,CACX5E,KAAM,OACNjQ,MAAOjB,KAAK+V,kBAEd1Q,IAAK,YAEPrF,KAAKgW,oBAKXlW,OAAQmW,GACN,OAAOA,EAAEjW,KAAK2R,IAAK,CACjBtR,YAAa,YACbqB,MAAO1B,KAAKkT,SACX,CACDlT,KAAKkW,gBAAgB,IAAM,CAAClW,KAAKuV,kBACjCvV,KAAKmW,qB,oCCnOX,W,yGCAA,W,kCCAA,W","file":"js/chunk-1e2174d8.a192c66a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorUnitView.vue?vue&type=style&index=0&id=35996ac0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-main',{staticClass:\"main\"},[_c('loading-component',{staticClass:\"loading\",attrs:{\"propLoading\":_vm.loading}}),_c('header-component',{attrs:{\"propHeader\":_vm.header}}),_c('v-carousel',{key:_vm.carouselKey,attrs:{\"hide-delimiter-background\":\"\",\"height\":_vm.carouselHeightPx,\"cycle\":false,\"interval\":_vm.hierarchy.getInterval(),\"show-arrows\":!_vm.loading,\"hide-delimiters\":_vm.loading,\"touchless\":_vm.loading},on:{\"change\":_vm.change},model:{value:(_vm.currentIndex),callback:function ($$v) {_vm.currentIndex=$$v},expression:\"currentIndex\"}},_vm._l((_vm.sensorList),function(sensor,i){return _c('v-carousel-item',{key:i},[_c('div',{staticClass:\"carousel-content\"},[_c('v-container',[_c('sensor-sub-header-component',{attrs:{\"propImage\":_vm.subTitle.class,\"propSubtitle\":_vm.subTitle.caption + 'モニタリング中',\"propDataType\":_vm.dataType,\"propRotation\":_vm.rotation}}),_c('sensor-component',{attrs:{\"propUser\":_vm.user,\"propSummary\":_vm.summary,\"propArea\":_vm.propArea,\"propGetSummary\":_vm.getSummary,\"propSensor\":sensor,\"propSensorNumber\":sensor.sensorNumber,\"propSource\":_vm.propSource,\"propDate\":_vm.searchDatePrimary,\"propPeriod\":_vm.searchPeriod,\"propDateSecondary\":_vm.searchDateSecondary,\"propSecondaryFlag\":_vm.searchSecondaryFlag,\"propGetSummarySensor\":_vm.getSummarySensor,\"propSearchSummarySensor\":_vm.searchSummarySensor,\"propLoading\":_vm.loading,\"propIndex\":i,\"propCurrentIndex\":_vm.currentIndex,\"propRotation\":_vm.rotation,\"propHeader\":_vm.header,\"propDataType\":_vm.dataType},on:{\"setDataType\":_vm.setDataType,\"stopProcessing\":_vm.stopProcessing}})],1)],1)])}),1),_c('fab-component',{attrs:{\"propUser\":_vm.user,\"propArea\":_vm.propArea,\"propFabPrimary\":_vm.fab,\"propFabRotation\":_vm.fabRotation,\"propGetLoading\":_vm.getLoading}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sub-header\"},[_c('div',{staticClass:\"sub-header-title\"},[_c('span',{staticClass:\"sub-header-title_img\"},[(_vm.isCo2Data())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_co2c.png\")}}):_vm._e(),(_vm.isTempData())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_thermometer.png\")}}):_vm._e(),(_vm.isHumiData())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_humidity.png\")}}):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.subtitle))])]),_c('div',{staticClass:\"usage-guide\"},[(_vm.isCo2Data())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_guide_co2_c.png\")}}):_vm._e(),(_vm.isTempData())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_guide_temp_c.png\")}}):_vm._e(),(_vm.isHumiData())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_guide_humi_c.png\")}}):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"sub-header\">\r\n\r\n        <div class=\"sub-header-title\">\r\n            <!-- <v-icon v-if=\"isMdi()\" class=\"img sub-header-title_img\" color=\"white\">{{ img }}</v-icon>\r\n            <img v-if=\"!isMdi()\" class=\"img sub-header-title_img\" :src=\"src()\" /> -->\r\n            <span class=\"sub-header-title_img\">\r\n                <img v-if=\"isCo2Data()\" class=\"img usage-guide_img\" src=\"../assets/icon_co2c.png\" />\r\n                <img v-if=\"isTempData()\" class=\"img usage-guide_img\" src=\"../assets/icon_thermometer.png\" />\r\n                <img v-if=\"isHumiData()\" class=\"img usage-guide_img\" src=\"../assets/icon_humidity.png\" />\r\n            </span>\r\n            <span>{{ subtitle }}</span>\r\n        </div>\r\n        <div class=\"usage-guide\">\r\n            \r\n            <img v-if=\"isCo2Data()\" class=\"img usage-guide_img\" src=\"../assets/icon_guide_co2_c.png\" />\r\n            <img v-if=\"isTempData()\" class=\"img usage-guide_img\" src=\"../assets/icon_guide_temp_c.png\" />\r\n            <img v-if=\"isHumiData()\" class=\"img usage-guide_img\" src=\"../assets/icon_guide_humi_c.png\" />\r\n            \r\n        </div>        \r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinDetail from \"../store/mixin.detail\";\r\nimport constant from \"../store/constant\";\r\n\r\nconst vm = {\r\n    mixins: [mixinApp, mixinDetail],\r\n    props: {\r\n        propImage: null,\r\n        propSubtitle: null,\r\n        propDataType: null,\r\n        propRotation: null\r\n    },\r\n    computed: {\r\n        bindStyle() {\r\n            return {\r\n                \"--text-color-green\": constant.green(),\r\n                \"--text-color-yellow\": constant.yellow(),\r\n                \"--text-color-red\": constant.red(),\r\n            };\r\n        },\r\n        subtitle() {\r\n\r\n            return this.propSubtitle;\r\n        },\r\n        img() {\r\n            return this.propImage;\r\n        },\r\n    },\r\n    methods: {\r\n        isMdi() {\r\n            return this.img.startsWith(\"mdi-\");\r\n        },\r\n        src() {\r\n            return constant.src(this.img);\r\n        },\r\n        /** グラフ値 */\r\n        isCo2Data(){\r\n            return this.propRotation.no == \"0\" // \"co2c\";\r\n        },\r\n        isTempData(){\r\n            return this.propRotation.no == \"1\" // \"temp\";\r\n        },\r\n        isHumiData(){\r\n            return this.propRotation.no == \"2\" // \"humi\";\r\n        },        \r\n    },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n/* .sub-header {\r\n    height: 5vh;\r\n    display: flex;\r\n    align-items: center;\r\n} */\r\n/* \r\n.sub-header .img {\r\n    height: 4vh;\r\n    margin: 1vh;\r\n} */\r\n/* \r\n.usage-guide {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: auto;\r\n    margin-right: 0;\r\n} */\r\n/* .usage-guide span{\r\n    height: 40px;\r\n    line-height: 40px;\r\n} */\r\n/* .usage-guide .img {\r\n    margin: 0;\r\n    margin-left: 1vw;\r\n} */\r\n/* \r\n.usage-guide span {\r\n    text-align: left;\r\n    white-space: nowrap;\r\n} */\r\n\r\n.text-color-green {\r\n    color: var(--text-color-green);\r\n}\r\n\r\n.text-color-yellow {\r\n    color: var(--text-color-yellow);\r\n}\r\n\r\n.text-color-red {\r\n    color: var(--text-color-red);\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorSubHeaderComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorSubHeaderComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SensorSubHeaderComponent.vue?vue&type=template&id=077ccd13&scoped=true&\"\nimport script from \"./SensorSubHeaderComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./SensorSubHeaderComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SensorSubHeaderComponent.vue?vue&type=style&index=0&id=077ccd13&scoped=true&lang=css&\"\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  \"077ccd13\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"container sensor-container\"},[_c('v-row',{staticClass:\"sensor-row\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[(_vm.isShowRankingDetail)?_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('ranking-detail-component',{attrs:{\"propUser\":_vm.user,\"propSummary\":_vm.propGetSummary(),\"propDetail\":_vm.detail,\"propClickable\":false,\"propIsSensor\":true,\"propRotation\":_vm.rotation}})],1):_vm._e(),_c('v-col',[_c('div',{staticClass:\"chart-area\"},[_c('div',{staticClass:\"chart-sub-header\"},[_c('div',{staticClass:\"search-condition\"},[_c('date-picker-component',{staticClass:\"search-condition-item date-component\",attrs:{\"propUser\":_vm.user,\"propDate\":_vm.searchDatePrimary,\"propLabel\":_vm.searchDateLabel,\"propDisabled\":_vm.disabledDateSearch},on:{\"change\":_vm.searchSummarySensorPrimary}}),_c('search-period-component',{staticClass:\"search-condition-item\",attrs:{\"propSearchPeriod\":_vm.searchPeriod,\"propDisabled\":_vm.disabledPeriodSearch},on:{\"change\":_vm.changeSearchPeriod}}),(!_vm.isIphone)?_c('div',[(_vm.strategy.enabled())?_c('div',{staticClass:\"compare\"},[_c('date-picker-component',{staticClass:\"compare-item date-component\",attrs:{\"propUser\":_vm.user,\"propDate\":_vm.searchDateSecondary,\"propLabel\":_vm.compareDateLabel,\"propDisabled\":_vm.disabledDateSearch},on:{\"change\":_vm.searchSummarySensorSecondary}}),_c('div',{staticClass:\"compare-checkbox\"},[_c('v-switch',{staticClass:\"compare-item\",attrs:{\"fab\":\"\",\"small\":\"\",\"flat\":\"\",\"color\":\"primary lighten-2\",\"disabled\":_vm.disabledDateSearch},on:{\"click\":_vm.compareSecondary},model:{value:(_vm.searchSecondaryFlag),callback:function ($$v) {_vm.searchSecondaryFlag=$$v},expression:\"searchSecondaryFlag\"}})],1)],1):_vm._e()]):_vm._e()],1),_c('div',{staticClass:\"chart_icon_button\"},[(_vm.strategy.enabled())?_c('span',[_c('v-btn',{attrs:{\"color\":\"transparent\",\"fab\":\"\",\"small\":_vm.isIphone},on:{\"click\":_vm.zoomIn}},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":\"white\",\"id\":\"zoomIn-icon\"}},'v-icon',attrs,false),on),[_vm._v(\"mdi-magnify-plus-outline\")])]}}],null,false,685846122)},[_c('span',[_vm._v(\"グラフはマウスホイールでも拡大縮小できます\")])])],1),_c('v-btn',{attrs:{\"color\":\"transparent\",\"fab\":\"\",\"small\":_vm.isIphone},on:{\"click\":_vm.zoomOut}},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":\"white\",\"id\":\"zoomOut-icon\"}},'v-icon',attrs,false),on),[_vm._v(\"mdi-magnify-minus-outline\")])]}}],null,false,2675253845)},[_c('span',[_vm._v(\"グラフはマウスホイールでも拡大縮小できます\")])])],1)],1):_vm._e()])]),_c('sensor-chart-component',{attrs:{\"propSensorNumber\":_vm.propSensorNumber,\"propRotation\":_vm.rotation,\"propSensorChartWidth\":_vm.sensorChartWidth,\"propDataType\":_vm.propDataType},on:{\"stopProcessing\":_vm.stopProcessing}})],1)])],1),(_vm.user.isUser())?_c('div',{staticClass:\"footer\"},[_c('div',[_vm._v(_vm._s(_vm.header.dispTimestamp())+\" 更新\")])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sensor-chart\",style:(_vm.bindStyle)},[(_vm.hasChart)?_c('GChart',{attrs:{\"type\":\"LineChart\",\"data\":_vm.chartData_visible(),\"options\":_vm.chartOption_visible()},on:{\"ready\":_vm.onChartReady}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- <div class=\"sensor-chart\" :style=\"bindStyle\" v-if=\"isCo2Data\">\r\n    <GChart v-if=\"hasChart\" type=\"LineChart\" :data=\"chartData_co2c\" :options=\"chartOption_co2c\" @ready=\"onChartReady\"/>            \r\n  </div>\r\n  <div class=\"sensor-chart\" :style=\"bindStyle\" v-else-if=\"isTempData\">\r\n    <GChart v-if=\"hasChart\" type=\"LineChart\" :data=\"chartData_temp\" :options=\"chartOption_temp\" @ready=\"onChartReady\"/>\r\n  </div>  \r\n  <div class=\"sensor-chart\" :style=\"bindStyle\" v-else-if=\"isHumiData\">\r\n    <GChart v-if=\"hasChart\" type=\"LineChart\" :data=\"chartData_humi\" :options=\"chartOption_humi\" @ready=\"onChartReady\"/>\r\n  </div> -->\r\n  <div class=\"sensor-chart\" :style=\"bindStyle\">\r\n    <GChart v-if=\"hasChart\" type=\"LineChart\" :data=\"chartData_visible()\" :options=\"chartOption_visible()\" @ready=\"onChartReady\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { GChart } from \"vue-google-charts\";\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinDetail from \"../store/mixin.detail\";\r\n\r\nconst vm = {\r\n  mixins: [mixinApp, mixinDetail],\r\n  props: {\r\n    propSensorNumber: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    propRotation: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propSensorChartWidth: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    propDataType: {\r\n      type: String,\r\n      default: \"co2c\"\r\n    },    \r\n  },\r\n  components: {\r\n    GChart,\r\n  },\r\n  data() {\r\n    return {\r\n      /** 退避用グラフ値 */\r\n      chartValue: null,\r\n      chartCo2cValue: null,\r\n      chartTempValue: null,\r\n      chartHumiValue: null,\r\n      /** 退避用Primary検索条件 */\r\n      currentPrimaryCondition: this.getSensorData(this.propSensorNumber).primary\r\n        .condition,\r\n      /** 退避用Secondary検索条件 */\r\n      currentSecondaryCondition: this.getSensorData(this.propSensorNumber)\r\n        .secondary.condition,\r\n\r\n      co2cChart: false,\r\n      tempChart: false,\r\n      humiChart: false,\r\n    };\r\n  },\r\n  computed: {\r\n    bindStyle() {\r\n      return {\r\n        \"--chart-height\": this.chartHeight + \"px\",\r\n        \"--chart-width\": this.chartWidth + \"px\",\r\n      };\r\n    },\r\n    sensorData() {\r\n      return this.getSensorData(this.propSensorNumber);\r\n    },\r\n    sensorDataPrimary() {\r\n      return this.sensorData.primary;\r\n    },\r\n    sensorDataSecondary() {\r\n      return this.sensorData.secondary;\r\n    },\r\n    hasChart() {\r\n      return this.hierarchy && this.sensorData.isNotEmpty();\r\n    },\r\n    chartHeight() {\r\n      return this.innerHeight * 0.65;\r\n    },\r\n    chartWidth() {\r\n          return this.propSensorChartWidth;\r\n    },\r\n    /** グラフ値 */\r\n    isCo2Data(){\r\n      return this.propDataType == \"co2c\";\r\n    },\r\n    isTempData(){\r\n      return this.propDataType == \"temp\";\r\n    },\r\n    isHumiData(){\r\n      return this.propDataType == \"humi\";\r\n    },\r\n\r\n    chartData_co2c() {\r\n      return this.chartData(\"co2c\");\r\n    },\r\n    chartData_temp() {\r\n      return this.chartData(\"temp\");\r\n    },\r\n    chartData_humi() {\r\n      return this.chartData(\"humi\");\r\n    },\r\n    /** グラフ設定 */\r\n\r\n    chartOption_co2c() {\r\n      return this.chartOption(\"co2c\");  \r\n    },\r\n    chartOption_temp() {\r\n      return this.chartOption(\"temp\");  \r\n    },\r\n    chartOption_humi() {\r\n      return this.chartOption(\"humi\");  \r\n    },\r\n\r\n  },\r\n  methods: {\r\n    /** グラフ値 */\r\n    chartData_visible(){\r\n      if (this.propDataType == \"temp\"){\r\n        return this.chartData(\"temp\");\r\n      } else if (this.propDataType == \"humi\"){\r\n        return this.chartData(\"humi\");\r\n      } else {\r\n        return this.chartData(\"co2c\");\r\n      }\r\n    },\r\n\r\n    getChartValue(type){\r\n      if(type==\"temp\"){\r\n        return this.chartTempValue;\r\n      } else if(type==\"humi\"){\r\n        return this.chartHumiValue;\r\n      } else {\r\n        return this.chartCo2cValue;\r\n      }\r\n    },\r\n    setChartValue(type,chartValue){\r\n      if(type==\"temp\"){\r\n        this.chartTempValue = chartValue;\r\n      } else if(type==\"humi\"){\r\n        this.chartHumiValue = chartValue;\r\n      } else {\r\n        this.chartCo2cValue = chartValue;\r\n      }\r\n\r\n    },\r\n    chartData(dataType) {\r\n      //センサーデータの画面再描画を、値が変更した場合のみ実施する\r\n      //マップ画面の検索時も結果に変更があるとし、全てのグラフ画面に画面描画が発生するため、データが変更したときのみ画面再描画する。\r\n      const beforePrimaryCondition = this.currentPrimaryCondition;\r\n      const beforeSecondaryCondition = this.currentSecondaryCondition;\r\n      const afterPrimaryCondition = this.sensorDataPrimary.condition;\r\n      const afterSecondaryCondition = this.sensorDataSecondary.condition;\r\n      if (\r\n        // 前回実行分がなければ画面再描画\r\n        this.chartValue == null || //何度か処理すると、PrimaryとSecondaryのsensorNumberが一致しないケースがあったため\r\n        ((afterPrimaryCondition.sensorNumber ==\r\n          afterSecondaryCondition.sensorNumber ||\r\n          afterSecondaryCondition.sensorNumber == null) &&\r\n          //検索条件が不一致なら画面再描画\r\n          (beforePrimaryCondition.searchDate !=\r\n            afterPrimaryCondition.searchDate ||\r\n            beforePrimaryCondition.searchPeriod !=\r\n            afterPrimaryCondition.searchPeriod ||\r\n            beforeSecondaryCondition.searchDate !=\r\n            afterSecondaryCondition.searchDate ||\r\n            beforeSecondaryCondition.searchPeriod !=\r\n            afterSecondaryCondition.searchPeriod ||\r\n            //検索条件が一致でも実行時間executedDatetimeが異なるなら画面再描画\r\n            (beforePrimaryCondition.searchDate ==\r\n              afterPrimaryCondition.searchDate &&\r\n              beforePrimaryCondition.searchPeriod ==\r\n              afterPrimaryCondition.searchPeriod &&\r\n              beforeSecondaryCondition.searchDate ==\r\n              afterSecondaryCondition.searchDate &&\r\n              beforeSecondaryCondition.searchPeriod ==\r\n              afterSecondaryCondition.searchPeriod &&\r\n              (beforePrimaryCondition.executedDatetime !=\r\n                afterPrimaryCondition.executedDatetime ||\r\n                beforeSecondaryCondition.executedDatetime !=\r\n                afterSecondaryCondition.executedDatetime))))\r\n      ) {\r\n        console.log(\r\n          \"chartData_changed\",\r\n          this.sensorData.primary.condition.sensorNumber,\r\n          beforePrimaryCondition.executedDatetime,\r\n          afterPrimaryCondition.executedDatetime,\r\n          beforeSecondaryCondition.executedDatetime,\r\n          afterSecondaryCondition.executedDatetime,\r\n          this.sensorData.primary,\r\n          this.sensorData.secondary\r\n        );\r\n        //条件の退避\r\n        this.currentPrimaryCondition = this.sensorDataPrimary.condition;\r\n        this.currentSecondaryCondition = this.sensorDataSecondary.condition;\r\n        //値のセット画面再描画\r\n        console.log(dataType);\r\n        this.setChartValue(\"co2c\",this.sensorData.getSensorChartDataList(this.user,\"co2c\"));\r\n        this.setChartValue(\"temp\",this.sensorData.getSensorChartDataList(this.user,\"temp\"));\r\n        this.setChartValue(\"humi\",this.sensorData.getSensorChartDataList(this.user,\"humi\"));\r\n        this.chartValue = this.sensorData.getSensorChartDataList(this.user,dataType);\r\n        //loadingの停止\r\n        this.stopProcessing();\r\n      } else {\r\n        console.log(\r\n          \"chartData_nochanged\",\r\n          this.sensorData.primary.condition.sensorNumber,\r\n          beforePrimaryCondition.executedDatetime,\r\n          afterPrimaryCondition.executedDatetime,\r\n          beforePrimaryCondition.sensorNumber,\r\n          afterPrimaryCondition.sensorNumber,\r\n          beforeSecondaryCondition.executedDatetime,\r\n          afterSecondaryCondition.executedDatetime,\r\n          this.sensorData.primary,\r\n          this.sensorData.secondary\r\n        );\r\n      }\r\n\r\n      //return this.sensorData.getSensorChartDataList(this.user);\r\n      //return this.chartValue;\r\n      return this.getChartValue(dataType);\r\n    },    \r\n\r\n    /** グラフ設定 */\r\n    chartOption_visible(){\r\n      if (this.propDataType == \"temp\"){\r\n        return this.chartOption(\"temp\");\r\n      } else if (this.propDataType == \"humi\"){\r\n        return this.chartOption(\"humi\");\r\n      } else {\r\n        return this.chartOption(\"co2c\");\r\n      }\r\n    },\r\n\r\n    chartOption(dataType) {\r\n      /** 各種設定値の詳細はリンク先にて。=> https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=en#configuration-options */\r\n      \r\n      // const ticks = \r\n      //   dataType == \"temp\" ? /* 温度 */\r\n      //     [ -10, -5, 0, 5,10, 15, 20, 25, 30, 35, 40, ] :\r\n      //     dataType == \"humi\" ? /* 湿度 */\r\n      //       [ 0, 10,20,30, 40, 50, 60, 70, 80,90,100, ] :\r\n      //       /* CO2 */\r\n      //       [\r\n      //         this.hierarchy.lowerGreen,\r\n      //         this.hierarchy.lowerYellow,\r\n      //         this.hierarchy.lowerRed,\r\n      //         this.maxPpm(),\r\n      //       ]\r\n      //       ;\r\n      const format = \r\n        dataType == \"temp\" ? /* 温度 */\r\n          \"#℃\" :\r\n          dataType == \"humi\" ? /* 湿度 */\r\n            \"#％\" :\r\n            /* CO2 */\r\n            \"#ppm\"\r\n            ;         \r\n      const max = \r\n        dataType == \"temp\" ? /* 温度 */\r\n          40  :\r\n          dataType == \"humi\" ? /* 湿度 */\r\n            100  :\r\n            /* CO2 */\r\n            this.maxPpm()\r\n            ;\r\n      // const title = \r\n      //   dataType == \"temp\" ? /* 温度 */\r\n      //     \"温度\"  :\r\n      //     dataType == \"humi\" ? /* 湿度 */\r\n      //       \"湿度\"  :\r\n      //       /* CO2 */\r\n      //       \"CO2\"\r\n      //       ;  \r\n\r\n      //分割数\r\n      const count = \r\n        dataType == \"temp\" ? /* 温度 40℃を4分割*/\r\n          4 :\r\n          dataType == \"humi\" ? /* 湿度 100%を5分割*/\r\n            5 :\r\n            /* CO2 1500ppmを3分割*/\r\n            3\r\n            ;\r\n      //\r\n      const maxZoomOut =\r\n        dataType == \"temp\" ? /* 温度 40℃を4分割*/\r\n          2.0 :\r\n          /* 湿度 CO2 マイナスを表示させないように1倍まで*/\r\n            1.0;\r\n\r\n      return {\r\n        series: {\r\n          0: { lineDashStyle: [0, 0] },\r\n          1: { lineDashStyle: [2, 4] },\r\n        },\r\n        height: this.chartHeight,\r\n        width: this.chartWidth,\r\n        lineWidth: 3,\r\n        backgroundColor: \"transparent\",\r\n        baselineColor: this.getGridBackgroundColor(),\r\n        legend: { position: \"none\" },\r\n        explorer: {\r\n            //axis: 'horizontal',\r\n            keepInBounds: true, /* 初期表示領域より上下に移動できない */\r\n            maxZoomIn: 0.05,\r\n            maxZoomOut: maxZoomOut,\r\n            zoomDelta: 1.2\r\n        },\r\n        tooltip: {\r\n          trigger: \"selection\",\r\n          textStyle: {\r\n            fontSize: 18,\r\n          },\r\n        },\r\n        fontName: \"Noto Sans Japanese\",\r\n        // curveType: \"function\",\r\n        chartArea: {\r\n          width: \"100%\", height: \"100%\",\r\n          top: 20, right: 20, bottom: 60, left: 80\r\n        },\r\n        vAxis: {\r\n          textPosition: \"out\",\r\n          baselineColor: this.getGridBackgroundColor(),\r\n          format: format,\r\n          textStyle: { color: \"white\" },\r\n          //ticks: ticks,\r\n          gridlines: {\r\n            color: this.getGridBackgroundColor(),\r\n            count: count\r\n          },\r\n          minorGridlines: {\r\n            color: this.getGridBackgroundColor(),\r\n          },\r\n          viewWindowMode: \"maximized\",/* maximized | pretty // prettyだと最大最小を超えた際に縮尺が一気に小さくなる*/\r\n          viewWindow: {\r\n            max: max,\r\n          },\r\n          baseline: 0.0,\r\n        },\r\n        // title: title,\r\n        titlePosition: \"out\",\r\n        titleTextStyle: {\r\n          color: 'white',\r\n          fontSize: 15,\r\n\r\n        },\r\n        hAxis: {\r\n          textPosition: \"out\",\r\n          textStyle: { color: \"white\" },\r\n          slantedText: true,\r\n          showTextEvery: 1,\r\n          gridlines: {\r\n            color: \"transparent\",\r\n          },\r\n        },\r\n      };\r\n    },\r\n\r\n    /** Loadingアイコンの停止 */\r\n    stopProcessing() {\r\n      this.$emit(\"stopProcessing\");\r\n    },\r\n    /** グラフ縦軸ppmの最大値の算出 (ppmの最大値or最低ppmの大きい方を採用) */\r\n    maxPpm() {\r\n      //ppmの最大値\r\n      const maxValue = Math.max(\r\n        ...[].concat(\r\n          this.sensorDataPrimary.detailList.map((x) => x.co2c),\r\n          this.sensorDataSecondary.detailList.map((x) => x.co2c)\r\n        )\r\n      );\r\n      //ppmの最大値or最低ppmの大きい方を採用\r\n      if (maxValue < this.hierarchy.lowerRed) {\r\n        return this.hierarchy.lowerRed;\r\n      }\r\n      //100ppm単位で丸め\r\n      return Math.ceil(maxValue / 100) * 100;\r\n    },\r\n\r\n    onChartReady (chart, google) {\r\n      this.google = google;\r\n      this.chart = chart;\r\n      this.chartThis = this;\r\n    },\r\n\r\n\r\n  },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style>\r\n.sensor-chart {\r\n  border-radius: var(--card-border-radius);\r\n  background-color: var(--sub-background-color);\r\n  height: var(--chart-height);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 2vw;\r\n  margin-right: 2vw;\r\n\r\n  float: right;\r\n}\r\n\r\n.sensor-chart .google-visualization-tooltip path {\r\n  fill: var(--main-background-color);\r\n}\r\n\r\n.sensor-chart .google-visualization-tooltip text {\r\n  fill: white;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorChartComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorChartComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SensorChartComponent.vue?vue&type=template&id=7d9b5335&\"\nimport script from \"./SensorChartComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./SensorChartComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SensorChartComponent.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <v-container class=\"container sensor-container\">\r\n    <v-row class=\"sensor-row\" align=\"center\" justify=\"center\">\r\n      <v-col cols=\"3\" v-if=\"isShowRankingDetail\">\r\n        <ranking-detail-component :propUser=\"user\" :propSummary=\"propGetSummary()\" :propDetail=\"detail\"\r\n          :propClickable=\"false\" :propIsSensor=\"true\" :propRotation=\"rotation\" />\r\n      </v-col>\r\n      <v-col >\r\n        <div class=\"chart-area\">\r\n          <div class=\"chart-sub-header\">\r\n            <div class=\"search-condition\">\r\n\r\n              <date-picker-component class=\"search-condition-item date-component\" :propUser=\"user\"\r\n                :propDate=\"searchDatePrimary\" :propLabel=\"searchDateLabel\" :propDisabled=\"disabledDateSearch\"\r\n                @change=\"searchSummarySensorPrimary\" />\r\n              <search-period-component class=\"search-condition-item\" :propSearchPeriod=\"searchPeriod\"\r\n                :propDisabled=\"disabledPeriodSearch\" @change=\"changeSearchPeriod\" />\r\n\r\n              <div v-if=\"!isIphone\">\r\n                <div v-if=\"strategy.enabled()\" class=\"compare\">\r\n                  <date-picker-component class=\"compare-item date-component\" :propUser=\"user\"\r\n                    :propDate=\"searchDateSecondary\" :propLabel=\"compareDateLabel\" :propDisabled=\"disabledDateSearch\"\r\n                    @change=\"searchSummarySensorSecondary\" />\r\n                  <!-- <v-btn\r\n                                      fab\r\n                                      x-small\r\n                                      class=\"compare-item\"\r\n                                      :disabled=\"disabledDateSearch\"\r\n                                      @click=\"compareSecondary\"\r\n                                  >\r\n                                      <v-icon>{{ compareSecondaryIcon }}</v-icon>\r\n                                  </v-btn> -->\r\n\r\n                  <div class=\"compare-checkbox\">\r\n                    <v-switch\r\n                      fab\r\n                      small\r\n                      flat\r\n                      color=\"primary lighten-2\"\r\n                      class=\"compare-item\"\r\n                      :disabled=\"disabledDateSearch\"\r\n                      v-model=\"searchSecondaryFlag\"\r\n                      @click=\"compareSecondary\"\r\n                    ></v-switch>\r\n                  </div>\r\n\r\n\r\n\r\n                </div>\r\n\r\n              </div>\r\n\r\n\r\n            </div>\r\n            <div class=\"chart_icon_button\">\r\n              <span v-if=\"strategy.enabled()\">\r\n              \r\n\r\n                <v-btn color=\"transparent\" fab :small=\"isIphone\" @click=\"zoomIn\">\r\n                  <v-tooltip top>\r\n                    <template v-slot:activator=\"{ on, attrs }\">\r\n                      <v-icon \r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        color=\"white\"\r\n                        id=\"zoomIn-icon\"\r\n                        >mdi-magnify-plus-outline</v-icon>     \r\n\r\n                    </template>\r\n                    <span>グラフはマウスホイールでも拡大縮小できます</span>\r\n                  </v-tooltip>\r\n                </v-btn>\r\n                <v-btn color=\"transparent\" fab :small=\"isIphone\" @click=\"zoomOut\">\r\n                  <v-tooltip top>\r\n                    <template v-slot:activator=\"{ on, attrs }\">\r\n                      <v-icon \r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        color=\"white\"\r\n                        id=\"zoomOut-icon\"\r\n                        >mdi-magnify-minus-outline</v-icon>     \r\n\r\n                    </template>\r\n                    <span>グラフはマウスホイールでも拡大縮小できます</span>\r\n                  </v-tooltip>\r\n                </v-btn>\r\n              </span>\r\n<!--               \r\n                <v-btn color=\"transparent\" fab :small=\"isIphone\" @click = \"setTypeCo2c\">\r\n                  <v-tooltip top>\r\n                    <template v-slot:activator=\"{ on, attrs }\"> \r\n                      <img\r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        v-if=\"isCo2Data()\"\r\n                        class=\"icon_co2c\"\r\n                        src=\"../assets/icon_co2c.png\"\r\n                        :style=\"bindStyle\"\r\n                        />\r\n                      <img\r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"                  \r\n                        v-else\r\n                        class=\"icon_co2c\"\r\n                        src=\"../assets/icon_co2c_gray.png\"\r\n                        :style=\"bindStyle\"\r\n                        />  \r\n                    </template>\r\n                    <span>CO2のグラフを表示</span>\r\n                  </v-tooltip>\r\n                </v-btn>\r\n                <v-btn color=\"transparent\" fab :small=\"isIphone\" @click = \"setTypeTemp\">\r\n                  <v-tooltip top>\r\n                    <template v-slot:activator=\"{ on, attrs }\"> \r\n                      <img\r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        v-if=\"isTempData()\"\r\n                        class=\"icon_thermometer\"\r\n                        src=\"../assets/icon_thermometer.png\"\r\n                        :style=\"bindStyle\"\r\n                      />\r\n                      <img\r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        v-else\r\n                        class=\"icon_thermometer\"\r\n                        src=\"../assets/icon_thermometer_gray.png\"\r\n                        :style=\"bindStyle\"\r\n                      />\r\n                    </template>\r\n                    <span>温度のグラフを表示</span>\r\n                  </v-tooltip>\r\n                </v-btn>\r\n\r\n                <v-btn color=\"transparent\" fab :small=\"isIphone\" @click = \"setTypeHumi\">\r\n                  <v-tooltip top>\r\n                    <template v-slot:activator=\"{ on, attrs }\"> \r\n                      <img\r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        v-if=\"isHumiData()\"\r\n                        class=\"icon_humidity\"\r\n                        src=\"../assets/icon_humidity.png\"\r\n                        :style=\"bindStyle\"\r\n                        active=\"true\"\r\n                        />\r\n                      <img\r\n                        v-bind=\"attrs\"\r\n                        v-on=\"on\"\r\n                        v-else\r\n                        class=\"icon_humidity\"\r\n                        src=\"../assets/icon_humidity_gray.png\"\r\n                        :style=\"bindStyle\"\r\n                        />\r\n                    </template>\r\n                    <span>湿度のグラフを表示</span>\r\n                  </v-tooltip>\r\n                </v-btn> -->\r\n\r\n              </div>\r\n          </div>\r\n          <sensor-chart-component\r\n            :propSensorNumber=\"propSensorNumber\"\r\n            :propRotation=\"rotation\"\r\n            :propSensorChartWidth=\"sensorChartWidth\"\r\n            :propDataType=\"propDataType\"\r\n            @stopProcessing=\"stopProcessing\"\r\n          />\r\n        </div>\r\n      </v-col>\r\n    </v-row>\r\n    <div class=\"footer\" v-if=\"user.isUser()\">\r\n      <div>{{ header.dispTimestamp() }} 更新</div>\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinSensor from \"../store/mixin.sensor\";\r\nimport mixinDetail from \"../store/mixin.detail\";\r\nimport RankingDetailComponent from \"../components/RankingDetailComponent\";\r\nimport SensorChartComponent from \"../components/SensorChartComponent\";\r\nimport DatePickerComponent from \"../components/DatePickerComponent\";\r\nimport SearchPeriodComponent from \"../components/SearchPeriodComponent\";\r\nimport constant from \"../store/constant\";\r\nimport store from \"../store\";\r\nimport models from \"../store/models\";\r\n\r\nconst vm = {\r\n  mixins: [mixinApp, mixinSensor, mixinDetail],\r\n  props: {\r\n    propGetSummary: {\r\n      type: Function,\r\n      default: null\r\n    },\r\n    propGetSummarySensor: {\r\n      type: Function,\r\n      default: null\r\n    },\r\n    propSearchSummarySensor: {\r\n      type: Function,\r\n      default: null\r\n    },\r\n    propLoading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    propIndex: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    propCurrentIndex: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    propSensorNumber: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    propRotation: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propHeader: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propDataType: {\r\n      type: String,\r\n      default: \"co2c\"\r\n    }\r\n  },\r\n  components: {\r\n    RankingDetailComponent,\r\n    SensorChartComponent,\r\n    DatePickerComponent,\r\n    SearchPeriodComponent,\r\n  },\r\n  data() {\r\n    return {\r\n      \r\n\r\n    };\r\n  },\r\n  computed: {\r\n    detail() {\r\n      return this.getDetail(this.propSensorNumber);\r\n    },\r\n    header() {\r\n      return models.createHeader(\r\n        \"footer\",\r\n        \"footer\",\r\n        this.summarySensor.primary.getLatestTimestamp\r\n      );\r\n    },\r\n    summarySensor() {\r\n      return this.getSensorData(this.propSensorNumber);\r\n    },\r\n    searchDateLabel() {\r\n      return \"検索日付\";\r\n    },\r\n    compareDateLabel() {\r\n      return \"比較日付\";\r\n    },\r\n    compareSecondaryIcon() {\r\n      // return this.compareSecondaryFlag\r\n      return this.searchSecondaryFlag\r\n        ? \"mdi-eye-outline\"\r\n        : \"mdi-eye-off-outline\";\r\n    },\r\n    disabledPeriodSearch() {\r\n      return this.strategy.disabled() || this.propLoading;\r\n    },\r\n    disabledDateSearch() {\r\n      return this.propLoading;\r\n    },\r\n    /** センサー検索条件:検索日Primary (UnixTime) */\r\n    searchDatePrimary: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchDatePrimary()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(\r\n          constant.storeSummarySetSearchDatePrimary(),\r\n          value\r\n        );\r\n      },\r\n    },\r\n    /** センサー検索条件:検索日Secondary (UnixTime) */\r\n    searchDateSecondary: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchDateSecondary()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(\r\n          constant.storeSummarySetSearchDateSecondary(),\r\n          value\r\n        );\r\n      },\r\n    },\r\n    /** センサー検索条件:検索日Secondary (UnixTime) */\r\n    searchPeriod: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchPeriod()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(constant.storeSummarySetSearchPeriod(), value);\r\n      },\r\n    },\r\n    /** センサー検索条件:検索日Secondary (UnixTime) */\r\n    searchSecondaryFlag: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchSecondaryFlag()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(\r\n          constant.storeSummarySetSearchSecondaryFlag(),\r\n          value\r\n        );\r\n      },\r\n    },\r\n    rotation() {\r\n      return this.propRotation;\r\n    },\r\n    isShowRankingDetail() {\r\n      return this.innerWidth > 820;\r\n    },\r\n    sensorChartWidth() {\r\n      if(this.innerWidth > 820) {\r\n        return this.innerWidth * 0.65\r\n      }\r\n      return this.innerWidth * 0.8\r\n    }\r\n  },\r\n  methods: {\r\n\r\n    // isuser(){\r\n    //   return this.user.isUser();\r\n    // },\r\n    /**\r\n     * 0 > co2c\r\n     * 1 > temp\r\n     * 2 > humi\r\n     */\r\n    setSubs(no, key) {\r\n        var priority = this.getParamType(no).priority;\r\n        var arr = this.getParamType(priority[key-1]);\r\n        return arr;\r\n    },\r\n    setTypeCo2c(){\r\n      // this.propDataType = \"co2c\";\r\n      this.$emit(\"setDataType\",\"co2c\");\r\n    },\r\n    setTypeTemp(){\r\n      // this.propDataType = \"temp\";\r\n      this.$emit(\"setDataType\",\"temp\");\r\n    },\r\n    setTypeHumi(){\r\n      // this.propDataType = \"humi\";\r\n      this.$emit(\"setDataType\",\"humi\");\r\n    },\r\n    /** グラフのズームイン */\r\n    zoomIn(){\r\n      //ズームが効果ある領域\r\n      const rect = document.querySelector(\".sensor-chart svg > g > rect\")\r\n      // 画面の左端から、要素の左端/上端までの距離 + 10px(ちょっと内側)\r\n      const clientRect = rect.getBoundingClientRect()\r\n      const x = clientRect.left + 10;\r\n      const y = clientRect.top + 10;\r\n      // ホイールの動きをエミュレート / APIの直接呼出しは、複雑すぎたため挫折\r\n      const evt = new WheelEvent( \"mousewheel\", {\r\n        clientX : x,\r\n        clientY : y,\r\n        wheelDelta: -120, // - にすると拡大/+にすると縮小\r\n        wheelDeltaY: -120, // - にすると拡大/+にすると縮小\r\n      }) ;\r\n      evt.initEvent('mousewheel', true, true); \r\n      rect.dispatchEvent(evt);\r\n    },\r\n    /** グラフのズームアウト */\r\n    zoomOut(){\r\n      //ズームが効果ある領域\r\n      const rect = document.querySelector(\".sensor-chart svg > g > rect\")\r\n      // 画面の左端から、要素の左端/上端までの距離 + 10px(ちょっと内側)\r\n      const clientRect = rect.getBoundingClientRect()\r\n      const x = clientRect.left + 10;\r\n      const y = clientRect.top + 10;\r\n      // ホイールの動きをエミュレート / APIの直接呼出しは、複雑すぎたため挫折\r\n      const evt = new WheelEvent( \"mousewheel\", {\r\n        clientX : x,\r\n        clientY : y,\r\n        wheelDelta: +120, // - にすると拡大/+にすると縮小\r\n        wheelDeltaY: +120, // - にすると拡大/+にすると縮小\r\n      }) ;\r\n      evt.initEvent('mousewheel', true, true); \r\n      rect.dispatchEvent(evt);\r\n    },\r\n\r\n    /** グラフ値 */\r\n    isCo2Data(){\r\n      return this.propDataType == \"co2c\";\r\n    },\r\n    isTempData(){\r\n      return this.propDataType == \"temp\";\r\n    },\r\n    isHumiData(){\r\n      return this.propDataType == \"humi\";\r\n    },\r\n    stopProcessing() {\r\n      this.$emit(\"stopProcessing\");\r\n    },\r\n    searchPeriodFormat() {\r\n      this.searchPeriod = Object.assign({}, this.propPeriod);\r\n      return constant.createSearchPeriod(this.searchPeriod.value);\r\n    },\r\n    searchSummarySensor(date, partition) {\r\n      this.propSearchSummarySensor(date, this.searchPeriod.value, partition);\r\n    },\r\n    searchSummarySensorPrimary(date) {\r\n      this.summarySensor.clearPrimary();\r\n      this.searchDatePrimary = date;\r\n      this.searchSummarySensor(date, constant.partitionPrimary());\r\n    },\r\n    searchSummarySensorSecondary(date) {\r\n      this.searchDateSecondary = date;\r\n\r\n      if (!this.searchSecondaryFlag) {\r\n        this.summarySensor.clearSecondary();\r\n        return;\r\n      }\r\n\r\n      this.searchSummarySensor(date, constant.partitionSecondary());\r\n    },\r\n    changeSearchPeriod(searchPeriod) {\r\n      this.searchPeriod = searchPeriod;\r\n      this.searchSummarySensorPrimary(this.searchDatePrimary);\r\n      this.searchSummarySensorSecondary(this.searchDateSecondary);\r\n    },\r\n    compareSecondary() {\r\n      this.searchSummarySensorSecondary(this.searchDateSecondary);\r\n    },\r\n    isCurrentIndex() {\r\n      return this.propIndex == this.propCurrentIndex;\r\n    },\r\n    startGraphInterval() {\r\n      if (this.interval) {\r\n        return;\r\n      }\r\n      if (this.user.isManager()) {\r\n        return;\r\n      }\r\n      this.interval = setInterval(\r\n        (() => {\r\n          //バックグラウンド処理も全て同じ検索条件で検索するため、現在のセンサのみデータ更新\r\n          if (this.isCurrentIndex()) {\r\n            this.searchSummarySensorPrimary(\r\n              constant.toUnixTime(constant.today())\r\n            );\r\n          }\r\n        }).bind(this),\r\n        constant.intervalMs()\r\n      );\r\n    },\r\n  },\r\n  created() {\r\n    this.startGraphInterval();\r\n  },\r\n  watch: {},\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n.chart-area {\r\n  height: var(--chart-area-card-height);\r\n  border-style: var(--card-border-style);\r\n  border-color: var(--grid-background-color);\r\n}\r\n\r\n.search-condition {\r\n  display: flex;\r\n  float: left;\r\n}\r\n\r\n.date-component {\r\n  margin-left: 2vw;\r\n}\r\n\r\n.compare {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.compare-item {\r\n  margin-right: 16px;\r\n}\r\n\r\n.search-condition-item .compare-item {\r\n  display: inline-block;\r\n}\r\n\r\n.line {\r\n  width: 128px;\r\n  border: 1.5px dashed white;\r\n}\r\n\r\n.chart_icon_button {\r\n  /* width: 2.8vw !important; */\r\n  margin-left: auto;\r\n  margin-right: 2vw;\r\n  margin-top: 2px;\r\n  /* min-width: 180px; */\r\n\r\n  float: right;\r\n}\r\n.chart_icon_button img{\r\n  max-width: 48px !important;\r\n  max-height: 40px !important;\r\n  height: 36px !important;\r\n  margin-left: 0vw;\r\n}\r\n.chart_icon_button .selected{\r\n  opacity: 0.08;\r\n}\r\n\r\n#zoomIn-icon,#zoomOut-icon{\r\n  font-size: 32px;\r\n}\r\n\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SensorComponent.vue?vue&type=template&id=1e354ede&scoped=true&\"\nimport script from \"./SensorComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./SensorComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SensorComponent.vue?vue&type=style&index=0&id=1e354ede&scoped=true&lang=css&\"\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  \"1e354ede\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCol,VContainer,VIcon,VRow,VSwitch,VTooltip})\n","<template>\r\n  <v-main class=\"main\">\r\n    <loading-component class=\"loading\" :propLoading=\"loading\" />\r\n    <header-component :propHeader=\"header\" />\r\n    <v-carousel hide-delimiter-background :height=\"carouselHeightPx\" :cycle=\"false\" :interval=\"hierarchy.getInterval()\"\r\n      :show-arrows=\"!loading\" :hide-delimiters=\"loading\" :touchless=\"loading\" v-model=\"currentIndex\" @change=\"change\" :key=\"carouselKey\">\r\n\r\n      <v-carousel-item v-for=\"(sensor, i) in sensorList\" :key=\"i\">\r\n\r\n        <div class=\"carousel-content\">\r\n\r\n          <v-container>\r\n\r\n            <sensor-sub-header-component  :propImage=\"subTitle.class\"\r\n              :propSubtitle=\"subTitle.caption + 'モニタリング中'\" \r\n              :propDataType=\"dataType\" \r\n              :propRotation=\"rotation\"/>\r\n\r\n            <sensor-component :propUser=\"user\" :propSummary=\"summary\" :propArea=\"propArea\" :propGetSummary=\"getSummary\"\r\n              :propSensor=\"sensor\" :propSensorNumber=\"sensor.sensorNumber\" :propSource=\"propSource\"\r\n              :propDate=\"searchDatePrimary\" :propPeriod=\"searchPeriod\" :propDateSecondary=\"searchDateSecondary\"\r\n              :propSecondaryFlag=\"searchSecondaryFlag\" :propGetSummarySensor=\"getSummarySensor\"\r\n              :propSearchSummarySensor=\"searchSummarySensor\" :propLoading=\"loading\" :propIndex=\"i\"\r\n              :propCurrentIndex=\"currentIndex\" :propRotation=\"rotation\" :propHeader=\"header\"\r\n              :propDataType=\"dataType\" @setDataType=\"setDataType\"\r\n              @stopProcessing=\"stopProcessing\" />\r\n          </v-container>\r\n        </div>\r\n      </v-carousel-item>\r\n    </v-carousel>\r\n    <fab-component :propUser=\"user\" :propArea=\"propArea\" :propFabPrimary=\"fab\" :propFabRotation=\"fabRotation\"\r\n      :propGetLoading=\"getLoading\" />\r\n  </v-main>\r\n</template>\r\n\r\n<script>\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinSensor from \"../store/mixin.sensor\";\r\nimport mixinDetail from \"../store/mixin.detail\";\r\nimport LoadingComponent from \"../components/LoadingComponent\";\r\nimport HeaderComponent from \"../components/HeaderComponent\";\r\nimport SensorSubHeaderComponent from \"../components/SensorSubHeaderComponent\";\r\nimport FabComponent from \"../components/FabComponent\";\r\nimport SensorComponent from \"../components/SensorComponent\";\r\nimport store from \"../store\";\r\nimport models from \"../store/models\";\r\nimport constant from \"../store/constant\";\r\n\r\nconst vm = {\r\n  mixins: [mixinApp, mixinSensor, mixinDetail],\r\n  components: {\r\n    LoadingComponent,\r\n    HeaderComponent,\r\n    SensorSubHeaderComponent,\r\n    FabComponent,\r\n    SensorComponent,\r\n  },\r\n  props: {\r\n    propSensorNumber: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    propHierarchyCode: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propHierarchy: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propSearchDate: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propSearchPeriodValue: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    propRotationSelectNo:{\r\n      type: Number,\r\n      default: 0\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      currentIndex: 0,\r\n      sensorDict: {},\r\n      doneSearchSensor: false,\r\n      carouselKey: false,\r\n      dataType: \"co2c\",\r\n    };\r\n  },\r\n  computed: {\r\n    loading() {\r\n      return (\r\n        //!(this.user && this.summary && this.doneSearchSensor) ||\r\n        this.processing\r\n      );\r\n    },\r\n    header() {\r\n      //Memo:マージ後要見直し\r\n      // return models.createHeader(\r\n      //   this.hierarchy.hierarchyName,\r\n      //   \"icon-sensor\",\r\n      //   this.getUserTimestamp\r\n      // );\r\n      return models.createHeader(\r\n        this.hierarchy.hierarchyName,\r\n        \"icon-loca\",\r\n        this.getUserTimestamp\r\n      );\r\n    },\r\n    fab() {\r\n      //Memo:マージ後要見直し\r\n      // return models.createFab(\"mdi-arrow-left\", () => {\r\n      //   this.transitionSource(this.user, this.summary, this.propArea);\r\n      // });\r\n      //戻るボタン\r\n      var icon = \"\";\r\n      if (this.getSource() == \"floor\") {\r\n        icon = \"icon_btn_floormap_3x\";\r\n      } else if (this.getSource() == \"ranking\") {\r\n        icon = \"icon-fixed\";\r\n      }\r\n      return models.createFab(icon, () => {\r\n        this.transitionSource(this.user, this.summary, this.propArea, this.rotation.no);\r\n      });\r\n    },\r\n    sensorList() {\r\n      const sensorList = this.summaryFloor\r\n        ? this.summaryFloor.getDisplaySensorList(this.user)\r\n        : [];\r\n      return sensorList;\r\n    },\r\n    currentSensor() {\r\n      return this.sensorList[this.currentIndex];\r\n    },\r\n\r\n\r\n    /** センサー検索条件:検索日Primary (UnixTime) */\r\n    searchDatePrimary: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchDatePrimary()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(constant.storeSummarySetSearchDatePrimary(), value);\r\n      },\r\n    },\r\n    /** センサー検索条件:検索日Secondary (UnixTime) */\r\n    searchDateSecondary: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchDateSecondary()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(constant.storeSummarySetSearchDateSecondary(), value);\r\n      },\r\n    },\r\n    /** センサー検索条件:検索日付間隔 */\r\n    searchPeriod: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchPeriod()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(constant.storeSummarySetSearchPeriod(), value);\r\n      },\r\n    },\r\n    /** センサー検索条件:Secondary検索の有効フラグ */\r\n    searchSecondaryFlag: {\r\n      get: () => {\r\n        return store.getters[constant.storeSummaryGettersSearchSecondaryFlag()];\r\n      },\r\n      set: (value) => {\r\n        return store.dispatch(constant.storeSummarySetSearchSecondaryFlag(), value);\r\n      },\r\n    },\r\n    subTitle() {\r\n      return this.getParamType(this.selectNo).mode;\r\n    },\r\n    rotation() {\r\n      const ret = {};\r\n      ret.func = this.rotationStatus;\r\n      ret.no = this.selectNo;\r\n      return ret;\r\n    },\r\n    fabRotation() {\r\n      return models.createFab(\"icon-rotation\", this.fabRotationStatus);\r\n    },\r\n  },\r\n  methods: {\r\n    stopProcessing() {\r\n      this.processing = false;\r\n    },\r\n    setDataType(type) {\r\n      this.dataType = type;\r\n      //一旦無効化 ボタンとRotationの相互間がうまくいかず。\r\n      // // Rotationのセット\r\n      // const selectNo = \r\n      //   type == \"temp\" ? \"1\" : //温度\r\n      //   type == \"humi\" ? \"2\" : //湿度\r\n      //   \"0\"; //CO2\r\n      // this.changeStatus(selectNo);\r\n    },\r\n    setDataTypeBySelectNo(selectNo) {\r\n      const dataType = \r\n        selectNo == \"1\" ? \"temp\" :\r\n        selectNo == \"2\" ? \"humi\" :\r\n        \"co2c\";\r\n\r\n      this.dataType = dataType;\r\n    },\r\n    equalsPrimaryConditions(sensor) {\r\n      const condition = sensor.primary.condition;\r\n      const searchDate = this.searchDatePrimary;\r\n      const searchPeriod = this.searchPeriod.value;\r\n      return (\r\n        searchDate == condition.searchDate &&\r\n        searchPeriod === condition.searchPeriod\r\n      );\r\n    },\r\n    equalsSecondaryConditions(sensor) {\r\n      const condition = sensor.secondary.condition;\r\n      const searchDate = this.searchDateSecondary;\r\n      const searchPeriod = this.searchPeriod.value;\r\n      return (\r\n        condition != null &&\r\n        searchDate == condition.searchDate &&\r\n        searchPeriod === condition.searchPeriod\r\n      );\r\n    },\r\n    change() {\r\n      if (!this.sensorList.length) {\r\n        return;\r\n      }\r\n      // currentIndex:遷移後のセンサー\r\n\r\n      const currentSummarySensor = this.getSummarySensor(this.currentSensor);\r\n\r\n      //過去の検索結果なし or 過去の検索条件と現在の過去の検索条件で差異がある場合\r\n      if (\r\n        currentSummarySensor.isEmpty() ||\r\n        !this.equalsPrimaryConditions(currentSummarySensor)\r\n      ) {\r\n        this.searchSummarySensor(\r\n          this.searchDatePrimary,\r\n          this.searchPeriod.value,\r\n          constant.partitionPrimary()\r\n        );\r\n      }\r\n\r\n      //Secondary非表示の場合、データクリア\r\n      if (!this.searchSecondaryFlag) {\r\n        currentSummarySensor.clearSecondary();\r\n      }\r\n      //過去の検索結果なし or 過去の検索条件と現在の過去の検索条件で差異がある場合\r\n      else if (\r\n        currentSummarySensor.isEmptySecondary() ||\r\n        !this.equalsSecondaryConditions(currentSummarySensor)\r\n      ) {\r\n        this.searchSummarySensor(\r\n          this.searchDateSecondary,\r\n          this.searchPeriod.value,\r\n          constant.partitionSecondary()\r\n        );\r\n      }\r\n    },\r\n    getSummarySensor(sensor) {\r\n      const sensorNumber = sensor == null ? null : sensor.sensorNumber;\r\n      return this.getSensorData(sensorNumber);\r\n    },\r\n    createSearchCondition() {\r\n      return this.summaryFloor\r\n        ? this.summaryFloor.condition\r\n        : this.user.createSearchCondition();\r\n    },\r\n    createSensorSearchCondition(\r\n      searchDate,\r\n      searchPeriodValue,\r\n      partition,\r\n      sensorNumber = null,\r\n      hierarchyCode = null\r\n    ) {\r\n      const ret = models.createSearchCondition();\r\n\r\n      ret.userKind = this.user.userKind;\r\n      ret.searchUnit = constant.searchUnitSensor();\r\n      ret.hierarchyCode = hierarchyCode\r\n        ? hierarchyCode\r\n        : this.hierarchy.hierarchyCode;\r\n      ret.sensorNumber = sensorNumber\r\n        ? sensorNumber\r\n        : this.currentSensor\r\n          ? this.currentSensor.sensorNumber\r\n          : null;\r\n      ret.searchDate = searchDate;\r\n      ret.searchPeriod = searchPeriodValue || this.getSearchPeriodValue();\r\n      ret.partition = partition || constant.partitionPrimary();\r\n      console.log(\"createSensorSearchCondition\", ret, this.user, this.currentSensor, this.sensorList, this.currentIndex);\r\n      return ret;\r\n    },\r\n    searchSummarySensor(\r\n      searchDate,\r\n      searchPeriod,\r\n      partition,\r\n      sensorNumber,\r\n      hierarchyCode\r\n    ) {\r\n      this.processing = true;\r\n      store.dispatch(\r\n        constant.storeSummarySearch(),\r\n        this.createSensorSearchCondition(\r\n          searchDate,\r\n          searchPeriod,\r\n          partition,\r\n          sensorNumber,\r\n          hierarchyCode\r\n        )\r\n      );\r\n    },\r\n    setSummarySensor(summary) {\r\n      this.sensorDict[this.currentSensor.sensorNumber].setSummary(summary);\r\n      this.sensorDict = Object.assign({}, this.sensorDict);\r\n      this.doneSearchSensor = true;\r\n    },\r\n    getsearchDatePrimaryDefault() {\r\n      return this.propArea\r\n        ? this.propArea.condition.searchDateEnd\r\n        : constant.toUnixTime(constant.today());\r\n    },\r\n    getSearchPeriodValue() {\r\n      return this.propArea\r\n        ? this.propArea.condition.getSearchPeriodValue()\r\n        : constant.searchPeriodDefault();\r\n    },\r\n    getSearchPeriod() {\r\n      return this.propArea\r\n        ? this.propArea.condition.getSearchPeriod()\r\n        : constant.createSearchPeriodDefault();\r\n    },\r\n    getSearchDateSecondaryDefault() {\r\n      const ret = constant.today();\r\n\r\n      ret.setDate(ret.getDate() - 7);\r\n      return constant.toUnixTime(ret);\r\n    },\r\n    getUserTimestamp() {\r\n      if (this.user?.isManager()) {\r\n        return 0;\r\n      }\r\n      return this.summary?.getLatestTimestamp();\r\n    },\r\n    checkAuthorized() {\r\n      if (!this.user || this.user.unauthorized()) {\r\n        console.log(\"autoUpdating transitionRoot\");\r\n        this.transitionRoot();\r\n      }\r\n    },\r\n    autoUpdating() {\r\n      this.startInterval(this.createSearchCondition);\r\n    },\r\n    initializeSubscribe() {\r\n      this.unsubscribe = store\r\n        .subscribe((mutation, state) => {\r\n          console.log(\"SensorUnit View mutation state\", mutation.type, mutation, state);\r\n          if (mutation.type === constant.storeSummarySearch()) {\r\n            this.processing = false\r\n\r\n            const summary = state.summary.summary;\r\n            //processingの中止処理はChartの描画後に設定。\r\n            //this.processing = false;\r\n            //グレーの場合はprocessingを中止\r\n            this.processing = false\r\n\r\n            if (!summary.detailList.length) {\r\n              this.processing = false;\r\n            }\r\n\r\n            if (summary.condition.isSearchUnitSensor()) {\r\n              this.setSummarySensor(summary);\r\n            } else {\r\n              this.setSummary(summary);\r\n              this.searchSummary();\r\n            }\r\n          }\r\n        })\r\n        .bind(this);\r\n    },\r\n    rotationStatus(no) {\r\n      this.changeStatus(no);\r\n      // DataType\r\n      const type = \r\n        no == \"1\" ? \"temp\" : //温度\r\n        no == \"2\" ? \"humi\" : //湿度\r\n        \"co2c\"; //CO2      \r\n      this.dataType = type;\r\n\r\n    },\r\n    fabRotationStatus() {\r\n      this.changeStatus(\"\");\r\n      const no = this.selectNo\r\n      // DataType\r\n      const type = \r\n        no == \"1\" ? \"temp\" : //温度\r\n        no == \"2\" ? \"humi\" : //湿度\r\n        \"co2c\"; //CO2      \r\n      this.dataType = type;\r\n    },\r\n    /** カルーセルの再描画、これを実行すると、グラフのサイズが調整される */\r\n    reRenderCarousel() {\r\n        this.carouselKey = !this.carouselKey;\r\n    },\r\n\r\n  },\r\n  created() {\r\n    console.log(\"created\");\r\n  },\r\n  mounted() {\r\n      this.$nextTick(function () {\r\n          // ビュー全体がレンダリングされた後にのみ実行\r\n          // カルーセルの再描画を少し待機後実行することで、正しく画面表示\r\n          setTimeout(this.reRenderCarousel, 1000);\r\n      });\r\n  },\r\n  watch: {\r\n    processing() {\r\n      console.log(\"change processing\", this.processing);\r\n    },\r\n  },\r\n  /** 画面遷移後の処理 */\r\n  beforeRouteEnter(to, from, next) {\r\n    next(async (vm) => {\r\n      vm.checkAuthorized();\r\n\r\n      console.log(\"beforeRouteEnter\", from, to, vm, vm.propHierarchy, vm.propSensorNumber, vm.summaryFloor, vm.user, vm.propSearchDate);\r\n      const searchDate = vm.propSearchDate ? vm.propSearchDate : constant.toUnixTime(constant.today());\r\n      const searchPeriodValue = vm.propSearchPeriodValue ? vm.propSearchPeriodValue : constant.searchPeriodDefault();\r\n      //ToDo: 左側は切替完了。右側のグラフが切り替えられるように対応必要\r\n      vm.selectNo = vm.propRotationSelectNo;\r\n      vm.setDataTypeBySelectNo(vm.propRotationSelectNo);\r\n\r\n      if (!vm || !vm.user || !vm.user.hierarchy || !vm.user.hierarchy.hierarchyCode) {\r\n        console.log(\"beforeRouteEnter no user\", from, to, vm)\r\n        return;\r\n      }\r\n      const hierarchyCode = vm.propHierarchy && vm.propHierarchy.hierarchyCode ? vm.propHierarchy.hierarchyCode : vm.user.hierarchy.hierarchyCode;\r\n      const userKind = vm.propArea && vm.propArea.condition && vm.propArea.condition.userKind ? vm.propArea.condition.userKind : constant.userKindUser();\r\n      const partition = constant.partitionPrimary();\r\n\r\n      if (vm.propArea && vm.propHierarchy) {\r\n        //エリア画面から来た場合は、propAreaとpropHierarchyを保持\r\n        //hierarchyをpropHierarchyの内容に切り替え\r\n        vm.user.setCurrentHierarchy(vm.propHierarchy);\r\n\r\n        //Secondaryを無効に\r\n        vm.searchSecondaryFlag = false;\r\n      }\r\n      if (!vm.sensorList || vm.sensorList.length == 0 || vm.propArea && vm.propHierarchy) {\r\n        //フロアの検索結果がない場合orエリア画面から来た場合、検索\r\n        const condition = models.createSearchCondition();\r\n        condition.userKind = userKind;\r\n        condition.searchUnit = constant.searchUnitFloor();\r\n        condition.hierarchyCode = hierarchyCode;\r\n        vm.processing = true;\r\n        console.log(\"beforeRouteEnter search Floor\", condition);\r\n        await store.dispatch(constant.storeSummarySearch(), condition);\r\n        vm.processing = false;\r\n      }\r\n\r\n      const selectedIndex = vm.sensorList.findIndex(\r\n        (val) => val.sensorNumber === vm.propSensorNumber\r\n      );\r\n      vm.currentIndex = selectedIndex;\r\n\r\n      const sensorNumber = vm.propSensorNumber\r\n        ? vm.propSensorNumber\r\n        : vm.sensorList[vm.currentIndex]\r\n          ? vm.sensorList[vm.currentIndex].sensorNumber\r\n          : null;\r\n\r\n      console.log(\"beforeRouteEnter searchSummarySensor\", vm.currentIndex, vm.currentSensor, vm.sensorList, vm.propHierarchyCode, vm.propSensorNumber, sensorNumber, searchDate, searchPeriodValue, hierarchyCode);\r\n\r\n      //引数を検索条件にセット\r\n      vm.searchDatePrimary = searchDate;\r\n      vm.searchPeriod = searchPeriodValue;\r\n\r\n      // 初期化処理\r\n\r\n      await vm.searchSummarySensor(\r\n        searchDate,\r\n        searchPeriodValue,\r\n        partition,\r\n        sensorNumber,\r\n        hierarchyCode\r\n      );\r\n\r\n      //Secondaryを無効に\r\n      const currentSummarySensor = vm.getSummarySensor(vm.currentSensor);\r\n      vm.searchSecondaryFlag = false;\r\n      currentSummarySensor.clearSecondary();\r\n\r\n      vm.autoUpdating();\r\n      vm.initializeSubscribe();\r\n\r\n      next();\r\n    });\r\n  },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n@import '../assets/css/sensor.min.css';\r\n\r\n.loading {\r\n  z-index: 1;\r\n}\r\n\r\n.carousel-content {\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorUnitView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorUnitView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SensorUnitView.vue?vue&type=template&id=35996ac0&scoped=true&\"\nimport script from \"./SensorUnitView.vue?vue&type=script&lang=js&\"\nexport * from \"./SensorUnitView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SensorUnitView.vue?vue&type=style&index=0&id=35996ac0&scoped=true&lang=css&\"\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  \"35996ac0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VMain } from 'vuetify/lib/components/VMain';\ninstallComponents(component, {VCarousel,VCarouselItem,VContainer,VMain})\n","import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Menuable from '../../mixins/menuable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Detachable, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      listeners.focus = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('open')\n      }\n      listeners.blur = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('close')\n      }\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorSubHeaderComponent.vue?vue&type=style&index=0&id=077ccd13&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorComponent.vue?vue&type=style&index=0&id=1e354ede&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SensorChartComponent.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}