{"version":3,"sources":["webpack:///./src/components/SubHeaderComponent.vue?aae8","webpack:///src/components/SubHeaderComponent.vue","webpack:///./src/components/SubHeaderComponent.vue?29db","webpack:///./src/components/SubHeaderComponent.vue?ca2f","webpack:///./src/views/RankingUnitView.vue?b9de","webpack:///src/views/RankingUnitView.vue","webpack:///./src/views/RankingUnitView.vue?dbbf","webpack:///./src/views/RankingUnitView.vue?06b7","webpack:///./src/views/RankingUnitView.vue?f329","webpack:///./src/components/SubHeaderComponent.vue?1a32"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isMdi","attrs","_v","_s","img","_e","src","subtitle","isCo2Data","style","strategy","getGuideGreen","isFloor","getGuideYellow","enabled","getGuideRed","isTempData","isHumiData","staticRenderFns","vm","mixins","props","propImage","propSubtitle","propIsFloor","propRotation","computed","bindStyle","rotation","guide","ret","methods","component","VIcon","loading","header","key","carouselKey","carouselHeightPx","hierarchy","useCycle","getInterval","on","changeCarousel","model","value","callback","$$v","currentIndex","expression","_l","page","i","useTransition","dispImage","user","subTitle","class","caption","detail","j","summary","propArea","getSearchUnit","dispTimestamp","fabPrimary","fabRotation","fabSecondary","getLoading","components","LoadingComponent","HeaderComponent","SubHeaderComponent","FabComponent","RankingDetailComponent","propSearchUnit","propRotationSelectNo","data","searchUnit","compSummary","pageList","countDetailPerPage","selectedIndex","val","createSearchCondition","transitionFloor","name","params","propUser","query","isSearchUnitRanking","changeSearchUnit","sortDetailList","getCarouselHeight","reRenderCarousel","afterResize","rotationStatus","detailSize","fontSizeV","fontSize","fabRotationStatus","created","mounted","setTimeout","VCarousel","VCarouselItem","VCol","VContainer","VMain","VRow"],"mappings":"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","file":"js/chunk-ef336d8a.1e00e0a6.js","sourcesContent":["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.isMdi())?_c('v-icon',{staticClass:\"img\",attrs:{\"color\":\"white\"}},[_vm._v(_vm._s(_vm.img))]):_vm._e(),(!_vm.isMdi())?_c('img',{staticClass:\"img\",attrs:{\"src\":_vm.src()}}):_vm._e()],1),_c('span',[_vm._v(_vm._s(_vm.subtitle))])]),(_vm.isCo2Data())?_c('div',{staticClass:\"usage-guide\"},[_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon-face-green.png\")}}),_c('span',{staticClass:\"text-color-green\",style:(_vm.bindStyle)},[_vm._v(\" \"+_vm._s(_vm.strategy.getGuideGreen(_vm.isFloor))+\" \")]),_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon-face-yellow.png\")}}),_c('span',{staticClass:\"text-color-yellow\",style:(_vm.bindStyle)},[_vm._v(\" \"+_vm._s(_vm.strategy.getGuideYellow())+\" \")]),(_vm.strategy.enabled())?_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon-face-red.png\")}}):_vm._e(),(_vm.strategy.enabled())?_c('span',{staticClass:\"text-color-red\",style:(_vm.bindStyle)},[_vm._v(\" \"+_vm._s(_vm.strategy.getGuideRed())+\" \")]):_vm._e()]):_vm._e(),(_vm.isTempData())?_c('div',{staticClass:\"usage-guide\"},[_c('img',{staticClass:\"img usage-guide_img\",attrs:{\"src\":require(\"../assets/icon_guide_temp_c.png\")}})]):_vm._e(),(_vm.isHumiData())?_c('div',{staticClass:\"usage-guide\"},[_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            <span class=\"sub-header-title_img\">\r\n                <v-icon v-if=\"isMdi()\" class=\"img\" color=\"white\">{{ img }}</v-icon>\r\n                <img v-if=\"!isMdi()\" class=\"img\" :src=\"src()\" />\r\n            </span>\r\n            <span>{{ subtitle }}</span>\r\n        </div>\r\n\r\n<!--\r\n        <div class=\"sub-header-mode\">\r\n            <div\r\n                v-for=\"arr in this.getModeButtons(rotation.no)\"\r\n                :key=\"arr.no\"\r\n            >\r\n                <button\r\n                    type=\"button\"\r\n                    :class=\"{ '-on': arr.onoff, '-off': !arr.onoff}\"\r\n                    @click=\"rotation.func(arr.no)\"\r\n                >\r\n                    <div><img class=\"img\" :src=\"arr.image\" /></div>\r\n                    <span>{{ arr.caption }}モード</span>\r\n                </button>\r\n            </div>\r\n        </div>\r\n-->\r\n        <!-- <div class=\"sub-header-guide usage-guide\">\r\n            <span>{{ guide.message }}</span>\r\n            <img class=\"img\" :src=\"guide.image\" />\r\n        </div> -->\r\n        <div class=\"usage-guide\" v-if=\"isCo2Data()\" >\r\n            <img class=\"img usage-guide_img\" src=\"../assets/icon-face-green.png\" />\r\n            <span class=\"text-color-green\" :style=\"bindStyle\">\r\n                {{ strategy.getGuideGreen(isFloor) }}\r\n            </span>\r\n            <img class=\"img usage-guide_img\" src=\"../assets/icon-face-yellow.png\" />\r\n            <span class=\"text-color-yellow\" :style=\"bindStyle\">\r\n                {{ strategy.getGuideYellow() }}\r\n            </span>\r\n            <img\r\n                v-if=\"strategy.enabled()\"\r\n                class=\"img usage-guide_img\"\r\n                src=\"../assets/icon-face-red.png\"\r\n            />\r\n            <span\r\n                v-if=\"strategy.enabled()\"\r\n                class=\"text-color-red\"\r\n                :style=\"bindStyle\"\r\n            >\r\n                {{ strategy.getGuideRed() }}\r\n            </span>\r\n        </div>\r\n        <div class=\"usage-guide\" v-if=\"isTempData()\" >            \r\n            <img class=\"img usage-guide_img\" src=\"../assets/icon_guide_temp_c.png\" />            \r\n        </div>   \r\n        <div class=\"usage-guide\" v-if=\"isHumiData()\" >            \r\n            <img class=\"img usage-guide_img\" src=\"../assets/icon_guide_humi_c.png\" />            \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        propIsFloor: false,\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            return this.propSubtitle;\r\n        },\r\n        img() {\r\n            return this.propImage;\r\n        },\r\n        isFloor() {\r\n            return this.propIsFloor;\r\n        },\r\n        rotation() {\r\n            return this.propRotation;\r\n        },\r\n        guide() {\r\n            var type = this.getParamType(this.propRotation.no).type;\r\n            var ret = {}\r\n            if (type == \"co2c\") {\r\n\r\n                ret.message = this.hierarchy.lowerYellow + \"ppm以下が換気の良好な目安です\";\r\n                if (this.strategy.enabled())\r\n                {\r\n                    ret.image = constant.setImage(\"barometer_co2_3x.png\");\r\n                } else {\r\n                    ret.image = constant.setImage(\"barometer_co2_2x.png\");\r\n                }\r\n            } else if (type == \"temp\") {\r\n\r\n                ret.message = this.hierarchy.tempLowerGreen + \"℃～\" + this.hierarchy.tempUpperGreen + \"℃が最適温度の目安です\";\r\n                ret.image = constant.setImage(\"barometer_thermo_3x.png\");\r\n            } else if (type == \"humi\") {\r\n\r\n                ret.message = this.hierarchy.humiLowerGreen + \"%～\" + this.hierarchy.humiUpperGreen + \"%が最適湿度の目安です\";\r\n                ret.image = constant.setImage(\"barometer_humidity_3x.png\");\r\n            }\r\n\r\n            return ret;\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        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!./SubHeaderComponent.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!./SubHeaderComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubHeaderComponent.vue?vue&type=template&id=dd71e840&scoped=true&\"\nimport script from \"./SubHeaderComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./SubHeaderComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubHeaderComponent.vue?vue&type=style&index=0&id=dd71e840&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  \"dd71e840\",\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 { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","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',{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\":_vm.hierarchy.useCycle(),\"interval\":_vm.hierarchy.getInterval()},on:{\"change\":_vm.changeCarousel},model:{value:(_vm.currentIndex),callback:function ($$v) {_vm.currentIndex=$$v},expression:\"currentIndex\"}},_vm._l((_vm.pageList),function(page,i){return _c('v-carousel-item',{key:i,attrs:{\"reverse-transition\":_vm.hierarchy.useTransition(),\"transition\":_vm.hierarchy.useTransition(),\"dark\":\"\"}},[_c('div',{staticClass:\"carousel-content\",style:(_vm.bindStyle)},[(!(page.dispImage === 0))?_c('v-container',{staticClass:\"ranking-container\"},[_c('sub-header-component',{attrs:{\"propUser\":_vm.user,\"propImage\":_vm.subTitle.class,\"propSubtitle\":_vm.subTitle.caption + 'モニタリング中',\"propIsFloor\":false,\"propRotation\":_vm.rotation}}),_c('v-row',{staticClass:\"card ranking-row\",style:(_vm.bindStyle),attrs:{\"align\":\"center\",\"justify\":\"center\"}},_vm._l((page.detailList),function(detail,j){return _c('v-col',{key:j},[_c('ranking-detail-component',{attrs:{\"propUser\":_vm.user,\"propSummary\":_vm.summary,\"propArea\":_vm.propArea,\"propDetail\":detail,\"propClickable\":true,\"propIsSensor\":false,\"propGetSearchUnit\":_vm.getSearchUnit,\"propRotation\":_vm.rotation}})],1)}),1),_c('div',{staticClass:\"footer\"},[_c('div',[_vm._v(_vm._s(_vm.header.dispTimestamp())+\" 更新\")]),(_vm.header.dispTimestamp())?_c('div',[_vm._v(\" 更新\")]):_vm._e()])],1):_vm._e()],1),(page.dispImage === 0)?_c('div',{staticClass:\"display-image\"},[_c('img',{style:(_vm.bindStyle),attrs:{\"src\":require(\"../assets/display-text-measure.png\")}})]):_vm._e()])}),1),_c('fab-component',{attrs:{\"propUser\":_vm.user,\"propArea\":_vm.propArea,\"propFabPrimary\":_vm.fabPrimary,\"propFabRotation\":_vm.fabRotation,\"propFabSecondary\":_vm.fabSecondary,\"propDownloadable\":true,\"propGetLoading\":_vm.getLoading}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-main class=\"main\">\r\n        <loading-component :propLoading=\"loading\" />\r\n        <header-component :propHeader=\"header\" />\r\n        <v-carousel\r\n            hide-delimiter-background\r\n            :height=\"carouselHeightPx\"\r\n            :cycle=\"hierarchy.useCycle()\"\r\n            :interval=\"hierarchy.getInterval()\"\r\n            v-model=\"currentIndex\"\r\n            :key=\"carouselKey\"\r\n            @change=\"changeCarousel\"\r\n        >\r\n            <v-carousel-item\r\n                v-for=\"(page, i) in pageList\"\r\n                :reverse-transition=\"hierarchy.useTransition()\"\r\n                :transition=\"hierarchy.useTransition()\"\r\n                :key=\"i\"\r\n                dark\r\n            >\r\n                <div class=\"carousel-content\" :style=\"bindStyle\">\r\n                    <v-container class=\"ranking-container\" v-if=\"!(page.dispImage === 0)\">\r\n                        <sub-header-component\r\n                            :propUser=\"user\"\r\n                            :propImage=\"subTitle.class\"\r\n                            :propSubtitle=\"subTitle.caption + 'モニタリング中'\"\r\n                            :propIsFloor=\"false\"\r\n                            :propRotation=\"rotation\"\r\n                        />\r\n                        <v-row\r\n                            class=\"card ranking-row\"\r\n                            align=\"center\"\r\n                            justify=\"center\"\r\n                            :style=\"bindStyle\"\r\n                        >\r\n\r\n                            <v-col\r\n                                v-for=\"(detail, j) in page.detailList\"\r\n                                :key=\"j\"\r\n                            >\r\n                                <ranking-detail-component\r\n                                    :propUser=\"user\"\r\n                                    :propSummary=\"summary\"\r\n                                    :propArea=\"propArea\"\r\n                                    :propDetail=\"detail\"\r\n                                    :propClickable=\"true\"\r\n                                    :propIsSensor=\"false\"\r\n                                    :propGetSearchUnit=\"getSearchUnit\"\r\n                                    :propRotation=\"rotation\"\r\n                                />\r\n                            </v-col>\r\n                        </v-row>\r\n                        <div class=\"footer\">\r\n                            <div>{{ header.dispTimestamp() }} 更新</div>\r\n                            <div v-if=\"header.dispTimestamp()\"> 更新</div>\r\n                            \r\n                        </div>\r\n                    </v-container>\r\n                </div>\r\n                <div\r\n                    v-if=\"page.dispImage === 0\"\r\n                    class=\"display-image\"\r\n                >\r\n                    <img\r\n                        :style=\"bindStyle\"\r\n                        src=\"../assets/display-text-measure.png\"\r\n                    />\r\n                </div>\r\n            </v-carousel-item>\r\n        </v-carousel>\r\n        <fab-component\r\n            :propUser=\"user\"\r\n            :propArea=\"propArea\"\r\n            :propFabPrimary=\"fabPrimary\"\r\n            :propFabRotation=\"fabRotation\"\r\n            :propFabSecondary=\"fabSecondary\"\r\n            :propDownloadable=\"true\"\r\n            :propGetLoading=\"getLoading\"\r\n        />\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 SubHeaderComponent from \"../components/SubHeaderComponent\";\r\nimport FabComponent from \"../components/FabComponent\";\r\nimport RankingDetailComponent from \"../components/RankingDetailComponent\";\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        SubHeaderComponent,\r\n        FabComponent,\r\n        RankingDetailComponent,\r\n    },\r\n    props: {\r\n        propSearchUnit: null,\r\n        propRotationSelectNo: 0,\r\n    },\r\n    data() {\r\n        return {\r\n            searchUnit: null,\r\n            carouselKey: false,\r\n        };\r\n    },\r\n    computed: {\r\n        bindStyle() {\r\n            return {\r\n                \"--display-image-size\": this.innerWidth * 0.75 + \"px\",\r\n                \"--row-height\": this.innerHeightCriteria * 85 + \"px\",\r\n                \"--carousel-content-height\": this.getCarouselHeight() + \"%\",\r\n                \"--messege-size\": this.detailSize() * 0.55 + \"px\",\r\n                \"--ranking-icon-size\": this.detailSize() * 1.2 + \"px\",\r\n                \"--ranking-icon-sub-size\": this.detailSize() * 0.6 + \"px\",\r\n                \"--detail-num-size\": this.detailSize() + \"px\",\r\n                \"--detail-unit-size\": this.detailSize() * 0.8 + \"px\",\r\n                \"--detail-sub-num-size\": this.detailSize() * 0.6 + \"px\",\r\n                \"--detail-sub-unit-size\": this.detailSize() * 0.6 * 0.8 + \"px\",\r\n            };\r\n        },\r\n        compSummary() {\r\n            return this.summary || models.createSummary();\r\n        },\r\n        pageList() {\r\n            return this.user\r\n                ? this.compSummary.getRankingPageList(\r\n                      this.isLandscape,\r\n                      this.user\r\n                  )\r\n                : [];\r\n        },\r\n        countDetailPerPage() {\r\n            return this.user\r\n                ? this.compSummary.countRankingDetailPerPage(\r\n                      this.isLandscape,\r\n                      this.user\r\n                  )\r\n                : [];\r\n        },\r\n        \r\n        header() {\r\n            // const icon = this.isSearchUnitRanking()\r\n            //     ? \"icon-ranking\"\r\n            //     : \"icon-fixed\";\r\n\r\n            return models.createHeader(\r\n                this.hierarchy.hierarchyName,\r\n                \"icon-loca\",\r\n                this.summary?.getLatestTimestamp\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        fabPrimary() {\r\n            return models.createFab(\"icon_btn_floormap_3x\", this.transitionFloor);\r\n        },\r\n        fabSecondary() {\r\n            const icon = this.isSearchUnitRanking()\r\n                ? \"icon_btn_descending_order_3x\"\r\n                : \"icon-fixed\";\r\n\r\n            return models.createFab(icon, this.changeSearchUnit);\r\n        },\r\n        selectedIndex() {\r\n            if (!this.currentSensor) {\r\n                return 0;\r\n            }\r\n            const ret = this.pageList.findIndex((val) =>\r\n                val.match(this.currentSensor)\r\n            );\r\n\r\n            return ret > 0 ? ret : 0;\r\n        },\r\n    },\r\n    methods: {\r\n        getSearchUnit() {\r\n            return this.searchUnit;\r\n        },\r\n        createSearchCondition() {\r\n            const ret = models.createSearchCondition();\r\n\r\n            ret.searchUnit = this.searchUnit;\r\n            ret.userKind = this.user.userKind;\r\n            ret.hierarchyCode = this.hierarchy.hierarchyCode;\r\n\r\n            return ret;\r\n        },\r\n        transitionFloor() {\r\n            this.$router.push({\r\n                name: \"floor\",\r\n                params: {\r\n                    propUser: this.user,\r\n                    propArea: this.propArea,\r\n                    propRotationSelectNo: this.rotation.no,\r\n\r\n                },\r\n                query: this.getQuery(),\r\n            });\r\n        },\r\n        isSearchUnitRanking() {\r\n            return this.searchUnit === constant.searchUnitRanking();\r\n        },\r\n        changeSearchUnit() {\r\n\r\n            //ソート切替\r\n            if (this.isSearchUnitRanking()) {\r\n                this.searchUnit = constant.searchUnitFloor();\r\n            } else {\r\n                this.searchUnit = constant.searchUnitRanking();\r\n            }\r\n            this.sortDetailList();\r\n        },\r\n        sortDetailList(){\r\n            if (this.isSearchUnitRanking()) {\r\n                this.summary.sortRanking(this.getParamType(this.selectNo).type);\r\n            } else {\r\n                this.summary.sortFloor();\r\n            }\r\n        },\r\n        getCarouselHeight() {\r\n            return this.isIphone ? 115 : 100;\r\n        },\r\n        /** カルーセルの再描画、これを実行すると、グラフのサイズが調整される */\r\n        reRenderCarousel() {\r\n            this.carouselKey = !this.carouselKey;\r\n        },\r\n        changeCarousel() {\r\n            this.reRenderCarousel();\r\n        },\r\n        afterResize() {\r\n            this.reRenderCarousel();\r\n            this.checkIphone();\r\n        },\r\n        rotationStatus(no) {\r\n            this.changeStatus(no);\r\n        },\r\n        detailSize(){\r\n            var parPage = this.countDetailPerPage;\r\n            var fontSize = 0;\r\n            var fontSizeV = 0;\r\n            var innerHeight = this.innerHeightCriteria * 85;\r\n            var innerWidth = this.innerWidth * 0.75;\r\n            if(innerHeight > innerWidth){\r\n                //縦表示\r\n                // 1つ表示\r\n                if(parPage == 1){\r\n                    fontSizeV = 9;\r\n                }\r\n                // 2つ表示\r\n                if(parPage == 2){\r\n                    fontSizeV = 7;\r\n                }\r\n                // 3つ表示\r\n                else if(parPage == 3){\r\n                    fontSizeV = 4.8;\r\n                }\r\n                // 4つ表示\r\n                else if(parPage == 4){\r\n                    fontSizeV = 4.5;\r\n                }\r\n                // 5つ表示\r\n                else if(parPage == 5){\r\n                    fontSizeV = 4.5;\r\n                }\r\n                fontSize = innerWidth * fontSizeV * 0.01;\r\n            }else{\r\n                //横表示\r\n                // 1つ表示\r\n                if(parPage == 1){\r\n                    fontSizeV = 5;\r\n                }\r\n                // 2つ表示\r\n                if(parPage == 2){\r\n                    fontSizeV = 4;\r\n                }\r\n                // 3つ表示\r\n                else if(parPage == 3){\r\n                    fontSizeV = 4;\r\n                }\r\n                // 4つ表示\r\n                else if(parPage == 4){\r\n                    fontSizeV = 3;\r\n                }\r\n                // 5つ表示\r\n                else if(parPage == 5){\r\n                    fontSizeV = 3;\r\n                }\r\n                //縦と横の大小をみて調整\r\n                const fontSizeWidth = innerWidth * fontSizeV * 0.01;\r\n                const fontSizeHeight = innerHeight * 0.08;\r\n                fontSize = fontSizeWidth > fontSizeHeight ? fontSizeHeight :fontSizeWidth;\r\n            }\r\n            return fontSize;\r\n        },\r\n        fabRotationStatus() {\r\n            this.changeStatus(\"\");\r\n            this.sortDetailList();\r\n        }\r\n    },\r\n    created() {\r\n        this.searchUnit = this.propSearchUnit || constant.searchUnitFloor();\r\n        //propRotationSelectNo がない場合はデフォルト\r\n        if (this.propRotationSelectNo != null){\r\n        this.selectNo = this.propRotationSelectNo;\r\n        }\r\n\r\n        this.autoUpdating();\r\n        this.currentIndex = this.selectedIndex;\r\n        this.afterResize();\r\n    },\r\n    mounted() {\r\n        this.$nextTick(function () {\r\n            // ビュー全体がレンダリングされた後にのみ実行\r\n            // カルーセルの再描画を少し待機後実行することで、正しく画面表示\r\n            setTimeout(this.reRenderCarousel, 50);\r\n        });\r\n    }\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n .main {\r\n    position: relative;\r\n}\r\n\r\n.display-image {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 45%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.display-image img {\r\n    width: var(--display-image-size);\r\n    height: auto;\r\n}\r\n\r\n/*\r\n.carousel-content {\r\n    height: var(--carousel-content-height);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.container {\r\n    width: 90%;\r\n}\r\n\r\n.card {\r\n    height: var(--row-height);\r\n}\r\n\r\n.col {\r\n    padding-left: 0.5vw;\r\n    padding-right: 0.5vw;\r\n    margin-top: -32px;\r\n} */\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!./RankingUnitView.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!./RankingUnitView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingUnitView.vue?vue&type=template&id=ab80079e&scoped=true&\"\nimport script from \"./RankingUnitView.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingUnitView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingUnitView.vue?vue&type=style&index=0&id=ab80079e&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  \"ab80079e\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VMain } from 'vuetify/lib/components/VMain';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCarousel,VCarouselItem,VCol,VContainer,VMain,VRow})\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!./RankingUnitView.vue?vue&type=style&index=0&id=ab80079e&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!./SubHeaderComponent.vue?vue&type=style&index=0&id=dd71e840&scoped=true&lang=css&\""],"sourceRoot":""}