{"version":3,"sources":["webpack:///./src/components/Partner_PAW_Picset_edit.vue?7a6a","webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./src/helpers/openCV_communicator.js","webpack:///./src/components/Partner_PAW_Picset_edit_cropdialog.vue?bd2a","webpack:///src/components/Partner_PAW_Picset_edit_cropdialog.vue","webpack:///./src/components/Partner_PAW_Picset_edit_cropdialog.vue?0074","webpack:///./src/components/Partner_PAW_Picset_edit_cropdialog.vue","webpack:///src/components/Partner_PAW_Picset_edit.vue","webpack:///./src/components/Partner_PAW_Picset_edit.vue?73f6","webpack:///./src/components/Partner_PAW_Picset_edit.vue","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///./src/components/Partner_PAW_Picset_edit.vue?3f77","webpack:///./node_modules/core-js/modules/es.array.fill.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_s","footSide","step","STEPS","ROTATE","id","staticClass","title","on","$event","turnImage","rotate","foot","style","rotation","data","imprint","stepForward","_e","CROP","openCropDialog","crop","croppedFoot","croppedImprint","stepBackwards","croppingDone","FOOTDETECTION","footdetection","overlay","original","detected","staticStyle","ref","directives","name","rawName","value","ycrcb","expression","domProps","runFootDetection","$set","target","minY","maxY","AMPLIFYING","amplifying","cutout","contrast","threshold","drawThreshold","thresh1min","model","callback","$$v","PREVIEW","cropped_data","send","abortEdit","cropDialog","staticRenderFns","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps","prototype","CVH","event","msg","_status","Promise","res","rej","worker","postMessage","interval","setInterval","status","clearInterval","path","Worker","onmessage","e","console","log","onerror","_dispatch","payload","window","location","pathname","active","onCropDialogOpened","onClose","manualReset","closeCropDialog","component","thresh1","parseInt","thresh1Max","t","$router","push","$store","dispatch","getImageDimensions","toObject","toAbsoluteIndex","toLength","module","exports","O","argumentsLength","arguments","index","undefined","end","endPos","$","fill","addToUnscopables","proto"],"mappings":"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","file":"js/chunk-6a85a674.a93344dc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"secure\"}},[_c('h1',[_vm._v(\"Bilder \"+_vm._s(_vm.footSide)+\" bearbeiten\")]),(_vm.step === _vm.STEPS.ROTATE.id)?_c('div',{staticClass:\"md-layout md-alignment-top-center\"},[_c('md-card',{staticClass:\"md-layout-item md-size-70 md-small-size-90\"},[_c('md-card-header',[_c('div',{staticClass:\"md-title\"},[_vm._v(_vm._s(_vm.STEPS.ROTATE.title))])]),_c('md-card-content',{staticClass:\"md-layout md-gutter\"},[_c('div',{staticClass:\"md-layout-item md-size-100 md-layout md-alignment-center-center\"},[_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('h2',[_vm._v(\"Fuß\")]),_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":function($event){return _vm.turnImage(_vm.rotate.foot)}}},[_c('md-icon',[_vm._v(\"rotate_right\")])],1)],1),_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('img',{staticClass:\"finalImage\",style:('transform: rotate(' + _vm.rotate.foot.rotation + 'deg);'),attrs:{\"src\":_vm.rotate.foot.data}})])]),_c('div',{staticClass:\"md-layout-item md-size-100 md-layout md-alignment-center-center\"},[_c('br')]),_c('div',{staticClass:\"md-layout-item md-size-100 md-layout md-alignment-center-center\"},[_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('h2',[_vm._v(\"Abdruck\")]),_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":function($event){return _vm.turnImage(_vm.rotate.imprint)}}},[_c('md-icon',[_vm._v(\"rotate_right\")])],1)],1),_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('img',{staticClass:\"finalImage\",style:('transform: rotate(' + _vm.rotate.imprint.rotation + 'deg);'),attrs:{\"src\":_vm.rotate.imprint.data}})])])]),_c('md-card-actions',[_c('md-button',{staticClass:\"md-raised md-primary\",attrs:{\"disabled\":false},on:{\"click\":function($event){return _vm.stepForward()}}},[_vm._v(\" Weiter \")])],1)],1)],1):_vm._e(),(_vm.step === _vm.STEPS.CROP.id)?_c('div',{staticClass:\"md-layout md-alignment-top-center\"},[_c('md-card',{staticClass:\"md-layout-item md-size-70 md-small-size-90\"},[_c('md-card-header',[_c('div',{staticClass:\"md-title\"},[_vm._v(_vm._s(_vm.STEPS.CROP.title))])]),_c('md-card-content',{staticClass:\"md-layout md-gutter\"},[_c('div',{staticClass:\"md-layout-item md-size-100 md-layout md-alignment-center-center\"},[_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('h2',[_vm._v(\"Fuß\")]),_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":function($event){return _vm.openCropDialog(_vm.crop.foot)}}},[_c('md-icon',[_vm._v(\"crop\")])],1)],1),_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.croppedFoot}})])]),_c('div',{staticClass:\"md-layout-item md-size-100 md-layout md-alignment-center-center\"},[_c('br')]),_c('div',{staticClass:\"md-layout-item md-size-100 md-layout md-alignment-center-center\"},[_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('h2',[_vm._v(\"Abdruck\")]),_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":function($event){return _vm.openCropDialog(_vm.crop.imprint)}}},[_c('md-icon',[_vm._v(\"crop\")])],1)],1),_c('div',{staticClass:\"md-layout-item md-size-25 md-small-size-100\"},[_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.croppedImprint}})])])]),_c('md-card-actions',[_c('md-button',{staticClass:\"md-raised md-primary\",on:{\"click\":function($event){return _vm.stepBackwards()}}},[_vm._v(\" Zurück \")]),_c('md-button',{staticClass:\"md-raised md-primary\",attrs:{\"disabled\":!_vm.croppingDone},on:{\"click\":function($event){return _vm.stepForward()}}},[_vm._v(\" Weiter \")])],1)],1)],1):_vm._e(),(_vm.step === _vm.STEPS.FOOTDETECTION.id)?_c('div',{staticClass:\"md-layout md-alignment-top-center\"},[_c('md-card',{staticClass:\"md-layout-item md-size-70 md-small-size-90\"},[_c('md-card-header',[_c('div',{staticClass:\"md-title\"},[_vm._v(_vm._s(_vm.STEPS.FOOTDETECTION.title))])]),_c('md-card-content',{staticClass:\"md-layout md-gutter md-centered md-alignment-bottom-center\"},[_c('div',{staticClass:\"md-layout-item md-size-33 md-small-size-100\"},[_c('h2',[_vm._v(\"Überlagerte Bilder\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.footdetection.overlay.data,\"alt\":\"Übereinandergelegte Bilder von Fuß und Abdruck\"}})]),_c('div',{staticClass:\"md-layout-item md-size-33 md-small-size-100\"},[_c('h2',[_vm._v(\"Originales Fußbild\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.footdetection.original.foot.data,\"alt\":\"Originalbild vom Fuß\"}})]),_c('div',{staticClass:\"md-layout-item md-size-33 md-small-size-100\"},[_c('h2',[_vm._v(\"Nach Anwendung der YCrCb-Parameter\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.footdetection.detected.data,\"alt\":\"Bild nach Anwendung des YCrCb-Algorithmus\"}})]),_c('div',{staticClass:\"md-layout-item md-size-75 md-small-size-100\"},[_c('br'),_c('h2',[_vm._v(\"YCrCb-Parameter\")]),_c('table',{staticStyle:{\"border\":\"none\",\"width\":\"100%\"}},[_c('tr',[_c('td',[_c('label',{ref:\"label_minY\",attrs:{\"id\":\"label_minY\",\"for\":\"slider_minY\"}},[_vm._v(\"minY\")])]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.footdetection.ycrcb.minY),expression:\"footdetection.ycrcb.minY\"}],ref:\"slider_minY\",staticStyle:{\"width\":\"100%\"},attrs:{\"id\":\"slider_minY\",\"type\":\"range\",\"min\":\"0\",\"max\":\"255\"},domProps:{\"value\":(_vm.footdetection.ycrcb.minY)},on:{\"input\":_vm.runFootDetection,\"__r\":function($event){return _vm.$set(_vm.footdetection.ycrcb, \"minY\", $event.target.value)}}})]),_c('td',[_c('span',{ref:\"value_minY\",attrs:{\"id\":\"value_minY\"}},[_vm._v(_vm._s(_vm.footdetection.ycrcb.minY))])])]),_c('tr',[_c('td',[_c('label',{ref:\"label_maxY\",attrs:{\"id\":\"label_maxY\",\"for\":\"slider_maxY\"}},[_vm._v(\"maxY\")])]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.footdetection.ycrcb.maxY),expression:\"footdetection.ycrcb.maxY\"}],ref:\"slider_maxY\",staticStyle:{\"width\":\"100%\"},attrs:{\"id\":\"slider_maxY\",\"type\":\"range\",\"min\":\"0\",\"max\":\"255\"},domProps:{\"value\":(_vm.footdetection.ycrcb.maxY)},on:{\"input\":_vm.runFootDetection,\"__r\":function($event){return _vm.$set(_vm.footdetection.ycrcb, \"maxY\", $event.target.value)}}})]),_c('td',[_c('span',{ref:\"value_maxY\",attrs:{\"id\":\"value_maxY\"}},[_vm._v(_vm._s(_vm.footdetection.ycrcb.maxY))])])])]),_c('br'),_c('br')])]),_c('md-card-actions',[_c('md-button',{staticClass:\"md-raised md-primary\",on:{\"click\":function($event){return _vm.stepBackwards()}}},[_vm._v(\" Zurück \")]),_c('md-button',{staticClass:\"md-raised md-primary\",attrs:{\"disabled\":false},on:{\"click\":function($event){return _vm.stepForward()}}},[_vm._v(\" Weiter \")])],1)],1)],1):_vm._e(),(_vm.step === _vm.STEPS.AMPLIFYING.id)?_c('div',{staticClass:\"md-layout md-alignment-top-center\"},[_c('md-card',{staticClass:\"md-layout-item md-size-70 md-small-size-90\"},[_c('md-card-header',[_c('div',{staticClass:\"md-title\"},[_vm._v(_vm._s(_vm.STEPS.AMPLIFYING.title))])]),_c('md-card-content',{staticClass:\"md-layout md-gutter md-centered md-alignment-bottom-center\"},[_c('div',{staticClass:\"md-layout-item md-size-33 md-small-size-100\"},[_c('h2',[_vm._v(\"Ausgeschnittener Fuß (YCrCb)\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.amplifying.cutout.data}})]),_c('div',{staticClass:\"md-layout-item md-size-33 md-small-size-100\"},[_c('h2',[_vm._v(\"Kontrastverstärkter Abdruck\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.amplifying.contrast.data}})]),_c('div',{staticClass:\"md-layout-item md-size-33 md-small-size-100\"},[_c('h2',[_vm._v(\"THRESHOLD\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.amplifying.threshold.data}})]),_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"REGLER Threshold\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.amplifying.threshold.thresh1min),expression:\"amplifying.threshold.thresh1min\"}],ref:\"slider_thres1\",staticStyle:{\"width\":\"50%\"},attrs:{\"id\":\"slider_thres1\",\"type\":\"range\",\"min\":\"0\",\"max\":\"255\"},domProps:{\"value\":(_vm.amplifying.threshold.thresh1min)},on:{\"input\":function($event){return _vm.drawThreshold()},\"__r\":function($event){return _vm.$set(_vm.amplifying.threshold, \"thresh1min\", $event.target.value)}}}),_c('span',{ref:\"value_thres1\",attrs:{\"id\":\"value_thres1\"}},[_vm._v(_vm._s(_vm.amplifying.threshold.thresh1min))]),_c('br')]),_c('div',{staticClass:\"md-layout-item md-size-50\"},[_c('h2',[_vm._v(\"Welche Bilder sollen für den Download erzeugt werden?\")]),_c('div',[_c('table',{attrs:{\"width\":\"50%\"}},[_c('tr',{staticClass:\"hide_all\"},[_c('td',[_c('md-switch',{model:{value:(_vm.amplifying.cutout.selected),callback:function ($$v) {_vm.$set(_vm.amplifying.cutout, \"selected\", $$v)},expression:\"amplifying.cutout.selected\"}},[_vm._v(\"Ausgeschnittenener Abdruck\")])],1),_c('td',[_c('md-switch',{model:{value:(_vm.amplifying.contrast.selected),callback:function ($$v) {_vm.$set(_vm.amplifying.contrast, \"selected\", $$v)},expression:\"amplifying.contrast.selected\"}},[_vm._v(\"Contrast\")])],1),_c('td',[_c('md-switch',{model:{value:(_vm.amplifying.threshold.selected),callback:function ($$v) {_vm.$set(_vm.amplifying.threshold, \"selected\", $$v)},expression:\"amplifying.threshold.selected\"}},[_vm._v(\"Threshold\")])],1)])])])])]),_c('md-card-actions',[_c('md-button',{staticClass:\"md-raised md-primary\",on:{\"click\":function($event){return _vm.stepBackwards()}}},[_vm._v(\" Zurück \")]),_c('md-button',{staticClass:\"md-raised md-primary\",attrs:{\"disabled\":false},on:{\"click\":function($event){return _vm.stepForward()}}},[_vm._v(\" Weiter \")])],1)],1)],1):_vm._e(),(_vm.step === _vm.STEPS.PREVIEW.id)?_c('div',{staticClass:\"md-layout md-alignment-top-center\"},[_c('md-card',{staticClass:\"md-layout-item md-size-70 md-small-size-90\"},[_c('md-card-header',[_c('div',{staticClass:\"md-title\"},[_vm._v(_vm._s(_vm.STEPS.PREVIEW.title))])]),_c('md-card-content',{staticClass:\"md-layout md-gutter md-centered md-alignment-bottom-center\"},[_c('div',{staticClass:\"md-layout-item md-size-100\"},[_vm._v(\" Folgende Bilder werden für Dich in hoher Qualität berechnet. \"),_c('br'),_vm._v(\" Im Anschluss kannst Du das alles als PDF herunterladen. \")]),_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"Gedrehtes & Entzerrtes Fußbild\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.crop.foot.cropped_data}})]),_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"Gedrehtes & Entzerrtes Abdruckbild\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.crop.imprint.cropped_data}})]),_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"Mit Fuß überlagerter Abdruck\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.footdetection.overlay.data}})]),(_vm.amplifying.cutout.selected)?_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"Freigestellter Fuß\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.amplifying.cutout.data}})]):_vm._e(),(_vm.amplifying.contrast.selected)?_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"Kontrastverstärkter Abdruck\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.amplifying.contrast.data}})]):_vm._e(),(_vm.amplifying.threshold.selected)?_c('div',{staticClass:\"md-layout-item md-size-100\"},[_c('h2',[_vm._v(\"THRESHOLD\")]),_c('img',{staticClass:\"finalImage\",attrs:{\"src\":_vm.amplifying.threshold.data}})]):_vm._e()]),_c('md-card-actions',[_c('md-button',{staticClass:\"md-raised md-primary\",on:{\"click\":function($event){return _vm.stepBackwards()}}},[_vm._v(\" Zurück \")]),_c('md-button',{staticClass:\"md-raised md-primary\",attrs:{\"disabled\":false},on:{\"click\":function($event){return _vm.send()}}},[_vm._v(\" Senden \")])],1)],1)],1):_vm._e(),_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":function($event){return _vm.abortEdit()}}},[_vm._v(\"Abbrechen\")]),_c('crop-dialog',{attrs:{\"crop\":_vm.crop.cropDialog},on:{\"update:crop\":function($event){return _vm.$set(_vm.crop, \"cropDialog\", $event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","class CVH {\n    /**\n     * We will use this method privately to communicate with the worker and\n     * return a promise with the result of the event. This way we can call\n     * the worker asynchronously.\n     */\n    _dispatch(event) {\n        const {msg} = event\n\n        // Signaling that opencv is currently busy\n        if(this._status && this._status[msg] && this._status[msg][0] === 'loading')\n            return new Promise((res, rej) => {\n                rej(\"still working\")\n            })\n\n        this._status[msg] = ['loading']\n        this.worker.postMessage(event)\n        return new Promise((res, rej) => {\n            let interval = setInterval(() => {\n                const status = this._status[msg]\n                if (status) {\n                    if (status[0] === 'done')\n                        res(status[1])\n                    if (status[0] === 'error')\n                        rej(status[1])\n                    if (status[0] !== 'loading') {\n                        delete this._status[msg]\n                        clearInterval(interval)\n                    }\n                } else {\n                    clearInterval(interval)\n                }\n            }, 50)\n        })\n    }\n\n    /**\n     * First, we will load the worker and capture the onmessage\n     * and onerror events to always know the status of the event\n     * we have triggered.\n     *\n     * Then, we are going to call the 'load' event, as we've just\n     * implemented it so that the worker can capture it.\n     */\n\n    load() {\n        this._status = {}\n        const path = '/js/opencv/opencv.worker.js'\n        this.worker = new Worker(path) // load worker\n        // Capture events and save [status, event] inside the _status object\n        this.worker.onmessage = (e) => {\n            if(e.data.msg === \"error\"){\n                console.log(\"openCV: error --> exit!\")\n                //console.log(this._status)\n                //console.log(e)\n                /*\n                console.log(\"restarting opencv\")\n                this._status = {}\n                const path = '/js/opencv/opencv.worker.js'\n                this.worker = new Worker(path) // load worker\n                this._dispatch({msg: 'load', payload: window.location.pathname})\n                */\n            } else {\n                this._status[e.data.msg] = ['done', e]\n            }\n        }\n        this.worker.onerror = (e) => {this._status[e.data.msg] = ['error', e]}\n\n        return this._dispatch({msg: 'load', payload: window.location.pathname})\n    }\n\n    /**\n     * We are going to use the _dispatch event we created before to\n     * call the postMessage with the msg and the image as payload.\n     *\n     * Thanks to what we've implemented in the _dispatch, this will\n     * return a promise with the processed image.\n     */\n    imageProcessing(payload) {\n        return this._dispatch({msg: 'imageProcessing', payload})\n    }\n}\n\nexport default new CVH();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('md-dialog',{staticClass:\"md-size-50\",attrs:{\"md-active\":_vm.crop.active,\"md-click-outside-to-close\":false,\"md-close-on-esc\":false},on:{\"update:mdActive\":function($event){return _vm.$set(_vm.crop, \"active\", $event)},\"update:md-active\":function($event){return _vm.$set(_vm.crop, \"active\", $event)},\"md-opened\":_vm.onCropDialogOpened,\"md-closed\":_vm.onClose}},[_c('md-dialog-title',[_vm._v(\" Detailansicht & Punkte schieben \")]),_c('md-dialog-content',[_c('div',{ref:\"canvascontainer\"})]),_c('md-dialog-actions',[_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":_vm.manualReset}},[_vm._v(\"Zurücksetzen!\")]),_c('md-button',{staticClass:\"md-raised md-accent\",on:{\"click\":function($event){_vm.crop.active = false}}},[_vm._v(\"Abbrechen!\")]),_c('md-button',{staticClass:\"md-raised\",on:{\"click\":function($event){return _vm.closeCropDialog()}}},[_vm._v(\"Speichern!\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <md-dialog :md-active.sync=\"crop.active\" :md-click-outside-to-close=\"false\" :md-close-on-esc=\"false\" @md-opened=\"onCropDialogOpened\" @md-closed=\"onClose\" class=\"md-size-50\">\n        <md-dialog-title>\n            Detailansicht & Punkte schieben\n        </md-dialog-title>\n        <md-dialog-content>\n            <div ref=\"canvascontainer\" >\n            </div>\n        </md-dialog-content>\n        <md-dialog-actions>\n            <md-button class=\"md-raised md-accent\" v-on:click=\"manualReset\">Zurücksetzen!</md-button>\n            <md-button class=\"md-raised md-accent\" v-on:click=\"crop.active = false\">Abbrechen!</md-button>\n            <md-button class=\"md-raised\" v-on:click=\"closeCropDialog()\">Speichern!</md-button>\n        </md-dialog-actions>\n    </md-dialog>\n</template>\n\n<script>\nimport cv_comm from \"@/helpers/openCV_communicator\";\nconst canvasOffset = 15 // in pixels\nconst dotDimension = 15 // in pixels\n\nexport default {\n    name: \"Partner_PAW_Picset_edit_cropdialog\",\n    props: {\n        crop: {\n            active: Boolean,\n            target: {\n                data: null,\n                imgobj: null,\n                cropped_data: null,\n                cropped_imgobj: null,\n                width: 0,\n                height: 0,\n                done: false,\n                canvas: null,\n                dots: [],\n                upper_mags: {},\n                lower_mags: {},\n            },\n            autoclose: Boolean,\n        },\n    },\n    mounted() {\n\n    },\n    data: () => ({\n        dots: []\n    }),\n    computed: {\n        upper_mags: function () { return this.crop.target.upper_mags },\n        lower_mags: function () { return this.crop.target.lower_mags }\n    },\n    methods: {\n        /**\n         * Resets the dots an repaints the canvas\n         */\n        manualReset(){\n            this.resetdots()\n            this.dotDialDraw()\n        },\n        /**\n         * Resets all dots to their position on the images edges\n         */\n        resetdots(){\n            this.dots = []\n            this.dots.push({x: canvasOffset, y: canvasOffset})\n            this.dots.push({x: canvasOffset, y: this.crop.target.height + canvasOffset})\n            this.dots.push({x: this.crop.target.width + canvasOffset, y: this.crop.target.height + canvasOffset})\n            this.dots.push({x: this.crop.target.width + canvasOffset, y: canvasOffset})\n        },\n        /**\n         * Launched when cropDialog was successfully opened\n         */\n        onCropDialogOpened() {\n            // get current canvas and apply style\n            const canvas = this.crop.target.canvas\n            canvas.style = \"border: 1px solid black;\"\n\n            // get container for canvas\n            const container = this.$refs[\"canvascontainer\"]\n\n            // remove existing canvases and append the one needed for current target\n            while(container.hasChildNodes()){\n                container.removeChild(container.firstChild)\n            }\n            container.appendChild(this.crop.target.canvas)\n\n            // if needed reset the dot positions\n            if(!this.crop.target.dots || this.crop.target.dots.length === 0){\n                this.resetdots()\n            } else {\n                this.dots = []\n                for(let dot of this.crop.target.dots){\n                    this.dots.push({\n                        x: dot.x + canvasOffset,\n                        y: dot.y + canvasOffset\n                    })\n                }\n            }\n\n            // calculate mag size and generate magnifier objects\n            this.crop.target.upper_mags.radius = this.crop.target.width * 0.1\n            this.crop.target.upper_mags.leftmag = {\n                x: this.crop.target.width * 0.1 + canvasOffset,\n                y: this.crop.target.width * 0.1 + canvasOffset,\n                active: false\n            }\n            this.crop.target.lower_mags.leftmag = {\n                x: this.crop.target.width * 0.1 + canvasOffset,\n                y: this.crop.target.height - this.crop.target.width * 0.1 + canvasOffset,\n                active: false\n            }\n            this.crop.target.upper_mags.rightmag = {\n                x: this.crop.target.width * 0.9 + canvasOffset,\n                y: this.crop.target.width * 0.1 + canvasOffset,\n                active: false\n            }\n            this.crop.target.lower_mags.rightmag = {\n                x: this.crop.target.width * 0.9 + canvasOffset,\n                y: this.crop.target.height - this.crop.target.width * 0.1 + canvasOffset,\n                active: false\n            }\n            console.log(this.crop.target)\n\n            // calculate dot size\n            let rect = this.crop.target.canvas.getBoundingClientRect();\n            this.crop.dotSize = (this.crop.target.width + 2 * canvasOffset) / rect.width * dotDimension\n\n            // MOUSE - Events\n            canvas.addEventListener(\"mousedown\", e => {\n                this.dotDialTouchStart(e)\n            })\n            canvas.addEventListener(\"mousemove\", e => {\n                this.dotDialTouchMove(e)\n            })\n            canvas.addEventListener(\"mouseup\", e => {\n                this.dotDialTouchEnd(e)\n            })\n\n            // TOUCH - Events\n            // touch events are handled by the normal mouse-click-handlers\n            // but they need to be recalculated to fit\n            // TODO check if needed!!!\n            canvas.addEventListener(\"touchstart\", e => {\n                let touch = e.touches[0];\n                let mouseEvent = new MouseEvent(\"mousedown\", {\n                    clientX: touch.clientX,\n                    clientY: touch.clientY\n                });\n                this.dotDialTouchStart(mouseEvent)\n            })\n            canvas.addEventListener(\"touchmove\", e => {\n                let touch = e.touches[0];\n                let mouseEvent = new MouseEvent(\"mousemove\", {\n                    clientX: touch.clientX,\n                    clientY: touch.clientY\n                });\n                this.dotDialTouchMove(mouseEvent)\n            })\n            canvas.addEventListener(\"touchend\", e => {\n                this.dotDialTouchEnd(e)\n            })\n\n            // inititally draw the canvas\n            this.dotDialDraw()\n//\n//            if(this.crop.autoclose){\n//                this.crop.autoclose = false\n//                this.closeCropDialog()\n//            }\n        },\n        /**\n         * Return mouse position cleaned for resized image and image position on screen.\n         */\n        getMousePos(evt) {\n            const canvas = this.crop.target.canvas\n            const rect = canvas.getBoundingClientRect();\n            return {\n                x: (evt.clientX - rect.left) / (rect.right - rect.left) * canvas.width,\n                y: (evt.clientY - rect.top) / (rect.bottom - rect.top) * canvas.height\n            };\n        },\n        /**\n         * Called when touch / mouseclick starts within canvas.\n         */\n        dotDialTouchStart(e) {\n            let pos = this.getMousePos(e)\n\n            // mousedown stuff here\n            this.dotDialMouseX = pos.x;\n            this.dotDialMouseY = pos.y;\n            this.dotDialMouseDown = true;\n        },\n        /**\n         * Called when touch / mouseclick ends within canvas.\n         */\n        dotDialTouchEnd() {\n            this.dotDialMouseDown = false;\n\n            this.upper_mags.leftmag.active = false;\n            this.upper_mags.rightmag.active = false;\n\n            this.lower_mags.leftmag.active = false;\n            this.lower_mags.rightmag.active = false;\n            this.dotDialDraw();\n            for (let i = 0; i < 4; i++) {\n                const d = this.dots[i]             // current dot\n                const dd = this.dots[(i + 1) % 4]    // next dot\n                const ddd = this.dots[(i + 2) % 4]   // opposite dot\n                if ((d.x === dd.x && d.y === dd.y) || (d.x === ddd.x && d.y === ddd.y)) {\n                    if (d.x > this.dotDimension / 2)\n                        d.x = d.x - this.dotDimension / 2\n                    if (d.y > this.dotDimension / 2)\n                        d.y = d.y - this.dotDimension / 2\n                }\n            }\n        },\n        /**\n         * Called when mouse/touchpoint is moved within the canvas.\n         */\n        dotDialTouchMove(e) {\n            if (!this.dotDialMouseDown) {\n                return;\n            }\n            let pos = this.getMousePos(e)\n\n            // mousedown stuff here\n            let mouseX = pos.x;\n            let mouseY = pos.y;\n            const canvas = this.crop.target.canvas\n            let ctx = canvas.getContext(\"2d\")\n\n            // mousemove stuff here\n            for (let i = 0; i < this.dots.length; i += 1) {\n                let dot = this.dots[i]\n                this.drawDot(dot, null);\n                if (ctx.isPointInPath(this.dotDialMouseX, this.dotDialMouseY)) {\n                    dot.x = mouseX; //+= (mouseX - this.dotDialMouseX);\n                    dot.y = mouseY; //+= (mouseY - this.dotDialMouseY);\n                    if (i === 0) {\n                        this.upper_mags.rightmag.active = true\n                    } else if (i === 1) {\n                        this.lower_mags.rightmag.active = true\n                    } else if (i === 2) {\n                        this.lower_mags.leftmag.active = true\n                    } else if (i === 3) {\n                        this.upper_mags.leftmag.active = true\n                    }\n                }\n            }\n            this.dotDialMouseX = mouseX;\n            this.dotDialMouseY = mouseY;\n\n            this.dotDialDraw();\n        },\n        /**\n         * Redraw the whole canvas\n         */\n        dotDialDraw() {\n            const canvas = this.crop.target.canvas\n            let ctx = canvas.getContext(\"2d\")\n            let dots = this.dots\n\n            // clear and reprint all in white, then draw image\n            ctx.clearRect(0, 0, canvas.width, canvas.height)\n            ctx.fillStyle = \"#FFFFFF\"\n            ctx.fillRect(0, 0, canvas.width, canvas.height)\n            ctx.drawImage(this.crop.target.imgobj, canvasOffset, canvasOffset)\n\n            // set color for vertices\n            ctx.strokeStyle = \"#FF0000\"\n            ctx.lineWidth = 3;\n\n            // Draw the lines to connect the four edges\n            for (let i = 0; i < dots.length; i += 1) {\n                let nxtDot = dots[(i + 1) % dots.length]\n                ctx.beginPath()\n                ctx.moveTo(dots[i].x, dots[i].y);\n                ctx.lineTo(nxtDot.x, nxtDot.y);\n                ctx.closePath()\n                ctx.stroke();\n                this.drawDot(dots[i], null)\n            }\n\n            // Draw magnifiers\n            this.drawMag(this.upper_mags.leftmag)\n            this.drawMag(this.upper_mags.rightmag)\n            this.drawMag(this.lower_mags.leftmag)\n            this.drawMag(this.lower_mags.rightmag)\n        },\n        drawMag(mag) {\n            // only draw mag if needed only happens if user moves a dot.\n            if (!mag.active) {\n                return\n            }\n            console.log(mag)\n\n            // get correct canvas and context\n            const canvas = this.crop.target.canvas\n            let ctx = canvas.getContext(\"2d\")\n\n            // get mouse position\n            let x = this.dotDialMouseX\n            let y = this.dotDialMouseY\n\n            // draw image inside the cross hai circle\n            ctx.save();\n            ctx.beginPath()\n            ctx.arc(mag.x, mag.y, this.upper_mags.radius, 0, 2 * Math.PI)\n            ctx.closePath()\n            ctx.clip()\n            ctx.fillStyle = \"#FFFFFF\"\n            ctx.fillRect(mag.x - this.upper_mags.radius, mag.y - this.upper_mags.radius, this.upper_mags.radius * 2, this.upper_mags.radius * 2)\n            ctx.drawImage(this.crop.target.imgobj,\n                x - 10 - canvasOffset, y - 10 - canvasOffset, 20, 20,\n                mag.x - this.upper_mags.radius, mag.y - this.upper_mags.radius,\n                this.upper_mags.radius * 2, this.upper_mags.radius * 2)\n            ctx.restore();\n\n            // draw circle\n            ctx.beginPath()\n            ctx.arc(mag.x, mag.y, this.upper_mags.radius, 0, 2 * Math.PI)\n            ctx.stroke();\n            ctx.closePath()\n\n            // draw hair cross\n            ctx.beginPath()\n            ctx.moveTo(mag.x, mag.y - this.upper_mags.radius);\n            ctx.lineTo(mag.x, mag.y + this.upper_mags.radius);\n            ctx.moveTo(mag.x - this.upper_mags.radius, mag.y);\n            ctx.lineTo(mag.x + this.upper_mags.radius, mag.y);\n            ctx.stroke();\n            ctx.closePath()\n\n        },\n        /**\n         * Draw a Dot\n         */\n        drawDot(dot, color) {\n            // get correct canvas and context\n            const canvas = this.crop.target.canvas\n            let ctx = canvas.getContext(\"2d\")\n\n            // set color\n            if (color) {\n                ctx.fillStyle = color\n            } else {\n                ctx.fillStyle = \"#FF0000\"\n            }\n\n            // draw\n            ctx.beginPath()\n            ctx.arc(dot.x, dot.y, dotDimension / 2, 0, 2 * Math.PI)\n            ctx.fill()\n            ctx.stroke()\n            ctx.closePath()\n        },\n        /**\n         * closeCropDialog does the following things\n         * - trigger the crop process\n         * - save data\n         * - close dialog\n         * @returns {Promise<void>} Promise can be safely ignored\n         */\n        async closeCropDialog() {\n            // create temporary canvas (without offset & dots)\n            let canvasTmp = document.createElement(\"canvas\")\n            canvasTmp.width = this.crop.target.width\n            canvasTmp.height = this.crop.target.height\n            let ctxTmp = canvasTmp.getContext(\"2d\")\n\n            // clear new canvas and draw image, get image data\n            ctxTmp.clearRect(0, 0, canvasTmp.width, canvasTmp.height)\n            ctxTmp.drawImage(this.crop.target.imgobj, 0, 0)\n            const image = ctxTmp.getImageData(0, 0, canvasTmp.width, canvasTmp.height)\n\n            // Calculate crop points removing the offset\n            const dotsTmp = []\n            for (let dot of this.dots) {\n                dotsTmp.push({\n                    x: Math.abs(dot.x - canvasOffset),\n                    y: Math.abs(dot.y - canvasOffset)\n                })\n            }\n\n            // Trigger openCV to crop the image\n            let processedImage = await cv_comm.imageProcessing({\n                command: \"warp\",\n                image: image,\n                args: {dots: dotsTmp, height: image.height}\n            })\n\n            // Print openCVs result to a canvas\n            canvasTmp.height = processedImage.data.payload.height\n            canvasTmp.width = processedImage.data.payload.width\n\n            // Generate image data from canvas and generate image\n            ctxTmp.putImageData(processedImage.data.payload, 0, 0)\n            let img = new Image();\n            const t = this\n            img.onload = function () {\n                // set image done\n                t.crop.target.done = true\n                // close dialog\n                t.crop.active = false\n            }\n            img.src = canvasTmp.toDataURL()\n\n            // Save data to be readable from calling component\n            this.crop.target.cropped_data = img.src;\n            this.crop.target.cropped_imgobj = img;\n            this.crop.target.dots = dotsTmp;\n        },\n        onClose(){\n            // do nothing\n        }\n    }\n}\n</script>\n\n<style scoped>\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!./Partner_PAW_Picset_edit_cropdialog.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!./Partner_PAW_Picset_edit_cropdialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Partner_PAW_Picset_edit_cropdialog.vue?vue&type=template&id=588a0958&scoped=true&\"\nimport script from \"./Partner_PAW_Picset_edit_cropdialog.vue?vue&type=script&lang=js&\"\nexport * from \"./Partner_PAW_Picset_edit_cropdialog.vue?vue&type=script&lang=js&\"\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  \"588a0958\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div id=\"secure\">\n        <h1>Bilder {{ footSide }} bearbeiten</h1>\n        <div v-if=\"step === STEPS.ROTATE.id\" class=\"md-layout md-alignment-top-center\">\n            <md-card class=\"md-layout-item md-size-70 md-small-size-90\">\n                <md-card-header>\n                    <div class=\"md-title\">{{ STEPS.ROTATE.title }}</div>\n                </md-card-header>\n                <md-card-content class=\"md-layout md-gutter\">\n                    <div class=\"md-layout-item md-size-100 md-layout md-alignment-center-center\">\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <h2>Fuß</h2>\n                            <md-button class=\"md-raised md-accent\" v-on:click=\"turnImage(rotate.foot)\">\n                                <md-icon>rotate_right</md-icon>\n                            </md-button>\n                        </div>\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <img :src=\"rotate.foot.data\" :style=\"'transform: rotate(' + rotate.foot.rotation + 'deg);'\"\n                                 class=\"finalImage\">\n                        </div>\n                    </div>\n                    <div class=\"md-layout-item md-size-100 md-layout md-alignment-center-center\">\n                        <br>\n                    </div>\n                    <div class=\"md-layout-item md-size-100 md-layout md-alignment-center-center\">\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <h2>Abdruck</h2>\n                            <md-button class=\"md-raised md-accent\" v-on:click=\"turnImage(rotate.imprint)\">\n                                <md-icon>rotate_right</md-icon>\n                            </md-button>\n                        </div>\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <img :src=\"rotate.imprint.data\" :style=\"'transform: rotate(' + rotate.imprint.rotation + 'deg);'\"\n                                 class=\"finalImage\">\n                        </div>\n                    </div>\n                </md-card-content>\n                <md-card-actions>\n                    <md-button :disabled=\"false\" class=\"md-raised md-primary\" v-on:click=\"stepForward()\">\n                        Weiter\n                    </md-button>\n                </md-card-actions>\n            </md-card>\n        </div>\n\n        <div v-if=\"step === STEPS.CROP.id\" class=\"md-layout md-alignment-top-center\">\n            <md-card class=\"md-layout-item md-size-70 md-small-size-90\">\n                <md-card-header>\n                    <div class=\"md-title\">{{ STEPS.CROP.title }}</div>\n                </md-card-header>\n                <md-card-content class=\"md-layout md-gutter\">\n                    <div class=\"md-layout-item md-size-100 md-layout md-alignment-center-center\">\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <h2>Fuß</h2>\n                            <md-button class=\"md-raised md-accent\" v-on:click=\"openCropDialog(crop.foot)\">\n                                <md-icon>crop</md-icon>\n                            </md-button>\n                        </div>\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <img :src=\"croppedFoot\" class=\"finalImage\">\n                        </div>\n                    </div>\n                    <div class=\"md-layout-item md-size-100 md-layout md-alignment-center-center\">\n                        <br>\n                    </div>\n                    <div class=\"md-layout-item md-size-100 md-layout md-alignment-center-center\">\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <h2>Abdruck</h2>\n                            <md-button class=\"md-raised md-accent\" v-on:click=\"openCropDialog(crop.imprint)\">\n                                <md-icon>crop</md-icon>\n                            </md-button>\n                        </div>\n                        <div class=\"md-layout-item md-size-25 md-small-size-100\">\n                            <img :src=\"croppedImprint\" class=\"finalImage\">\n                        </div>\n                    </div>\n                </md-card-content>\n                <md-card-actions>\n                    <md-button class=\"md-raised md-primary\" v-on:click=\"stepBackwards()\">\n                        Zurück\n                    </md-button>\n                    <md-button :disabled=\"!croppingDone\" class=\"md-raised md-primary\" v-on:click=\"stepForward()\">\n                        Weiter\n                    </md-button>\n                </md-card-actions>\n            </md-card>\n        </div>\n\n\n        <div v-if=\"step === STEPS.FOOTDETECTION.id\" class=\"md-layout md-alignment-top-center\">\n            <md-card class=\"md-layout-item md-size-70 md-small-size-90\">\n                <md-card-header>\n                    <div class=\"md-title\">{{ STEPS.FOOTDETECTION.title }}</div>\n                </md-card-header>\n                <md-card-content class=\"md-layout md-gutter md-centered md-alignment-bottom-center\">\n                    <div class=\"md-layout-item md-size-33 md-small-size-100\">\n                        <h2>Überlagerte Bilder</h2>\n                        <img :src=\"footdetection.overlay.data\" class=\"finalImage\" alt=\"Übereinandergelegte Bilder von Fuß und Abdruck\">\n                    </div>\n                    <div class=\"md-layout-item md-size-33 md-small-size-100\">\n                        <h2>Originales Fußbild</h2>\n                        <img :src=\"footdetection.original.foot.data\" class=\"finalImage\" alt=\"Originalbild vom Fuß\">\n                    </div>\n                    <div class=\"md-layout-item md-size-33 md-small-size-100\">\n                        <h2>Nach Anwendung der YCrCb-Parameter</h2>\n                        <img :src=\"footdetection.detected.data\" class=\"finalImage\" alt=\"Bild nach Anwendung des YCrCb-Algorithmus\">\n                    </div>\n                    <div class=\"md-layout-item md-size-75 md-small-size-100\">\n                        <br>\n                        <h2>YCrCb-Parameter</h2>\n                        <table style=\"border: none; width: 100%\">\n                            <tr>\n                                <td>\n                                    <label id=\"label_minY\" ref=\"label_minY\" for=\"slider_minY\">minY</label>\n                                </td>\n                                <td>\n                                    <input id=\"slider_minY\" ref=\"slider_minY\" type=\"range\" min=\"0\" max=\"255\" v-model=\"footdetection.ycrcb.minY\"\n                                           style=\"width: 100%\" v-on:input=\"runFootDetection\">\n                                </td>\n                                <td>\n                                    <span id=\"value_minY\" ref=\"value_minY\">{{ footdetection.ycrcb.minY }}</span>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <label id=\"label_maxY\" ref=\"label_maxY\" for=\"slider_maxY\">maxY</label>\n                                </td>\n                                <td>\n                                    <input id=\"slider_maxY\" ref=\"slider_maxY\" type=\"range\" min=\"0\" max=\"255\" v-model=\"footdetection.ycrcb.maxY\"\n                                           style=\"width: 100%\" v-on:input=\"runFootDetection\">\n                                </td>\n                                <td>\n                                    <span id=\"value_maxY\" ref=\"value_maxY\">{{ footdetection.ycrcb.maxY }}</span>\n                                </td>\n                            </tr>\n                        </table>\n                        <br>\n\n                        <br>\n                    </div>\n                </md-card-content>\n                <md-card-actions>\n                    <md-button class=\"md-raised md-primary\" v-on:click=\"stepBackwards()\">\n                        Zurück\n                    </md-button>\n                    <md-button :disabled=\"false\" class=\"md-raised md-primary\" v-on:click=\"stepForward()\">\n                        Weiter\n                    </md-button>\n                </md-card-actions>\n            </md-card>\n        </div>\n\n\n        <div v-if=\"step === STEPS.AMPLIFYING.id\" class=\"md-layout md-alignment-top-center\">\n            <md-card class=\"md-layout-item md-size-70 md-small-size-90\">\n                <md-card-header>\n                    <div class=\"md-title\">{{ STEPS.AMPLIFYING.title }}</div>\n                </md-card-header>\n                <md-card-content class=\"md-layout md-gutter md-centered md-alignment-bottom-center\">\n                    <div class=\"md-layout-item md-size-33 md-small-size-100\">\n                        <h2>Ausgeschnittener Fuß (YCrCb)</h2>\n                        <img :src=\"amplifying.cutout.data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-33 md-small-size-100\">\n                        <h2>Kontrastverstärkter Abdruck</h2>\n                        <img :src=\"amplifying.contrast.data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-33 md-small-size-100\">\n                        <h2>THRESHOLD</h2>\n                        <img :src=\"amplifying.threshold.data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-100\">\n                        <h2>REGLER Threshold</h2>\n                        <input id=\"slider_thres1\" ref=\"slider_thres1\" type=\"range\" min=\"0\" max=\"255\" v-model=\"amplifying.threshold.thresh1min\"\n                               style=\"width: 50%\" v-on:input=\"drawThreshold()\">\n                        <span id=\"value_thres1\" ref=\"value_thres1\">{{ amplifying.threshold.thresh1min }}</span>\n                        <br>\n                    </div>\n                    <div class=\"md-layout-item md-size-50\">\n                        <h2>Welche Bilder sollen für den Download erzeugt werden?</h2>\n                        <div>\n                            <table width=\"50%\">\n                                <tr class=\"hide_all\">\n                                    <td>\n                                        <md-switch v-model=\"amplifying.cutout.selected\">Ausgeschnittenener Abdruck</md-switch>\n                                    </td>\n                                    <td>\n                                        <md-switch v-model=\"amplifying.contrast.selected\">Contrast</md-switch>\n                                    </td>\n                                    <td>\n                                        <md-switch v-model=\"amplifying.threshold.selected\">Threshold</md-switch>\n                                    </td>\n                                </tr>\n                            </table>\n                        </div>\n                    </div>\n                </md-card-content>\n                <md-card-actions>\n                    <md-button class=\"md-raised md-primary\" v-on:click=\"stepBackwards()\">\n                        Zurück\n                    </md-button>\n                    <md-button :disabled=\"false\" class=\"md-raised md-primary\" v-on:click=\"stepForward()\">\n                        Weiter\n                    </md-button>\n                </md-card-actions>\n            </md-card>\n        </div>\n\n\n        <div v-if=\"step === STEPS.PREVIEW.id\" class=\"md-layout md-alignment-top-center\">\n            <md-card class=\"md-layout-item md-size-70 md-small-size-90\">\n                <md-card-header>\n                    <div class=\"md-title\">{{ STEPS.PREVIEW.title }}</div>\n                </md-card-header>\n                <md-card-content class=\"md-layout md-gutter md-centered md-alignment-bottom-center\">\n                    <div class=\"md-layout-item md-size-100\">\n                        Folgende Bilder werden für Dich in hoher Qualität berechnet.\n                        <br>\n                        Im Anschluss kannst Du das alles als PDF herunterladen.\n                    </div>\n                    <div class=\"md-layout-item md-size-100\">\n                        <h2>Gedrehtes & Entzerrtes Fußbild</h2>\n                        <img :src=\"crop.foot.cropped_data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-100\">\n                        <h2>Gedrehtes & Entzerrtes Abdruckbild</h2>\n                        <img :src=\"crop.imprint.cropped_data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-100\">\n                        <h2>Mit Fuß überlagerter Abdruck</h2>\n                        <img :src=\"footdetection.overlay.data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-100\" v-if=\"amplifying.cutout.selected\">\n                        <h2>Freigestellter Fuß</h2>\n                        <img :src=\"amplifying.cutout.data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-100\" v-if=\"amplifying.contrast.selected\">\n                        <h2>Kontrastverstärkter Abdruck</h2>\n                        <img :src=\"amplifying.contrast.data\" class=\"finalImage\">\n                    </div>\n                    <div class=\"md-layout-item md-size-100\" v-if=\"amplifying.threshold.selected\">\n                        <h2>THRESHOLD</h2>\n                        <img :src=\"amplifying.threshold.data\" class=\"finalImage\">\n                    </div>\n                </md-card-content>\n                <md-card-actions>\n                    <md-button class=\"md-raised md-primary\" v-on:click=\"stepBackwards()\">\n                        Zurück\n                    </md-button>\n                    <md-button :disabled=\"false\" class=\"md-raised md-primary\" v-on:click=\"send()\">\n                        Senden\n                    </md-button>\n                </md-card-actions>\n            </md-card>\n        </div>\n\n        <md-button class=\"md-raised md-accent\" v-on:click=\"abortEdit()\">Abbrechen</md-button>\n\n        <crop-dialog :crop.sync=\"crop.cropDialog\"></crop-dialog>\n    </div>\n</template>\n\n<script>\nimport cv_comm from \"@/helpers/openCV_communicator\";\nimport Partner_PAW_Picset_edit_cropdialog from \"./Partner_PAW_Picset_edit_cropdialog\";\n\nconst emptyImg = \"data:image/jpeg;base64,\";\nconst canvasOffset = 15 // in pixels\n\nexport default {\n    name: 'Partner_PAW_Picset_edit',\n    components: {\n        CropDialog: Partner_PAW_Picset_edit_cropdialog,\n    },\n    props: {},\n    data: () => ({\n        loading: {\n            opencv: false,\n            foot: false,\n            imprint: false,\n            pps: false,\n        },\n\n        step: -1,\n\n        STEPS: {\n            INITIAL: {\n                id: -1,\n                title: \"Initialisierung\",\n            },\n            ROTATE: {\n                id: 0,\n                title: \"Rotation\",\n            },\n            CROP: {\n                id: 1,\n                title: \"Zuschnitt\",\n            },\n            FOOTDETECTION: {\n                id: 2,\n                title: \"Fußerkennung\",\n            },\n            AMPLIFYING: {\n                id: 3,\n                title: \"Verstärkung\",\n            },\n            PREVIEW: {\n                id: 4,\n                title: \"Vorschau\",\n            }\n        },\n\n        initial: {},\n\n        rotate: {\n            init: false,\n            foot: {\n                data: null,\n                imgobj: null,\n                rotation: 0,\n                width: 0,\n                height: 0,\n            },\n            imprint: {\n                data: null,\n                imgobj: null,\n                rotation: 0,\n                width: 0,\n                height: 0,\n            }\n        },\n\n        crop: {\n            init: false,\n            cropDialog: {\n                active: false,\n                autoclose: false,\n                target: null,\n            },\n            foot: {\n                data: null,\n                imgobj: null,\n                cropped_data: null,\n                cropped_imgobj: null,\n                width: 0,\n                height: 0,\n                done: false,\n                canvas: null,\n                dots: [],\n                upper_mags: {},\n                lower_mags: {},\n            },\n            imprint: {\n                data: null,\n                imgobj: null,\n                cropped_data: null,\n                cropped_imgobj: null,\n                width: 0,\n                height: 0,\n                done: false,\n                canvas: null,\n                dots: [],\n                upper_mags: {},\n                lower_mags: {},\n            }\n        },\n\n        footdetection: {\n            overlay: {\n                data: null,\n                imgobj: null,\n            },\n            original: {\n                foot: {\n                    data: null,\n                    imgobj: null,\n                    canvas: null,\n                },\n                imprint: {\n                    data: null,\n                    imgobj: null,\n                    canvas: null,\n                },\n            },\n            detected: {\n                data: null,\n                imgobj: null,\n                canvas: null,\n            },\n            ycrcb: {\n                minY: 0,\n                maxY: 255,\n                minCr: 0,\n                maxCr: 255,\n                minCb: 0,\n                maxCb: 255,\n            }\n        },\n\n        amplifying: {\n            cutout: {\n                data: null,\n                imgobj: null,\n                canvas: null,\n                selected: true,\n            },\n            contrast: {\n                data: null,\n                imgobj: null,\n                canvas: null,\n                selected: true,\n            },\n            threshold: {\n                data: null,\n                imgobj: null,\n                canvas: null,\n                selected: true,\n                thresh1min: 145,\n                thresh1max: 255\n            },\n        },\n\n        preview: {\n\n        },\n\n        finals: {\n\n        }\n\n    }),\n    mounted() {\n        this.$store.commit(\"setRXTX\", true)\n\n        // load PAW details\n        this.$store.dispatch(\"loadPawDetails\", this.$route.params.pawId).then(() => {\n            const pps = this.paw_picset\n\n            this.rotate.foot.data = emptyImg + pps.feet\n            getImageDimensions(this.rotate.foot).then(() => {\n                this.loading.foot = true\n            })\n\n            this.rotate.imprint.data = emptyImg + this.paw_picset.imprint\n            getImageDimensions(this.rotate.imprint).then(() => {\n                this.loading.imprint = true\n            })\n\n            // load PPS-Config (if there is any)\n            this.$store.dispatch(\"loadPpsConfig\", {\n                pawId: this.$route.params.pawId,\n                ppsId: pps.id\n            }).then(() => {\n                this.loading.pps = true;\n            }).catch(() => { // error or no pps was delivered by the API\n                this.loading.pps = true;\n            })\n        })\n\n        // load openCV\n        cv_comm.load().then(() => {\n            this.loading.opencv = true;\n        })\n\n        // start over if everything loaded\n        new Promise((resolve) => {\n            const i = setInterval(() => {\n                for (let e in this.loading) {\n                    if (!this.loading[e])\n                        return\n                }\n                clearInterval(i)\n                resolve(\"Loaded!\")\n            }, 100)\n        }).then(() => {\n            const ppsConfig = this.$store.state.ppsConfig\n            if(ppsConfig) {\n                // Rotations\n                if(ppsConfig.feetRotation)\n                    this.rotate.foot.rotation = (ppsConfig.feetRotation * 90) % 360\n                if(ppsConfig.imprintRotation)\n                    this.rotate.imprint.rotation = (ppsConfig.imprintRotation * 90) % 360\n\n                console.log(this.rotate)\n                console.log(ppsConfig)\n\n                // Cropping\n                for (let i = 0; i < 4; i += 1) {\n                    this.crop.foot.dots.push({\n                        x: ppsConfig.feetPoints[\"x\" + (i + 1)] * this.rotate.foot.width,\n                        y: ppsConfig.feetPoints[\"y\" + (i + 1)] * this.rotate.foot.height\n                    })\n                    this.crop.imprint.dots.push({\n                        x: ppsConfig.imprintPoints[\"x\" + (i + 1)] * this.rotate.imprint.width,\n                        y: ppsConfig.imprintPoints[\"y\" + (i + 1)] * this.rotate.imprint.height\n                    })\n                }\n\n                // YCrCb\n                this.footdetection.ycrcb = JSON.parse(ppsConfig.algorithm).YCrCb\n                for(let name in this.footdetection.ycrcb){\n                    this.footdetection.ycrcb[name] = parseInt(this.footdetection.ycrcb[name])\n                }\n                console.log(this.footdetection.ycrcb)\n\n                // Threshold\n                this.amplifying.threshold.thresh1min = ppsConfig.threshold\n\n                // Download-Selections\n                this.amplifying.cutout.selected = ppsConfig.cutSelected\n                this.amplifying.contrast.selected = ppsConfig.contrastSelected\n                this.amplifying.threshold.selected = ppsConfig.thresholdSelected\n            } else {\n                console.log(\"No PPSConfig found.\")\n            }\n            console.log(this.crop)\n            this.step = this.STEPS.ROTATE.id\n            this.$store.commit(\"setRXTX\", false)\n        })\n    },\n    computed: {\n        croppedFoot: function (){\n            if(this.crop.foot.done)\n                return this.crop.foot.cropped_data\n            else\n                return this.crop.foot.data\n        },\n        croppedImprint: function (){\n            if(this.crop.imprint.done)\n                return this.crop.imprint.cropped_data\n            else\n                return this.crop.imprint.data\n        },\n        croppingDone: function () {\n            return this.crop.foot.done && this.crop.imprint.done\n        },\n        showLoadStdValues: function () {\n            return this.sliders.length > 0;\n        },\n        footSide: function () {\n            return this.$route.params.picIdx === \"0\" ? \"links\" : \"rechts\";\n        },\n        paw_picset: function () {\n            try {\n                for (let s of this.$store.state.paw_detail.pawPicSets) {\n                    if (s.feetType === parseInt(this.$route.params.picIdx)) {\n                        return s\n                    }\n                }\n            } catch (e) {\n                // do nothing\n            }\n            return undefined;\n        },\n    },\n    methods: {\n        /**\n         * Opens the dialog for cropping the image.\n         * @param target objects that holds data for the iimage to be cropped\n         */\n        openCropDialog(target) {\n            this.crop.cropDialog.target = target\n            this.crop.cropDialog.active = true\n        },\n        /**\n         * go one step forward\n         */\n        async stepForward() {\n            switch (this.step) {\n                case this.STEPS.ROTATE.id:\n                    this.persistRotation();\n                    this.gotoCrop()\n                    this.step = this.STEPS.CROP.id\n                    break;\n                case this.STEPS.CROP.id:\n                    await this.gotoFootdetection()\n                    this.step = this.STEPS.FOOTDETECTION.id\n                    break;\n                case this.STEPS.FOOTDETECTION.id:\n                    this.gotoAmplifying()\n                    this.step = this.STEPS.AMPLIFYING.id\n                    break;\n                case this.STEPS.AMPLIFYING.id:\n                    this.step = this.STEPS.PREVIEW.id\n                    break;\n                default:\n                    break;\n            }\n        },\n        /**\n         * go one step back\n         */\n        stepBackwards() {\n            switch (this.step) {\n                case this.STEPS.CROP.id:\n                    this.step = this.STEPS.ROTATE.id\n                    break;\n                case this.STEPS.FOOTDETECTION.id:\n                    this.step = this.STEPS.CROP.id\n                    break;\n                case this.STEPS.AMPLIFYING.id:\n                    this.step = this.STEPS.FOOTDETECTION.id\n                    break;\n                case this.STEPS.PREVIEW.id:\n                    this.step = this.STEPS.AMPLIFYING.id\n                    break;\n                default:\n                    break;\n            }\n        },\n        /**\n         * Initializes the cropping step\n         */\n        async gotoCrop() {\n            for (let i of [\"foot\", \"imprint\"]) {\n                delete this.crop[i].canvas\n                const canvas = document.createElement(\"canvas\")\n                this.crop[i].canvas = canvas\n\n                await getImageDimensions(this.crop[i]).then(() => {\n                    canvas.width = this.crop[i].width + 2 * canvasOffset\n                    canvas.height = this.crop[i].height + 2 * canvasOffset\n                })\n                //this.crop.cropDialog.autoclose = true\n                //this.openCropDialog(this.crop[i])\n                //while (this.crop.cropDialog.active){\n                //    console.log(\"waiting\")\n                //}\n            }\n        },\n        /**\n         * Turn an image 90deg clockwise\n         * @param image the timage to be rotated\n         */\n        turnImage(image) {\n            image.rotation = (image.rotation + 90) % 360\n        },\n        /**\n         * Calculate rotated image\n         */\n        persistRotation() {\n            for (let i of [\"foot\", \"imprint\"]) {\n                let e = this.rotate[i]\n                if (e.rotation !== 0) {\n                    const degrees = e.rotation\n                    let canvas = document.createElement(\"canvas\")\n                    let ctx = canvas.getContext(\"2d\")\n                    if (degrees === 180) {\n                        canvas.width = e.width\n                        canvas.height = e.height\n                    } else {\n                        canvas.width = e.height // !!! done by purpose, needed for rotation\n                        canvas.height = e.width // !!! done by purpose, needed for rotation\n                    }\n                    ctx.clearRect(0, 0, canvas.width, canvas.height);\n                    if (degrees === 90 || degrees === 270) {\n                        ctx.translate(e.height / 2, e.width / 2);\n                    } else {\n                        ctx.translate(e.width / 2, e.height / 2);\n                    }\n                    ctx.rotate(degrees * Math.PI / 180);\n                    ctx.drawImage(e.imgobj, -e.width / 2, -e.height / 2);\n                    this.crop[i].data = canvas.toDataURL()\n                } else {\n                    this.crop[i].data = this.rotate[i].data + \"\"\n                }\n            }\n        },\n        async gotoFootdetection() {\n            // init this steps variables\n            this.footdetection.original.foot.data = this.crop.foot.cropped_data\n            this.footdetection.original.foot.imgobj = this.crop.foot.cropped_imgobj\n            this.footdetection.original.imprint.data = this.crop.imprint.cropped_data\n            this.footdetection.original.imprint.imgobj = this.crop.imprint.cropped_imgobj\n\n            // draw foot to canvas\n            const imgobj_foot = this.footdetection.original.foot.imgobj\n            const canv_foot = document.createElement(\"canvas\")\n            canv_foot.width = 450\n            canv_foot.height = 450 * 1.414\n            const ctx_foot = canv_foot.getContext('2d')\n            ctx_foot.drawImage(imgobj_foot, 0, 0, 450, 450 * 1.414)\n            this.footdetection.original.foot.canvas = canv_foot\n\n            // draw imprint to canvas\n            const imgobj_imprint = this.footdetection.original.imprint.imgobj\n            const canv_imprint = document.createElement(\"canvas\")\n            canv_imprint.width = 450\n            canv_imprint.height = 450 * 1.414\n            const ctx_imprint = canv_imprint.getContext('2d')\n            ctx_imprint.drawImage(imgobj_imprint, 0, 0, 450, 450 * 1.414)\n            this.footdetection.original.imprint.canvas = canv_imprint\n\n            // init-run YCrCb and Overlay-Routines\n            await this.YCrCb()\n            await this.drawOverlayed()\n        },\n        /**\n         * Init the Amplifying-Step\n         */\n        async gotoAmplifying() {\n            await this.drawCutout()\n            await this.drawContrast()\n            await this.drawThreshold()\n        },\n        /**\n         * Runs whenever user changes slider parameters\n         */\n        async runFootDetection(){\n            await this.YCrCb();\n            await this.drawOverlayed()\n        },\n        /**\n         * Run the YCrCb-Algorithm with given arguments\n         * @returns {Promise<void>}\n         */\n        async YCrCb() {\n            const canv_orig = this.footdetection.original.foot.canvas\n            const ctx_orig = canv_orig.getContext('2d')\n            const image = ctx_orig.getImageData(0, 0, canv_orig.width, canv_orig.height)\n\n            // Processing image\n            let args = {}\n            for (let e in this.footdetection.ycrcb) {\n                args[e] = parseInt(this.footdetection.ycrcb[e])\n            }\n            const payload = {\n                command: \"YCrCb\",\n                image: image,\n                args: args\n            }\n            const processedImage = await cv_comm.imageProcessing(payload)\n\n            // Paint on invisible canvas to get DataURL\n            const ctx_detected = document.createElement(\"canvas\").getContext(\"2d\")\n            ctx_detected.canvas.width = canv_orig.width\n            ctx_detected.canvas.height = canv_orig.height\n            await ctx_detected.putImageData(processedImage.data.payload, 0, 0)\n            this.footdetection.detected.data = ctx_detected.canvas.toDataURL()\n            this.footdetection.detected.canvas = ctx_detected.canvas\n        },\n        /**\n         * Run the overlaying-routine\n         * @returns {Promise<void>}\n         */\n        async drawOverlayed(){\n            const canv_detectedFoot = this.footdetection.detected.canvas\n            const canv_imprint = this.footdetection.original.imprint.canvas\n            const ctx_detectedFoot = canv_detectedFoot.getContext(\"2d\")\n            const ctx_imprint = canv_imprint.getContext(\"2d\")\n\n            const imageDetectedFoot = ctx_detectedFoot.getImageData(0,0, canv_detectedFoot.width, canv_detectedFoot.height)\n            const imageImprint = ctx_imprint.getImageData(0, 0, canv_imprint.width, canv_imprint.height)\n\n            const payload = {\n                command: \"overlay\",\n                imgFoot: imageDetectedFoot,\n                imgImprint: imageImprint,\n                args: {}\n            }\n            const processedImage = await cv_comm.imageProcessing(payload)\n\n            // Paint on invisible canvas to get DataURL\n            const ctx_overlayed = document.createElement(\"canvas\").getContext(\"2d\")\n            ctx_overlayed.canvas.width = canv_detectedFoot.width\n            ctx_overlayed.canvas.height = canv_detectedFoot.height\n            await ctx_overlayed.putImageData(processedImage.data.payload, 0, 0)\n            this.footdetection.overlay.data = ctx_overlayed.canvas.toDataURL()\n        },\n        async drawCutout(){\n            const canv_orig = this.footdetection.original.foot.canvas\n            const ctx_orig = canv_orig.getContext('2d')\n            const image = ctx_orig.getImageData(0, 0, canv_orig.width, canv_orig.height)\n\n            const processedImage = await cv_comm.imageProcessing({\n                command: \"applyMask\",\n                image: image,\n                args: {}\n            })\n            const ctxMasked = document.createElement(\"canvas\").getContext(\"2d\")\n            ctxMasked.canvas.width = canv_orig.width\n            ctxMasked.canvas.height = canv_orig.height\n            await ctxMasked.putImageData(processedImage.data.payload, 0, 0)\n\n            this.amplifying.cutout.data = ctxMasked.canvas.toDataURL()\n            this.amplifying.cutout.canvas = ctxMasked.canvas\n        },\n        async drawContrast(){\n            const canv_orig = this.footdetection.original.imprint.canvas\n            const ctx_orig = canv_orig.getContext('2d')\n            const image = ctx_orig.getImageData(0, 0, canv_orig.width, canv_orig.height)\n\n            const processedImage = await cv_comm.imageProcessing({\n                command: \"contrast\",\n                image: image,\n                args: {}\n            })\n            const ctxMasked = document.createElement(\"canvas\").getContext(\"2d\")\n            ctxMasked.canvas.width = canv_orig.width\n            ctxMasked.canvas.height = canv_orig.height\n            await ctxMasked.putImageData(processedImage.data.payload, 0, 0)\n\n            this.amplifying.contrast.data = ctxMasked.canvas.toDataURL()\n            this.amplifying.contrast.canvas = ctxMasked.canvas\n        },\n        async drawThreshold(){\n            const canv_orig = this.footdetection.original.imprint.canvas\n            const ctx_orig = canv_orig.getContext('2d')\n            const image = ctx_orig.getImageData(0, 0, canv_orig.width, canv_orig.height)\n\n            const processedImage = await cv_comm.imageProcessing({\n                command: \"threshold\",\n                image: image,\n                args: {\n                    thresh1: parseInt(this.amplifying.threshold.thresh1min),\n                    thresh1Max: parseInt(this.amplifying.threshold.thresh1max)\n                }\n            })\n            const ctx = document.createElement(\"canvas\").getContext(\"2d\")\n            ctx.canvas.width = canv_orig.width\n            ctx.canvas.height = canv_orig.height\n            await ctx.putImageData(processedImage.data.payload, 0, 0)\n\n            this.amplifying.threshold.data = ctx.canvas.toDataURL()\n            this.amplifying.threshold.canvas = ctx.canvas\n        },\n        abortEdit() {\n            console.log(this.$store.state.paw_detail)\n            this.$router.back();\n        },\n        /**\n         * send data to Server\n         */\n        send() {\n            const t = this;\n            const alg = {\n                YCrCb: this.footdetection.ycrcb\n            }\n            const feetPoints = {}\n            const imprintPoints = {}\n            for (let i = 0; i < 4; i += 1) {\n                feetPoints[\"x\" + (i + 1)] = this.crop.foot.dots[i].x / this.crop.foot.width\n                feetPoints[\"y\" + (i + 1)] = this.crop.foot.dots[i].y / this.crop.foot.height\n                imprintPoints[\"x\" + (i + 1)] = this.crop.imprint.dots[i].x / this.crop.imprint.width\n                imprintPoints[\"y\" + (i + 1)] = this.crop.imprint.dots[i].y / this.crop.imprint.height\n            }\n            let req = {\n                pawPicSetId: this.paw_picset.id,\n                pawId: this.$route.params.pawId,\n                algorithm: JSON.stringify(alg),\n                threshold: this.amplifying.threshold.thresh1min,\n                cutSelected: this.amplifying.cutout.selected,\n                contrastSelected: this.amplifying.contrast.selected,\n                thresholdSelected: this.amplifying.threshold.selected,\n                feetPoints: feetPoints,\n                imprintPoints: imprintPoints,\n                feetRotation: this.rotate.foot.rotation / 90,\n                imprintRotation: this.rotate.imprint.rotation / 90\n            }\n\n            t.$store.dispatch(\"sendPawConfig\", req).then(async function () {\n                await t.$store.dispatch(\"reloadPawDetails\", t.$route.params.pawId)\n                t.$router.push(\"/partner/paw/detail/\"+t.$route.params.pawId);\n                t.$store.dispatch(\"showSnackbar\", {text: \"Bildparameter erfolgeich gespeichert.\"})\n            })\n        }\n    }\n}\n\n/**\n * Calculate width and height of an image and save it to the parameter object\n * @param image Object holding informations about the image. Destination of calculated info.\n * @returns {Promise<unknown>}\n */\nfunction getImageDimensions(image = new HTMLImageElement()) {\n    return new Promise(function (resolved) {\n        var i = new Image()\n        i.onload = function () {\n            image.width = i.width\n            image.height = i.height\n            image.imgobj = i\n            resolved()\n        };\n        i.src = image.data\n    })\n}\n</script>\n\n<style scoped>\n#secure {\n    background-color: #FFFFFF;\n    border: 1px solid #CCCCCC;\n    padding: 20px;\n    margin-top: 10px;\n}\n\ncanvas {\n    max-width: 200px;\n}\n\ncanvas.dotDial {\n    max-width: 400px;\n    width: 300px;\n}\n\ncanvas.finalImage {\n    max-height: 200px;\n    width: auto;\n}\n\nimg.finalImage {\n    max-height: 200px;\n}\n</style>\n\n\n<!-- TODO Werte validieren -->\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!./Partner_PAW_Picset_edit.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!./Partner_PAW_Picset_edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Partner_PAW_Picset_edit.vue?vue&type=template&id=790d31d7&scoped=true&\"\nimport script from \"./Partner_PAW_Picset_edit.vue?vue&type=script&lang=js&\"\nexport * from \"./Partner_PAW_Picset_edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Partner_PAW_Picset_edit.vue?vue&type=style&index=0&id=790d31d7&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  \"790d31d7\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Partner_PAW_Picset_edit.vue?vue&type=style&index=0&id=790d31d7&scoped=true&lang=css&\"","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.es/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n"],"sourceRoot":""}