{"version":3,"sources":["webpack:///./node_modules/vue-google-charts/dist/vue-google-charts.common.js","webpack:///./src/components/LevelChartComponent.vue?2cf2","webpack:///./src/components/ChartComponent.vue?e9be","webpack:///./src/components/RankingDetailComponent.vue?1650","webpack:///./src/components/RankingChartComponent.vue?a2d6","webpack:///./node_modules/vue-google-charts/index.js","webpack:///./src/components/RankingDetailComponent.vue?6785","webpack:///./src/components/RankingChartComponent.vue?77a7","webpack:///src/components/RankingChartComponent.vue","webpack:///./src/components/RankingChartComponent.vue?e47e","webpack:///./src/components/RankingChartComponent.vue?329d","webpack:///./src/components/LevelChartComponent.vue?a294","webpack:///src/components/LevelChartComponent.vue","webpack:///./src/components/LevelChartComponent.vue?3c10","webpack:///./src/components/LevelChartComponent.vue?621b","webpack:///./src/components/ChartComponent.vue?8ac4","webpack:///src/components/ChartComponent.vue","webpack:///./src/components/ChartComponent.vue?d90c","webpack:///./src/components/ChartComponent.vue","webpack:///src/components/RankingDetailComponent.vue","webpack:///./src/components/RankingDetailComponent.vue?161a","webpack:///./src/components/RankingDetailComponent.vue?80e6"],"names":["module","__webpack_require__","moduleId","installedModules","exports","i","l","modules","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","default","object","property","prototype","hasOwnProperty","p","s","__webpack_exports__","getChartsLoader","window","google","charts","Promise","resolve","chartsLoaderPromise","script","document","createElement","type","onload","src","chartsScriptUrl","body","appendChild","loadGoogleCharts","version","arguments","length","settings","then","loader","_typeof","Error","settingsKey","JSON","stringify","keys","sort","loadedPackages","has","loaderPromise","load","setOnLoadCallback","set","a","Symbol","iterator","obj","constructor","Map","Component","func","wait","immediate","later","last","Date","now","timestamp","timeout","setTimeout","result","apply","context","args","debounced","this","callNow","clear","clearTimeout","flush","install","Vue","component","__WEBPACK_IMPORTED_MODULE_1__components_GChart_vue___default","__WEBPACK_IMPORTED_MODULE_0__lib_google_charts_loader__","__WEBPACK_IMPORTED_MODULE_1__components_GChart_vue__","plugin","GlobalVue","global","use","__WEBPACK_IMPORTED_MODULE_1_debounce__","__WEBPACK_IMPORTED_MODULE_1_debounce___default","_slicedToArray","sliceIterator","arr","_arr","_n","_d","_e","_s","_i","next","done","push","err","return","Array","isArray","TypeError","chartsLib","props","String","data","options","packages","events","createChart","Function","resizeDebounce","Number","chartObject","watch","deep","handler","drawChart","createChartObject","mounted","_this","api","chart","$emit","addEventListener","beforeDestroy","clearChart","methods","getValidChartData","draw","visualization","DataTable","DataView","arrayToDataTable","el","fn","$refs","attachListeners","_this2","entries","forEach","_ref","_ref2","event","listener","addListener","rawScriptExports","compiledTemplate","scopeId","cssModules","esModule","scriptExports","render","staticRenderFns","_scopeId","computed","key","_vm","_h","$createElement","_self","_c","ref","sensor","staticClass","class","bindCard","style","on","$event","transitionSensor","user","summary","detail","clickable","propArea","propRotation","no","_v","location","attrs","setSubs","rotation","mode","image","domProps","disp","status","infos","src_color","setMessage","message","strategy","enabled","isIphone","isSensor","caption","canvas","chartData","chartOption","Ratio","vm","mixins","components","GChart","bindStyle","hasChart","minMax","chartHeight","role","ret","height","width","lineWidth","backgroundColor","baselineColor","legend","position","tooltip","trigger","chartArea","gridlines","color","vAxis","textPosition","viewWindow","min","max","hAxis","srcTimerImage","_l","getDataList","co2c","srcChartImage","getTimeList","time","getCurrentCo2c","createCurrentDetail","list","getDataListCount","VCol","VContainer","VRow","canvasID","canvasHeight","canvasWidth","propSensor","propDetail","searchUnit","sensorData","rotationNo","getType","getData","datas","ticks","stat1","stat2","unit","getChartData","adjust","ticks2","createSearchCondition","getTicks","replaceLimitDatas","getUnits","getIndex","index","isItem","canvasH","ctx","canvasV","isLine","vn","lineChart","vspace","hspace","title","space","pich","level","mX","mY","lX","lY","p_level","pX","pY","createPointer","createCanvasArrow","createCanvas","getCanvas","loadChart","created","updated","propClickable","propIsSensor","messageWidth","RankingChartComponent","LevelChartComponent","ChartComponent","ringSensorValid","doNotDisturbSensorValid","getMessage","req","geRed","getLocationFontSize","getMessageFontSize","getCardHeight","afterResize","backGroundStatus","VMain"],"mappings":"6KAAA,YAAAA,EAAA,oBAAiC,SAASC,EAAoBC,GAAU,GAAGC,EAAiBD,GAAU,OAAOC,EAAiBD,GAAUE,QAAQ,IAAIJ,EAAOG,EAAiBD,GAAU,CAACG,EAAEH,EAASI,GAAE,EAAGF,QAAQ,IAAI,OAAOG,EAAQL,GAAUM,KAAKR,EAAOI,QAAQJ,EAAOA,EAAOI,QAAQH,GAAqBD,EAAOM,GAAE,EAAGN,EAAOI,QAAQ,IAAID,EAAiB,GAAG,OAAOF,EAAoBQ,EAAEF,EAAQN,EAAoBS,EAAEP,EAAiBF,EAAoBI,EAAE,SAASM,GAAO,OAAOA,GAAOV,EAAoBW,EAAE,SAASR,EAAQS,EAAKC,GAAQb,EAAoBc,EAAEX,EAAQS,IAAOG,OAAOC,eAAeb,EAAQS,EAAK,CAACK,cAAa,EAAGC,YAAW,EAAGC,IAAIN,KAAUb,EAAoBoB,EAAE,SAASrB,GAAQ,IAAIc,EAAOd,GAAQA,EAAOsB,WAAW,WAAW,OAAOtB,EAAOuB,SAAS,WAAW,OAAOvB,GAAQ,OAAOC,EAAoBW,EAAEE,EAAO,IAAIA,GAAQA,GAAQb,EAAoBc,EAAE,SAASS,EAAOC,GAAU,OAAOT,OAAOU,UAAUC,eAAenB,KAAKgB,EAAOC,IAAWxB,EAAoB2B,EAAE,GAAG3B,EAAoBA,EAAoB4B,EAAE,GAAx/B,CAA4/B,CAAC,SAAS7B,EAAO8B,EAAoB7B,GAAqB,aAAa,SAAS8B,IAAkB,OAAOC,OAAOC,QAAQD,OAAOC,OAAOC,OAAOC,QAAQC,QAAQJ,OAAOC,OAAOC,SAASG,IAAsBA,EAAoB,IAAIF,SAAQ,SAASC,GAAS,IAAIE,EAAOC,SAASC,cAAc,UAAUF,EAAOG,KAAK,kBAAkBH,EAAOI,OAAO,WAAW,OAAON,EAAQJ,OAAOC,OAAOC,SAASI,EAAOK,IAAIC,EAAgBL,SAASM,KAAKC,YAAYR,OAAWD,GAAqB,SAASU,IAAmB,IAAIC,EAAQC,UAAUC,OAAO,QAAG,IAASD,UAAU,GAAGA,UAAU,GAAG,UAAUE,EAASF,UAAUC,OAAO,QAAG,IAASD,UAAU,GAAGA,UAAU,GAAG,GAAG,OAAOlB,IAAkBqB,MAAK,SAASC,GAAQ,GAAG,iBAAY,IAASF,EAAS,YAAYG,EAAQH,IAAW,MAAM,IAAII,MAAM,oDAAoD,IAAIC,EAAYR,EAAQ,IAAIS,KAAKC,UAAUP,EAASnC,OAAO2C,KAAKR,GAAUS,QAAQ,GAAGC,EAAeC,IAAIN,GAAa,OAAOK,EAAezC,IAAIoC,GAAa,IAAIO,EAAc,IAAI5B,SAAQ,SAASC,GAASiB,EAAOW,KAAKhB,EAAQG,GAAUE,EAAOY,mBAAkB,WAAW,OAAO7B,EAAQJ,OAAOC,cAAY,OAAO4B,EAAeK,IAAIV,EAAYO,GAAeA,KAAgBjC,EAAoBqC,EAAEpB,EAAiB,IAAIO,EAAQ,mBAAmBc,QAAQ,iBAAiBA,OAAOC,SAAS,SAASC,GAAK,cAAcA,GAAK,SAASA,GAAK,OAAOA,GAAK,mBAAmBF,QAAQE,EAAIC,cAAcH,QAAQE,IAAMF,OAAO1C,UAAU,gBAAgB4C,GAAK1B,EAAgB,2CAA2CP,EAAoB,KAAKwB,EAAe,IAAIW,KAAK,SAASxE,EAAOI,EAAQH,GAAqB,IAAIwE,EAAUxE,EAAoB,EAApBA,CAAuBA,EAAoB,GAAGA,EAAoB,GAAG,KAAK,MAAMD,EAAOI,QAAQqE,EAAUrE,SAAS,SAASJ,EAAOI,GAASJ,EAAOI,QAAQ,SAASsE,EAAKC,EAAKC,GAAW,SAASC,IAAQ,IAAIC,EAAKC,KAAKC,MAAMC,EAAUH,EAAKH,GAAMG,GAAM,EAAEI,EAAQC,WAAWN,EAAMF,EAAKG,IAAOI,EAAQ,KAAKN,IAAYQ,EAAOV,EAAKW,MAAMC,EAAQC,GAAMD,EAAQC,EAAK,OAAO,IAAIL,EAAQK,EAAKD,EAAQL,EAAUG,EAAO,MAAMT,IAAOA,EAAK,KAAK,IAAIa,EAAU,WAAWF,EAAQG,KAAKF,EAAKtC,UAAUgC,EAAUF,KAAKC,MAAM,IAAIU,EAAQd,IAAYM,EAAQ,OAAOA,IAAUA,EAAQC,WAAWN,EAAMF,IAAOe,IAAUN,EAAOV,EAAKW,MAAMC,EAAQC,GAAMD,EAAQC,EAAK,MAAMH,GAAQ,OAAOI,EAAUG,MAAM,WAAWT,IAAUU,aAAaV,GAASA,EAAQ,OAAOM,EAAUK,MAAM,WAAWX,IAAUE,EAAOV,EAAKW,MAAMC,EAAQC,GAAMD,EAAQC,EAAK,KAAKK,aAAaV,GAASA,EAAQ,OAAOM,IAAY,SAASxF,EAAO8B,EAAoB7B,GAAqB,aAAa,SAAS6F,EAAQC,GAAKA,EAAIC,UAAU,SAASC,EAA6D9B,GAAGnD,OAAOC,eAAea,EAAoB,aAAa,CAACnB,OAAM,IAAKmB,EAAoBgE,QAAQA,EAAQ,IAAII,EAAwDjG,EAAoB,GAAGkG,EAAqDlG,EAAoB,GAAGgG,EAA6DhG,EAAoBoB,EAAE8E,GAAsDlG,EAAoBW,EAAEkB,EAAoB,oBAAmB,WAAW,OAAOoE,EAAwD/B,KAAIlE,EAAoBW,EAAEkB,EAAoB,UAAS,WAAW,OAAOmE,EAA6D9B,KAAI,IAAIiC,EAAO,CAACpD,QAAQ,QAAQ8C,QAAQA,GAAShE,EAAoBP,QAAQ6E,EAAO,IAAIC,EAAU,KAAK,oBAAoBrE,OAAOqE,EAAUrE,OAAO+D,IAAI,oBAAoBO,IAASD,EAAUC,EAAOP,KAAKM,GAAWA,EAAUE,IAAIH,IAAS,SAASpG,EAAO8B,EAAoB7B,GAAqB,aAAae,OAAOC,eAAea,EAAoB,aAAa,CAACnB,OAAM,IAAK,IAAIuF,EAAwDjG,EAAoB,GAAGuG,EAAuCvG,EAAoB,GAAGwG,EAA+CxG,EAAoBoB,EAAEmF,GAAwCE,EAAe,WAAW,SAASC,EAAcC,EAAIvG,GAAG,IAAIwG,EAAK,GAAGC,GAAG,EAAGC,GAAG,EAAGC,OAAG,EAAO,IAAI,IAAI,IAAIC,EAAGC,EAAGN,EAAIxC,OAAOC,cAAcyC,GAAIG,EAAGC,EAAGC,QAAQC,QAAQP,EAAKQ,KAAKJ,EAAGtG,QAAQN,GAAGwG,EAAK3D,SAAS7C,GAAGyG,GAAG,IAAK,MAAMQ,GAAKP,GAAG,EAAGC,EAAGM,EAAI,QAAQ,KAAKR,GAAII,EAAGK,QAAQL,EAAGK,SAAS,QAAQ,GAAGR,EAAG,MAAMC,GAAI,OAAOH,EAAK,OAAO,SAASD,EAAIvG,GAAG,GAAGmH,MAAMC,QAAQb,GAAK,OAAOA,EAAI,GAAGxC,OAAOC,YAAYrD,OAAO4F,GAAK,OAAOD,EAAcC,EAAIvG,GAAG,MAAM,IAAIqH,UAAU,yDAA/a,GAA2epE,EAAQ,mBAAmBc,QAAQ,iBAAiBA,OAAOC,SAAS,SAASC,GAAK,cAAcA,GAAK,SAASA,GAAK,OAAOA,GAAK,mBAAmBF,QAAQE,EAAIC,cAAcH,QAAQE,IAAMF,OAAO1C,UAAU,gBAAgB4C,GAAKqD,EAAU,KAAK7F,EAAoBP,QAAQ,CAACV,KAAK,SAAS+G,MAAM,CAACnF,KAAK,CAACA,KAAKoF,QAAQC,KAAK,CAACrF,KAAK,CAAC+E,MAAMxG,QAAQO,QAAQ,WAAW,MAAM,KAAKwG,QAAQ,CAACtF,KAAKzB,OAAOO,QAAQ,WAAW,MAAM,KAAKyB,QAAQ,CAACP,KAAKoF,OAAOtG,QAAQ,WAAW4B,SAAS,CAACV,KAAKzB,OAAOO,QAAQ,WAAW,MAAM,CAACyG,SAAS,CAAC,YAAY,YAAYC,OAAO,CAACxF,KAAKzB,QAAQkH,YAAY,CAACzF,KAAK0F,UAAUC,eAAe,CAAC3F,KAAK4F,OAAO9G,QAAQ,MAAMuG,KAAK,WAAW,MAAM,CAACQ,YAAY,OAAOC,MAAM,CAACT,KAAK,CAACU,MAAK,EAAGC,QAAQ,WAAWhD,KAAKiD,cAAcX,QAAQ,CAACS,MAAK,EAAGC,QAAQ,WAAWhD,KAAKiD,cAAcjG,KAAK,SAAS9B,GAAO8E,KAAKkD,oBAAoBlD,KAAKiD,cAAcE,QAAQ,WAAW,IAAIC,EAAMpD,KAAKxF,EAAoBI,EAAE6F,EAAwD/B,EAA9ElE,CAAiFwF,KAAKzC,QAAQyC,KAAKtC,UAAUC,MAAK,SAAS0F,GAAKnB,EAAUmB,EAAI,IAAIC,EAAMF,EAAMF,oBAAoBE,EAAMG,MAAM,QAAQD,EAAMD,GAAKD,EAAMH,eAAcjD,KAAK2C,eAAe,GAAGpG,OAAOiH,iBAAiB,SAASxC,IAAiDhB,KAAKiD,UAAUjD,KAAK2C,kBAAkBc,cAAc,WAAWzD,KAAK6C,aAAa,mBAAmB7C,KAAK6C,YAAYa,YAAY1D,KAAK6C,YAAYa,cAAcC,QAAQ,CAACV,UAAU,WAAW,GAAGf,GAAWlC,KAAK6C,YAAY,CAAC,IAAIR,EAAKrC,KAAK4D,oBAAoBvB,GAAMrC,KAAK6C,YAAYgB,KAAKxB,EAAKrC,KAAKsC,WAAWsB,kBAAkB,WAAW,OAAO5D,KAAKqC,gBAAgBH,EAAU4B,cAAcC,WAAoB/D,KAAKqC,gBAAgBH,EAAU4B,cAAcE,SAAvDhE,KAAKqC,KAAqEN,MAAMC,QAAQhC,KAAKqC,MAAMH,EAAU4B,cAAcG,iBAAiBjE,KAAKqC,MAAM,OAAOrC,KAAKqC,MAAM,WAAWxE,EAAQmC,KAAKqC,MAAM,IAAIH,EAAU4B,cAAcC,UAAU/D,KAAKqC,MAAM,MAAMa,kBAAkB,WAAW,IAAIT,EAAY,SAASyB,EAAG1H,EAAOQ,GAAM,IAAIA,EAAK,MAAM,IAAIc,MAAM,uCAAuC,OAAO,IAAItB,EAAOsH,cAAc9G,GAAMkH,IAAKC,EAAGnE,KAAKyC,aAAaA,EAAY,OAAOzC,KAAK6C,YAAYsB,EAAGnE,KAAKoE,MAAMd,MAAMpB,EAAUlC,KAAKhD,MAAMgD,KAAKqE,kBAAkBrE,KAAK6C,aAAawB,gBAAgB,WAAW,IAAIC,EAAOtE,KAAKA,KAAKwC,QAAQjH,OAAOgJ,QAAQvE,KAAKwC,QAAQgC,SAAQ,SAASC,GAAM,IAAIC,EAAMzD,EAAewD,EAAK,GAAGE,EAAMD,EAAM,GAAGE,EAASF,EAAM,GAAGxC,EAAU4B,cAActB,OAAOqC,YAAYP,EAAOzB,YAAY8B,EAAMC,UAAgB,SAASrK,EAAOI,GAASJ,EAAOI,QAAQ,SAASmK,EAAiBC,EAAiBC,EAAQC,GAAY,IAAIC,EAASC,EAAcL,EAAiBA,GAAkB,GAAG9H,SAAY8H,EAAiBhJ,QAAQ,WAAWkB,GAAM,aAAaA,IAAOkI,EAASJ,EAAiBK,EAAcL,EAAiBhJ,SAAS,IAAIwG,EAAQ,mBAAmB6C,EAAcA,EAAc7C,QAAQ6C,EAAc,GAAGJ,IAAmBzC,EAAQ8C,OAAOL,EAAiBK,OAAO9C,EAAQ+C,gBAAgBN,EAAiBM,iBAAiBL,IAAU1C,EAAQgD,SAASN,GAASC,EAAW,CAAC,IAAIM,EAASjD,EAAQiD,WAAWjD,EAAQiD,SAAS,IAAIhK,OAAO2C,KAAK+G,GAAYT,SAAQ,SAASgB,GAAK,IAAIjL,EAAO0K,EAAWO,GAAKD,EAASC,GAAK,WAAW,OAAOjL,MAAU,MAAM,CAAC2K,SAASA,EAASvK,QAAQwK,EAAc7C,QAAQA,KAAW,SAAS/H,EAAOI,GAASJ,EAAOI,QAAQ,CAACyK,OAAO,WAAW,IAAIK,EAAIzF,KAAK0F,EAAGD,EAAIE,eAAe,OAAOF,EAAIG,MAAMC,IAAIH,GAAI,MAAM,CAACI,IAAI,WAAWT,gBAAgB,S,0DCAzrR,W,oCCAA,W,kCCAA,W,yDCAA,W,kCCAA,mF,kCCAA,IAAID,EAAS,WAAa,IAAIK,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBE,EAAGJ,EAAIG,MAAMC,IAAIH,EAAG,OAAOG,EAAG,SAAS,CAAEJ,EAAIM,OAAe,SAAEF,EAAG,MAAM,CAACC,IAAI,OAAOE,YAAY,OAAOC,MAAMR,EAAIS,SAASC,MAAOV,EAAa,UAAEW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,iBAC5Ob,EAAIc,KACJd,EAAIe,QACJf,EAAIgB,OAAOV,OACX,UACAN,EAAIiB,UACJjB,EAAIkB,SACJlB,EAAImB,aAAaC,OAChB,CAAChB,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,OAAO,CAACG,YAAY,sBAAsB,CAACP,EAAIqB,GAAGrB,EAAIjE,GAAGiE,EAAIM,OAAOgB,aAAalB,EAAG,OAAO,CAACG,YAAY,eAAe,CAAEP,EAAmB,gBAAEI,EAAG,MAAM,CAACG,YAAY,mBAAmBgB,MAAM,CAAC,IAAM,EAAQ,WAAyCvB,EAA2B,wBAAEI,EAAG,MAAM,CAACG,YAAY,mBAAmBgB,MAAM,CAAC,IAAM,EAAQ,WAAyCvB,EAAIlE,SAASsE,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACG,YAAY,+BAA+B,CAACH,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACI,MAAMjG,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKlB,MAAME,MAAOV,EAAa,UAAEuB,MAAM,CAAC,IAAMhH,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKC,WAAWvB,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACG,YAAY,OAAOC,MAAMjG,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKlB,MAAMoB,SAAS,CAAC,UAAY5B,EAAIjE,GAAGxB,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGS,WAAWzB,EAAG,MAAM,CAACG,YAAY,QAAQ,CAAgC,MAA9BP,EAAI8B,OAAOC,MAAMC,UAAmB5B,EAAG,MAAM,CAACG,YAAY,aAAaG,MAAOV,EAAa,UAAEuB,MAAM,CAAC,IAAMvB,EAAI8B,OAAOC,MAAMC,aAAahC,EAAIlE,WAAWsE,EAAG,MAAM,CAACG,YAAY,8BAA8B,CAACH,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACI,MAAMjG,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKlB,MAAME,MAAOV,EAAa,UAAEuB,MAAM,CAAC,IAAMhH,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKC,WAAWvB,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACG,YAAY,OAAOC,MAAMjG,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKlB,MAAMoB,SAAS,CAAC,UAAY5B,EAAIjE,GAAGxB,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGS,WAAWzB,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACI,MAAMjG,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKlB,MAAME,MAAOV,EAAa,UAAEuB,MAAM,CAAC,IAAMhH,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKC,WAAWvB,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACG,YAAY,OAAOC,MAAMjG,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKlB,MAAMoB,SAAS,CAAC,UAAY5B,EAAIjE,GAAGxB,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGS,eAAezB,EAAG,MAAM,CAACC,IAAI,UAAUE,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgB,CACxgEP,EAAIiC,WAAWF,MAAMG,SACrBlC,EAAImC,SAASC,WACiB,MAA9BpC,EAAIiC,WAAWF,MAAMJ,MACvBvB,EAAG,MAAM,CAACG,YAAY,iBAAiBgB,MAAM,CAAC,IAAMvB,EAAIiC,WAAWF,MAAMJ,SAAS3B,EAAIlE,OAAsC,MAA9BkE,EAAIiC,WAAWF,MAAMJ,MAAevB,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,OAAO,CAACJ,EAAIqB,GAAGrB,EAAIjE,GAAGiE,EAAIiC,WAAWF,MAAMG,cAAclC,EAAIlE,QAASkE,EAAIqC,UAAYrC,EAAIsC,SAAUlC,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,IAAI,CAACG,YAAY,eAAe,CAACP,EAAIqB,GAAG,UAAUrB,EAAIjE,GAAGxB,KAAKiH,QAAQxB,EAAIyB,SAASL,GAAI,GAAGM,KAAKa,SAAS,QAAQnC,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,kBAAkB,CAACmB,MAAM,CAAC,aAAevB,EAAIyB,SAAS,WAAazB,EAAIM,OAAO,WAAaN,EAAIgB,QAAQL,GAAG,CAAC,OAAS,SAASC,GAAQZ,EAAIwC,OAAO5B,OAAY,KAAKZ,EAAIlE,SAASkE,EAAIlE,QAC1pB8D,EAAkB,G,oCCblB,EAAS,WAAa,IAAII,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBE,EAAGJ,EAAIG,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,QAAQG,MAAOV,EAAa,WAAG,CAAEA,EAAY,SAAEI,EAAG,SAAS,CAACmB,MAAM,CAAC,KAAO,YAAY,KAAOvB,EAAIyC,UAAU,QAAUzC,EAAI0C,eAAe1C,EAAIlE,MAAM,IACpQ,EAAkB,G,YCetB,MAAM6G,EAAQ,IACRC,EAAK,CACXC,uBACAC,YACAC,oBAEAjD,UACAkD,YACA,OACA,yCAGAC,WACA,OACA,gBACA,cACA,aACA,mCAGAC,SACA,mDAEAC,cACA,2BAEAV,YACA,yBAAAW,gBAEA,gBACA,SAGA,0CACAC,kDAGA,UAEAX,cACA,OACAY,wBACAC,wBACAC,YACAC,8BACAC,qBACAC,QAAAC,iBACAC,SAAAC,gBACAC,WACAT,cACAC,cAEAS,WACAC,cAEAC,OACAC,oBACAH,WACAC,qBAEAG,YACAC,oBACAC,sBAGAC,OACAJ,oBACAH,WACAC,0BAQe,QC5FgV,I,wBCQ3VnJ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAIkF,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBE,EAAGJ,EAAIG,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAAEP,EAAY,SAAEI,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,cAAc,CAACmB,MAAM,CAAC,MAAQ,KAAK,CAACnB,EAAG,QAAQ,CAACG,YAAY,qBAAqBgB,MAAM,CAAC,aAAa,KAAK,CAACnB,EAAG,QAAQ,CAACmB,MAAM,CAAC,KAAO,MAAM,CAACnB,EAAG,MAAM,CAACG,YAAY,mBAAmBG,MAAOV,EAAa,UAAEuB,MAAM,CAAC,IAAMvB,EAAIwE,qBAAqBpE,EAAG,QAAQ,CAACmB,MAAM,CAAC,KAAO,MAAM,CAACnB,EAAG,MAAM,CAACG,YAAY,oBAAoBG,MAAOV,EAAa,WAAG,CAACA,EAAIqB,GAAG,uBAAuBjB,EAAG,QAAQ,CAACmB,MAAM,CAAC,KAAO,MAAM,CAACnB,EAAG,MAAM,CAACG,YAAY,uBAAuBG,MAAOV,EAAa,WAAG,CAACA,EAAIqB,GAAG,UAAUjB,EAAG,MAAMJ,EAAIqB,GAAG,cAAc,GAAGjB,EAAG,QAAQ,CAACG,YAAY,sBAAsBgB,MAAM,CAAC,aAAa,KAAKvB,EAAIyE,GAAIzE,EAAI0E,eAAe,SAASC,EAAKxP,GAAG,OAAOiL,EAAG,QAAQ,CAACL,IAAI5K,GAAG,CAACiL,EAAG,MAAM,CAACG,YAAY,kBAAkBgB,MAAM,CAAC,IAAMvB,EAAImC,SAASyC,cAAcD,WAAa,GAAGvE,EAAG,QAAQ,CAACG,YAAY,qBAAqBG,MAAOV,EAAa,UAAEuB,MAAM,CAAC,aAAa,KAAKvB,EAAIyE,GAAIzE,EAAI6E,eAAe,SAASC,EAAK3P,GAAG,OAAOiL,EAAG,QAAQ,CAACL,IAAI5K,EAAEoL,YAAY,SAAS,CAACH,EAAG,OAAO,CAACG,YAAY,QAAQ,CAACP,EAAIqB,GAAGrB,EAAIjE,GAAG+I,WAAa,GAAG1E,EAAG,QAAQ,CAACG,YAAY,qBAAqBG,MAAOV,EAAa,UAAEuB,MAAM,CAAC,aAAa,KAAK,CAACnB,EAAG,KAAK,CAACG,YAAY,SAASP,EAAIyE,GAAG,GAAI,SAAStP,GAAG,OAAOiL,EAAG,QAAQ,CAACL,IAAI5K,EAAEoL,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAeH,EAAG,QAAQ,CAACG,YAAY,UAAU,CAACH,EAAG,OAAO,CAACJ,EAAIqB,GAAG,WAAW,IAAI,IAAI,GAAGrB,EAAIlE,QACl+C,EAAkB,G,YCsDtB,MAAM,EAAK,CACX+G,uBACA/C,UACAkD,YACA,mDAEAC,WACA,4DAGA/E,SACA6G,iBACA,2BAEA,sBAEAC,sBACA,uBAAAL,8BAEAD,cACA,UACA,6BAEA,iBACAO,gBAGA,UAEAC,mBACA,kCAEAV,gBACA,gEAEAK,cACA,kCAKe,QChG8U,I,qECQzV,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,IAAiB,QAOhC,IAAkB,EAAW,CAACM,OAAA,KAAKC,aAAA,KAAWC,OAAA,OC1B9C,IAAI,EAAS,WAAa,IAAIrF,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBE,EAAGJ,EAAIG,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACM,MAAOV,EAAa,WAAG,CAACI,EAAG,SAAS,CAACG,YAAY,eAAegB,MAAM,CAAC,GAAKvB,EAAIsF,eACtL,EAAkB,G,wBCYtB,MAAM,EAAK,CACXzC,8BACAjG,OACA,OACA2I,iBACAC,kBAGA9I,OACAyE,gBACAsE,cACAC,cAEA5F,UACAkD,YACA,UAGAsC,WACA,+CAEAhF,SACA,wBAEAqF,aACA,4BAEAC,aACA,kGAEAC,aACA,6BAEAC,UACA,qDAEAC,UACA,IAEA,EACA,EAHA,kBACA,KAGA,eAsCA,MArCA,WAEAC,mBACA9B,GACA+B,uBACAC,iCACAC,UACAC,YAEAhN,WACA,WAGA4M,mBACA9B,GACA+B,oCAEAC,SACAC,SACAC,UAEAhN,WAEA,YAEA4M,mBACA9B,GACA+B,yCAEAC,SACAC,SACAC,WAIAhN,UACAA,UACA,GAEAiN,wBAEA,mBACA,kCAEA,GACAL,cACAM,UACApC,cACAK,OACA0B,cACAM,kBAGA,WAGArI,SACAsI,wBACA,uCAMA,OAJAnD,sCACAA,8BACAA,6CAEA,GAEAoD,WAGA,IADA,SACA,aACAR,UAEA,UAEAS,uBAKA,IAHA,SACA,OACA,gBACA,mBAEA,OACArD,UACA,OACAA,UAQAA,aAGA,UAEAsD,gBASA,IAPA,qBACA,KACA,KACA,GACAV,QACAM,UAEA,oBAEA,MACAN,aACAM,aAEAN,gBACAM,WAGA,UAEAK,cAIA,IAFA,SACA,IACA,oBAGA,QAEA,kBACAC,UAGA,eAEA,YACAA,mBAGA,wBACAA,IACA,MAKA,WAGA,OAFAxD,UACAA,QACA,GAEAyD,UACA,oCAGAC,aAEA,cACA,yBAEA,oEACA,mEACA,8DAEAC,cACAA,cACAA,iBACAA,gBACAA,cACAA,cACAA,wBAGA,kCAEA,iBACA,cACA,4BACA,sBACAA,oCACA,oBACAA,2BAEAA,oCAGA,oBACAA,2BAEAA,oCAIAA,oBACAA,oCAEAA,oCAIAA,qBAKAA,WAGAA,cACAA,kBACA,QACA,sBACAA,cACA,4BACA,IACAA,cACAA,aAGAC,aAEA,cACA,yBAEA,iEACA,sEACA,8DAEAD,cACAA,iBACAA,gBACAA,cAGA,IADA,mBACA,gCAEA,uBACA,eACA,yBACA,4CACA,YACA,MAGAA,cACAA,yBAEA,SAsDA,GApDA,kDACAxD,OAEA0D,KACA1D,IACA2D,KACAf,MAMAY,oCAEA,qDACAA,sBAEAA,sBAkBAA,oCAEA,qDACAA,oBAEAA,sBAYA,GAEAA,cACAA,gBACA,oBACA,iCACAA,cACA,gBACA,IACA,MACAA,cAIAA,cAWAI,eAEA,MAGA5E,GAFA,MAEAA,oBAIAA,iBAIA,yBACA,8BAEA,2DACA,uDACA,qDACA,uDACA,uDAIA,uDACA,uDACA,yDACA,qDAGA,oBACA,uBACA+C,KACA,iBAEA,mBACA,uBACAC,KAEA,iBAEA,gDACA,WAEA6B,OACAC,OACAhB,KAEA,OACAN,QACAM,SACA9D,SACAwE,MACA1D,SACAC,QACAgE,cACArD,OACAsD,QACAvB,QACAG,OACAqB,OACAvB,QACAC,SAEA5B,OACAiD,UACAvB,QACAM,SACAH,OACAqB,SAIAT,cACAA,sBACAA,0BAGA,kBAGA,kBAWA,IATA,mBACA,yBACA,yBAGA,IACA,IAGA,0BAEAA,mBACAA,cAEA,8CACA,gBACAU,8CAEA,uBACAC,gBACA,yBACAC,gBAGA,oFACA,gFAQA,GANAZ,cACAA,gBACAA,cACAA,kBAGA,WAGA,aAGA,kCAGA,cACA,0BAHA,0BAKAA,eAIA,MACAA,cAIA,sBAGA3D,qBACAA,qBACAA,oBAEA,kCAEA,mCAIAwE,IACAC,SAKA,QACAF,IACAC,QACA,CACA,UACA,eACAb,4FAEA,8CACA,gBACAe,8CACA,uBACAC,gBACA,yBACAC,gBACA,2BAIAjB,WAEA,UAGAkB,uBAIA,YACAlB,wBAEAA,sCAIAmB,6BAEA,SACA,MACA,MAEA,kBACAnB,cACAA,cAEAA,8DACAA,cAEAA,+DAEAoB,eAEA,uBAMA,OALA,iCACA,qDACA5F,2BACAA,yBAEA,GAEA6F,YAEA,6CAGA,OAFA7F,2BACAA,yBACA,GAEA8F,aACA,sCAGA5K,UACA,oBAEA6K,YAEAvK,kBAEAwK,UACA,oBAEAnL,OACAwI,aACA,sBAIe,QC9mByU,ICQpV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCmHf,MAAM,EAAK,CACXhD,8BACAnG,OACA+L,iBACAC,gBACAvH,iBAEAvE,OACA,OACA+L,iBAGA7F,YACA8F,wBACAC,sBACAC,kBAEAhJ,UACAkD,YACA,+BACA,CACA,uDACA,qDACA,0CACA,uCACA,+CAEA,YACA,iBAGAvC,WACA,sCAEAQ,YACA,2BAEAqB,WACA,0BAEAyG,kBACA,6EAEAC,0BACA,+EAEAvH,WACA,0BAEAK,SACA,gEAEAG,aACA,mCACA,WAGA/D,SACA+K,cAiBA,OAhBAC,sDACA,gDAEA,6CAGAA,uDAGA,iDAEAA,iDAKA,GAEAC,QACA,wCAIA,2CAEAC,sBACA,WACA,8CACA,qBACA,sBAEA,gBAEAC,qBACA,YACA,kGAGA,sBACA,oCACA,gBAEAC,gBACA,yBACA,4BAEA,gDAEAC,cACA,uBAGA,qCACA,+BACA,EACA,2CACA,6CACA,qBAOA/H,aACA,oCACA,4BACA,UAMAgI,mBACA,4CACA,wCACA,wCAEA,iBACA,iBACA,iBAEA,kBACA,kBACA,kBAGA,yCACA,yCACA,yCAEA,kBACA,WAGA9L,UACA,2BAGA,wBAKe,QCzSiV,I,wBCQ5V,EAAY,eACd,EACAiC,EACAC,GACA,EACA,KACA,WACA,MAIa,SAAiB,QAKhC,IAAkB,EAAW,CAAC6J,QAAA","file":"js/chunk-f91190d6.b9375248.js","sourcesContent":["module.exports=function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,\"a\",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p=\"\",__webpack_require__(__webpack_require__.s=3)}([function(module,__webpack_exports__,__webpack_require__){\"use strict\";function getChartsLoader(){return window.google&&window.google.charts?Promise.resolve(window.google.charts):(chartsLoaderPromise||(chartsLoaderPromise=new Promise(function(resolve){var script=document.createElement(\"script\");script.type=\"text/javascript\",script.onload=function(){return resolve(window.google.charts)},script.src=chartsScriptUrl,document.body.appendChild(script)})),chartsLoaderPromise)}function loadGoogleCharts(){var version=arguments.length>0&&void 0!==arguments[0]?arguments[0]:\"current\",settings=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return getChartsLoader().then(function(loader){if(\"object\"!==(void 0===settings?\"undefined\":_typeof(settings)))throw new Error(\"Google Charts loader: settings must be an object\");var settingsKey=version+\"_\"+JSON.stringify(settings,Object.keys(settings).sort());if(loadedPackages.has(settingsKey))return loadedPackages.get(settingsKey);var loaderPromise=new Promise(function(resolve){loader.load(version,settings),loader.setOnLoadCallback(function(){return resolve(window.google)})});return loadedPackages.set(settingsKey,loaderPromise),loaderPromise})}__webpack_exports__.a=loadGoogleCharts;var _typeof=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&\"function\"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?\"symbol\":typeof obj},chartsScriptUrl=\"https://www.gstatic.com/charts/loader.js\",chartsLoaderPromise=null,loadedPackages=new Map},function(module,exports,__webpack_require__){var Component=__webpack_require__(5)(__webpack_require__(4),__webpack_require__(6),null,null);module.exports=Component.exports},function(module,exports){module.exports=function(func,wait,immediate){function later(){var last=Date.now()-timestamp;last<wait&&last>=0?timeout=setTimeout(later,wait-last):(timeout=null,immediate||(result=func.apply(context,args),context=args=null))}var timeout,args,context,timestamp,result;null==wait&&(wait=100);var debounced=function(){context=this,args=arguments,timestamp=Date.now();var callNow=immediate&&!timeout;return timeout||(timeout=setTimeout(later,wait)),callNow&&(result=func.apply(context,args),context=args=null),result};return debounced.clear=function(){timeout&&(clearTimeout(timeout),timeout=null)},debounced.flush=function(){timeout&&(result=func.apply(context,args),context=args=null,clearTimeout(timeout),timeout=null)},debounced}},function(module,__webpack_exports__,__webpack_require__){\"use strict\";function install(Vue){Vue.component(\"GChart\",__WEBPACK_IMPORTED_MODULE_1__components_GChart_vue___default.a)}Object.defineProperty(__webpack_exports__,\"__esModule\",{value:!0}),__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__lib_google_charts_loader__=__webpack_require__(0),__WEBPACK_IMPORTED_MODULE_1__components_GChart_vue__=__webpack_require__(1),__WEBPACK_IMPORTED_MODULE_1__components_GChart_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_GChart_vue__);__webpack_require__.d(__webpack_exports__,\"loadGoogleCharts\",function(){return __WEBPACK_IMPORTED_MODULE_0__lib_google_charts_loader__.a}),__webpack_require__.d(__webpack_exports__,\"GChart\",function(){return __WEBPACK_IMPORTED_MODULE_1__components_GChart_vue___default.a});var plugin={version:\"0.3.3\",install:install};__webpack_exports__.default=plugin;var GlobalVue=null;\"undefined\"!=typeof window?GlobalVue=window.Vue:\"undefined\"!=typeof global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)},function(module,__webpack_exports__,__webpack_require__){\"use strict\";Object.defineProperty(__webpack_exports__,\"__esModule\",{value:!0});var __WEBPACK_IMPORTED_MODULE_0__lib_google_charts_loader__=__webpack_require__(0),__WEBPACK_IMPORTED_MODULE_1_debounce__=__webpack_require__(2),__WEBPACK_IMPORTED_MODULE_1_debounce___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_debounce__),_slicedToArray=function(){function sliceIterator(arr,i){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return&&_i.return()}finally{if(_d)throw _e}}return _arr}return function(arr,i){if(Array.isArray(arr))return arr;if(Symbol.iterator in Object(arr))return sliceIterator(arr,i);throw new TypeError(\"Invalid attempt to destructure non-iterable instance\")}}(),_typeof=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&\"function\"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?\"symbol\":typeof obj},chartsLib=null;__webpack_exports__.default={name:\"GChart\",props:{type:{type:String},data:{type:[Array,Object],default:function(){return[]}},options:{type:Object,default:function(){return{}}},version:{type:String,default:\"current\"},settings:{type:Object,default:function(){return{packages:[\"corechart\",\"table\"]}}},events:{type:Object},createChart:{type:Function},resizeDebounce:{type:Number,default:200}},data:function(){return{chartObject:null}},watch:{data:{deep:!0,handler:function(){this.drawChart()}},options:{deep:!0,handler:function(){this.drawChart()}},type:function(value){this.createChartObject(),this.drawChart()}},mounted:function(){var _this=this;__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__lib_google_charts_loader__.a)(this.version,this.settings).then(function(api){chartsLib=api;var chart=_this.createChartObject();_this.$emit(\"ready\",chart,api),_this.drawChart()}),this.resizeDebounce>0&&window.addEventListener(\"resize\",__WEBPACK_IMPORTED_MODULE_1_debounce___default()(this.drawChart,this.resizeDebounce))},beforeDestroy:function(){this.chartObject&&\"function\"==typeof this.chartObject.clearChart&&this.chartObject.clearChart()},methods:{drawChart:function(){if(chartsLib&&this.chartObject){var data=this.getValidChartData();data&&this.chartObject.draw(data,this.options)}},getValidChartData:function(){return this.data instanceof chartsLib.visualization.DataTable?this.data:this.data instanceof chartsLib.visualization.DataView?this.data:Array.isArray(this.data)?chartsLib.visualization.arrayToDataTable(this.data):null!==this.data&&\"object\"===_typeof(this.data)?new chartsLib.visualization.DataTable(this.data):null},createChartObject:function(){var createChart=function(el,google,type){if(!type)throw new Error(\"please, provide chart type property\");return new google.visualization[type](el)},fn=this.createChart||createChart;return this.chartObject=fn(this.$refs.chart,chartsLib,this.type),this.attachListeners(),this.chartObject},attachListeners:function(){var _this2=this;this.events&&Object.entries(this.events).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2),event=_ref2[0],listener=_ref2[1];chartsLib.visualization.events.addListener(_this2.chartObject,event,listener)})}}}},function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;\"object\"!==type&&\"function\"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options=\"function\"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports){module.exports={render:function(){var _vm=this,_h=_vm.$createElement;return(_vm._self._c||_h)(\"div\",{ref:\"chart\"})},staticRenderFns:[]}}]);","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!./LevelChartComponent.vue?vue&type=style&index=0&id=7c460152&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!./ChartComponent.vue?vue&type=style&index=0&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!./RankingDetailComponent.vue?vue&type=style&index=0&id=6d3ff8a6&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!./RankingChartComponent.vue?vue&type=style&index=0&id=05ae12ba&scoped=true&lang=css&\"","export { default } from './dist/vue-google-charts.common'\nexport * from './dist/vue-google-charts.common'\n// import './dist/vue-google-charts.css'\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-main',[(_vm.sensor.location)?_c('div',{ref:\"card\",staticClass:\"card\",class:_vm.bindCard,style:(_vm.bindStyle),on:{\"click\":function($event){return _vm.transitionSensor(\n                _vm.user,\n                _vm.summary,\n                _vm.detail.sensor,\n                'ranking',\n                _vm.clickable,\n                _vm.propArea,\n                _vm.propRotation.no\n            )}}},[_c('div',{staticClass:\"location ranking_header\"},[_c('span',{staticClass:\"ranking_sensorName\"},[_vm._v(_vm._s(_vm.sensor.location))]),_c('span',{staticClass:\"ring-sensor\"},[(_vm.ringSensorValid)?_c('img',{staticClass:\"icon-ring-sensor\",attrs:{\"src\":require(\"../assets/icon-ring-sensor-on.png\")}}):(_vm.doNotDisturbSensorValid)?_c('img',{staticClass:\"icon-ring-sensor\",attrs:{\"src\":require(\"../assets/icon-ring-sensor-off.png\")}}):_vm._e()])]),_c('div',{staticClass:\"ranking_sensor_contents\"},[_c('div',{staticClass:\"ranking_sensorContents_Main\"},[_c('div',{staticClass:\"ranking_sub sub1\"},[_c('div',{staticClass:\"icon_area\"},[_c('img',{class:this.setSubs(_vm.rotation.no, 1).mode.class,style:(_vm.bindStyle),attrs:{\"src\":this.setSubs(_vm.rotation.no, 1).mode.image}})]),_c('div',{staticClass:\"disp_area\"},[_c('span',{staticClass:\"disp\",class:this.setSubs(_vm.rotation.no, 1).mode.class,domProps:{\"innerHTML\":_vm._s(this.setSubs(_vm.rotation.no, 1).disp)}})]),_c('div',{staticClass:\"face\"},[(_vm.status.infos.src_color != null)?_c('img',{staticClass:\"face-image\",style:(_vm.bindStyle),attrs:{\"src\":_vm.status.infos.src_color}}):_vm._e()])])]),_c('div',{staticClass:\"ranking_sensorContents_Sub\"},[_c('div',{staticClass:\"ranking_sub sub2\"},[_c('div',{staticClass:\"icon_area\"},[_c('img',{class:this.setSubs(_vm.rotation.no, 2).mode.class,style:(_vm.bindStyle),attrs:{\"src\":this.setSubs(_vm.rotation.no, 2).mode.image}})]),_c('div',{staticClass:\"disp_area\"},[_c('span',{staticClass:\"disp\",class:this.setSubs(_vm.rotation.no, 2).mode.class,domProps:{\"innerHTML\":_vm._s(this.setSubs(_vm.rotation.no, 2).disp)}})]),_c('div',{staticClass:\"icon_area\"},[_c('img',{class:this.setSubs(_vm.rotation.no, 3).mode.class,style:(_vm.bindStyle),attrs:{\"src\":this.setSubs(_vm.rotation.no, 3).mode.image}})]),_c('div',{staticClass:\"disp_area\"},[_c('span',{staticClass:\"disp\",class:this.setSubs(_vm.rotation.no, 3).mode.class,domProps:{\"innerHTML\":_vm._s(this.setSubs(_vm.rotation.no, 3).disp)}})])])]),_c('div',{ref:\"message\",staticClass:\"message\"},[_c('div',{staticClass:\"message-icon\"},[(\n                            _vm.setMessage.infos.message &&\n                            _vm.strategy.enabled() &&\n                            _vm.setMessage.infos.image != null\n                        )?_c('img',{staticClass:\"icon icon-excl\",attrs:{\"src\":_vm.setMessage.infos.image}}):_vm._e()]),(_vm.setMessage.infos.image != null)?_c('div',{staticClass:\"message-content\"},[_c('span',[_vm._v(_vm._s(_vm.setMessage.infos.message))])]):_vm._e()]),(!_vm.isIphone || _vm.isSensor)?_c('div',{staticClass:\"chart-area\"},[_c('p',{staticClass:\"chart-guide\"},[_vm._v(\"直近90分間の\"+_vm._s(this.setSubs(_vm.rotation.no, 1).mode.caption)+\"推移\")]),_c('div',{staticClass:\"chart-box\"},[_c('chart-component',{attrs:{\"propRotation\":_vm.rotation,\"propSensor\":_vm.sensor,\"propDetail\":_vm.detail},on:{\"canvas\":function($event){_vm.canvas=$event}}})],1)]):_vm._e()])]):_vm._e()])}\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:\"chart\",style:(_vm.bindStyle)},[(_vm.hasChart)?_c('GChart',{attrs:{\"type\":\"LineChart\",\"data\":_vm.chartData,\"options\":_vm.chartOption}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"chart\" :style=\"bindStyle\">\r\n        <GChart\r\n            v-if=\"hasChart\"\r\n            type=\"LineChart\"\r\n            :data=\"chartData\"\r\n            :options=\"chartOption\"\r\n        />\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 Ratio = 0.15;\r\nconst vm = {\r\n    mixins: [mixinApp, mixinDetail],\r\n    components: {\r\n        GChart,\r\n    },\r\n    computed: {\r\n        bindStyle() {\r\n            return {\r\n                \"--chart-height\": this.chartHeight + \"px\",\r\n            };\r\n        },\r\n        hasChart() {\r\n            return (\r\n                this.hierarchy &&\r\n                this.summary &&\r\n                this.detail &&\r\n                this.detail.co2cSimpleList.length\r\n            );\r\n        },\r\n        minMax() {\r\n            return this.summary.getMinMaxCo2c(this.hierarchy);\r\n        },\r\n        chartHeight() {\r\n            return this.innerHeight * Ratio;\r\n        },\r\n        chartData() {\r\n            const ret = [[\"hour\", \"co2c\", { role: \"style\" }]];\r\n\r\n            if (!this.detail) {\r\n                return ret;\r\n            }\r\n\r\n            for (const co2c of this.detail.co2cSimpleList) {\r\n                ret.push([\"hour\", co2c, this.strategy.getChartColor(co2c)]);\r\n            }\r\n\r\n            return ret;\r\n        },\r\n        chartOption() {\r\n            return {\r\n                height: this.chartHeight,\r\n                width: this.innerWidth * Ratio,\r\n                lineWidth: 3,\r\n                backgroundColor: \"transparent\",\r\n                baselineColor: \"none\",\r\n                legend: { position: \"none\" },\r\n                tooltip: { trigger: \"none\" },\r\n                chartArea: {\r\n                    height: \"100%\",\r\n                    width: \"100%\",\r\n                },\r\n                gridlines: {\r\n                    color: \"none\",\r\n                },\r\n                vAxis: {\r\n                    textPosition: \"none\",\r\n                    gridlines: {\r\n                        color: \"transparent\",\r\n                    },\r\n                    viewWindow: {\r\n                        min: this.minMax.min,\r\n                        max: this.minMax.max,\r\n                    },\r\n                },\r\n                hAxis: {\r\n                    textPosition: \"none\",\r\n                    gridlines: {\r\n                        color: \"transparent\",\r\n                    },\r\n                },\r\n            };\r\n        },\r\n    },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n.chart {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: var(--chart-height);\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!./RankingChartComponent.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!./RankingChartComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingChartComponent.vue?vue&type=template&id=05ae12ba&scoped=true&\"\nimport script from \"./RankingChartComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingChartComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingChartComponent.vue?vue&type=style&index=0&id=05ae12ba&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  \"05ae12ba\",\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('div',{staticClass:\"level-chart-main\"},[(_vm.hasChart)?_c('div',{staticClass:\"level-chart\"},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{staticClass:\"level-chart-header\",attrs:{\"no-getters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('img',{staticClass:\"level-chart-icon\",style:(_vm.bindStyle),attrs:{\"src\":_vm.srcTimerImage()}})]),_c('v-col',{attrs:{\"cols\":\"5\"}},[_c('div',{staticClass:\"level-chart-title\",style:(_vm.bindStyle)},[_vm._v(\" CO2 Equalizer \")])]),_c('v-col',{attrs:{\"cols\":\"5\"}},[_c('div',{staticClass:\"level-chart-subtitle\",style:(_vm.bindStyle)},[_vm._v(\" 90分前～\"),_c('br'),_vm._v(\"現在推移 \")])])],1),_c('v-row',{staticClass:\"level-cahrt-content\",attrs:{\"no-gutters\":\"\"}},_vm._l((_vm.getDataList()),function(co2c,i){return _c('v-col',{key:i},[_c('img',{staticClass:\"level-chart-img\",attrs:{\"src\":_vm.strategy.srcChartImage(co2c)}})])}),1),_c('v-row',{staticClass:\"level-chart-footer\",style:(_vm.bindStyle),attrs:{\"no-gutters\":\"\"}},_vm._l((_vm.getTimeList()),function(time,i){return _c('v-col',{key:i,staticClass:\"first\"},[_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(time))])])}),1),_c('v-row',{staticClass:\"level-chart-footer\",style:(_vm.bindStyle),attrs:{\"no-gutters\":\"\"}},[_c('hr',{staticClass:\"line\"}),_vm._l((6),function(i){return _c('v-col',{key:i,staticClass:\"second\"},[_c('div',{staticClass:\"circle\"})])}),_c('v-col',{staticClass:\"second\"},[_c('span',[_vm._v(\"現在\")])])],2)],1)],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"level-chart-main\">\r\n        <div class=\"level-chart\" v-if=\"hasChart\">\r\n            <v-container fluid>\r\n                <v-row no-getters class=\"level-chart-header\">\r\n                    <v-col cols=\"2\">\r\n                        <img\r\n                            :src=\"srcTimerImage()\"\r\n                            class=\"level-chart-icon\"\r\n                            :style=\"bindStyle\"\r\n                        />\r\n                    </v-col>\r\n                    <v-col cols=\"5\">\r\n                        <div class=\"level-chart-title\" :style=\"bindStyle\">\r\n                            CO2 Equalizer\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"5\">\r\n                        <div class=\"level-chart-subtitle\" :style=\"bindStyle\">\r\n                            90分前～<br />現在推移\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row class=\"level-cahrt-content\" no-gutters>\r\n                    <v-col v-for=\"(co2c, i) in getDataList()\" :key=\"i\">\r\n                        <img\r\n                            :src=\"strategy.srcChartImage(co2c)\"\r\n                            class=\"level-chart-img\"\r\n                        />\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters class=\"level-chart-footer\" :style=\"bindStyle\">\r\n                    <v-col class=\"first\" v-for=\"(time, i) in getTimeList()\" :key=\"i\">\r\n                        <span class=\"time\">{{ time }}</span>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters class=\"level-chart-footer\" :style=\"bindStyle\">\r\n                    <hr class=\"line\" />\r\n                    <v-col class=\"second\" v-for=\"i in 6\" :key=\"i\">\r\n                        <div class=\"circle\" />\r\n                    </v-col>\r\n                    <v-col class=\"second\">\r\n                        <span>現在</span>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\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 createDetail from \"../store/model.detail\";\r\n\r\nconst vm = {\r\n    mixins: [mixinApp, mixinDetail],\r\n    computed: {\r\n        bindStyle() {\r\n            return this.strategy.bindStyle({}, this.detail, false);\r\n        },\r\n        hasChart() {\r\n            return this.user && this.summary && this.summary.isNotEmpty();\r\n        },\r\n    },\r\n    methods: {\r\n        getCurrentCo2c() {\r\n            const ret = this.getDataList();\r\n\r\n            return ret[ret.length - 1];\r\n        },\r\n        createCurrentDetail() {\r\n            return createDetail({ co2c: this.getCurrentCo2c() });\r\n        },\r\n        getDataList() {\r\n            const len = 7;\r\n            const list = this.detail.co2cSimpleList;\r\n\r\n            while (list.length < len) {\r\n                list.unshift(null);\r\n            }\r\n\r\n            return list;\r\n        },\r\n        getDataListCount() {\r\n            return this.getDataList().length;\r\n        },\r\n        srcTimerImage() {\r\n            return this.strategy.srcTimerImage(this.createCurrentDetail());\r\n        },\r\n        getTimeList() {\r\n            return [90, 75, 60, 45, 30, 15, null];\r\n        },\r\n    },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n<style scoped>\r\n.level-chart-main {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 20vh;\r\n}\r\n\r\n.level-chart-img {\r\n    height: 10vh;\r\n    width: 100%;\r\n    padding: 2px;\r\n}\r\n\r\n.level-chart-header {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.level-chart-content {\r\n    height: 10vh;\r\n}\r\n\r\n.level-chart-icon {\r\n    height: 3vh;\r\n    width: 3vh;\r\n}\r\n\r\n.level-chart-title {\r\n    font-size: 1vw;\r\n    text-align: left;\r\n    white-space: nowrap;\r\n    margin-left: -0.5vw;\r\n    color: var(--ventilation-level-color);\r\n    transform: var(--card-span-transform);\r\n}\r\n\r\n.level-chart-subtitle {\r\n    font-size: xx-small;\r\n    text-align: right;\r\n    white-space: nowrap;\r\n}\r\n\r\n.level-chart-footer {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: left;\r\n}\r\n\r\n.level-chart-footer .first,\r\n.level-chart-footer .second {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.level-chart-footer .first .time {\r\n    display: block;\r\n    font-size: x-small;\r\n}\r\n\r\n.level-chart-footer .line {\r\n    position: absolute;\r\n    display: block;\r\n    height: 2px;\r\n    width: 85%;\r\n    background-color: white;\r\n}\r\n\r\n.level-chart-footer .second .circle {\r\n    z-index: 10;\r\n    height: 8px;\r\n    width: 8px;\r\n    border-radius: 50%;\r\n    background-color: white;\r\n}\r\n\r\n.level-chart-footer .second span {\r\n    display: block;\r\n    font-size: x-small;\r\n    text-align: center;\r\n    color: var(--chart-color);\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!./LevelChartComponent.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!./LevelChartComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LevelChartComponent.vue?vue&type=template&id=7c460152&scoped=true&\"\nimport script from \"./LevelChartComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./LevelChartComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LevelChartComponent.vue?vue&type=style&index=0&id=7c460152&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  \"7c460152\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bindStyle)},[_c('canvas',{staticClass:\"canvas-chart\",attrs:{\"id\":_vm.canvasID}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :style=\"bindStyle\">\r\n        <canvas :id=\"canvasID\" class=\"canvas-chart\"></canvas>\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 mixinSensor from \"../store/mixin.sensor\";\r\nimport constant from \"../store/constant\";\r\nimport models from \"../store/models\";\r\n\r\nconst vm = {\r\n    mixins: [mixinApp, mixinSensor, mixinDetail],\r\n    data() {\r\n        return {\r\n            canvasHeight: 300,\r\n            canvasWidth: 300,\r\n        };\r\n    },\r\n    props: {\r\n        propRotation: false,\r\n        propSensor: false,\r\n        propDetail: 0,\r\n    },\r\n    computed: {\r\n        bindStyle() {\r\n            return {\r\n            };\r\n        },\r\n        canvasID() {\r\n            return this.propSensor.sensorNumber + \"-canvas\";\r\n        },\r\n        sensor() {\r\n            return this.propDetail;\r\n        },\r\n        searchUnit() {\r\n            return this.propSearchUnit;\r\n        },\r\n        sensorData() {\r\n            return this.summaryFloor.detailList[this.sensorNumberList.indexOf(this.propSensor.sensorNumber)];\r\n        },\r\n        rotationNo() {\r\n            return this.propRotation.no;\r\n        },\r\n        getType() {\r\n            return this.getParamType(this.propRotation.no).type;\r\n        },\r\n        getData() {\r\n            var sensorData = this.sensorData;\r\n            var obj = {};\r\n            var datas;\r\n            var vAxis;\r\n            var type = this.getType;\r\n            if (type == \"co2c\") {\r\n\r\n                datas = sensorData.co2cSimpleList;\r\n                vAxis = {\r\n                    ticks: [0,500,1000,1500],\r\n                    stat1: this.hierarchy.lowerYellow,\r\n                    stat2: 1000,\r\n                    unit: \"ppm\"\r\n                }\r\n                obj.vAxis = vAxis;\r\n            } else if (type == \"temp\") {\r\n\r\n                // tempSimpleList: [19.1, null, null, null]\r\n                datas = sensorData.tempSimpleList;\r\n                vAxis = {\r\n                    ticks: [0,6,11.5,18,22.5,28,33.5,39],\r\n                    // ticks: [6,11.5,18,22.5,28,33.5],\r\n                    stat1: 18,\r\n                    stat2: 28,\r\n                    unit: \"℃\"\r\n                }\r\n                obj.vAxis = vAxis;\r\n\r\n            } else if (type == \"humi\") {\r\n\r\n                datas = sensorData.humiSimpleList;\r\n                vAxis = {\r\n                    ticks: [0,10,20,30,40,50,60,70,80,90,100],\r\n                    // ticks: [10,20,30,40,50,60,70,80,90],\r\n                    stat1: 40,\r\n                    stat2: 70,\r\n                    unit: \"%\"\r\n                }\r\n            }\r\n\r\n            obj.datas = datas;\r\n            obj.vAxis = vAxis;\r\n            return obj;\r\n        },\r\n        getChartData: function() {\r\n\r\n            var obj = this.getData;\r\n            var ret = this.getUnits(obj.datas, 90, \"min\");\r\n\r\n            var chart = {\r\n                datas: obj.datas,\r\n                adjust: 10,\r\n                vAxis: obj.vAxis,\r\n                hAxis: {\r\n                    ticks: ret.ticks,\r\n                    ticks2: ret.ticks2\r\n                }\r\n            }\r\n            return chart;\r\n        },\r\n    },\r\n    methods: {\r\n        createSearchCondition() {\r\n            const ret = models.createSearchCondition();\r\n\r\n            ret.searchUnit = constant.searchUnitFloor();\r\n            ret.userKind = this.user.userKind;\r\n            ret.hierarchyCode = this.hierarchy.hierarchyCode;\r\n\r\n            return ret;\r\n        },\r\n        getTicks() {\r\n\r\n            var ticks = [];\r\n            for (var i = 0; i <= 5; i++) {\r\n                ticks.push(i)\r\n            }\r\n            return ticks;\r\n        },\r\n        replaceLimitDatas(datas, ticks) {\r\n\r\n            var ret = [];\r\n            var min = ticks[0]\r\n            var max = ticks[ticks.length-1]\r\n            for (var i = 0; i < datas.length; i++) {\r\n\r\n                if (datas[i] > max) {\r\n                    ret.push(max);\r\n                } else if (datas[i] < min) {\r\n                    ret.push(min);\r\n                // } else if (i >= 1) {\r\n                // } else if (i == 0) {\r\n                // } else if (i == 1) {\r\n                // } else if (i == 2) {\r\n                // } else if (i == datas.length - 1) {\r\n                    // ret.push(null);\r\n                } else {\r\n                    ret.push(datas[i]);\r\n                }\r\n            }\r\n            return ret;\r\n        },\r\n        getUnits(datas, max, unit) {\r\n\r\n            var step = max / (datas.length - 1);\r\n            var ticks = [];\r\n            var ticks2 = [];\r\n            var ret = {\r\n                ticks,\r\n                ticks2\r\n            }\r\n            for (var i = datas.length; i >= 1; i--) {\r\n\r\n                if (i == 1) {\r\n                    ticks.push(\"現在\");\r\n                    ticks2.push(\"\");\r\n                } else {\r\n                    ticks.push(step * (i - 1));\r\n                    ticks2.push(unit);\r\n                }\r\n            }\r\n            return ret;\r\n        },\r\n        getIndex(ticks, target) {\r\n\r\n            var ret = {}\r\n            var index = 0;\r\n            for (var i = 0; i <= ticks.length; i++) {\r\n\r\n                //一番目\r\n                if (i == 0) {\r\n\r\n                    if (0 <= target && target <= ticks[i+1]) {\r\n                        index = 0;\r\n                    }\r\n                //最後\r\n                } else if (i == ticks.length) {\r\n\r\n                    if (target >= ticks[i-1]) {\r\n                        index = ticks.length - 1;\r\n                    }\r\n                } else {\r\n                    if (ticks[i-1] <= target && target < ticks[i+1]) {\r\n                        index = i;\r\n                        break;\r\n                    }\r\n                }\r\n\r\n            }\r\n            var val = ticks[index];\r\n            ret.index = index;\r\n            ret.val = val;\r\n            return ret;\r\n        },\r\n        isItem(obj) {\r\n            return (obj !== undefined && obj !== null && obj != \"\")\r\n        },\r\n        //X軸\r\n        canvasH(ctx, req) {\r\n\r\n            var hAxis = req.hAxis;\r\n            if (hAxis===undefined || hAxis===null) return;\r\n\r\n            var textAlign = (hAxis.styles && this.isItem(hAxis.styles.align)) ? hAxis.styles.align : \"center\";\r\n            var textBaseline = (hAxis.styles && this.isItem(hAxis.styles.baseline)) ? hAxis.styles.baseline : \"top\";\r\n            var color = (hAxis.styles && this.isItem(hAxis.styles.color)) ? hAxis.styles.color : \"#fff\";\r\n\r\n            ctx.beginPath();\r\n            ctx.textAlign = textAlign;\r\n            ctx.textBaseline = textBaseline;\r\n            ctx.strokeStyle = color;\r\n            ctx.fillStyle = color;\r\n            ctx.lineWidth = 1;\r\n            ctx.strokeStyle = \"#808080\";\r\n\r\n            //横軸文字\r\n            for (var i = 0; i < hAxis.ticks.length; i++) {\r\n\r\n                var txt = hAxis.ticks[i];\r\n                var txt2 = hAxis.ticks2[i];\r\n                var tX = (i * hAxis.pich) + hAxis.space + req.adjust;\r\n                var tY = req.height + req.adjust + 2;\r\n                ctx.font = \"18px Barlow Semi Condensed\";\r\n                if (i == req.width/hAxis.pich - 1) {\r\n                    ctx.font = \"16px Noto Sans JP\";\r\n                } else {\r\n                    ctx.font = \"18px Barlow Semi Condensed\";\r\n                }\r\n                // if (this.isSPByWidth) {\r\n                    if (i == req.width/hAxis.pich - 1) {\r\n                        ctx.font = \"12px Noto Sans JP\";\r\n                    } else {\r\n                        ctx.font = \"14px Barlow Semi Condensed\";\r\n                    }\r\n                // }\r\n\r\n                ctx.fillText(txt, tX, tY + 2);\r\n                ctx.font = \"14px Barlow Semi Condensed\";\r\n                // if (this.isSPByWidth) {\r\n                    ctx.font = \"10px Barlow Semi Condensed\";\r\n                // }\r\n\r\n                //単位\r\n                ctx.fillText(txt2, tX, tY + 16);\r\n                //縦線(テストで表示)\r\n                // ctx.moveTo(tX, 0);\r\n                // ctx.lineTo(tX, req.height+req.adjust);\r\n            }\r\n            ctx.stroke();\r\n\r\n            //タイトルの区切り\r\n            ctx.beginPath();\r\n            ctx.setLineDash([]);\r\n            var mX = 0;\r\n            var mY = req.height + req.adjust - 2;\r\n            ctx.moveTo(mX, mY);\r\n            var lX = req.width + req.hAxis.space;\r\n            var lY = mY;\r\n            ctx.lineTo(lX, lY);\r\n            ctx.stroke();\r\n        },\r\n        //Y軸\r\n        canvasV(ctx, req) {\r\n\r\n            var vAxis = req.vAxis;\r\n            if (vAxis===undefined || vAxis===null) return;\r\n\r\n            var textAlign = (vAxis.styles && this.isItem(vAxis.styles.align)) ? vAxis.styles.align : \"end\";\r\n            var textBaseline = (vAxis.styles && this.isItem(vAxis.styles.baseline)) ? vAxis.styles.baseline : \"middle\";\r\n            var color = (vAxis.styles && this.isItem(vAxis.styles.color)) ? vAxis.styles.color : \"#fff\";\r\n\r\n            ctx.textAlign = textAlign;\r\n            ctx.textBaseline = textBaseline;\r\n            ctx.strokeStyle = color;\r\n            ctx.fillStyle = color;\r\n\r\n            var vh = req.vAxis.pich;\r\n            for (var i = 0; i < req.vAxis.ticks.length; i++) {\r\n\r\n                var vn = req.vAxis.ticks[i];\r\n                var unit = req.vAxis.unit;\r\n                var left = req.vAxis.space - req.adjust;\r\n                var top = req.height - (vh * (i + 1)) + req.vAxis.space + (req.adjust / 4);\r\n                var strokeStyle = \"#808080\";\r\n                var lineWidth = 1.4;\r\n\r\n                //Y軸平行線\r\n                ctx.beginPath();\r\n                ctx.setLineDash([1.5, 1.5]);\r\n\r\n                var isLine = true;\r\n                //縦軸文字\r\n                if (vn == req.vAxis.stat1 || (req.vAxis.stat2 && vn == req.vAxis.stat2)) {\r\n                    lineWidth = 1.8;\r\n                } else {\r\n                    isLine = false;\r\n                    lineWidth = 0;\r\n                    vn = \"\";\r\n                    unit = \"\";\r\n                }\r\n\r\n                //数字\r\n                //SP\r\n                // if (this.isSPByWidth) {\r\n                    ctx.font = \"14px Barlow Semi Condensed\";\r\n                    //co2c\r\n                    if (this.getParamType(this.propRotation.no).type == \"co2c\") {\r\n                        ctx.fillText(vn, left+2, top-4);\r\n                    } else {\r\n                        ctx.fillText(vn, left-8, top-4);\r\n                    }\r\n                    // console.log(\"chart size:\",req.height,req.width);\r\n                    // console.log(\"chart fillText:\",vn,unit,left,top);\r\n                //PC\r\n                // } else {\r\n                //     ctx.font = \"18px Barlow Semi Condensed\";\r\n                //     //co2c\r\n                //     if (this.getParamType(this.propRotation.no).type == \"co2c\") {\r\n                //         ctx.fillText(vn, left+2, top-4);\r\n                //     } else {\r\n                //         ctx.fillText(vn, left-10, top-4);\r\n                //     }\r\n                // }\r\n\r\n                //単位\r\n                //SP\r\n                // if (this.isSPByWidth) {\r\n                    ctx.font = \"10px Barlow Semi Condensed\";\r\n                    //co2c\r\n                    if (this.getParamType(this.propRotation.no).type == \"co2c\") {\r\n                        ctx.fillText(unit, left, top+5);\r\n                    } else {\r\n                        ctx.fillText(unit, left+2, top-3);\r\n                    }\r\n                // } else {\r\n                //     ctx.font = \"14px Barlow Semi Condensed\";\r\n                //     //co2c\r\n                //     if (this.getParamType(this.propRotation.no).type == \"co2c\") {\r\n                //         ctx.fillText(unit, left, top+10);\r\n                //     } else {\r\n                //         ctx.fillText(unit, left+4, top-2);\r\n                //     }\r\n                // }\r\n\r\n                if (isLine) {\r\n\r\n                    ctx.lineWidth = lineWidth;\r\n                    ctx.strokeStyle = strokeStyle;\r\n                    var mX = req.vAxis.space;\r\n                    var mY = (vh * i) + req.vAxis.space - req.vAxis.pich;\r\n                    ctx.moveTo(mX, mY);\r\n                    var lX = mX + req.width;\r\n                    var lY = mY;\r\n                    if (i != 0) {\r\n                        ctx.lineTo(lX, lY);\r\n                    }\r\n                }\r\n\r\n                ctx.stroke();\r\n            }\r\n            // //1500ppm~を最左上部に記載 \r\n            // if (Math.max(...req.datas) >= 1500) {\r\n            //     ctx.font = \"14px Barlow Semi Condensed\";\r\n            //     ctx.fillText(\"1500 ～\", left+20, 25);\r\n            //     ctx.font = \"10px Barlow Semi Condensed\";\r\n            //     ctx.fillText(\"ppm\", left+2, 25+9);\r\n            // }\r\n        },\r\n        //折れ線グラフ\r\n        lineChart(req, init) {\r\n\r\n            var canvas;\r\n            if (init === true) {\r\n\r\n                canvas = this.createCanvas();\r\n                //canvas = this.getCanvas();\r\n            } else {\r\n\r\n                canvas = this.getCanvas();\r\n            }\r\n\r\n            //canvas描画\r\n            var ctx = canvas.getContext(\"2d\");\r\n            if (!canvas || !canvas.getContext) { return false; }\r\n            //Y\r\n            var vspace = (req.vAxis && this.isItem(req.vAxis.space)) ? req.vAxis.space : 45;\r\n            var vticks = (req.vAxis && this.isItem(req.vAxis.ticks)) ? req.vAxis.ticks : \"\";\r\n            var vunit = (req.vAxis && this.isItem(req.vAxis.unit)) ? req.vAxis.unit : \"\";\r\n            var vstat1 = (req.vAxis && this.isItem(req.vAxis.stat1)) ? req.vAxis.stat1 : \"\";\r\n            var vstat2 = (req.vAxis && this.isItem(req.vAxis.stat2)) ? req.vAxis.stat2 : \"\";\r\n\r\n\r\n            //X\r\n            var hspace = (req.hAxis && this.isItem(req.hAxis.space)) ? req.hAxis.space : 45;\r\n            var hticks = (req.hAxis && this.isItem(req.hAxis.ticks)) ? req.hAxis.ticks : \"\";\r\n            var hticks2 = (req.hAxis && this.isItem(req.hAxis.ticks2)) ? req.hAxis.ticks2 : \"\";\r\n            var hunit = (req.hAxis && this.isItem(req.hAxis.unit)) ? req.hAxis.unit : \"\";\r\n\r\n            //データ領域\r\n            var height = this.canvasHeight;\r\n            var canvasHeight = (this.isItem(height)) ? height : 300;\r\n                canvasHeight = canvasHeight - hspace;\r\n            var vpich = (canvasHeight / vticks.length);\r\n\r\n            var width = this.canvasWidth;\r\n            var canvasWidth = (this.isItem(width)) ? width : 300;\r\n                canvasWidth = canvasWidth - vspace;\r\n\r\n            var hpich = (canvasWidth / hticks.length);\r\n\r\n            var datas = this.replaceLimitDatas(req.datas, req.vAxis.ticks);\r\n            var adjust = req.adjust;\r\n            // if (this.isSPByWidth) {\r\n                vspace = (vspace / 1.5);\r\n                hspace = (hspace / 1.5);\r\n                adjust = (adjust / 2);\r\n            // }\r\n            var ret = {\r\n                datas: datas,\r\n                adjust: adjust,\r\n                canvas: canvas,\r\n                ctx: ctx,\r\n                height: canvasHeight,\r\n                width: canvasWidth,\r\n                title: req.title,\r\n                vAxis: {\r\n                    space: vspace,\r\n                    ticks: vticks,\r\n                    unit: vunit,\r\n                    pich: vpich,\r\n                    stat1: vstat1,\r\n                    stat2: vstat2\r\n                },\r\n                hAxis: {\r\n                    space: hspace + adjust,\r\n                    ticks: hticks,\r\n                    ticks2: hticks2,\r\n                    unit: hunit,\r\n                    pich: hpich\r\n                }\r\n            }\r\n\r\n            ctx.beginPath();\r\n            ctx.fillStyle = \"#2F2F2F\";\r\n            ctx.fillRect(0, 0, canvasWidth + hspace + adjust, canvasHeight + adjust);\r\n\r\n            //X軸\r\n            this.canvasH(ctx, ret);\r\n\r\n            //Y軸\r\n            this.canvasV(ctx, ret);\r\n\r\n            var vp = ret.vAxis.pich;\r\n            var hG = ret.hAxis.space + ret.adjust;\r\n            var cw = ret.height + ret.vAxis.space;\r\n\r\n            // line\r\n            var lX = 0;\r\n            var lY = 0;\r\n            // var strokeStyle;\r\n            // var fillStyle;\r\n            for (var i = 0; i < ret.datas.length; i++) {\r\n\r\n                ctx.lineJoin = \"round\";\r\n                ctx.lineWidth = 4;\r\n\r\n                var arr = this.getIndex(ret.vAxis.ticks, ret.datas[i]);\r\n                var level = (arr.val / arr.index);\r\n                    level = Math.floor( level * Math.pow(10, 1)) / Math.pow(10, 1);\r\n\r\n                var mX =  (i * ret.hAxis.pich) + hG;\r\n                    mX = Math.round(mX);\r\n                var mY =  cw - (ret.datas[i] / level * vp) - vp;\r\n                    mY = Math.round(mY);\r\n\r\n                //色\r\n                var strokeStyle = this.getStatus(this.propRotation.no, this.user.isUser(), ret.datas[i]).infos.code;\r\n                var fillStyle = this.getStatus(this.propRotation.no, this.user.isUser(), ret.datas[i]).infos.code\r\n\r\n                ctx.beginPath();\r\n                ctx.strokeStyle = strokeStyle;\r\n                ctx.fillStyle = fillStyle;\r\n                ctx.setLineDash([]);\r\n\r\n                //データがある\r\n                if (ret.datas[i]) {\r\n\r\n                    //前のデータがない場合は無視\r\n                    if (lX != 0 && lY != 0) {\r\n\r\n                        //次のデータがないかつ最後じゃない\r\n                        if (!ret.datas[i+1] && i != ret.datas.length - 1) {\r\n                            this.createPointer(ctx, mX, mY);\r\n                        //前のデータがない\r\n                        } else if (!ret.datas[i-1]) {\r\n                            this.createPointer(ctx, lX, lY);\r\n                        }\r\n                        ctx.moveTo(mX, mY);\r\n                    }\r\n\r\n                    //1つ目は線不要\r\n                    if (i != 0) {\r\n                        ctx.lineTo(lX, lY);\r\n                    }\r\n\r\n                    //最後だけ矢印\r\n                    if (i == ret.datas.length - 1) {\r\n\r\n                        if (\r\n                            ret.datas[i-1] === null &&\r\n                            ret.datas[i-2] === null &&\r\n                            ret.datas[i-3] === null\r\n                        ) {\r\n                            this.createCanvasArrow(ctx, lX, mY, mX, mY);\r\n                        } else {\r\n                            this.createCanvasArrow(ctx, lX, lY, mX, mY);\r\n                        }\r\n                    }\r\n\r\n                    lX = mX;\r\n                    lY = mY;\r\n\r\n                //ない\r\n                } else {\r\n\r\n                    if (i != 0) {\r\n                        mY = lY;\r\n                        lX = mX;\r\n                    } else {\r\n                        var pLen = i + 1;\r\n                        if (ret.datas[pLen]) {\r\n                            ctx.strokeStyle = this.getStatus(this.propRotation.no, this.user.isUser(), ret.datas[pLen]).infos.code;\r\n\r\n                            var p_arr = this.getIndex(ret.vAxis.ticks, ret.datas[pLen]);\r\n                            var p_level = (p_arr.val / p_arr.index);\r\n                                p_level = Math.floor( p_level * Math.pow(10, 1)) / Math.pow(10, 1);\r\n                            var pX =  ((pLen) * ret.hAxis.pich) + hG;\r\n                                pX = Math.round(pX);\r\n                            var pY =  cw - (ret.datas[pLen] / p_level * vp) - vp;\r\n                                pY = Math.round(pY);\r\n                            this.createPointer(ctx, pX, pY);\r\n                        }\r\n                    }\r\n                }\r\n                ctx.stroke();\r\n            }\r\n            return ret;\r\n        },\r\n        //ポインター\r\n        createPointer(ctx, x, y, type) {\r\n\r\n            // circle\r\n            // square\r\n            if (type == \"square\") {\r\n                ctx.fillRect(x-4,y-4,8,8);\r\n            } else {\r\n                ctx.arc(x,y,2,Math.PI,-360*Math.PI,true);\r\n            }\r\n        },\r\n        //矢印\r\n        createCanvasArrow(ctx, lX, lY, mX, mY) {\r\n\r\n            var arrowlen = 14;\r\n            var dx = mX - lX;\r\n            var dy = mY - lY;\r\n            //2点間の角度を求める関数\r\n            var angle = Math.atan2(dy, dx);\r\n            ctx.moveTo(lX, lY);\r\n            ctx.lineTo(mX, mY);\r\n            //角度のコサインA\r\n            ctx.lineTo(mX - arrowlen * Math.cos(angle - Math.PI / 4), mY - arrowlen * Math.sin(angle - Math.PI / 4));\r\n            ctx.moveTo(mX, mY);\r\n            //Aの逆\r\n            ctx.lineTo(mX - arrowlen * Math.cos(angle + Math.PI / 4), mY - arrowlen * Math.sin(angle + Math.PI / 4));\r\n        },\r\n        createCanvas() {\r\n\r\n            var canvas = this.getCanvas();\r\n            this.canvasHeight = canvas.clientHeight;\r\n            this.canvasWidth = canvas.clientWidth < 180 ? 180 : canvas.clientWidth;\r\n            canvas.height = this.canvasHeight;\r\n            canvas.width = this.canvasWidth;\r\n            \r\n            return canvas;\r\n        },\r\n        getCanvas() {\r\n\r\n            var canvas = document.getElementById(this.canvasID);\r\n            canvas.height = this.canvasHeight;\r\n            canvas.width = this.canvasWidth;\r\n            return canvas;\r\n        },\r\n        loadChart(init) {\r\n            this.lineChart(this.getChartData, init);\r\n        },\r\n    },\r\n    mounted() {\r\n        this.loadChart(true);\r\n    },\r\n    created() {\r\n    },\r\n    beforeDestroy() {\r\n    },\r\n    updated() {\r\n        this.loadChart(false);\r\n    },\r\n    watch: {\r\n        rotationNo() {\r\n            this.loadChart(false);\r\n        }\r\n    },\r\n};\r\nexport default vm;\r\n</script>\r\n\r\n<style>\r\n@import '../assets/css/chart.min.css';\r\n</style>","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!./ChartComponent.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!./ChartComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartComponent.vue?vue&type=template&id=5a899348&\"\nimport script from \"./ChartComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChartComponent.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-main>\r\n        <div\r\n            class=\"card\"\r\n            :class=\"bindCard\"\r\n            @click=\"\r\n                transitionSensor(\r\n                    user,\r\n                    summary,\r\n                    detail.sensor,\r\n                    'ranking',\r\n                    clickable,\r\n                    propArea,\r\n                    propRotation.no\r\n                )\r\n            \"\r\n            v-if=\"sensor.location\"\r\n            ref=\"card\"\r\n            :style=\"bindStyle\"\r\n        >\r\n            <div class=\"location ranking_header\">\r\n\r\n                <span class=\"ranking_sensorName\">{{ sensor.location }}</span>\r\n\r\n                <span class=\"ring-sensor\">\r\n                    <img\r\n                        v-if=\"ringSensorValid\"\r\n                        class=\"icon-ring-sensor\"\r\n                        src=\"../assets/icon-ring-sensor-on.png\"\r\n                    />\r\n                    <img\r\n                        v-else-if=\"doNotDisturbSensorValid\"\r\n                        class=\"icon-ring-sensor\"\r\n                        src=\"../assets/icon-ring-sensor-off.png\"\r\n                    />\r\n                </span>\r\n            </div>\r\n\r\n            <div class=\"ranking_sensor_contents\">\r\n\r\n                <div class=\"ranking_sensorContents_Main\">\r\n\r\n                    <div class=\"ranking_sub sub1\">\r\n                        <div class=\"icon_area\">\r\n                            <img\r\n                                :class=\"this.setSubs(rotation.no, 1).mode.class\"\r\n                                :src=\"this.setSubs(rotation.no, 1).mode.image\"\r\n                                :style=\"bindStyle\"\r\n                            />\r\n                        </div>\r\n                        <div class=\"disp_area\">\r\n                            <span class=\"disp\" :class=\"this.setSubs(rotation.no, 1).mode.class\" v-html=\"this.setSubs(rotation.no, 1).disp\"></span>\r\n                        </div>\r\n\r\n                        <div class=\"face\">\r\n                            <img\r\n                                class=\"face-image\"\r\n                                v-if=\"status.infos.src_color != null\"\r\n                                :src=\"status.infos.src_color\"\r\n                                :style=\"bindStyle\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"ranking_sensorContents_Sub\">\r\n                    <div class=\"ranking_sub sub2\">\r\n                        <div class=\"icon_area\">\r\n                            <img\r\n                                :class=\"this.setSubs(rotation.no, 2).mode.class\"\r\n                                :src=\"this.setSubs(rotation.no, 2).mode.image\"\r\n                                :style=\"bindStyle\"\r\n                            />\r\n                        </div>\r\n                        <div class=\"disp_area\">\r\n                            <span class=\"disp\" :class=\"this.setSubs(rotation.no, 2).mode.class\" v-html=\"this.setSubs(rotation.no, 2).disp\"></span>\r\n                        </div>\r\n                        <div class=\"icon_area\">\r\n                            <img\r\n                                :class=\"this.setSubs(rotation.no, 3).mode.class\"\r\n                                :src=\"this.setSubs(rotation.no, 3).mode.image\"\r\n                                :style=\"bindStyle\"\r\n                            />\r\n                        </div>\r\n                        <div class=\"disp_area\">\r\n                            <span class=\"disp\" :class=\"this.setSubs(rotation.no, 3).mode.class\" v-html=\"this.setSubs(rotation.no, 3).disp\"></span>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"message\" ref=\"message\" >\r\n                    <div class=\"message-icon\">\r\n                        <img\r\n                            v-if=\"\r\n                                setMessage.infos.message &&\r\n                                strategy.enabled() &&\r\n                                setMessage.infos.image != null\r\n                            \"\r\n                            class=\"icon icon-excl\"\r\n                            :src=\"setMessage.infos.image\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message-content\" v-if=\"setMessage.infos.image != null\">\r\n                        <span>{{ setMessage.infos.message }}</span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"chart-area\" v-if=\"!isIphone || isSensor\">\r\n                    <p class=\"chart-guide\">直近90分間の{{ this.setSubs(rotation.no, 1).mode.caption }}推移</p>\r\n                    <div class=\"chart-box\">\r\n                        <chart-component\r\n                            :propRotation=\"rotation\"\r\n                            :propSensor=\"sensor\"\r\n                            :propDetail=\"detail\"\r\n                            @canvas=\"canvas=$event\"\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </v-main>\r\n</template>\r\n\r\n<script>\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinDetail from \"../store/mixin.detail\";\r\nimport mixinSensor from \"../store/mixin.sensor\";\r\nimport RankingChartComponent from \"../components/RankingChartComponent\";\r\nimport LevelChartComponent from \"../components/LevelChartComponent\";\r\nimport ChartComponent from \"../components/ChartComponent\";\r\nimport constant from \"../store/constant\";\r\n//import chroma from \"chroma-js\";\r\n\r\nconst vm = {\r\n    mixins: [mixinApp, mixinDetail, mixinSensor],\r\n    props: {\r\n        propClickable: false,\r\n        propIsSensor: false,\r\n        propRotation: false,\r\n    },\r\n    data() {\r\n        return {\r\n            messageWidth: 0,\r\n        };\r\n    },\r\n    components: {\r\n        RankingChartComponent,\r\n        LevelChartComponent,\r\n        ChartComponent\r\n    },\r\n    computed: {\r\n        bindStyle() {\r\n            return this.strategy.bindStyle(\r\n                {\r\n                    \"--location-font-size\": this.getLocationFontSize() + \"px\",\r\n                    \"--message-font-size\": this.getMessageFontSize() + \"px\",\r\n                    \"--card-height\": this.getCardHeight() + \"px\",\r\n                    \"--status-code\": this.status.infos.code,\r\n                    \"--status-code-alpha\": this.backGroundStatus(),\r\n                },\r\n                this.detail,\r\n                this.clickable\r\n            );\r\n        },\r\n        bindCard() {\r\n            return \"card-\" + this.status.infos.name;\r\n        },\r\n        clickable() {\r\n            return this.propClickable;\r\n        },\r\n        isSensor() {\r\n            return this.propIsSensor;\r\n        },\r\n        ringSensorValid() {\r\n            return this.isEnableRing && this.isRingSensorAtTime(this.sensor.sensorNumber);\r\n        },\r\n        doNotDisturbSensorValid() {\r\n            return this.isEnableRing && this.isDoNotDisturbSensor(this.sensor.sensorNumber);\r\n        },\r\n        rotation() {\r\n            return this.propRotation;\r\n        },\r\n        status() {\r\n            return this.getStatus(this.propRotation.no, this.user.isUser());\r\n        },\r\n        setMessage() {\r\n            var ret = this.getMessage(this.status);\r\n            return ret;\r\n        },\r\n    },\r\n    methods: {\r\n        getMessage(req) {\r\n            req.infos.message = this.strategy.getMessage(this.detail);\r\n            if (this.strategy.toDetail(this.detail).isEmpty()) {\r\n\r\n                if (this.detail.errorReason == constant.grayNone()) {\r\n\r\n                    //req.infos.message = \"データが取得できていません\";\r\n                    req.infos.image = constant.setImage(\"icon_exclamation.png\");\r\n                }\r\n\r\n                if (this.detail.errorReason == constant.grayOverflow()) {\r\n                    //req.infos.message = \"センサーの電源を抜き差ししてください\";\r\n                    req.infos.image = constant.setImage(\"icon_plug.png\");\r\n                }\r\n\r\n\r\n            }\r\n            return req;\r\n        },\r\n        geRed() {\r\n            if (!(this.hierarchy && this.detail)) {\r\n                return false;\r\n            }\r\n\r\n            return this.detail.co2c >= this.hierarchy.lowerRed;\r\n        },\r\n        getLocationFontSize() {\r\n            const marginWidth = 0.8;\r\n            const len = constant.getLength(this.sensor.location) + 2 || 1;\r\n            const fontSizeWidth = (this.cardWidth * marginWidth) / len;\r\n            const maxFontSize = this.cardHeight * 0.03;\r\n\r\n            return fontSizeWidth > maxFontSize ? maxFontSize : fontSizeWidth;\r\n        },\r\n        getMessageFontSize() {\r\n            const margin = 0.95;\r\n            const messageLength = this.strategy.getMessage(this.detail).length > 11 ? this.strategy.getMessage(this.detail).length : 11; //適正に換気されています, そろそろ換気が必要です\r\n            // const messageLength =\r\n            //     this.strategy.getMessage(this.detail).length || 1;\r\n            const maxFontSize = this.cardHeight * 0.06;\r\n            const fontSizeWidth = Math.floor((this.messageWidth * margin) / messageLength);\r\n            return fontSizeWidth > maxFontSize ? maxFontSize : fontSizeWidth;\r\n        },\r\n        getCardHeight() {\r\n            if (this.propIsSensor) {\r\n                return this.innerHeightCriteria * 75;\r\n            }\r\n            return this.innerHeightCriteria * (this.isIphone ? 55 : 75);\r\n        },\r\n        afterResize() {\r\n            if (!this.sensor.location) {\r\n                return;\r\n            }\r\n            this.messageWidth = this.$refs.message\r\n                ? this.$refs.message.clientWidth\r\n                : 0;\r\n            this.cardWidth = this.$refs.card.clientWidth;\r\n            this.cardHeight = this.$refs.card.clientHeight;\r\n            this.checkIphone();\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        // backGroundStatus(){\r\n        // const col = chroma(this.status.infos.code).darken().saturate().hex();\r\n        // return col;\r\n        // },\r\n        backGroundStatus(){\r\n            var firstinitial = this.status.infos.code.substring(1, 3);\r\n            var thirdinitial = this.status.infos.code.substring(3, 5);\r\n            var fifthinitial = this.status.infos.code.substring(5, 7);    \r\n\r\n            var firstdecimal = parseInt(firstinitial,16);\r\n            var thirddecimal = parseInt(thirdinitial,16);\r\n            var fifthdecimal = parseInt(fifthinitial,16);\r\n            \r\n            var firstresult = Math.floor(firstdecimal / 2);\r\n            var thirdresult = Math.floor(thirddecimal / 2);\r\n            var fifthresult = Math.floor(fifthdecimal / 2);\r\n            \r\n           \r\n            var firsthex =  Number(firstresult).toString(16).padStart( 2, '0');\r\n            var thirdhex =  Number(thirdresult).toString(16).padStart( 2, '0');\r\n            var fifthhex =  Number(fifthresult).toString(16).padStart( 2, '0');\r\n\r\n            const total = \"#\" + firsthex + thirdhex + fifthhex;\r\n            return total         \r\n        },\r\n    },\r\n    mounted() {\r\n        this.$nextTick(function () {\r\n            // ビュー全体がレンダリングされた後にのみ実行\r\n            // タイトル幅を算出する際に利用\r\n            this.afterResize();\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/ranking.min.css';\r\n.card {\r\n    cursor: var(--cursor);\r\n    pointer-events: var(--pointer-events);\r\n    height: var(--card-height);\r\n    color: var(--card-font-color);\r\n    background-color: var(--card-background-color);\r\n    border-color: var(--status-code);\r\n    border-style: var(--card-border-style);\r\n}\r\n.card span {\r\n    transform: var(--card-span-transform);\r\n}\r\n\r\n.sub1 .disp {\r\n    color: var(--status-code);\r\n}\r\n\r\n.message {\r\n    /* color: var(--status-code); */\r\n    color: var(--card-font-color);\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!./RankingDetailComponent.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!./RankingDetailComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingDetailComponent.vue?vue&type=template&id=6d3ff8a6&scoped=true&\"\nimport script from \"./RankingDetailComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingDetailComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingDetailComponent.vue?vue&type=style&index=0&id=6d3ff8a6&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  \"6d3ff8a6\",\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 { VMain } from 'vuetify/lib/components/VMain';\ninstallComponents(component, {VMain})\n"],"sourceRoot":""}