{"version":3,"sources":["webpack:///./src/components/User_CameraDialog.vue?0d25","webpack:///src/components/User_CameraDialog.vue","webpack:///./src/components/User_CameraDialog.vue?1788","webpack:///./src/components/User_CameraDialog.vue","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./src/components/User_CameraDialog.vue?3a7f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","showCamDial","on","$event","_v","ref","deviceId","onCameras","onError","onStarted","onStopped","onCameraChange","staticStyle","onCapture","devices","length","onSwitchCamera","onToggleTorch","showCaptured","captured","_e","saveClose","staticRenderFns","component","$","$findIndex","findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","Array","target","proto","forced","callbackfn","arguments","undefined"],"mappings":"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","file":"js/chunk-6e8351ad.bdcf9224.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('md-dialog',{attrs:{\"md-active\":_vm.showCamDial},on:{\"update:mdActive\":function($event){_vm.showCamDial=$event},\"update:md-active\":function($event){_vm.showCamDial=$event}}},[_c('md-dialog-title',[_vm._v(\"Bild aufnehmen\")]),_c('md-dialog-content',[_c('vue-web-cam',{ref:\"webcam\",attrs:{\"id\":\"cam\",\"device-id\":_vm.deviceId,\"width\":\"100%\"},on:{\"cameras\":_vm.onCameras,\"error\":_vm.onError,\"started\":_vm.onStarted,\"stopped\":_vm.onStopped,\"camera-change\":_vm.onCameraChange}}),_c('span',{ref:\"errormsg\",staticStyle:{\"font-weight\":\"bold\",\"color\":\"red\"},attrs:{\"id\":\"errormsg\"}})],1),_c('md-dialog-actions',[_c('div',{staticClass:\"camActions\"},[_c('md-button',{staticClass:\"md-raised md-accent\",attrs:{\"disabled\":!_vm.deviceId},on:{\"click\":_vm.onCapture}},[_c('md-icon',[_vm._v(\"camera\")])],1),_c('md-button',{staticClass:\"md-raised\",attrs:{\"disabled\":!_vm.devices || _vm.devices.length <= 1},on:{\"click\":_vm.onSwitchCamera}},[_c('md-icon',[_vm._v(\"camera_front\")]),_c('md-icon',[_vm._v(\"camera_rear\")])],1),_c('md-button',{staticClass:\"md-raised\",attrs:{\"disabled\":!_vm.deviceId},on:{\"click\":_vm.onToggleTorch}},[(_vm.flash)?_c('md-icon',[_vm._v(\"flash_on\")]):_c('md-icon',[_vm._v(\"flash_off\")])],1)],1)])],1),_c('md-dialog',{attrs:{\"md-active\":_vm.showCaptured},on:{\"update:mdActive\":function($event){_vm.showCaptured=$event},\"update:md-active\":function($event){_vm.showCaptured=$event}}},[_c('md-dialog-title',[_vm._v(\"Aufgenommenes Bild:\")]),_c('md-dialog-content',[_c('figure',{staticClass:\"figure\"},[(_vm.showCaptured)?_c('img',{staticClass:\"img-responsive\",attrs:{\"src\":_vm.captured,\"alt\":\"Das neu aufgenommene Bild.\"}}):_vm._e()])]),_c('md-dialog-actions',[_c('md-button',{staticClass:\"md-primary\",attrs:{\"to\":\"\"},on:{\"click\":function($event){_vm.showCaptured = false}}},[_vm._v(\"Nochmal\")]),_c('md-button',{staticClass:\"md-raised md-primary\",attrs:{\"to\":\"\"},on:{\"click\":function($event){return _vm.saveClose()}}},[_vm._v(\"Speichern\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container\">\n        <md-dialog :md-active.sync=\"showCamDial\">\n            <md-dialog-title>Bild aufnehmen</md-dialog-title>\n            <md-dialog-content>\n                <vue-web-cam\n                    id=\"cam\"\n                    ref=\"webcam\"\n                    :device-id=\"deviceId\"\n                    width=\"100%\"\n                    @cameras=\"onCameras\"\n                    @error=\"onError\"\n                    @started=\"onStarted\"\n                    @stopped=\"onStopped\"\n                    @camera-change=\"onCameraChange\"\n                />\n                <span id=\"errormsg\" ref=\"errormsg\" style=\"font-weight: bold; color: red\"></span>\n            </md-dialog-content>\n            <md-dialog-actions>\n                <div class=\"camActions\">\n                    <md-button :disabled=\"!deviceId\" class=\"md-raised md-accent\" @click=\"onCapture\">\n                        <md-icon>camera</md-icon>\n                    </md-button>\n                    <md-button :disabled=\"!devices || devices.length <= 1\" class=\"md-raised\" @click=\"onSwitchCamera\">\n                        <md-icon>camera_front</md-icon>\n                        <md-icon>camera_rear</md-icon>\n                    </md-button>\n                    <md-button :disabled=\"!deviceId\" class=\"md-raised\" @click=\"onToggleTorch\">\n                        <md-icon v-if=\"flash\">flash_on</md-icon>\n                        <md-icon v-else>flash_off</md-icon>\n                    </md-button>\n                </div>\n            </md-dialog-actions>\n        </md-dialog>\n\n        <md-dialog :md-active.sync=\"showCaptured\">\n            <md-dialog-title>Aufgenommenes Bild:</md-dialog-title>\n            <md-dialog-content>\n                <figure class=\"figure\">\n                    <img v-if=\"showCaptured\" :src=\"captured\" alt=\"Das neu aufgenommene Bild.\" class=\"img-responsive\"/>\n                </figure>\n            </md-dialog-content>\n            <md-dialog-actions>\n                <md-button class=\"md-primary\" to=\"\" v-on:click=\"showCaptured = false\">Nochmal</md-button>\n                <md-button class=\"md-raised md-primary\" to=\"\" v-on:click=\"saveClose()\">Speichern</md-button>\n            </md-dialog-actions>\n        </md-dialog>\n    </div>\n</template>\n\n<style lang=\"scss\" scoped>\n#cam {\n    width: fit-content;\n    max-width: 100%;\n}\n\ndiv.container {\n    width: fit-content;\n}\n\ndiv.camActions {\n    width: 100%;\n    height: fit-content;\n    align-content: center;\n    text-align: center;\n}\n\ndiv.spacer {\n    margin-top: 10px;\n    position: relative;\n}\n\n.md-toolbar {\n    height: 30px;\n    width: 100%;\n    position: fixed;\n    bottom: 0;\n    margin-bottom: 0;\n}\n</style>\n\n<script>\nexport default {\n    name: \"User_CameraDialog\",\n    components: {},\n    props: {\n        active: Boolean,\n        img: Object,\n    },\n    data() {\n        return {\n            showCaptured: false,\n            camera: null,\n            deviceId: null,\n            devices: [],\n            showCamDial: false,\n            captured: undefined,\n            flash: false,\n            stream: undefined,\n        };\n    },\n    computed: {},\n    watch: {\n        active: function (newVal) {\n            if (newVal) {\n                this.showCamDial = true;\n            }\n        },\n        camera: function (id) {\n            this.deviceId = id;\n        },\n        devices: function () {\n            let first;\n            if (!this.devices) {\n                return;\n            }\n            first = this.devices[0];\n            if (first) {\n                this.camera = first.deviceId;\n                this.deviceId = first.deviceId;\n            }\n        },\n    },\n    methods: {\n        /**\n         * Capture image\n         */\n        onCapture() {\n            this.captured = this.$refs.webcam.capture();\n            this.showCaptured = true\n        },\n        /**\n         * To be called when cam was started.\n         * @param stream\n         */\n        onStarted(stream) {\n            console.log(\"On Started Event\", stream);\n            this.stream = stream;\n        },\n        /**\n         * To be called when cam was stopped.\n         * @param stream\n         */\n        onStopped(stream) {\n            console.log(\"On Stopped Event\", stream);\n        },\n        /**\n         * Stop camera\n         */\n        onStop() {\n            this.$refs.webcam.stop();\n        },\n        /**\n         * Start camera\n         */\n        onStart() {\n            this.$refs.webcam.start();\n        },\n        /**\n         * Switch camera\n         */\n        onSwitchCamera() {\n            let idx;\n            this.onStop();\n            idx = this.devices.findIndex(n => n.deviceId === this.deviceId);\n            idx = (idx + 1) % this.devices.length;\n            if (this.deviceId === this.devices[idx].deviceId) {\n                this.onStart()\n            } else {\n                this.camera = this.devices[idx].deviceId;\n                this.deviceId = this.devices[idx].deviceId\n            }\n        },\n        onToggleTorch() {\n            let track = this.stream.getVideoTracks()[0]\n            let t = !this.flash\n\n            track.applyConstraints({\n                advanced: [{torch: t}]\n            })\n\n            this.flash = t\n        },\n        /**\n         * To be called on error.\n         * @param error\n         */\n        onError(error) {\n            console.log(\"On Error Event\", error);\n            this.$refs.errormsg.innerHTML = \"<br>Kamera nicht gefunden!\"\n        },\n        /**\n         * To be called on cameras found.\n         * @param cameras\n         */\n        onCameras(cameras) {\n            this.devices = cameras;\n            console.log(\"On Cameras Event\", cameras);\n            this.onStart()\n        },\n        /**\n         * To be called on camera changed\n         * @param deviceId\n         */\n        onCameraChange(deviceId) {\n            this.deviceId = deviceId;\n            this.camera = deviceId;\n            console.log(\"On Camera Change Event\", deviceId);\n        },\n        /**\n         * Save image and close dialogs\n         */\n        saveClose() {\n            this.onStop();\n            this.img.data = this.captured;\n            this.showCaptured = false;\n            this.showCamDial = false;\n            this.$emit(\"onNewImage\")\n        }\n    }\n};\n</script>\n\n<!-- TODO: Prinzip aus All_LoginDialog übernehmen -->\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!./User_CameraDialog.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!./User_CameraDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./User_CameraDialog.vue?vue&type=template&id=33755e2e&scoped=true&\"\nimport script from \"./User_CameraDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./User_CameraDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./User_CameraDialog.vue?vue&type=style&index=0&id=33755e2e&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  \"33755e2e\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./User_CameraDialog.vue?vue&type=style&index=0&id=33755e2e&lang=scss&scoped=true&\""],"sourceRoot":""}