{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/SearchCategories.vue","webpack:///resources/js/src/app/components/itemList/SearchCategories.vue","webpack:///./resources/js/src/app/components/itemList/SearchCategories.vue?f097","webpack:///./resources/js/src/app/components/itemList/SearchCategories.vue?25f4"],"names":["render","_vm","this","_c","_self","staticClass","class","additionalClass","attrs","id","isModalVisible","on","close","toggleModal","click","closeModal","xmlns","width","height","viewBox","fill","stroke","x1","y1","x2","y2","_v","autoplay","controls","src","videoUrl","type","_e","isHomePage","_m","$props","initialDeviceId","open","showDropdown","device","$event","toggleDropdown","_s","selectedDevice","lang","de","name","$translate","showDropdownComp","directives","rawName","value","deviceSearch","expression","placeholder","domProps","stopPropagation","input","target","composing","_l","filteredDevices","key","selectDevice","hersteller","disabled","selectedHersteller","herstellerSearch","filteredHerstellers","selectHersteller","model","clickedNew","selectedModel","modelSearch","filteredModels","selectModel","_withStripped","_regeneratorRuntime","e","t","r","Object","prototype","n","hasOwnProperty","o","defineProperty","i","Symbol","a","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","arg","call","h","f","s","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","v","values","g","defineIteratorMethods","forEach","_invoke","AsyncIterator","invoke","_typeof","resolve","__await","then","callInvokeWithMethodAndArg","Error","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","return","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","isNaN","length","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","async","Promise","keys","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","catch","delegateYield","asyncGeneratorStep","_asyncToGenerator","arguments","apply","_next","_throw","props","Number","required","default","String","data","devices","herstellers","models","isDeviceDisabled","clickedModel","modalElement","showModal","created","_this","_callee","_yield$axios$get","initialDevice","_yield$axios$get2","_data","_context","axios","get","find","concat","methods","$backdrop","$","document","body","style","overflow","css","$videoModal","fadeIn","fadeOut","sty","le","dropdown","createModal","modal","modalHTML","modalContainer","createElement","innerHTML","firstChild","appendChild","resetHerstellerAndModel","_this2","_callee2","_yield$axios$get3","_context2","resetModels","_this3","_callee3","_yield$axios$get4","_context3","url","window","location","href","sanitizeInput","normalize","replace","toLowerCase","computed","_window$App","App","maversandVuePluginConfig","_this4","regex","RegExp","filter","test","_this5","_this6","mounted","getElementById","addEventListener","querySelector","focus","beforeDestroy","removeChild","component","alt"],"mappings":"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","file":"chunks/ceres-50.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"dropdown-container\",\n      class: _vm.additionalClass,\n      attrs: { id: \"seachCategoriesDropdown\" },\n    },\n    [\n      _vm.isModalVisible\n        ? _c(\"modal\", { on: { close: _vm.toggleModal } }, [\n            _c(\"button\", { on: { click: _vm.closeModal } }, [\n              _c(\n                \"svg\",\n                {\n                  attrs: {\n                    xmlns: \"http://www.w3.org/2000/svg\",\n                    width: \"24\",\n                    height: \"24\",\n                    viewBox: \"0 0 24 24\",\n                    fill: \"none\",\n                    stroke: \"#fff\",\n                    \"stroke-width\": \"2\",\n                    \"stroke-linecap\": \"round\",\n                    \"stroke-linejoin\": \"round\",\n                  },\n                },\n                [\n                  _c(\"line\", {\n                    attrs: { x1: \"18\", y1: \"6\", x2: \"6\", y2: \"18\" },\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"line\", {\n                    attrs: { x1: \"6\", y1: \"6\", x2: \"18\", y2: \"18\" },\n                  }),\n                ]\n              ),\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"video-wrapper\" }, [\n              _c(\n                \"video\",\n                { attrs: { autoplay: \"\", controls: \"\", width: \"100%\" } },\n                [\n                  _c(\"source\", {\n                    attrs: { src: _vm.videoUrl, type: \"video/webm\" },\n                  }),\n                  _vm._v(\n                    \"\\n        Ihr Browser unterstützt das Video-Tag nicht.\\n      \"\n                  ),\n                ]\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.isHomePage\n        ? _c(\"div\", { staticClass: \"video-container\" }, [\n            _c(\n              \"button\",\n              { attrs: { type: \"button\" }, on: { click: _vm.toggleModal } },\n              [\n                _c(\"span\", [_vm._v(\"Wie die Ersatzteilsuche funktioniert \")]),\n                _vm._v(\" \"),\n                _vm._m(0),\n              ]\n            ),\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.$props.initialDeviceId === null\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"dropdown\",\n              class: { open: _vm.showDropdown.device },\n              on: {\n                click: function ($event) {\n                  return _vm.toggleDropdown(\"device\")\n                },\n              },\n            },\n            [\n              _c(\"div\", { staticClass: \"dropdown-selected\" }, [\n                _vm._v(\n                  \"\\n      \" +\n                    _vm._s(\n                      _vm.selectedDevice\n                        ? _vm.selectedDevice.lang.de.name\n                        : _vm.$translate(\n                            \"maversandVuePlugin::Additional.deviceSearchChooseProductCategory\"\n                          )\n                    ) +\n                    \"\\n    \"\n                ),\n              ]),\n              _vm._v(\" \"),\n              _c(\"transition\", { attrs: { name: \"slide-fade\" } }, [\n                _vm.showDropdownComp.device\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"dropdown-options\" },\n                      [\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.deviceSearch,\n                              expression: \"deviceSearch\",\n                            },\n                          ],\n                          attrs: {\n                            type: \"text\",\n                            placeholder: \"Produkt suchen...\",\n                          },\n                          domProps: { value: _vm.deviceSearch },\n                          on: {\n                            click: function ($event) {\n                              $event.stopPropagation()\n                            },\n                            input: function ($event) {\n                              if ($event.target.composing) return\n                              _vm.deviceSearch = $event.target.value\n                            },\n                          },\n                        }),\n                        _vm._v(\" \"),\n                        _vm._l(_vm.filteredDevices, function (device) {\n                          return _c(\n                            \"div\",\n                            {\n                              key: device.id,\n                              staticClass: \"dropdown-option\",\n                              on: {\n                                click: function ($event) {\n                                  return _vm.selectDevice(device)\n                                },\n                              },\n                            },\n                            [\n                              _vm._v(\n                                \"\\n          \" +\n                                  _vm._s(device.lang.de.name) +\n                                  \"\\n        \"\n                              ),\n                            ]\n                          )\n                        }),\n                      ],\n                      2\n                    )\n                  : _vm._e(),\n              ]),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        {\n          staticClass: \"dropdown\",\n          class: {\n            open: _vm.showDropdown.hersteller,\n            disabled: !_vm.selectedDevice,\n          },\n          on: {\n            click: function ($event) {\n              return _vm.toggleDropdown(\"hersteller\")\n            },\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"dropdown-selected\" }, [\n            _vm._v(\n              \"\\n      \" +\n                _vm._s(\n                  _vm.selectedHersteller\n                    ? _vm.selectedHersteller.lang.de.name\n                    : _vm.$translate(\n                        \"maversandVuePlugin::Additional.deviceSearchchooseProducerCategory\"\n                      )\n                ) +\n                \"\\n    \"\n            ),\n          ]),\n          _vm._v(\" \"),\n          _c(\"transition\", { attrs: { name: \"slide-fade\" } }, [\n            _vm.showDropdownComp.hersteller\n              ? _c(\n                  \"div\",\n                  { staticClass: \"dropdown-options\" },\n                  [\n                    _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.herstellerSearch,\n                          expression: \"herstellerSearch\",\n                        },\n                      ],\n                      attrs: {\n                        type: \"text\",\n                        placeholder: \"Hersteller suchen...\",\n                      },\n                      domProps: { value: _vm.herstellerSearch },\n                      on: {\n                        click: function ($event) {\n                          $event.stopPropagation()\n                        },\n                        input: function ($event) {\n                          if ($event.target.composing) return\n                          _vm.herstellerSearch = $event.target.value\n                        },\n                      },\n                    }),\n                    _vm._v(\" \"),\n                    _vm._l(_vm.filteredHerstellers, function (hersteller) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: hersteller.id,\n                          staticClass: \"dropdown-option\",\n                          on: {\n                            click: function ($event) {\n                              return _vm.selectHersteller(hersteller)\n                            },\n                          },\n                        },\n                        [\n                          _vm._v(\n                            \"\\n          \" +\n                              _vm._s(hersteller.lang.de.name) +\n                              \"\\n        \"\n                          ),\n                        ]\n                      )\n                    }),\n                  ],\n                  2\n                )\n              : _vm._e(),\n          ]),\n        ],\n        1\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        {\n          staticClass: \"dropdown\",\n          class: {\n            open: _vm.showDropdown.model,\n            disabled: !_vm.selectedHersteller,\n          },\n          on: {\n            click: function ($event) {\n              _vm.toggleDropdown(\"model\")\n              _vm.clickedNew++\n            },\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"dropdown-selected\" }, [\n            _vm._v(\n              \"\\n      \" +\n                _vm._s(\n                  _vm.selectedModel\n                    ? _vm.selectedModel.lang.de.name\n                    : _vm.$translate(\n                        \"maversandVuePlugin::Additional.deviceSearchchooseModelCategory\"\n                      )\n                ) +\n                \"\\n    \"\n            ),\n          ]),\n          _vm._v(\" \"),\n          _c(\"transition\", { attrs: { name: \"slide-fade\" } }, [\n            _vm.showDropdownComp.model && _vm.selectedHersteller\n              ? _c(\n                  \"div\",\n                  { staticClass: \"dropdown-options\" },\n                  [\n                    _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.modelSearch,\n                          expression: \"modelSearch\",\n                        },\n                      ],\n                      attrs: { type: \"text\", placeholder: \"Model suchen...\" },\n                      domProps: { value: _vm.modelSearch },\n                      on: {\n                        click: function ($event) {\n                          $event.stopPropagation()\n                        },\n                        input: function ($event) {\n                          if ($event.target.composing) return\n                          _vm.modelSearch = $event.target.value\n                        },\n                      },\n                    }),\n                    _vm._v(\" \"),\n                    _vm._l(_vm.filteredModels, function (model) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: model.id,\n                          staticClass: \"dropdown-option\",\n                          on: {\n                            click: function ($event) {\n                              return _vm.selectModel(model)\n                            },\n                          },\n                        },\n                        [\n                          _vm._v(\n                            \"\\n          \" +\n                              _vm._s(model.lang.de.name) +\n                              \"\\n        \"\n                          ),\n                        ]\n                      )\n                    }),\n                  ],\n                  2\n                )\n              : _vm._e(),\n          ]),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"video-box\" }, [\n      _c(\"img\", {\n        attrs: {\n          src: \"https://cdn02.plentymarkets.com/ocqgl0v083vy/frontend/images/Questionmark_Play_Icon_White.svg\",\n          alt: \"\",\n        },\n      }),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"dropdown-container\" id=\"seachCategoriesDropdown\" :class=\"additionalClass\">\n    <modal v-if=\"isModalVisible\" @close=\"toggleModal\">\n      <button @click=\"closeModal\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n          fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n        </svg></button>\n      <div class=\"video-wrapper\">\n        <video autoplay controls width=\"100%\">\n          <source :src=\"videoUrl\" type=\"video/webm\">\n          Ihr Browser unterstützt das Video-Tag nicht.\n        </video>\n      </div>\n    </modal>\n    <!-- Existing dropdown UI -->\n    <div class=\"video-container\" v-if=\"isHomePage\">\n      <button type=\"button\" @click=\"toggleModal\">\n        <span>Wie die Ersatzteilsuche funktioniert </span>\n        <div class=\"video-box\">\n          <img src=\"https://cdn02.plentymarkets.com/ocqgl0v083vy/frontend/images/Questionmark_Play_Icon_White.svg\"\n            alt=\"\">\n        </div>\n      </button>\n    </div>\n\n    <div class=\"dropdown\" :class=\"{ open: showDropdown.device }\" @click=\"toggleDropdown('device')\"\n      v-if=\"$props.initialDeviceId === null\">\n      <div class=\"dropdown-selected\">\n        {{\n    selectedDevice\n      ? selectedDevice.lang.de.name\n      : $translate(\n        \"maversandVuePlugin::Additional.deviceSearchChooseProductCategory\"\n      )\n  }}\n      </div>\n      <transition name=\"slide-fade\">\n        <div class=\"dropdown-options\" v-if=\"showDropdownComp.device\">\n          <input v-model=\"deviceSearch\" type=\"text\" placeholder=\"Produkt suchen...\" @click.stop />\n          <div class=\"dropdown-option\" v-for=\"device in filteredDevices\" :key=\"device.id\" @click=\"selectDevice(device)\">\n            {{ device.lang.de.name }}\n          </div>\n        </div>\n      </transition>\n    </div>\n\n    <!-- hersteller dropdown -->\n    <div class=\"dropdown\" @click=\"toggleDropdown('hersteller')\"\n      :class=\"{ open: showDropdown.hersteller, disabled: !selectedDevice }\">\n      <div class=\"dropdown-selected\">\n        {{\n    selectedHersteller\n      ? selectedHersteller.lang.de.name\n      : $translate(\n        \"maversandVuePlugin::Additional.deviceSearchchooseProducerCategory\"\n      )\n  }}\n      </div>\n      <transition name=\"slide-fade\">\n        <div class=\"dropdown-options\" v-if=\"showDropdownComp.hersteller\">\n          <input v-model=\"herstellerSearch\" type=\"text\" placeholder=\"Hersteller suchen...\" @click.stop />\n          <div class=\"dropdown-option\" v-for=\"hersteller in filteredHerstellers\" :key=\"hersteller.id\"\n            @click=\"selectHersteller(hersteller)\">\n            {{ hersteller.lang.de.name }}\n          </div>\n        </div>\n      </transition>\n    </div>\n\n    <!-- model dropdown -->\n    <div class=\"dropdown\" @click=\"\n    toggleDropdown('model');\n  clickedNew++;\n  \" :class=\"{ open: showDropdown.model, disabled: !selectedHersteller }\">\n      <div class=\"dropdown-selected\">\n        {{\n    selectedModel\n      ? selectedModel.lang.de.name\n      : $translate(\n        \"maversandVuePlugin::Additional.deviceSearchchooseModelCategory\"\n      )\n  }}\n      </div>\n      <transition name=\"slide-fade\">\n        <div class=\"dropdown-options\" v-if=\"showDropdownComp.model && selectedHersteller\">\n          <input v-model=\"modelSearch\" type=\"text\" placeholder=\"Model suchen...\" @click.stop />\n          <div class=\"dropdown-option\" v-for=\"model in filteredModels\" :key=\"model.id\" @click=\"selectModel(model)\">\n            {{ model.lang.de.name }}\n          </div>\n        </div>\n      </transition>\n    </div>\n    <!--<a :href=\"selectedModel ? selectedModel.lang.de.url : '#'\" rel=\"noopener noreferrer\">\n      <button class=\"btn btn-lg btn-primary col-12 col-sm-12 col-md-6 col-lg-5 mx-auto mt-3\" :disabled=\"!selectedModel\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"position-relative mr-1\" width=\"20\" height=\"20\"\n          viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"\n          stroke-linejoin=\"round\" style=\"top: -2px\">\n          <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n          <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" style=\"top: -3px\"></line>\n        </svg>\n        {{\n        $translate(\"maversandVuePlugin::Additional.deviceSearchTriggerSearch\")\n        }}\n      </button>\n    </a>-->\n  </div>\n</template>\n<script>\nimport axios from \"axios\";\n\nexport default {\n  name: \"new-comp\",\n  props: {\n    initialDeviceId: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    additionalClass: {\n      type: String,\n      required: false,\n      default: \"\",\n    },\n  },\n  data() {\n    return {\n      devices: [],\n      herstellers: [],\n      models: [],\n      selectedDevice: null,\n      selectedHersteller: null,\n      selectedModel: null,\n      showDropdown: {\n        device: false,\n        hersteller: false,\n        model: false,\n      },\n      isDeviceDisabled: false,\n      deviceSearch: \"\",\n      herstellerSearch: \"\",\n      modelSearch: \"\",\n      clickedModel: 0,\n      clickedNew: 0,\n      isModalVisible: false,\n      modalElement: null,\n      showModal: false,\n      isHomePage: false,\n    };\n  },\n  async created() {\n    const { data } = await axios.get(\n      \"https://ma-versand.webimpact.app/api/categories/json/root\"\n    );\n    this.devices = data;\n\n    if (this.initialDeviceId) {\n      const initialDevice = this.devices.find(\n        (device) => device.id === this.initialDeviceId\n      );\n      if (initialDevice) {\n        this.selectedDevice = initialDevice;\n        this.isDeviceDisabled = true;\n        const { data } = await axios.get(\n          `https://ma-versand.webimpact.app/api/categories/json/${this.initialDeviceId}`\n        );\n        this.herstellers = data;\n      }\n    }\n  },\n  methods: {\n    closeModal() {\n      var $backdrop = $('.video-modal');\n      this.isModalVisible = false;\n      document.body.style.overflow = ''; // Reset scrolling on body\n      $backdrop.css('z-index', '-1'); // Backdrop z-index lower than modal\n      $backdrop.css('display', 'none'); // Hide backdrop\n    },\n    toggleModal() {\n      var $videoModal = $('.video-modal');\n      var $backdrop = $('.backdrop');\n      this.isModalVisible = !this.isModalVisible;\n\n      if (this.isModalVisible) {\n        $videoModal.fadeIn();\n        $backdrop.css('z-index', '1080'); // Backdrop z-index lower than modal\n        $backdrop.css('display', 'block'); // Backdrop z-index lower than modal\n        $videoModal.css('z-index', '1090'); // Modal z-index higher than backdrop\n        document.body.style.overflow = 'hidden';\n      } else {\n        $videoModal.fadeOut();\n        document.body.sty\n        le.overflow = '';\n      }\n    },\n    toggleDropdown(dropdown) {\n      if (\n        (this.isDeviceDisabled && dropdown === \"device\") ||\n        (dropdown === \"hersteller\" && !this.selectedDevice) ||\n        (dropdown === \"model\" && !this.selectedHersteller)\n      ) {\n        return;\n      }\n\n      // If the dropdown for the given key is already open, close it\n      if (this.showDropdown[dropdown]) {\n        this.showDropdown[dropdown] = false;\n        return; // Return early to skip opening the dropdown\n      }\n\n      // If the model dropdown is clicked and a model is already selected,\n      // just close other dropdowns without opening the model dropdown\n      if (\n        dropdown === \"model\" &&\n        this.selectedModel &&\n        this.clickedNew === this.clickedModel\n      ) {\n        this.showDropdown.model = false;\n      } else {\n        // Close all other dropdowns\n        for (let key in this.showDropdown) {\n          this.showDropdown[key] = false;\n        }\n\n        // Open the clicked dropdown\n        this.showDropdown[dropdown] = true;\n      }\n      this.clickedNew = this.clickedModel;\n    },\n    createModal() {\n      if (this.modalElement) {\n        $(this.modalElement).modal('show');\n        return;\n      }\n\n      const modalHTML = `\n            <div class=\"modal fade\" id=\"videoModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"videoModalLabel\" aria-hidden=\"true\">\n                <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n                    <div class=\"modal-content\">\n                        <div class=\"modal-header\">\n                            <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\">&times;</span>\n                            </button>\n                        </div>\n                        <div class=\"modal-body\">\n                            <video controls width=\"100%\">\n                                <source src=\"${this.videoUrl}\" type=\"video/webm\">\n                                Ihr Browser unterstützt das Video-Tag nicht.\n                            </video>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        `;\n\n      const modalContainer = document.createElement('div');\n      modalContainer.innerHTML = modalHTML;\n      this.modalElement = modalContainer.firstChild;\n      document.body.appendChild(this.modalElement);\n\n      $(this.modalElement).modal();  // Initialize the modal\n    },\n    resetHerstellerAndModel() {\n      this.herstellers = [];\n      this.models = [];\n      this.selectedHersteller = null;\n      this.selectedModel = null;\n    },\n    async selectDevice(device) {\n      if (this.isDeviceDisabled) {\n        return;\n      }\n      if (this.selectedDevice === device) {\n        this.resetHerstellerAndModel();\n        this.selectedDevice = null;\n      } else {\n        this.selectedDevice = device;\n        const { data } = await axios.get(\n          `https://ma-versand.webimpact.app/api/categories/json/${device.id}`\n        );\n        this.herstellers = data;\n        this.models = [];\n        this.selectedModel = null;\n      }\n      this.showDropdown.device = false;\n      this.showDropdown.hersteller = false;\n      this.showDropdown.model = false;\n    },\n    resetModels() {\n      this.models = [];\n      this.selectedModel = null;\n    },\n    async selectHersteller(hersteller) {\n      if (this.selectedHersteller === hersteller) {\n        this.resetModels();\n        this.selectedHersteller = null;\n      } else {\n        this.selectedHersteller = hersteller;\n        const { data } = await axios.get(\n          `https://ma-versand.webimpact.app/api/categories/json/${hersteller.id}`\n        );\n        this.models = data;\n        this.selectedModel = null;\n      }\n      this.showDropdown.hersteller = false;\n      this.showDropdown.model = false;\n    },\n    selectModel(model) {\n      this.selectedModel = model;\n      if (this.selectedModel && this.selectedModel.lang.de.url) {\n        window.location.href = this.selectedModel.lang.de.url;\n      }\n      this.toggleDropdown('model');\n      this.clickedNew--;\n      return this.selectedModel.lang.de.name === model.lang.de.name;\n    },\n    sanitizeInput(input) {\n      return input\n        .normalize(\"NFD\")\n        .replace(/[\\u0300-\\u036f]/g, \"\")\n        .toLowerCase();\n    },\n\n  },\n  computed: {\n    showDropdownComp() {\n      return this.showDropdown;\n    },\n    videoUrl() {\n      return window.App?.maversandVuePluginConfig?.videoUrl || \"https://cdn02.plentymarkets.com/ocqgl0v083vy/frontend/jsons/menu/ETS_Tutorial_compressed_final.webm\";\n    },\n    filteredDevices() {\n      let regex = new RegExp(this.sanitizeInput(this.deviceSearch), \"i\");\n      return this.devices.filter((device) =>\n        regex.test(this.sanitizeInput(device.lang.de.name))\n      );\n    },\n    filteredHerstellers() {\n      let regex = new RegExp(this.sanitizeInput(this.herstellerSearch), \"i\");\n      return this.herstellers.filter((hersteller) =>\n        regex.test(this.sanitizeInput(hersteller.lang.de.name))\n      );\n    },\n    filteredModels() {\n      let regex = new RegExp(this.sanitizeInput(this.modelSearch), \"i\");\n      return this.models.filter((model) =>\n        regex.test(this.sanitizeInput(model.lang.de.name))\n      );\n    },\n\n  },\n  mounted() {\n    this.isHomePage = window.location.href === 'https://www.ma-versand.de/' || window.location.href === 'https://www.ma-versand.de/startseite';  // Set homepage status based on URL\n    document.getElementById(\"seachCategoriesDropdown\").addEventListener(\"click\", function () {\n      var inputFeld = document.querySelector(\"#seachCategoriesDropdown.dropdown-container .dropdown .dropdown-options > input\");\n      inputFeld.focus();\n    });\n\n  },\n  beforeDestroy() {\n    // Properly clean up the modal\n    if (this.modalElement) {\n      $(this.modalElement).modal('dispose');\n      document.body.removeChild(this.modalElement);\n    }\n  }\n};\n</script>","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchCategories.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchCategories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchCategories.vue?vue&type=template&id=066a99b6&\"\nimport script from \"./SearchCategories.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchCategories.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}