{"version":3,"sources":["webpack:///./src/components/CineDialog.vue?18a3","webpack:///src/components/CineDialog.vue","webpack:///./src/components/CineDialog.vue?cad5","webpack:///./src/components/CineDialog.vue","webpack:///./src/components/CineDialog.vue?16e0"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","attrs","isOpen","staticClass","on","$event","preventDefault","$emit","value","isPlaying","expression","domProps","frameRate","stopPropagation","_v","_s","staticRenderFns","props","type","Boolean","required","Number","default","component"],"mappings":"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","file":"js/componentCineDialog.dbc9f756f5b9ba48cecb.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dialog',{directives:[{name:\"draggable\",rawName:\"v-draggable\"}],attrs:{\"id\":\"cine-dialog\",\"open\":_vm.isOpen}},[_c('form',{staticClass:\"no-select\",attrs:{\"id\":\"cine-dialog-form\"}},[_c('div',{staticClass:\"cine-navigation\"},[_c('div',{staticClass:\"btn-group\"},[_c('button',{staticClass:\"btn\",attrs:{\"title\":\"Previous display set\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('goto-previous-series')}}},[_c('svg-icon',{attrs:{\"icon\":\"caret-square-o-up\"}})],1),_c('button',{staticClass:\"btn\",attrs:{\"title\":\"Next display set\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('goto-next-series', 'first')}}},[_c('svg-icon',{attrs:{\"icon\":\"caret-square-o-down\"}})],1)])]),_c('div',{staticClass:\"cine-controls\"},[_c('div',{staticClass:\"btn-group\"},[_c('button',{staticClass:\"btn\",attrs:{\"title\":\"Skip to first image\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('goto-image', 'first')}}},[_c('svg-icon',{attrs:{\"icon\":\"fast-backward\"}})],1),_c('button',{staticClass:\"btn\",attrs:{\"title\":\"Previous image\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('goto-image', 'previous')}}},[_c('svg-icon',{attrs:{\"icon\":\"step-backward\"}})],1),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPlaying),expression:\"!isPlaying\"}],staticClass:\"btn\",attrs:{\"title\":\"Play / Stop\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('play-clip')}}},[_c('svg-icon',{attrs:{\"icon\":\"play\"}})],1),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPlaying),expression:\"isPlaying\"}],staticClass:\"btn\",attrs:{\"title\":\"Play / Stop\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('pause-clip')}}},[_c('svg-icon',{attrs:{\"icon\":\"pause\"}})],1),_c('button',{staticClass:\"btn\",attrs:{\"title\":\"Next image\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('goto-image', 'next')}}},[_c('svg-icon',{attrs:{\"icon\":\"step-forward\"}})],1),_c('button',{staticClass:\"btn\",attrs:{\"title\":\"Skip to last image\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('goto-image', 'last')}}},[_c('svg-icon',{attrs:{\"icon\":\"fast-forward\"}})],1)])]),_c('div',{staticClass:\"cine-options\"},[_c('div',{staticClass:\"fps-section\"},[_c('div',{staticClass:\"wrapperLabel form-group\",attrs:{\"data-key\":\"framesPerSecond\"}},[_c('span',{staticClass:\"wrapperText\"}),_c('input',{staticClass:\"form-control allow-keybinds\",attrs:{\"type\":\"range\",\"min\":\"1\",\"max\":\"90\",\"maxlength\":\"90\"},domProps:{\"value\":_vm.frameRate},on:{\"change\":function($event){return _vm.$emit('framerate-change', $event)},\"input\":function($event){return _vm.$emit('framerate-change', $event)},\"mousedown\":function($event){$event.stopPropagation();},\"touchstart\":function($event){$event.stopPropagation();}}})])]),_c('span',{attrs:{\"id\":\"fps\"}},[_vm._v(_vm._s(_vm.frameRate)+\" fps\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<dialog id=\"cine-dialog\" v-draggable :open=\"isOpen\">\n\t\t<form id=\"cine-dialog-form\" class=\"no-select\">\n\t\t\t<div class=\"cine-navigation\">\n\t\t\t\t<div class=\"btn-group\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Previous display set\"\n\t\t\t\t\t\t@click.prevent=\"$emit('goto-previous-series')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"caret-square-o-up\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Next display set\"\n\t\t\t\t\t\t@click.prevent=\"$emit('goto-next-series', 'first')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"caret-square-o-down\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"cine-controls\">\n\t\t\t\t<div class=\"btn-group\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Skip to first image\"\n\t\t\t\t\t\t@click.prevent=\"$emit('goto-image', 'first')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"fast-backward\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Previous image\"\n\t\t\t\t\t\t@click.prevent=\"$emit('goto-image', 'previous')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"step-backward\" />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<!-- Play/pause -->\n\t\t\t\t\t<button\n\t\t\t\t\t\tv-show=\"!isPlaying\"\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Play / Stop\"\n\t\t\t\t\t\t@click.prevent=\"$emit('play-clip')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"play\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tv-show=\"isPlaying\"\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Play / Stop\"\n\t\t\t\t\t\t@click.prevent=\"$emit('pause-clip')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"pause\" />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<button class=\"btn\" title=\"Next image\" @click.prevent=\"$emit('goto-image', 'next')\">\n\t\t\t\t\t\t<svg-icon icon=\"step-forward\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\ttitle=\"Skip to last image\"\n\t\t\t\t\t\t@click.prevent=\"$emit('goto-image', 'last')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg-icon icon=\"fast-forward\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"cine-options\">\n\t\t\t\t<div class=\"fps-section\">\n\t\t\t\t\t<div class=\"wrapperLabel form-group\" data-key=\"framesPerSecond\">\n\t\t\t\t\t\t<span class=\"wrapperText\"></span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\t\tclass=\"form-control allow-keybinds\"\n\t\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\t\tmax=\"90\"\n\t\t\t\t\t\t\tmaxlength=\"90\"\n\t\t\t\t\t\t\t:value=\"frameRate\"\n\t\t\t\t\t\t\t@change=\"$emit('framerate-change', $event)\"\n\t\t\t\t\t\t\t@input=\"$emit('framerate-change', $event)\"\n\t\t\t\t\t\t\t@mousedown.stop\n\t\t\t\t\t\t\t@touchstart.stop\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<span id=\"fps\">{{ frameRate }} fps</span>\n\t\t\t</div>\n\t\t</form>\n\t</dialog>\n</template>\n\n<script>\nexport default {\n\tname: 'CineDialog',\n\tprops: {\n\t\tisOpen: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t\tisPlaying: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t\tframeRate: {\n\t\t\ttype: Number,\n\t\t\tdefault: 30,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '~@styles/_vars.scss';\n\n#cine-dialog {\n\tposition: absolute;\n\ttop: 100px;\n\tleft: 5px;\n\tmargin: 0;\n\tz-index: map-get($zindex, viewerDialog);\n\twidth: 300px;\n\tpadding: 0;\n\toverflow: hidden;\n\tcursor: move;\n\tzoom: 1;\n\tbackground: var(--secondary-bg);\n\tborder: 1px solid var(--secondary-border);\n\tborder-radius: 8px;\n\tbox-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n}\n\n#cine-dialog-form {\n\ttop: 2%;\n\tleft: 35%;\n\tbox-sizing: border-box;\n\twidth: 300px;\n\theight: 80px;\n\tpadding: 10px;\n}\n\n.cine-navigation {\n\tposition: absolute;\n\ttop: 4px;\n\tright: 4px;\n\tcursor: default;\n}\n\n.cine-controls {\n\tleft: 0;\n\tcursor: default;\n\tmargin-bottom: 5px;\n}\n\n.cine-options {\n\tpadding: 0 0;\n\tcursor: default;\n\n\t.fps-section {\n\t\tfloat: left;\n\t\twidth: 175px;\n\t}\n\n\tinput {\n\t\tmax-width: 100%; // IE\n\t}\n\n\t#fps {\n\t\tcolor: var(--primary-label);\n\t\tfloat: right;\n\t\tpadding: 5px 10px 0 0;\n\t}\n}\n\n.btn {\n\tcolor: var(--primary-label);\n\tbackground: transparent;\n\tpadding: 4px 6px;\n\tmargin-bottom: 0;\n\tfont-size: 14px;\n\tfont-weight: normal;\n\tline-height: 1.42857143;\n\ttext-align: center;\n\twhite-space: nowrap;\n\tvertical-align: middle;\n\t-ms-touch-action: manipulation;\n\ttouch-action: manipulation;\n\tcursor: pointer;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tbackground-image: none;\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\t&:hover {\n\t\tbackground: var(--button-default-bg-hover);\n\t}\n\t& .icon {\n\t\topacity: 1;\n\t\tmargin: 0;\n\t}\n}\n\n.btn-group {\n\tposition: relative;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\n\t& > .btn {\n\t\tposition: relative;\n\t\tfloat: left;\n\t}\n\n\t& > .btn:first-child {\n\t\tmargin-left: 0;\n\t}\n}\n\n.no-select {\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\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!./CineDialog.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!./CineDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CineDialog.vue?vue&type=template&id=ac4fd964&scoped=true\"\nimport script from \"./CineDialog.vue?vue&type=script&lang=js\"\nexport * from \"./CineDialog.vue?vue&type=script&lang=js\"\nimport style0 from \"./CineDialog.vue?vue&type=style&index=0&id=ac4fd964&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  \"ac4fd964\",\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!./CineDialog.vue?vue&type=style&index=0&id=ac4fd964&prod&lang=scss&scoped=true\""],"sourceRoot":""}