{"version":3,"file":"js/app.81c515c2.js","mappings":"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","sources":["webpack://inspection-frontend/./src/App.vue","webpack://inspection-frontend/./src/components/InspectImage.vue","webpack://inspection-frontend/./src/components/InspectImage.vue?05cd","webpack://inspection-frontend/./src/components/InspectImage.vue?00b2","webpack://inspection-frontend/./src/components/ExplainInspection.vue","webpack://inspection-frontend/./src/components/ExplainInspection.vue?a997","webpack://inspection-frontend/./src/components/ExplainInspection.vue?d3be","webpack://inspection-frontend/./src/components/ExplanationStencil.vue","webpack://inspection-frontend/./src/components/ExplanationStencil.vue?1f92","webpack://inspection-frontend/./src/components/ConfigureModel.vue","webpack://inspection-frontend/./src/components/ConfigureClass.vue","webpack://inspection-frontend/./src/modelConfig.js","webpack://inspection-frontend/./src/components/ConfigureClass.vue?98ec","webpack://inspection-frontend/./src/components/ConfigureClass.vue?cfd6","webpack://inspection-frontend/./src/components/ConfigureModel.vue?c7cd","webpack://inspection-frontend/./src/App.vue?4e81","webpack://inspection-frontend/./src/App.vue?7ccd","webpack://inspection-frontend/./src/main.js","webpack://inspection-frontend/./src/assets/ sync ^\\.\\/.*$","webpack://inspection-frontend/webpack/bootstrap","webpack://inspection-frontend/webpack/runtime/chunk loaded","webpack://inspection-frontend/webpack/runtime/compat get default export","webpack://inspection-frontend/webpack/runtime/define property getters","webpack://inspection-frontend/webpack/runtime/global","webpack://inspection-frontend/webpack/runtime/hasOwnProperty shorthand","webpack://inspection-frontend/webpack/runtime/make namespace object","webpack://inspection-frontend/webpack/runtime/publicPath","webpack://inspection-frontend/webpack/runtime/jsonp chunk loading","webpack://inspection-frontend/webpack/startup"],"sourcesContent":["<template>\n  <div id=\"app\" class=\"xd-app\">\n    <GitHubRibbon url=\"https://github.com/xai-demonstrator/xai-demonstrator\"/>\n    <XAIStudioRibbon url=\"https://www.xai-studio.de\"/>\n    <UseCaseHeader\n        v-bind:standalone=\"!Boolean(backendUrl)\"\n        v-bind:reload=\"enableReload\"\n        v-bind:title=\"(enableModelConfiguration && showConfiguration) ? $t('titleConfiguration') : $t('title')\"/>\n    <main>\n      <section>\n        <div class=\"xd-section xd-light\">\n          <p>{{ (enableModelConfiguration && showConfiguration) ? $t('howToConfigure') : $t('howToInspect') }}</p>\n        </div>\n      </section>\n\n      <div id=\"image-container\" v-show=\"!enableModelConfiguration || !showConfiguration\">\n        <Cropper ref=\"cropper\" class=\"cropper\"\n                 :src=\"img\" @change=\"imageChanged\"\n                 :min-width=\"20\" :min-height=\"20\"\n                 :stencil-component=\"explanationStencil\"\n                 :debounce=\"false\"\n                 :resizeImage=\"{wheel: false, touch: false}\"\n                 :moveImage=\"{mouse: false, touch: false}\"\n                 :size-restrictions-algorithm=\"sizeRestrictions\"\n                 :stencil-props=\"{\n                 'explanationMode': currentExplanation,\n                 'explanationImg': explanationImg,\n                 'aspectRatio': 1.0,\n                 'movable': !waitingForExplanation,\n                 'resizable': !waitingForExplanation,\n                 'handlers': {\n                    eastNorth: true,\n                    north: false,\n                    westNorth: true,\n                    west: false,\n                    westSouth: true,\n                    south: false,\n                    eastSouth: true,\n                    east: false\n                 }\n               }\"/>\n      </div>\n\n      <section v-show=\"!enableModelConfiguration || !showConfiguration\">\n        <div class=\"xd-section xd-light\">\n          <InspectImage ref=\"inspector\"\n                        v-bind:model_id=\"modelID\"\n                        v-bind:current-prediction=\"currentPrediction\"\n                        v-on:inspection-completed=\"inspectionCompleted\"/>\n          <ExplainInspection v-if=\"enableExplanations\" ref=\"explainer\"\n                             v-bind:prediction-ready=\"currentPrediction\"\n                             v-on:explanation-requested=\"explanationRequested\"\n                             v-on:explanation-received=\"explanationReceived\"/>\n        </div>\n      </section>\n\n      <div id=\"config-container\" v-if=\"enableModelConfiguration && showConfiguration\">\n        <ConfigureModel ref=\"configuration\"/>\n      </div>\n\n      <section v-if=\"enableModelConfiguration\">\n        <div class=\"xd-section xd-light\">\n          <button class=\"xd-button xd-secondary\" @click=\"toggleConfiguration\"\n                  v-bind:disabled=\"!showConfiguration && !currentPrediction\">\n            {{ showConfiguration ? $t('switchToInspection') : $t('switchToConfiguration') }}\n          </button>\n        </div>\n      </section>\n    </main>\n\n    <FloatingInfoButton class=\"info-button\"\n                        v-if=\"enableModelConfiguration\"\n                        v-bind:info-url=\"infoUrl\"\n                        v-bind:info-text=\"infoTextDigitalEducation\"\n                        v-bind:link-label=\"$t('infoLinkLabel')\"\n    />\n    <FloatingInfoButton class=\"info-button\"\n                        v-if=\"!enableModelConfiguration\"\n                        v-bind:info-url=\"infoUrl\"\n                        v-bind:info-text=\"infoText\"\n                        v-bind:link-label=\"$t('infoLinkLabel')\"/>\n  </div>\n</template>\n\n<script>\nimport {Cropper} from 'vue-advanced-cropper';\nimport 'vue-advanced-cropper/dist/style.css'\nimport InspectImage from \"@/components/InspectImage\";\nimport ExplainInspection from \"@/components/ExplainInspection\";\nimport ExplanationStencil from \"@/components/ExplanationStencil\";\nimport ConfigureModel from \"@/components/ConfigureModel\";\nimport {FloatingInfoButton, UseCaseHeader, XAIStudioRibbon, GitHubRibbon} from '@xai-demonstrator/xaidemo-ui';\nimport {debounce} from \"debounce\";\nimport {modelConfig} from '@/modelConfig.js'\n\n/* https://forum.vuejs.org/t/vue-received-a-component-which-was-made-a-reactive-object/119004/2 */\nconst componentMap = {\n  stencil: ExplanationStencil\n}\nexport default {\n  name: 'App',\n  components: {\n    Cropper,\n    InspectImage,\n    ExplainInspection,\n    ConfigureModel,\n    UseCaseHeader,\n    FloatingInfoButton,\n    XAIStudioRibbon,\n    GitHubRibbon\n  },\n  methods: {\n    async toggleConfiguration() {\n      if (this.showConfiguration && !this.currentPrediction){\n        await new Promise(resolve => setTimeout(resolve, 500));\n      }\n      this.showConfiguration = !this.showConfiguration\n      if (!this.showConfiguration && !this.currentPrediction) {\n        await this.requestInspection(this.$refs.cropper.getResult().canvas)\n      }\n    },\n    async imageChanged({canvas}) {\n      if (!this.waitingForExplanation) {\n        this.currentPrediction = false;\n        this.currentExplanation = false;\n        await this.debouncedRequestInspection(canvas)\n      }\n    },\n    async requestInspection(canvas) {\n      canvas.toBlob(await this.$refs.inspector.predict)\n    },\n    inspectionCompleted() {\n      this.currentPrediction = true;\n    },\n    async explanationRequested() {\n      this.currentExplanation = false;\n      this.waitingForExplanation = true;\n      this.$refs.cropper.getResult().canvas.toBlob(await this.$refs.explainer.explain)\n    },\n    explanationReceived(explanationImg) {\n      this.explanationImg = explanationImg;\n      this.currentExplanation = true;\n      this.waitingForExplanation = false;\n    },\n    sizeRestrictions({minWidth, minHeight, maxWidth, maxHeight, imageSize}) {\n      return {\n        minWidth: Math.max(this.minExplanationImgSize.width, (minWidth / 100) * imageSize.width),\n        minHeight: Math.max(this.minExplanationImgSize.height, (minHeight / 100) * imageSize.height),\n        maxWidth: maxWidth,\n        maxHeight: maxHeight,\n      };\n    }\n  },\n  data() {\n    return {\n      showConfiguration: false,\n      currentPrediction: false,\n      currentExplanation: false,\n      waitingForExplanation: false,\n      explanationImg: null,\n      minExplanationImgSize: {\n        width: 100,\n        height: 100\n      },\n      infoUrl: \"https://www.erklaerbare-ki.de/xai-demonstrator/\",\n      infoTextDigitalEducation: [{\n        headline: this.$t('info1headline'),\n        paragraphs: [this.$t('info1paragraph1'), this.$t('info1paragraph2'), this.$t('info1paragraph4')]\n      }, {\n        headline: this.$t('info2headline'),\n        paragraphs: [this.$t('info2paragraph3'), this.$t('info2paragraph5digitalEducation')]\n      }],\n      infoText: [{\n        headline: this.$t('info1headline'),\n        paragraphs: [this.$t('info1paragraph1'), this.$t('info1paragraph2'), this.$t('info1paragraph3')]\n      }, {\n        headline: this.$t('info2headline'),\n        paragraphs: [this.$t('info2paragraph1'), this.$t('info2paragraph2'), this.$t('info2paragraph3'), this.$t('info2paragraph4'), this.$t('info2paragraph5')]\n      }],\n      modelConfig: modelConfig,\n      /* CONFIGURATION */\n      backendUrl: process.env.VUE_APP_BACKEND_URL,\n      img: require('@/assets/' + process.env.VUE_APP_IMAGE_FILE),\n      /* FEATURE FLAGS */\n      enableExplanations: JSON.parse(process.env.VUE_APP_ENABLE_EXPLANATIONS),\n      enableModelConfiguration: JSON.parse(process.env.VUE_APP_ENABLE_MODEL_CONFIGURATION),\n      enableReload: JSON.parse(process.env.VUE_APP_ENABLE_RELOAD)\n    }\n  },\n  computed: {\n    explanationStencil() {\n      return componentMap['stencil']\n    },\n    modelID() {\n      return modelConfig.getModelId()\n    }\n  },\n  watch: {\n    modelID() {\n      this.currentPrediction = false\n      this.currentExplanation = false\n    }\n  },\n  created() {\n    document.title = this.$t('title') + \" – \" + this.$t('xaidemonstrator');\n    this.debouncedRequestInspection = debounce(this.requestInspection, 500)\n  }\n  ,\n  mounted() {\n    this.$refs.cropper.refresh()\n  }\n}\n</script>\n\n<i18n>\n{\n  \"de\": {\n    \"title\": \"Gegenstände erkennen\",\n    \"titleConfiguration\": \"KI trainieren\",\n    \"howToInspect\": \"Wähle einen Bildausschnitt und die KI bestimmt den Gegenstand.\",\n    \"howToConfigure\": \"Wähle die Daten für das Training der KI aus.\",\n    \"switchToConfiguration\": \"Trainiere die KI\",\n    \"switchToInspection\": \"KI trainieren und zurückkehren\",\n    \"info1headline\": \"Gegenstände erkennen\",\n    \"info1paragraph1\": \"Du interagierst mit einer KI, die einen Gegenstand in einem Bildausschnitt erkennen kann. Aber eine KI ist nie perfekt!\",\n    \"info1paragraph2\": \"Durch die Wahl verschiedener Bildausschnitte entdeckst du, für welche Bereiche die KI zuverlässig ist, aber insbesondere auch, wo sie an ihre Grenzen stößt.\",\n    \"info1paragraph4\": \"Du kannst selbst die Trainingsdaten für die KI auswählen und entdecken, wie sich die Zuverlässigkeit der KI verändert.\",\n    \"info1paragraph3\": \"Die automatisch erzeugten Erklärungen helfen dir, zu verstehen, wie die KI vorgeht und warum sie manchmal falsche Schlüsse zieht.\",\n    \"info2headline\": \"Was steckt dahinter?\",\n    \"info2paragraph1\": \"Die KI ist ein tiefes neuronales Netz, das 1001 verschiedene Objekte erkennen kann.\",\n    \"info2paragraph2\": \"Die Erklärungen werden mit der XAI-Methode <em><abbr>LIME</abbr></em> (<strong>L</strong>ocal <strong>I</strong>nterpretable <strong>M</strong>odel-Agnostic <strong>E</strong>xplanations) generiert. Die Erklärung entspricht einer graphischen Hervorhebung von Bildbereichen, die für die Entscheidung der KI besonders relevant sind.\",\n    \"info2paragraph3\": \"<small>Modell: Neuronales Netz auf Basis von <a href='https://www.tensorflow.org/api_docs/python/tf/keras/applications/mobilenet_v2'>MobileNetV2 for Keras</a>\",\n    \"info2paragraph4\": \"<small>Erklärungen: <a href='https://github.com/marcotcr/lime'>LIME</a><br />\",\n    \"info2paragraph5\": \"<small>Bild: Melinda Pack (Unsplash), <a href='https://creativecommons.org/publicdomain/zero/1.0/deed.en'>CC0</a> 1.0, via <a href='https://commons.wikimedia.org/wiki/File:Camera_keys_notebook_coffee_(Unsplash).jpg'>Wikimedia Commons</a></small>\",\n    \"info2paragraph5digitalEducation\": \"<small>Bilder: Open Source / <a href='https://www.pexels.com/license'>Pexels</a>\",\n    \"infoLinkLabel\": \"Interesse geweckt? Hier gibt’s mehr Infos!\"\n  },\n  \"en\": {\n    \"title\": \"Detect Objects\",\n    \"titleConfiguration\": \"Train AI\",\n    \"howToInspect\": \"Select a part of the image and the AI will identify the object.\",\n    \"howToConfigure\": \"Select data to train the AI.\",\n    \"switchToConfiguration\": \"Train the AI\",\n    \"switchToInspection\": \"Train the AI and return\",\n    \"info1headline\": \"Detect objects\",\n    \"info1paragraph1\": \"You are interacting with an AI that can detect objects in images. But an AI is never perfect!\",\n    \"info1paragraph2\": \"By selecting different parts of the image, you can discover for which of these parts the AI is reliable and, perhaps more importantly, for which it is not.\",\n    \"info1paragraph3\": \"The automatically generated explanations help you understand how the AI detects objects and why it sometimes fails to do so.\",\n    \"info1paragraph4\": \"You can choose the training data for the AI yourself and discover how the reliability of the AI changes.\",\n    \"info2headline\": \"What's going on behind the curtain?\",\n    \"info2paragraph1\": \"The AI is a deep neural network that can detect 1,001 different objects.\",\n    \"info2paragraph2\": \"The explanations are generated by the XAI method <em><abbr>LIME</abbr></em> (<strong>L</strong>ocal <strong>I</strong>nterpretable <strong>M</strong>odel-Agnostic <strong>E</strong>xplanations). An explanation highlights the areas of the image that were particularly relevant for the AI's decision.\",\n    \"info2paragraph3\": \"<small>Model: neural network based on <a href='https://www.tensorflow.org/api_docs/python/tf/keras/applications/mobilenet_v2'>MobileNetV2 for Keras</a>\",\n    \"info2paragraph4\": \"<small>Explanations: <a href='https://github.com/marcotcr/lime'>LIME</a><br />\",\n    \"info2paragraph5\": \"<small>Image: Melinda Pack (Unsplash), <a href='https://creativecommons.org/publicdomain/zero/1.0/deed.en'>CC0</a> 1.0, via <a href='https://commons.wikimedia.org/wiki/File:Camera_keys_notebook_coffee_(Unsplash).jpg'>Wikimedia Commons</a></small>\",\n    \"info2paragraph5digitalEducation\": \"<small>Image: Open Source / <a href='https://www.pexels.com/license'>Pexels</a>\",\n    \"infoLinkLabel\": \"Want to learn more? (in German)\"\n  }\n}\n</i18n>\n\n<style>\n#app {\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n}\n\nmain {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\nmain section {\n  width: 100%;\n  margin: 0;\n  padding: 0 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n#image-container {\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cropper * {\n  border-radius: 3px;\n}\n\n@media screen and (max-width: 450px) {\n  #app {\n    flex-direction: column;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  #image-container {\n    width: 100%;\n    max-width: 100vw;\n    padding: 0;\n    margin-bottom: 12px;\n  }\n\n  #config-container {\n    width: 100%;\n    padding: 0 8px;\n    margin-bottom: 12px;\n  }\n\n  .cropper {\n    max-width: 100vw;\n  }\n\n  .cropper * {\n    border-radius: 0;\n  }\n\n  main section {\n    margin-bottom: 12px;\n  }\n}\n\n@media screen and (min-width: 450px) and (max-height: 650px) {\n  #app {\n    flex-direction: column;\n    padding-left: 0;\n    padding-right: 0;\n    overflow: auto;\n    height: 100vh;\n    width: 100vw;\n  }\n\n  main {\n    flex: 1;\n    max-height: calc(100vh - 54px);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n\n  main section {\n    width: 40%;\n    order: 2;\n    margin-bottom: 12px;\n  }\n\n  main section:last-of-type {\n    margin-bottom: 0;\n  }\n\n  #image-container {\n    max-height: calc(100vh - 54px);\n    width: 60%;\n    align-self: flex-start;\n    order: 1;\n    justify-content: center;\n    align-items: flex-start;\n  }\n\n  #config-container {\n    order: 3;\n  }\n\n  .cropper {\n    max-height: calc(100vh - 54px);\n  }\n}\n\n@media screen and (min-width: 450px) and (min-height: 650px) {\n  #app {\n    flex-direction: column;\n  }\n\n  main {\n    flex-grow: 1;\n  }\n\n  main section {\n    padding: 0;\n    margin-bottom: 8px;\n  }\n\n  #image-container {\n    margin-bottom: 8px;\n    width: 100%;\n    max-width: 450px;\n  }\n\n  #config-container {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n\n  .cropper {\n    max-width: calc(450px - 16px);\n  }\n}\n</style>","<template>\n  <div class=\"inspector\">\n    <MultiBounce v-if=\"!prediction\"\n                 v-bind:numberOfDots=\"3\"/>\n    <p v-if=\"displayProbability\"\n       v-show=\"prediction && currentPrediction\">{{\n        $t('answer_with_probability', {\n          percentage: Math.round(probability),\n          object: prediction\n        })\n      }}</p>\n    <p v-else\n       v-show=\"prediction && currentPrediction\">{{ $t('answer_without_probability', {object: prediction}) }}</p>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios'\nimport {MultiBounce} from '@xai-demonstrator/xaidemo-ui'\n\nexport default {\n  name: \"InspectImage\",\n  components: {\n    MultiBounce\n  },\n  props: {\n    model_id: {\n      type: String\n    },\n    currentPrediction: {\n      type: Boolean,\n      value: false\n    }\n  },\n  methods: {\n    async predict(blob) {\n      this.prediction = null;\n      this.probability = null;\n\n      while (this.cancelTokens.length > 0) {\n        this.cancelTokens.pop().cancel()\n      }\n\n      const source = axios.CancelToken.source();\n      this.cancelTokens.push(source);\n\n      const form = new FormData();\n      form.append('file', blob);\n      form.append('language', this.$i18n.locale)\n      if (this.enableModelConfiguration) {\n        form.append('model_id', this.model_id)\n      }\n\n      await axios.post(this.backendUrl + '/predict', form, {\n        cancelToken: source.token\n      })\n          .then(response => {\n            this.prediction = response.data.class_label\n            this.probability = response.data.probability\n            this.$emit('inspection-completed')\n          })\n          .catch(error => {\n            console.log(error)\n          })\n    }\n  },\n  data() {\n    return {\n      prediction: null,\n      probability: null,\n      backendUrl: process.env.VUE_APP_BACKEND_URL,\n      cancelTokens: [],\n      /* FEATURE FLAGS */\n      enableModelConfiguration: JSON.parse(process.env.VUE_APP_ENABLE_MODEL_CONFIGURATION),\n      displayProbability: JSON.parse(process.env.VUE_APP_DISPLAY_PROBABILITY)\n    }\n  }\n}\n</script>\n\n<i18n>\n{\n  \"de\": {\n    \"answer_with_probability\": \"„Das ist zu {percentage}% {object}“\",\n    \"answer_without_probability\": \"„Das ist {object}“\"\n  },\n  \"en\": {\n    \"answer_with_probability\": \"\\\"This is {object} with a probability of {percentage}%\\\"\",\n    \"answer_without_probability\": \"\\\"This is {object}\\\"\"\n  }\n}\n</i18n>\n\n<style scoped>\n.inspector {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: 30px;\n}\n</style>\n","export default function (Component) {\n  Component.__i18n = Component.__i18n || []\n  Component.__i18n.push({\n    \"locale\": \"\",\n    \"resource\": {\n      \"de\": {\n        \"answer_with_probability\": (ctx) => {const { normalize: _normalize, interpolate: _interpolate, named: _named } = ctx;return _normalize([\"„Das ist zu \", _interpolate(_named(\"percentage\")), \"% \", _interpolate(_named(\"object\")), \"“\"])},\n        \"answer_without_probability\": (ctx) => {const { normalize: _normalize, interpolate: _interpolate, named: _named } = ctx;return _normalize([\"„Das ist \", _interpolate(_named(\"object\")), \"“\"])}\n      },\n      \"en\": {\n        \"answer_with_probability\": (ctx) => {const { normalize: _normalize, interpolate: _interpolate, named: _named } = ctx;return _normalize([\"\\\"This is \", _interpolate(_named(\"object\")), \" with a probability of \", _interpolate(_named(\"percentage\")), \"%\\\"\"])},\n        \"answer_without_probability\": (ctx) => {const { normalize: _normalize, interpolate: _interpolate, named: _named } = ctx;return _normalize([\"\\\"This is \", _interpolate(_named(\"object\")), \"\\\"\"])}\n      }\n    }\n  })\n}\n","import { render } from \"./InspectImage.vue?vue&type=template&id=69e2c6ba&scoped=true\"\nimport script from \"./InspectImage.vue?vue&type=script&lang=js\"\nexport * from \"./InspectImage.vue?vue&type=script&lang=js\"\n\nimport \"./InspectImage.vue?vue&type=style&index=0&id=69e2c6ba&scoped=true&lang=css\"\n/* custom blocks */\nimport block0 from \"./InspectImage.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(script)\n\n\nimport exportComponent from \"/inspection/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-69e2c6ba\"]])\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"explanation-request\">\n      <button class=\"xd-button xd-secondary\"\n              v-show=\"!waitingForExplanation\"\n              v-bind:disabled=\"!predictionReady\"\n              v-on:click=\"buttonClicked\">\n        {{ $t('question') }}\n      </button>\n      <MultiBounce v-if=\"waitingForExplanation\"\n                   v-bind:numberOfDots=\"3\"/>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport {MultiBounce} from '@xai-demonstrator/xaidemo-ui'\nimport {unflatten} from 'flat';\n\nexport default {\n  name: \"ExplainInspection\",\n  components: {\n    MultiBounce\n  },\n  props: {\n    predictionReady: {\n      type: Boolean,\n      default: false\n    }\n  },\n  methods: {\n    buttonClicked() {\n      this.$emit('explanation-requested')\n    },\n    async explain(blob) {\n      this.waitingForExplanation = true;\n\n      const form = new FormData();\n      form.append('file', blob);\n\n      const rawParams = Object.fromEntries(new URLSearchParams(window.location.search.substring(1)))\n      const allParams = unflatten(rawParams)\n\n      const method = allParams['method'];\n      if (method) {\n        form.append('method', method);\n      }\n\n      const settings = Object\n          .keys(allParams)\n          .filter((key) => {\n            return key !== 'method'\n          })\n          .filter((key) => {\n            return key !== 'embedded'\n          })\n          .reduce((obj, key) => {\n            obj[key] = allParams[key];\n            return obj;\n          }, {})\n      if (settings && Object.keys(settings).length !== 0) {\n        form.append('settings', JSON.stringify(settings));\n      }\n\n      await axios.post(this.backendUrl + '/explain', form)\n          .then(response => {\n            this.$emit('explanation-received', response.data.image)\n            this.waitingForExplanation = false;\n          })\n          .catch(error => {\n            console.log(error)\n            this.waitingForExplanation = false;\n          })\n    }\n  },\n  data() {\n    return {\n      explanation: null,\n      waitingForExplanation: false,\n      backendUrl: process.env.VUE_APP_BACKEND_URL\n    }\n  }\n}\n</script>\n\n<i18n>\n{\n  \"de\": {\n    \"question\": \"Woran erkennst du das?\"\n  },\n  \"en\": {\n    \"question\": \"How do you know?\"\n  }\n}\n</i18n>\n\n<style scoped>\n.explanation-request {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 60px;\n}\n\n</style>\n","export default function (Component) {\n  Component.__i18n = Component.__i18n || []\n  Component.__i18n.push({\n    \"locale\": \"\",\n    \"resource\": {\n      \"de\": {\n        \"question\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Woran erkennst du das?\"])}\n      },\n      \"en\": {\n        \"question\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"How do you know?\"])}\n      }\n    }\n  })\n}\n","import { render } from \"./ExplainInspection.vue?vue&type=template&id=103625f3&scoped=true\"\nimport script from \"./ExplainInspection.vue?vue&type=script&lang=js\"\nexport * from \"./ExplainInspection.vue?vue&type=script&lang=js\"\n\nimport \"./ExplainInspection.vue?vue&type=style&index=0&id=103625f3&scoped=true&lang=css\"\n/* custom blocks */\nimport block0 from \"./ExplainInspection.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(script)\n\n\nimport exportComponent from \"/inspection/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-103625f3\"]])\n\nexport default __exports__","<!--\nMIT License\n\nThe MIT License\n\nCopyright (c) Norserium, https://github.com/Norserium\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n-->\n<script>\nimport classnames from 'classnames';\nimport bem from 'easy-bem';\nimport {BoundingBox, DraggableArea, StencilPreview, SimpleHandler, SimpleLine} from 'vue-advanced-cropper';\n\nconst cn = bem('vue-explanation-stencil');\nexport default {\n\tname: 'ExplanationStencil',\n\tcomponents: {\n\t\tStencilPreview,\n\t\tBoundingBox,\n\t\tDraggableArea,\n\t},\n\tprops: {\n\t\timage: {\n\t\t\ttype: Object,\n\t\t},\n\t\tcoordinates: {\n\t\t\ttype: Object,\n\t\t},\n\t\tstencilCoordinates: {\n\t\t\ttype: Object,\n\t\t},\n\t\thandlers: {\n\t\t\ttype: Object,\n\t\t},\n\t\thandlersComponent: {\n\t\t\ttype: [Object, String],\n\t\t\tdefault() {\n\t\t\t\treturn SimpleHandler;\n\t\t\t},\n\t\t},\n\t\tlines: {\n\t\t\ttype: Object,\n\t\t},\n\t\tlinesComponent: {\n\t\t\ttype: [Object, String],\n\t\t\tdefault() {\n\t\t\t\treturn SimpleLine;\n\t\t\t},\n\t\t},\n\t\taspectRatio: {\n\t\t\ttype: [Number, String],\n\t\t},\n\t\tminAspectRatio: {\n\t\t\ttype: [Number, String],\n\t\t},\n\t\tmaxAspectRatio: {\n\t\t\ttype: [Number, String],\n\t\t},\n\t\tmovable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\tresizable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\ttransitions: {\n\t\t\ttype: Object,\n\t\t},\n\t\tmovingClass: {\n\t\t\ttype: String,\n\t\t},\n\t\tresizingClass: {\n\t\t\ttype: String,\n\t\t},\n\t\tpreviewClass: {\n\t\t\ttype: String,\n\t\t},\n\t\tboundingBoxClass: {\n\t\t\ttype: String,\n\t\t},\n\t\tlinesClasses: {\n\t\t\ttype: Object,\n\t\t\tdefault() {\n\t\t\t\treturn {};\n\t\t\t},\n\t\t},\n\t\tlinesWrappersClasses: {\n\t\t\ttype: Object,\n\t\t\tdefault() {\n\t\t\t\treturn {};\n\t\t\t},\n\t\t},\n\t\thandlersClasses: {\n\t\t\ttype: Object,\n\t\t\tdefault() {\n\t\t\t\treturn {};\n\t\t\t},\n\t\t},\n\t\thandlersWrappersClasses: {\n\t\t\ttype: Object,\n\t\t\tdefault() {\n\t\t\t\treturn {};\n\t\t\t},\n\t\t},\n    /* Modifications for XAI Demonstrator */\n    explanationImg: {\n      type: String,\n    },\n    explanationMode: {\n      type: Boolean,\n      default: false\n    },\n    /* /Modifications */\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tmoving: false,\n\t\t\tresizing: false,\n      internalExplanationMode: false // Modification for XAI Demonstrator\n\t\t};\n\t},\n  /* Modifications for XAI Demonstrator */\n  watch: {\n    explanationMode: function (newVal) {\n      if (newVal) {\n        this.internalExplanationMode = true;\n      }\n    }\n  },\n  /* /Modifications */\n\tcomputed: {\n\t\tclasses() {\n\t\t\treturn {\n\t\t\t\tstencil: classnames(\n\t\t\t\t\tcn({ movable: this.movable, moving: this.moving, resizing: this.resizing }),\n\t\t\t\t\tthis.moving && this.movingClass,\n\t\t\t\t\tthis.resizing && this.resizingClass,\n\t\t\t\t),\n\t\t\t\tpreview: classnames(cn('preview'), this.previewClass),\n\t\t\t\tboundingBox: classnames(cn('bounding-box'), this.boundingBoxClass),\n\t\t\t};\n\t\t},\n\t\tstyle() {\n\t\t\tconst { height, width, left, top } = this.stencilCoordinates;\n\t\t\tconst style = {\n\t\t\t\twidth: `${width}px`,\n\t\t\t\theight: `${height}px`,\n\t\t\t\ttransform: `translate(${left}px, ${top}px)`,\n\t\t\t};\n\t\t\tif (this.transitions && this.transitions.enabled) {\n\t\t\t\tstyle.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`;\n\t\t\t}\n\t\t\treturn style;\n\t\t},\n    /* Modifications for XAI Demonstrator */\n    explanationStyle() {\n      return {\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        'background-repeat': 'no-repeat',\n        'background-image': 'url(' + this.explanationImg + ')',\n        'z-index': 0,\n        'background-size': 'cover'\n      }\n    }\n    /* /Modification */\n\t},\n\tmethods: {\n\t\tonMove(moveEvent) {\n\t\t\tthis.$emit('move', moveEvent);\n\t\t\tthis.moving = true;\n      this.internalExplanationMode = false; // Modification for XAI Demonstrator\n\t\t},\n\t\tonMoveEnd() {\n\t\t\tthis.$emit('move-end');\n\t\t\tthis.moving = false;\n\t\t},\n\t\tonResize(resizeEvent) {\n\t\t\tthis.$emit('resize', resizeEvent);\n\t\t\tthis.resizing = true;\n      this.internalExplanationMode = false; // Modification for XAI Demonstrator\n\t\t},\n\t\tonResizeEnd() {\n\t\t\tthis.$emit('resize-end');\n\t\t\tthis.resizing = false;\n\t\t},\n\t\taspectRatios() {\n\t\t\treturn {\n\t\t\t\tminimum: this.aspectRatio || this.minAspectRatio,\n\t\t\t\tmaximum: this.aspectRatio || this.maxAspectRatio,\n\t\t\t};\n\t\t},\n\t},\n\temits: ['resize', 'resize-end', 'move', 'move-end'],\n};\n</script>\n\n<template>\n\t<div :class=\"classes.stencil\" :style=\"style\">\n\t\t<bounding-box\n\t\t\t:width=\"stencilCoordinates.width\"\n\t\t\t:height=\"stencilCoordinates.height\"\n\t\t\t:transitions=\"transitions\"\n\t\t\t:class=\"classes.boundingBox\"\n\t\t\t:handlers=\"handlers\"\n\t\t\t:handlers-component=\"handlersComponent\"\n\t\t\t:handlers-classes=\"handlersClasses\"\n\t\t\t:handlers-wrappers-classes=\"handlersWrappersClasses\"\n\t\t\t:lines=\"lines\"\n\t\t\t:lines-component=\"linesComponent\"\n\t\t\t:lines-classes=\"linesClasses\"\n\t\t\t:lines-wrappers-classes=\"linesWrappersClasses\"\n\t\t\t:resizable=\"resizable\"\n\t\t\t@resize=\"onResize\"\n\t\t\t@resize-end=\"onResizeEnd\"\n\t\t>\n\t\t\t<draggable-area :movable=\"movable\" @move=\"onMove\" @move-end=\"onMoveEnd\">\n\t\t\t\t<stencil-preview\n\t\t\t\t\t:image=\"image\"\n\t\t\t\t\t:coordinates=\"coordinates\"\n\t\t\t\t\t:width=\"stencilCoordinates.width\"\n\t\t\t\t\t:height=\"stencilCoordinates.height\"\n\t\t\t\t\t:class=\"classes.preview\"\n\t\t\t\t\t:transitions=\"transitions\"\n\t\t\t\t/>\n      <!-- Modification for XAI Demonstrator -->\n      <div v-show=\"internalExplanationMode\" v-bind:style=\"explanationStyle\">&nbsp;</div>\n      <!-- /Modification -->\n      </draggable-area>\n\t\t</bounding-box>\n\t</div>\n</template>\n\n<style lang=\"scss\">\n.vue-rectangle-stencil {\n\tposition: absolute;\n\theight: 100%;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\t&__preview {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t&--movable {\n\t\tcursor: move;\n\t}\n}\n</style>","import { render } from \"./ExplanationStencil.vue?vue&type=template&id=09e144c0\"\nimport script from \"./ExplanationStencil.vue?vue&type=script&lang=js\"\nexport * from \"./ExplanationStencil.vue?vue&type=script&lang=js\"\n\nimport \"./ExplanationStencil.vue?vue&type=style&index=0&id=09e144c0&lang=scss\"\n\nimport exportComponent from \"/inspection/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"config-container\">\n    <ConfigureClass v-for=\"(options, classKey) in availableModels\" v-bind:key=\"classKey\"\n                    v-bind:amounts=\"options.amounts\"\n                    v-bind:labels=\"options.labels\"\n                    v-bind:image=\"options.image\"\n                    v-bind:className=\"options.name\"\n                    v-bind:classKey=\"classKey\"\n                    v-bind:ref=\"classKey\"/>\n  </div>\n</template>\n\n<script>\nimport ConfigureClass from '@/components/ConfigureClass'\nimport {availableModels} from '@/modelConfig.js'\n\nexport default {\n  name: \"ConfigureModel\",\n  components: {\n    ConfigureClass\n  },\n  data() {\n    return {\n      availableModels\n    }\n  }\n}\n</script>\n\n<style scoped>\n.config-container {\n  display: flex;\n}\n\n@media screen and (max-width: 450px) {\n  .config-container {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .config-container div:last-child {\n    margin-bottom: 0;\n  }\n}\n\n@media screen and (min-width: 450px) and (max-height: 650px) {\n  .config-container {\n    flex-direction: row;\n  }\n}\n\n@media screen and (min-width: 450px) and (min-height: 650px) {\n  .config-container {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .config-container div:last-child {\n    margin-bottom: 0;\n  }\n}\n</style>","<template>\n  <div class=\"main xd-section xd-light\">\n    <h3>{{ $t('category') + ' ' + className }}</h3>\n\n    <div class=\"configuration\">\n      <div class=\"image\">\n        <img v-bind:alt=\"className\" class=\"config_picture\" :src=\"require(`@/assets/${image}`)\">\n      </div>\n\n      <div class=\"options\">\n\n        <div class=\"group\">\n          <strong> {{ $t('amount') }}</strong>\n          <label v-for=\"(amount, index) in amounts\" v-bind:key=\"amount\">\n            <input type=\"radio\"\n                   v-bind:value=\"amount\"\n                   v-model=\"modelConfig[classKey].amount\"\n                   v-bind:name=\"'amounts-' + classKey + '-' + index\">\n            <span>{{ amount }}</span> </label>\n        </div>\n\n        <div class=\"group\">\n          <strong> {{ $t('label') }}</strong>\n          <label v-for=\"(label, index) in labels\" v-bind:key=\"label\">\n            <input type=\"radio\"\n                   v-model=\"modelConfig[classKey].label\"\n                   v-bind:name=\"'labels-'  + classKey + '-' + index\"\n                   v-bind:value=\"label\">\n            <span>{{ $t(label) }}</span></label>\n        </div>\n\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport {modelConfig} from '@/modelConfig.js'\n\nexport default {\n  name: \"ConfigureClass\",\n  props: {\n    amounts: {\n      type: Array\n    },\n    labels: {\n      type: Array\n    },\n    image: {\n      type: String,\n    },\n    className: {\n      type: String\n    },\n    classKey: {\n      type: String\n    }\n  },\n  data() {\n    return {\n      modelConfig: modelConfig\n    }\n  }\n}\n</script>\n\n<i18n>\n{\n  \"de\": {\n    \"category\": \"Kategorie\",\n    \"amount\": \"Anzahl\",\n    \"label\": \"Label\",\n    \"smartphone\": \"Handy\",\n    \"pencil\": \"Stift\",\n    \"cup\": \"Tasse\"\n  },\n  \"en\": {\n    \"category\": \"Category\",\n    \"amount\": \"Number of samples\",\n    \"label\": \"Label\",\n    \"smartphone\": \"Phone\",\n    \"pencil\": \"Pencil\",\n    \"cup\": \"Cup\"\n  }\n}\n</i18n>\n\n<style scoped>\n.main {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n}\n\n.main h3 {\n  margin-bottom: 4px;\n}\n\n.configuration {\n  display: flex;\n  flex-direction: row;\n}\n\n.image {\n  width: 50%;\n}\n\n.image img {\n  max-width: 200px;\n}\n\n.options {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  margin-left: 12px;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n}\n\n@media screen and (max-width: 450px) {\n  .main {\n    margin-bottom: 12px;\n  }\n\n  .configuration {\n    justify-content: left;\n  }\n\n  .image img {\n    max-width: 150px;\n  }\n\n}\n\n@media screen and (min-width: 450px) and (max-height: 650px) {\n  .main {\n    margin-right: 8px;\n    max-width: 100vw;\n    width: 300px;\n  }\n\n  .image img {\n    width: 100%;\n    max-height: 150px;\n  }\n\n  .configuration {\n    height: 100%;\n  }\n}\n\n@media screen and (min-width: 450px) and (min-height: 650px) {\n  .main {\n    margin-bottom: 8px;\n  }\n\n  .configuration {\n    justify-content: left;\n  }\n\n}\n\n/*  https://stackoverflow.com/questions/24516958/styling-radio-buttons-into-a-square* */\ninput {\n  display: none;\n}\n\nlabel {\n  display: inline-block;\n  padding: 5px 10px;\n  cursor: pointer;\n}\n\nlabel span {\n  position: relative;\n}\n\nlabel span:before,\nlabel span:after {\n  content: '';\n}\n\nlabel span:before {\n  border: 1px solid #323232;\n  border-radius: 3px;\n  width: 20px;\n  height: 20px;\n  margin-right: 8px;\n  display: inline-block;\n  vertical-align: top;\n}\n\nlabel span:after {\n  background: #323232;\n  border-radius: 3px;\n  width: 22px;\n  height: 22px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: 300ms;\n  opacity: 0;\n}\n\nlabel input:checked + span:after {\n  opacity: 1;\n}\n</style>","import {reactive} from 'vue'\n\nexport const modelConfig = reactive({\n    smartphone: {amount: \"0\", label: \"smartphone\"},\n    pencil: {amount: \"15\", label: \"pencil\"},\n    cup: {amount: \"15\", label: \"cup\"},\n    getModelId() {\n      let id = \"model_\"\n      id += this.smartphone.amount\n      if (this.smartphone.label === \"cup\" && this.smartphone.amount !== \"0\") {\n        id += \"T\"\n      }\n      id += \"_\" + this.pencil.amount\n      if (this.pencil.label === \"cup\") {\n        id += \"T\"\n      }\n      id += \"_\" + this.cup.amount\n      return id\n    }\n})\n\nexport const availableModels = {\n    smartphone: {\n        amounts: [\"0\", \"15\", \"200\"],\n        labels: [\"smartphone\", \"cup\"],\n        image: \"smartphones.jpg\",\n        name: \"A\"\n    },\n    pencil: {\n        amounts: [\"15\", \"200\"],\n        labels: [\"pencil\", \"cup\"],\n        image: \"pencils.jpg\",\n        name: \"B\"\n    },\n    cup: {\n        amounts: [\"15\", \"200\"],\n        labels: [\"cup\"],\n        image: \"cups.jpg\",\n        name: \"C\"\n    }\n}\n","export default function (Component) {\n  Component.__i18n = Component.__i18n || []\n  Component.__i18n.push({\n    \"locale\": \"\",\n    \"resource\": {\n      \"de\": {\n        \"category\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Kategorie\"])},\n        \"amount\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Anzahl\"])},\n        \"label\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Label\"])},\n        \"smartphone\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Handy\"])},\n        \"pencil\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Stift\"])},\n        \"cup\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Tasse\"])}\n      },\n      \"en\": {\n        \"category\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Category\"])},\n        \"amount\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Number of samples\"])},\n        \"label\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Label\"])},\n        \"smartphone\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Phone\"])},\n        \"pencil\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Pencil\"])},\n        \"cup\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Cup\"])}\n      }\n    }\n  })\n}\n","import { render } from \"./ConfigureClass.vue?vue&type=template&id=71f96a93&scoped=true\"\nimport script from \"./ConfigureClass.vue?vue&type=script&lang=js\"\nexport * from \"./ConfigureClass.vue?vue&type=script&lang=js\"\n\nimport \"./ConfigureClass.vue?vue&type=style&index=0&id=71f96a93&scoped=true&lang=css\"\n/* custom blocks */\nimport block0 from \"./ConfigureClass.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(script)\n\n\nimport exportComponent from \"/inspection/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-71f96a93\"]])\n\nexport default __exports__","import { render } from \"./ConfigureModel.vue?vue&type=template&id=73b61d2e&scoped=true\"\nimport script from \"./ConfigureModel.vue?vue&type=script&lang=js\"\nexport * from \"./ConfigureModel.vue?vue&type=script&lang=js\"\n\nimport \"./ConfigureModel.vue?vue&type=style&index=0&id=73b61d2e&scoped=true&lang=css\"\n\nimport exportComponent from \"/inspection/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-73b61d2e\"]])\n\nexport default __exports__","export default function (Component) {\n  Component.__i18n = Component.__i18n || []\n  Component.__i18n.push({\n    \"locale\": \"\",\n    \"resource\": {\n      \"de\": {\n        \"title\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Gegenstände erkennen\"])},\n        \"titleConfiguration\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"KI trainieren\"])},\n        \"howToInspect\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Wähle einen Bildausschnitt und die KI bestimmt den Gegenstand.\"])},\n        \"howToConfigure\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Wähle die Daten für das Training der KI aus.\"])},\n        \"switchToConfiguration\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Trainiere die KI\"])},\n        \"switchToInspection\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"KI trainieren und zurückkehren\"])},\n        \"info1headline\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Gegenstände erkennen\"])},\n        \"info1paragraph1\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Du interagierst mit einer KI, die einen Gegenstand in einem Bildausschnitt erkennen kann. Aber eine KI ist nie perfekt!\"])},\n        \"info1paragraph2\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Durch die Wahl verschiedener Bildausschnitte entdeckst du, für welche Bereiche die KI zuverlässig ist, aber insbesondere auch, wo sie an ihre Grenzen stößt.\"])},\n        \"info1paragraph4\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Du kannst selbst die Trainingsdaten für die KI auswählen und entdecken, wie sich die Zuverlässigkeit der KI verändert.\"])},\n        \"info1paragraph3\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Die automatisch erzeugten Erklärungen helfen dir, zu verstehen, wie die KI vorgeht und warum sie manchmal falsche Schlüsse zieht.\"])},\n        \"info2headline\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Was steckt dahinter?\"])},\n        \"info2paragraph1\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Die KI ist ein tiefes neuronales Netz, das 1001 verschiedene Objekte erkennen kann.\"])},\n        \"info2paragraph2\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Die Erklärungen werden mit der XAI-Methode <em><abbr>LIME</abbr></em> (<strong>L</strong>ocal <strong>I</strong>nterpretable <strong>M</strong>odel-Agnostic <strong>E</strong>xplanations) generiert. Die Erklärung entspricht einer graphischen Hervorhebung von Bildbereichen, die für die Entscheidung der KI besonders relevant sind.\"])},\n        \"info2paragraph3\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Modell: Neuronales Netz auf Basis von <a href='https://www.tensorflow.org/api_docs/python/tf/keras/applications/mobilenet_v2'>MobileNetV2 for Keras</a>\"])},\n        \"info2paragraph4\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Erklärungen: <a href='https://github.com/marcotcr/lime'>LIME</a><br />\"])},\n        \"info2paragraph5\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Bild: Melinda Pack (Unsplash), <a href='https://creativecommons.org/publicdomain/zero/1.0/deed.en'>CC0</a> 1.0, via <a href='https://commons.wikimedia.org/wiki/File:Camera_keys_notebook_coffee_(Unsplash).jpg'>Wikimedia Commons</a></small>\"])},\n        \"info2paragraph5digitalEducation\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Bilder: Open Source / <a href='https://www.pexels.com/license'>Pexels</a>\"])},\n        \"infoLinkLabel\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Interesse geweckt? Hier gibt’s mehr Infos!\"])}\n      },\n      \"en\": {\n        \"title\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Detect Objects\"])},\n        \"titleConfiguration\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Train AI\"])},\n        \"howToInspect\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Select a part of the image and the AI will identify the object.\"])},\n        \"howToConfigure\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Select data to train the AI.\"])},\n        \"switchToConfiguration\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Train the AI\"])},\n        \"switchToInspection\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Train the AI and return\"])},\n        \"info1headline\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Detect objects\"])},\n        \"info1paragraph1\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"You are interacting with an AI that can detect objects in images. But an AI is never perfect!\"])},\n        \"info1paragraph2\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"By selecting different parts of the image, you can discover for which of these parts the AI is reliable and, perhaps more importantly, for which it is not.\"])},\n        \"info1paragraph3\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"The automatically generated explanations help you understand how the AI detects objects and why it sometimes fails to do so.\"])},\n        \"info1paragraph4\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"You can choose the training data for the AI yourself and discover how the reliability of the AI changes.\"])},\n        \"info2headline\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"What's going on behind the curtain?\"])},\n        \"info2paragraph1\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"The AI is a deep neural network that can detect 1,001 different objects.\"])},\n        \"info2paragraph2\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"The explanations are generated by the XAI method <em><abbr>LIME</abbr></em> (<strong>L</strong>ocal <strong>I</strong>nterpretable <strong>M</strong>odel-Agnostic <strong>E</strong>xplanations). An explanation highlights the areas of the image that were particularly relevant for the AI's decision.\"])},\n        \"info2paragraph3\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Model: neural network based on <a href='https://www.tensorflow.org/api_docs/python/tf/keras/applications/mobilenet_v2'>MobileNetV2 for Keras</a>\"])},\n        \"info2paragraph4\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Explanations: <a href='https://github.com/marcotcr/lime'>LIME</a><br />\"])},\n        \"info2paragraph5\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Image: Melinda Pack (Unsplash), <a href='https://creativecommons.org/publicdomain/zero/1.0/deed.en'>CC0</a> 1.0, via <a href='https://commons.wikimedia.org/wiki/File:Camera_keys_notebook_coffee_(Unsplash).jpg'>Wikimedia Commons</a></small>\"])},\n        \"info2paragraph5digitalEducation\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"<small>Image: Open Source / <a href='https://www.pexels.com/license'>Pexels</a>\"])},\n        \"infoLinkLabel\": (ctx) => {const { normalize: _normalize } = ctx;return _normalize([\"Want to learn more? (in German)\"])}\n      }\n    }\n  })\n}\n","import { render } from \"./App.vue?vue&type=template&id=37bb35e0\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=37bb35e0&lang=css\"\n/* custom blocks */\nimport block0 from \"./App.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(script)\n\n\nimport exportComponent from \"/inspection/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from 'vue'\nimport { createI18n } from 'vue-i18n'\nimport App from './App.vue'\nimport {makeServer} from \"./server\"\nimport '@xai-demonstrator/xaidemo-ui/lib/xaidemo-ui.css'\n\nif (process.env.NODE_ENV === \"development\") {\n    makeServer()\n}\n\nconst i18n = createI18n({\n    locale: navigator.language.split('-')[0],\n    fallbackLocale: 'de',\n    messages: {\n        \"de\": {\n            \"xaidemonstrator\": \"XAI-Demonstrator\"\n        },\n        \"en\": {\n            \"xaidemonstrator\": \"XAI Demonstrator\"\n        }\n    }\n})\n\nconst app = createApp(App)\napp.use(i18n)\napp.mount('#app')\n","var map = {\n\t\"./cups.jpg\": 3333,\n\t\"./desk.jpg\": 8257,\n\t\"./pencils.jpg\": 4859,\n\t\"./smartphones.jpg\": 6824,\n\t\"./table.jpg\": 7075\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 7173;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/inspection/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkinspection_frontend\"] = self[\"webpackChunkinspection_frontend\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(6393); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["id","class","_createElementBlock","_createVNode","_component_GitHubRibbon","url","_component_XAIStudioRibbon","_component_UseCaseHeader","standalone","Boolean","$data","reload","title","_ctx","_createElementVNode","_toDisplayString","_component_Cropper","ref","src","onChange","$options","debounce","resizeImage","wheel","touch","moveImage","mouse","_component_InspectImage","model_id","onInspectionCompleted","_createBlock","_component_ExplainInspection","onExplanationRequested","onExplanationReceived","_component_ConfigureModel","_hoisted_6","onClick","disabled","_hoisted_8","_component_FloatingInfoButton","_component_MultiBounce","numberOfDots","key","Math","round","$props","object","name","components","MultiBounce","props","type","String","currentPrediction","value","methods","async","blob","this","prediction","probability","cancelTokens","length","pop","cancel","source","axios","push","form","FormData","append","$i18n","locale","enableModelConfiguration","backendUrl","cancelToken","token","then","response","data","class_label","$emit","catch","error","console","log","process","JSON","parse","displayProbability","Component","__i18n","ctx","normalize","_normalize","interpolate","_interpolate","named","_named","__exports__","_hoisted_2","predictionReady","default","buttonClicked","waitingForExplanation","rawParams","Object","fromEntries","URLSearchParams","window","location","search","substring","allParams","unflatten","method","settings","keys","filter","reduce","obj","stringify","image","explanation","stencil","style","_component_bounding_box","width","height","transitions","boundingBox","handlers","lines","resizable","onResize","onResizeEnd","_component_draggable_area","movable","onMove","onMoveEnd","_component_stencil_preview","coordinates","preview","cn","bem","StencilPreview","BoundingBox","DraggableArea","stencilCoordinates","handlersComponent","SimpleHandler","linesComponent","SimpleLine","aspectRatio","Number","minAspectRatio","maxAspectRatio","movingClass","resizingClass","previewClass","boundingBoxClass","linesClasses","linesWrappersClasses","handlersClasses","handlersWrappersClasses","explanationImg","explanationMode","moving","resizing","internalExplanationMode","watch","newVal","computed","classes","classnames","left","top","transform","enabled","transition","time","timingFunction","explanationStyle","position","moveEvent","resizeEvent","aspectRatios","minimum","maximum","emits","_Fragment","_renderList","options","classKey","_component_ConfigureClass","amounts","labels","className","alt","require","amount","index","$event","label","modelConfig","reactive","smartphone","pencil","cup","getModelId","availableModels","Array","ConfigureClass","componentMap","ExplanationStencil","Cropper","InspectImage","ExplainInspection","ConfigureModel","UseCaseHeader","FloatingInfoButton","XAIStudioRibbon","GitHubRibbon","showConfiguration","Promise","resolve","setTimeout","requestInspection","$refs","cropper","getResult","canvas","currentExplanation","debouncedRequestInspection","toBlob","inspector","predict","inspectionCompleted","explainer","explain","explanationReceived","sizeRestrictions","minWidth","minHeight","maxWidth","maxHeight","imageSize","max","minExplanationImgSize","infoUrl","infoTextDigitalEducation","headline","$t","paragraphs","infoText","img","enableExplanations","enableReload","explanationStencil","modelID","created","document","mounted","refresh","render","i18n","createI18n","navigator","language","split","fallbackLocale","messages","app","createApp","App","use","mount","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","module","exports","__webpack_module_cache__","moduleId","cachedModule","undefined","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","every","splice","r","n","getter","__esModule","d","a","definition","defineProperty","enumerable","get","g","globalThis","Function","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","__webpack_exports__"],"sourceRoot":""}