{"version":3,"sources":["webpack:///./src/components/layout/ViewerContextMenu.vue?b5e1","webpack:///src/components/layout/ViewerContextMenu.vue","webpack:///./src/components/layout/ViewerContextMenu.vue?2f2d","webpack:///./src/components/layout/ViewerContextMenu.vue","webpack:///./src/components/layout/ViewerContextMenu.vue?9b75"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","preventDefault","ref","_m","_l","study","i","key","e","openChildMenuDelayed","openChildMenu","closeChildMenu","style","studyDotStyle","staticStyle","_v","_s","patientName","modality","_f","studyDateTime","forceUTC","studyDescription","_e","class","disabled","mprLoading","viewMpr","attrs","mprTitle","hoverStudy","imageData","thumbnail","seriesId","activeSeries","selectSeries","seriesDotStyle","seriesNumber","simpleName","staticRenderFns","name","components","SvgIcon","props","top","type","Number","required","left","Object","allowRelatedStudies","Boolean","default","relatedStudies","Array","String","containerRef","data","isChildOpen","hoverTimeout","undefined","computed","_objectSpread","mapGetters","relatedStudiesWithImages","filter","thumbnails","length","containerRect","rect","right","window","innerWidth","bottom","innerHeight","getBoundingClientRect","mounted","addCloseEventHandlers","$refs","parentMenu","moveMenuOntoScreen","methods","isStudyActive","_this","some","t","allActiveSeriesIds","includes","_this2","openSeries","find","backgroundColor","$store","getters","canvasColors","_this3","handleEscape","$emit","document","addEventListener","handleClick","outsideClick","contains","target","childMenu","downEvents","forEach","$once","clearTimeout","removeEventListener","menu","_this4","$nextTick","offScreenX","Math","max","min","offScreenY","_this5","child","parentMenuItem","overlap","isTooFarRight","offsetWidth","alignedLeft","alignedRight","_this6","hoverDelay","setTimeout","_this7","hideDelay","studyId","clinicCode","$route","params","component"],"mappings":"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","file":"js/componentViewerContextMenu.c94ee9cd90bf2cc15bdf.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"menu-container\",on:{\"contextmenu\":function($event){$event.preventDefault();}}},[_c('ul',{ref:\"parentMenu\",staticClass:\"menu\"},[(_vm.allowRelatedStudies)?[_vm._m(0),_vm._l((_vm.relatedStudiesWithImages),function(study,i){return _c('li',{key:i,staticClass:\"child-item\",on:{\"mouseover\":function (e) { return _vm.openChildMenuDelayed(e, study); },\"click\":function (e) { return _vm.openChildMenu(e, study); },\"mouseleave\":_vm.closeChildMenu}},[_c('span',{staticClass:\"open-series-dot\",style:(_vm.studyDotStyle(study))}),_c('span',{staticStyle:{\"flex-grow\":\"1\"},on:{\"click\":function($event){$event.preventDefault();}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(study.patientName)+\" (\"+_vm._s(study.modality)+\") on\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm._f(\"localizeDate\")(study.studyDateTime,{ forceUTC: false }))+\" :\\n\\t\\t\\t\\t\\t\"+_vm._s(study.studyDescription)+\"\\n\\t\\t\\t\\t\")])])})]:_vm._e(),_vm._m(1),_c('li',{class:{ disabled: _vm.mprLoading },on:{\"click\":_vm.viewMpr}},[(_vm.mprLoading)?_c('svg-icon',{staticClass:\"no-disable\",attrs:{\"icon\":\"spinner-circle-thick\",\"spin\":\"\"}}):_c('svg-icon',{staticClass:\"no-disable\",attrs:{\"icon\":\"layout-mpr-3x1\"}}),_c('span',{staticStyle:{\"flex-grow\":\"1\",\"margin-left\":\"7px\"}},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.mprTitle)+\"\\n\\t\\t\\t\")])],1)],2),(_vm.isChildOpen)?_c('ul',{ref:\"childMenu\",staticClass:\"menu\",on:{\"mouseenter\":function (e) { return _vm.openChildMenu(e, _vm.hoverStudy); },\"mouseleave\":_vm.closeChildMenu}},_vm._l((_vm.hoverStudy.imageData.thumbnails),function(thumbnail){return _c('li',{key:thumbnail.seriesId,class:{ disabled: thumbnail.seriesId === _vm.activeSeries.seriesId },on:{\"click\":function($event){return _vm.selectSeries(thumbnail.seriesId)}}},[_c('span',{staticClass:\"open-series-dot\",style:(_vm.seriesDotStyle(thumbnail.seriesId))}),_c('span',{staticStyle:{\"flex-grow\":\"1\"}},[_vm._v(_vm._s(thumbnail.seriesNumber)+\": \"+_vm._s(thumbnail.simpleName))])])}),0):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"title\"},[_c('span',[_vm._v(\"Switch Series\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"title\"},[_c('span',[_vm._v(\"Multi-Planar Reconstruction\")])])}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"menu-container\" @contextmenu.prevent>\n\t\t<!-- Parent menu -->\n\t\t<ul ref=\"parentMenu\" class=\"menu\">\n\t\t\t<template v-if=\"allowRelatedStudies\">\n\t\t\t\t<li class=\"title\">\n\t\t\t\t\t<span>Switch Series</span>\n\t\t\t\t</li>\n\t\t\t\t<li\n\t\t\t\t\tv-for=\"(study, i) in relatedStudiesWithImages\"\n\t\t\t\t\t:key=\"i\"\n\t\t\t\t\tclass=\"child-item\"\n\t\t\t\t\t@mouseover=\"e => openChildMenuDelayed(e, study)\"\n\t\t\t\t\t@click=\"e => openChildMenu(e, study)\"\n\t\t\t\t\t@mouseleave=\"closeChildMenu\"\n\t\t\t\t>\n\t\t\t\t\t<span :style=\"studyDotStyle(study)\" class=\"open-series-dot\"></span>\n\t\t\t\t\t<span style=\"flex-grow: 1\" @click.prevent>\n\t\t\t\t\t\t{{ study.patientName }} ({{ study.modality }}) on\n\t\t\t\t\t\t{{ study.studyDateTime | localizeDate({ forceUTC: false }) }} :\n\t\t\t\t\t\t{{ study.studyDescription }}\n\t\t\t\t\t</span>\n\t\t\t\t</li>\n\t\t\t</template>\n\t\t\t<li class=\"title\">\n\t\t\t\t<span>Multi-Planar Reconstruction</span>\n\t\t\t</li>\n\t\t\t<li :class=\"{ disabled: mprLoading }\" @click=\"viewMpr\">\n\t\t\t\t<svg-icon v-if=\"mprLoading\" icon=\"spinner-circle-thick\" class=\"no-disable\" spin />\n\t\t\t\t<svg-icon v-else icon=\"layout-mpr-3x1\" class=\"no-disable\" />\n\t\t\t\t<span style=\"flex-grow:1;margin-left:7px\">\n\t\t\t\t\t{{ mprTitle }}\n\t\t\t\t</span>\n\t\t\t</li>\n\t\t</ul>\n\t\t<!-- Child menu -->\n\t\t<ul\n\t\t\tv-if=\"isChildOpen\"\n\t\t\tref=\"childMenu\"\n\t\t\tclass=\"menu\"\n\t\t\t@mouseenter=\"e => openChildMenu(e, hoverStudy)\"\n\t\t\t@mouseleave=\"closeChildMenu\"\n\t\t>\n\t\t\t<li\n\t\t\t\tv-for=\"thumbnail in hoverStudy.imageData.thumbnails\"\n\t\t\t\t:key=\"thumbnail.seriesId\"\n\t\t\t\t:class=\"{ disabled: thumbnail.seriesId === activeSeries.seriesId }\"\n\t\t\t\t@click=\"selectSeries(thumbnail.seriesId)\"\n\t\t\t>\n\t\t\t\t<span :style=\"seriesDotStyle(thumbnail.seriesId)\" class=\"open-series-dot\"></span>\n\t\t\t\t<span style=\"flex-grow: 1\">{{ thumbnail.seriesNumber }}: {{ thumbnail.simpleName }}</span>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</template>\n\n<script>\nimport SvgIcon from '@components/SvgIcon'\nimport { mapGetters } from 'vuex'\n\nexport default {\n\tname: 'ViewerContextMenu',\n\tcomponents: {\n\t\tSvgIcon,\n\t},\n\tprops: {\n\t\ttop: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t},\n\t\tleft: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t},\n\t\tactiveSeries: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t},\n\t\tallowRelatedStudies: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\trelatedStudies: {\n\t\t\ttype: Array,\n\t\t\trequired: true,\n\t\t},\n\t\tmprTitle: { type: String, required: true },\n\t\tmprLoading: Boolean,\n\t\tcontainerRef: {\n\t\t\ttype: null, // HTMLElement is not an object\n\t\t\tdefault: null, // Requires default for eslint\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tisChildOpen: false,\n\t\t\thoverTimeout: undefined,\n\t\t\thoverStudy: undefined,\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters(['allActiveSeriesIds']),\n\t\trelatedStudiesWithImages() {\n\t\t\treturn this.relatedStudies.filter(study => study.imageData.thumbnails.length)\n\t\t},\n\t\tcontainerRect() {\n\t\t\tlet rect = {\n\t\t\t\tleft: 0,\n\t\t\t\tright: window.innerWidth,\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: window.innerHeight,\n\t\t\t}\n\t\t\tif (this.containerRef) {\n\t\t\t\trect = this.containerRef.getBoundingClientRect()\n\t\t\t}\n\t\t\treturn rect\n\t\t},\n\t},\n\tmounted() {\n\t\tthis.addCloseEventHandlers()\n\t\tthis.$refs.parentMenu.style.top = this.top + 'px'\n\t\tthis.$refs.parentMenu.style.left = this.left + 'px'\n\t\tthis.moveMenuOntoScreen(this.$refs.parentMenu)\n\t},\n\tmethods: {\n\t\tisStudyActive(study) {\n\t\t\treturn study.imageData.thumbnails.some(t => this.allActiveSeriesIds.includes(t.seriesId))\n\t\t},\n\t\tstudyDotStyle(study) {\n\t\t\tconst openSeries = study.imageData.thumbnails.find(t =>\n\t\t\t\tthis.allActiveSeriesIds.includes(t.seriesId)\n\t\t\t)\n\t\t\tconst style = {}\n\t\t\tif (openSeries) {\n\t\t\t\tstyle.backgroundColor = this.$store.getters.canvasColors[openSeries.seriesId]\n\t\t\t}\n\t\t\treturn style\n\t\t},\n\t\tseriesDotStyle(seriesId) {\n\t\t\tif (!this.allActiveSeriesIds.includes(seriesId)) return\n\t\t\treturn {\n\t\t\t\tbackgroundColor: this.$store.getters.canvasColors[seriesId] || 'transparent',\n\t\t\t}\n\t\t},\n\t\taddCloseEventHandlers() {\n\t\t\tconst handleEscape = e => {\n\t\t\t\tif (e.key === 'Escape') this.$emit('close')\n\t\t\t}\n\t\t\tdocument.addEventListener('keydown', handleEscape)\n\t\t\tconst handleClick = e => {\n\t\t\t\tlet outsideClick = !this.$refs.parentMenu.contains(e.target)\n\t\t\t\tif (this.$refs.childMenu)\n\t\t\t\t\toutsideClick = outsideClick && !this.$refs.childMenu.contains(e.target)\n\t\t\t\tif (outsideClick) this.$emit('close')\n\t\t\t}\n\t\t\tconst downEvents = ['mousedown', 'touchstart', 'wheel']\n\t\t\tdownEvents.forEach(e => document.addEventListener(e, handleClick))\n\n\t\t\tthis.$once('hook:destroyed', () => {\n\t\t\t\tclearTimeout(this.hoverTimeout)\n\t\t\t\tdownEvents.forEach(e => document.removeEventListener(e, handleClick))\n\t\t\t\tdocument.removeEventListener('keydown', handleEscape)\n\t\t\t})\n\t\t},\n\t\tmoveMenuOntoScreen(menu) {\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tconst offScreenX =\n\t\t\t\t\tMath.max(0, menu.getBoundingClientRect().right - this.containerRect.right) ||\n\t\t\t\t\tMath.min(0, menu.getBoundingClientRect().left - this.containerRect.left)\n\t\t\t\tconst offScreenY =\n\t\t\t\t\tMath.max(0, menu.getBoundingClientRect().bottom - this.containerRect.bottom) ||\n\t\t\t\t\tMath.min(0, menu.getBoundingClientRect().top - this.containerRect.top)\n\t\t\t\tif (offScreenX) menu.style.left = menu.getBoundingClientRect().left - offScreenX + 'px'\n\t\t\t\tif (offScreenY) menu.style.top = menu.getBoundingClientRect().top - offScreenY + 'px'\n\t\t\t})\n\t\t},\n\t\topenChildMenu(e, study) {\n\t\t\tclearTimeout(this.hoverTimeout)\n\t\t\tthis.hoverStudy = study\n\t\t\tthis.isChildOpen = true\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tconst child = this.$refs.childMenu\n\t\t\t\tif (!child) return\n\t\t\t\tconst parentMenu = this.$refs.parentMenu.getBoundingClientRect()\n\t\t\t\tconst parentMenuItem = e.target.getBoundingClientRect()\n\t\t\t\tconst overlap = 4\n\t\t\t\tchild.style.top = parentMenuItem.top + 'px'\n\t\t\t\tconst isTooFarRight =\n\t\t\t\t\tparentMenu.right + child.offsetWidth - overlap > this.containerRect.right\n\t\t\t\tif (isTooFarRight) {\n\t\t\t\t\tconst alignedLeft = parentMenu.left - child.offsetWidth + overlap + 'px'\n\t\t\t\t\tchild.style.left = alignedLeft\n\t\t\t\t} else {\n\t\t\t\t\tconst alignedRight = parentMenu.right - overlap + 'px'\n\t\t\t\t\tchild.style.left = alignedRight\n\t\t\t\t}\n\t\t\t\tthis.moveMenuOntoScreen(this.$refs.childMenu)\n\t\t\t})\n\t\t},\n\t\topenChildMenuDelayed(e, study) {\n\t\t\tconst hoverDelay = 400\n\t\t\tclearTimeout(this.hoverTimeout)\n\t\t\tthis.hoverTimeout = setTimeout(() => {\n\t\t\t\tthis.openChildMenu(e, study)\n\t\t\t}, hoverDelay)\n\t\t},\n\t\tcloseChildMenu() {\n\t\t\tconst hideDelay = 100\n\t\t\tclearTimeout(this.hoverTimeout)\n\t\t\tthis.hoverTimeout = setTimeout(() => {\n\t\t\t\tthis.isChildOpen = false\n\t\t\t\tthis.hoverStudy = undefined\n\t\t\t}, hideDelay)\n\t\t},\n\t\tselectSeries(seriesId) {\n\t\t\tif (seriesId === this.activeSeries.seriesId || !this.hoverStudy) return\n\t\t\tthis.$emit('select', {\n\t\t\t\tstudyId: this.hoverStudy.studyId,\n\t\t\t\tseriesId,\n\t\t\t\tclinicCode: this.$route.params.clinicCode,\n\t\t\t})\n\t\t\tthis.$emit('close')\n\t\t},\n\t\tviewMpr(e) {\n\t\t\tthis.$emit('view-mpr', e)\n\t\t\tthis.$emit('close')\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '~@styles/_vars.scss';\n\n.menu-container {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.menu {\n\tdisplay: block;\n\tposition: fixed;\n\tmin-width: 150px;\n\tmax-width: 90%;\n\tbackground: var(--viewer-menu-bg);\n\tcolor: var(--menu-color);\n\tlist-style-type: none;\n\tborder: 1px solid var(--divider);\n\tborder-radius: 4px;\n\tuser-select: none;\n\tmax-height: 50vh;\n\toverflow-y: auto;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.title {\n\tfont-size: 0.75em;\n\topacity: 0.6;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.05em;\n}\n\nli.title:hover {\n\tbackground: transparent;\n}\n\nli {\n\tpadding: 0 8px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\t&:hover,\n\t&:active {\n\t\tbackground: var(--viewer-menu-item-hover-bg);\n\t}\n}\n\nli span {\n\tpadding: 4px 16px 4px 0;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\nli.child-item::after {\n\tcontent: '\\25b8';\n}\n\nli.disabled {\n\tuser-select: none;\n\tpointer-events: none;\n\t& > *:not(.no-disable) {\n\t\topacity: 0.5;\n\t}\n}\n\n.child-item {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n}\n\n.open-series-dot {\n\twidth: 10px;\n\theight: 10px;\n\tdisplay: inline-block;\n\tborder-radius: 50%;\n\tmargin-right: 6px;\n\tpadding: 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewerContextMenu.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewerContextMenu.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ViewerContextMenu.vue?vue&type=template&id=75b11672&scoped=true\"\nimport script from \"./ViewerContextMenu.vue?vue&type=script&lang=js\"\nexport * from \"./ViewerContextMenu.vue?vue&type=script&lang=js\"\nimport style0 from \"./ViewerContextMenu.vue?vue&type=style&index=0&id=75b11672&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"75b11672\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewerContextMenu.vue?vue&type=style&index=0&id=75b11672&prod&lang=scss&scoped=true\""],"sourceRoot":""}