{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.number.max-safe-integer.js","webpack:///./resources/js/src/app/components/odSearch/ODSearch.vue?bed1","webpack:///resources/js/src/app/components/odSearch/ODSearch.vue","webpack:///./resources/js/src/app/components/odSearch/ODSearch.vue?9083","webpack:///./resources/js/src/app/components/odSearch/ODSearch.vue"],"names":["$","target","stat","MAX_SAFE_INTEGER","render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","isSearchFocused","expression","on","click","$event","setIsSearchFocused","_v","attrs","placeholder","inputPlaceholder","type","autocomplete","domProps","currentSearchString","focus","blur","removeFocus","input","keyup","indexOf","_k","keyCode","key","search","class","isSearchOpen","innerHTML","_s","searchHeadlineString","articleApiLoading","_e","autocompleteResult","length","searchCategoryString","_l","autocompleteCategories","result","href","url","src","image","images","price","$translate","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-16.min.js","sourcesContent":["var $ = require('../internals/export');\n\n// `Number.MAX_SAFE_INTEGER` constant\n// https://tc39.github.io/ecma262/#sec-number.max_safe_integer\n$({ target: 'Number', stat: true }, {\n  MAX_SAFE_INTEGER: 0x1FFFFFFFFFFFFF\n});\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"search-box\" }, [\n    _c(\"div\", {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.isSearchFocused,\n          expression: \"isSearchFocused\"\n        }\n      ],\n      staticClass: \"od-search__backdrop\",\n      on: {\n        click: function($event) {\n          return _vm.setIsSearchFocused(false)\n        }\n      }\n    }),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"search-box__input-group\" }, [\n      _c(\"input\", {\n        staticClass: \"search-box__input\",\n        attrs: {\n          placeholder: _vm.inputPlaceholder,\n          type: \"text\",\n          autocomplete: \"off\"\n        },\n        domProps: { value: _vm.currentSearchString },\n        on: {\n          focus: function($event) {\n            return _vm.setIsSearchFocused(true)\n          },\n          blur: _vm.removeFocus,\n          input: function($event) {\n            return _vm.setIsSearchFocused(true, $event)\n          },\n          keyup: function($event) {\n            if (\n              !$event.type.indexOf(\"key\") &&\n              _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n            ) {\n              return null\n            }\n            return _vm.search()\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"search-box__button\",\n          attrs: { type: \"submit\" },\n          on: {\n            click: function($event) {\n              return _vm.search()\n            }\n          }\n        },\n        [_c(\"i\", { staticClass: \"fa fa-search\" })]\n      )\n    ]),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      {\n        staticClass: \"search-autocomplete\",\n        class: { \"search-autocomplete--active\": _vm.isSearchOpen }\n      },\n      [\n        _c(\"div\", { staticClass: \"search-autocomplete__head\" }, [\n          _c(\"span\", {\n            domProps: { innerHTML: _vm._s(_vm.searchHeadlineString) }\n          }),\n          _vm._v(\" \"),\n          _c(\n            \"button\",\n            {\n              staticClass: \"search-autocomplete__close\",\n              attrs: { type: \"button\" },\n              on: {\n                click: function($event) {\n                  return _vm.setIsSearchFocused(false)\n                }\n              }\n            },\n            [_vm._v(\"×\\n            \")]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          {\n            staticClass:\n              \"search-autocomplete__body-autocomplete search-autocomplete__body-autocomplete--active\"\n          },\n          [\n            _vm.articleApiLoading\n              ? _c(\"div\", { staticClass: \"search-autocomplete__loading\" })\n              : _vm._e(),\n            _vm._v(\" \"),\n            !_vm.articleApiLoading && _vm.autocompleteResult.length > 0\n              ? _c(\n                  \"div\",\n                  { staticClass: \"search-autocomplete__body-categories\" },\n                  [\n                    _c(\n                      \"div\",\n                      { staticClass: \"search-autocomplete__mdup-cats\" },\n                      [\n                        _c(\n                          \"div\",\n                          { staticClass: \"search-autocomplete__headline\" },\n                          [_vm._v(_vm._s(_vm.searchCategoryString))]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          { staticClass: \"search-autocomplete__categories\" },\n                          _vm._l(_vm.autocompleteCategories, function(result) {\n                            return _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"search-autocomplete__item search-autocomplete__item--article-view\"\n                              },\n                              [\n                                _c(\n                                  \"a\",\n                                  {\n                                    staticClass:\n                                      \"search-autocomplete__item-inner\",\n                                    attrs: { href: result.url }\n                                  },\n                                  [\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass: \"search-autocomplete__img\"\n                                      },\n                                      [\n                                        _c(\"img\", {\n                                          attrs: { src: result.image }\n                                        })\n                                      ]\n                                    ),\n                                    _vm._v(\n                                      \"\\n                                \" +\n                                        _vm._s(result.name)\n                                    ),\n                                    _c(\"i\", {\n                                      staticClass: \"fa fa-chevron-right\"\n                                    })\n                                  ]\n                                )\n                              ]\n                            )\n                          }),\n                          0\n                        )\n                      ]\n                    )\n                  ]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            !_vm.articleApiLoading && _vm.autocompleteResult.length > 0\n              ? _c(\n                  \"div\",\n                  { staticClass: \"search-autocomplete__body-article\" },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"search-autocomplete__headline d-lg-none\"\n                      },\n                      [\n                        _c(\n                          \"a\",\n                          {\n                            staticClass: \"btn btn-primary btn-block\",\n                            attrs: {\n                              href: \"/search?query=\" + _vm.currentSearchString\n                            }\n                          },\n                          [_c(\"span\", [_vm._v(\"Alle anzeigen\")])]\n                        )\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _vm._l(_vm.autocompleteResult, function(result) {\n                      return _c(\n                        \"div\",\n                        { staticClass: \"search-autocomplete__article\" },\n                        [\n                          _c(\n                            \"a\",\n                            {\n                              staticClass: \"search-autocomplete__article-inner\",\n                              attrs: { href: result.url }\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"search-autocomplete__article-image\"\n                                },\n                                [_c(\"img\", { attrs: { src: result.images } })]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"search-autocomplete__article-name\"\n                                },\n                                [\n                                  _c(\n                                    \"span\",\n                                    {\n                                      staticClass:\n                                        \"search-autocomplete__article-title\"\n                                    },\n                                    [_vm._v(_vm._s(result.name))]\n                                  ),\n                                  _c(\n                                    \"span\",\n                                    {\n                                      staticClass:\n                                        \"search-autocomplete__article-price\"\n                                    },\n                                    [_vm._v(_vm._s(result.price))]\n                                  )\n                                ]\n                              )\n                            ]\n                          )\n                        ]\n                      )\n                    })\n                  ],\n                  2\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            !_vm.articleApiLoading && _vm.autocompleteResult.length == 0\n              ? _c(\n                  \"div\",\n                  { staticClass: \"search-autocomplete__body-article\" },\n                  [\n                    _vm._v(\n                      \"\\n                \" +\n                        _vm._s(\n                          _vm.$translate(\n                            \"ODStylebreaker::Template.searchNothingFound\"\n                          )\n                        ) +\n                        \"\\n            \"\n                    )\n                  ]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            !_vm.articleApiLoading && _vm.autocompleteResult.length > 0\n              ? _c(\"div\", { staticClass: \"search-autocomplete__mobile-cats\" }, [\n                  _c(\"div\", { staticClass: \"search-autocomplete__headline\" }, [\n                    _vm._v(_vm._s(_vm.searchCategoryString))\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"search-autocomplete__categories\" },\n                    _vm._l(_vm.autocompleteCategories, function(result) {\n                      return _c(\n                        \"div\",\n                        {\n                          staticClass:\n                            \"search-autocomplete__item search-autocomplete__item--article-view\"\n                        },\n                        [\n                          _c(\n                            \"a\",\n                            {\n                              staticClass: \"search-autocomplete__item-inner\",\n                              attrs: { href: result.url }\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                { staticClass: \"search-autocomplete__img\" },\n                                [_c(\"img\", { attrs: { src: result.image } })]\n                              ),\n                              _vm._v(\n                                \"\\n                            \" +\n                                  _vm._s(result.name)\n                              ),\n                              _c(\"i\", { staticClass: \"fa fa-chevron-right\" })\n                            ]\n                          )\n                        ]\n                      )\n                    }),\n                    0\n                  )\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            !_vm.articleApiLoading && _vm.autocompleteResult.length > 0\n              ? _c(\n                  \"a\",\n                  {\n                    staticClass:\n                      \"btn btn-primary d-none d-lg-flex order-2 mx-auto mb-4 px-3 align-items-center justify-content-center\",\n                    attrs: { href: \"/search?query=\" + _vm.currentSearchString }\n                  },\n                  [_vm._v(\"Alle\\n                anzeigen\")]\n                )\n              : _vm._e()\n          ]\n        )\n      ]\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"search-box\">\n        <div class=\"od-search__backdrop\" v-show=\"isSearchFocused\" @click=\"setIsSearchFocused(false)\"></div>\n        <!--<div class=\"header-search-close__wrapper\" v-show=\"isSearchFocused\" >\n            <div class=\"header-search-close\" @click=\"setIsSearchFocused(false)\">\n                <div class=\"header-search-close__inner\">\n                    <svg class=\"header-search-close__icon\">\n                        <use xlink:href=\"#svg_close\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                </div>\n            </div>\n        </div>-->\n\n        <div class=\"search-box__input-group\">\n            <input :placeholder=\"inputPlaceholder\"\n                   type=\"text\"\n                   class=\"search-box__input\"\n                   :value=\"currentSearchString\"\n                   @focus=\"setIsSearchFocused(true)\"\n                   @blur=\"removeFocus\"\n                   @input=\"setIsSearchFocused(true, $event)\"\n                   @keyup.enter=\"search()\" autocomplete=\"off\">\n\n            <button class=\"search-box__button\" type=\"submit\" @click=\"search()\">\n                <i class='fa fa-search'></i>\n            </button>\n        </div>\n\n        <div class=\"search-autocomplete\" :class=\"{ 'search-autocomplete--active' : isSearchOpen }\">\n            <div class=\"search-autocomplete__head\"><span v-html=\"searchHeadlineString\"></span>\n                <button @click=\"setIsSearchFocused(false)\" type=\"button\" class=\"search-autocomplete__close\">&times;\n                </button>\n            </div>\n\n            <div class=\"search-autocomplete__body-autocomplete search-autocomplete__body-autocomplete--active\">\n                <div v-if=\"articleApiLoading\" class=\"search-autocomplete__loading\"></div>\n\n                <div v-if=\"!articleApiLoading && autocompleteResult.length > 0\"\n                     class=\"search-autocomplete__body-categories\">\n                    <div class=\"search-autocomplete__mdup-cats\">\n                        <div class=\"search-autocomplete__headline\">{{ searchCategoryString }}</div>\n                        <div class=\"search-autocomplete__categories\">\n                            <div class='search-autocomplete__item search-autocomplete__item--article-view'\n                                 v-for=\"result in autocompleteCategories\">\n                                <a class='search-autocomplete__item-inner' :href='result.url'>\n                                    <div class='search-autocomplete__img'>\n                                        <img :src=\"result.image\"/>\n                                    </div>\n                                    {{ result.name }}<i class='fa fa-chevron-right'></i>\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div v-if=\"!articleApiLoading && autocompleteResult.length > 0\"\n                     class=\"search-autocomplete__body-article\">\n                    <div class=\"search-autocomplete__headline d-lg-none\"><!--{{ searchArticleString }}--> <a\n                            class=\"btn btn-primary btn-block\" :href=\"'/search?query=' + currentSearchString\"><span>Alle anzeigen</span></a>\n                    </div>\n                    <div class=\"search-autocomplete__article\" v-for=\"result in autocompleteResult\">\n                        <a class=\"search-autocomplete__article-inner\" :href=\"result.url\">\n                            <div class=\"search-autocomplete__article-image\"><img :src=\"result.images\"></div>\n                            <div class=\"search-autocomplete__article-name\"><span\n                                    class=\"search-autocomplete__article-title\">{{ result.name }}</span><span\n                                    class=\"search-autocomplete__article-price\">{{ result.price }}</span></div>\n                        </a>\n                    </div>\n                </div>\n                <div v-if=\"!articleApiLoading && autocompleteResult.length == 0\"\n                     class=\"search-autocomplete__body-article\">\n                    {{ $translate(\"ODStylebreaker::Template.searchNothingFound\") }}\n                </div>\n                <div class=\"search-autocomplete__mobile-cats\"\n                     v-if=\"!articleApiLoading && autocompleteResult.length > 0\">\n                    <div class=\"search-autocomplete__headline\">{{ searchCategoryString }}</div>\n                    <div class=\"search-autocomplete__categories\">\n                        <div class='search-autocomplete__item search-autocomplete__item--article-view'\n                             v-for=\"result in autocompleteCategories\">\n                            <a class='search-autocomplete__item-inner' :href='result.url'>\n                                <div class='search-autocomplete__img'>\n                                    <img :src=\"result.image\"/>\n                                </div>\n                                {{ result.name }}<i class='fa fa-chevron-right'></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n\n                <a v-if=\"!articleApiLoading && autocompleteResult.length > 0\"\n                   :href=\"'/search?query=' + currentSearchString\"\n                   class=\"btn btn-primary d-none d-lg-flex order-2 mx-auto mb-4 px-3 align-items-center justify-content-center\">Alle\n                    anzeigen</a>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import ApiService from \"ceres/app/services/ApiService\";\n    import TranslationService from \"ceres/app/services/TranslationService\";\n    import UrlService from \"ceres/app/services/UrlService\";\n    import {mapState} from \"vuex\";\n\n    export default {\n        name: \"ODSearch\",\n        props: {\n            categories:\n                {\n                    type: Array,\n                    default: []\n                },\n        },\n        created() {\n            this.$options.template = this.template;\n\n        },\n        mounted() {\n\n            this.$nextTick(() => {\n\n                const urlParams = UrlService.getUrlParams(document.location.search);\n\n                this.$store.commit(\"setItemListSearchString\", urlParams.query);\n\n                if (typeof (urlParams.query) != \"undefined\") {\n                    this.currentSearchString = urlParams.query;\n                }\n\n            });\n\n            let that = this;\n\n            window.addEventListener(\"scroll\", function()\n                {\n                    if (that.isSearchOpen && !that.scrollCheckDone) {\n                        if (!document.querySelector('.dia-navbar__search').classList.contains(\"show\")) {\n                            document.querySelector(\"a[aria-label='toggle search']\").click();\n                            that.scrollCheckDone = true;\n                        }\n                    }\n                })\n\n        },\n        data() {\n            return {\n                currentSearchString: \"\",\n                checkCurrentSearchString: \"\",\n                autocompleteResult: [],\n                autocompleteCategories: [],\n                autocompleteKeywords: [],\n                autocompletePrevCategories: [],\n                isSearchFocused: false,\n                promiseCount: 0,\n                selectedAutocompleteIndex: -1,\n                searchHeadlineString: TranslationService.translate(\"ODStylebreaker::Template.searchHeadlineCategory\"),//\"Suche nach Kategorien\",\n                searchCategoryString: TranslationService.translate(\"ODStylebreaker::Template.searchHeadlineGoToCategory\"),//\"zur Kategorie\",\n                searchArticleString: TranslationService.translate(\"ODStylebreaker::Template.searchProducts\"),//\"Produkte\",\n                searchKeywordString: TranslationService.translate(\"ODStylebreaker::Template.searchSuggestions\"),//\"Suchvorschläge\",\n                articleApiLoading: true,\n                scrollCheckDone: false\n            };\n        },\n        methods:\n            {\n                search() {\n                    if (this.currentSearchString.length) {\n                        if (document.location.pathname === \"/search\") {\n                            //this.updateTitle(this.currentSearchString);\n                            this.$store.dispatch(\"searchItems\", this.currentSearchString);\n\n                            this.selectedAutocompleteIndex = -1;\n                            this.autocompleteResult = [];\n                        } else {\n                            let searchBaseURL = \"/search?query=\";\n\n                            if (App.defaultLanguage !== App.language) {\n                                searchBaseURL = `/${App.language}/search?query=`;\n                            }\n\n                            window.open(searchBaseURL + this.currentSearchString, \"_self\", false);\n                        }\n                    } else {\n                        this.preventSearch = false;\n                    }\n                },\n                removeFocus() {\n                    // add a focused class to the body to determine when the keyboard is opened\n                    document.querySelector(\"body\").classList.remove(\"focused\");\n                },\n                setIsSearchFocused(isActive, eventObject) {\n                    this.isSearchFocused = isActive;\n\n                    if (eventObject) {\n                        this.currentSearchString = eventObject.target.value;\n                    }\n\n                    if (isActive) {\n                        if (document.querySelector(\"body\").classList.contains(\"is-ios\")) {\n                            document.querySelector(\"body\").classList.add(\"focused\")\n                        }\n                        if (this.currentSearchString.length >= 3 && this.currentSearchString != this.checkCurrentSearchString) {\n                            this.autocomplete(this.currentSearchString);\n                        }\n                    } else {\n                        document.querySelector(\"body\").classList.remove(\"search-open\");\n                    }\n\n                },\n                autocomplete(searchString) {\n                    this.articleApiLoading = true;\n\n                    if (this.promiseCount >= Number.MAX_SAFE_INTEGER) {\n                        this.promiseCount = 0;\n                    }\n\n                    const promiseCount = ++this.promiseCount;\n                    ApiService.get(\"/rest/stylebreaker/item/search/autocomplete\", {query: searchString})\n                        .done(response => {\n                            if (this.promiseCount === promiseCount) {\n                                this.transformAutocomplete(response, searchString);\n                                this.articleApiLoading = false;\n                            }\n                        }).fail((d, err) => console.log(d, err));\n\n                    this.checkCurrentSearchString = this.currentSearchString;\n                },\n\n                // transform the autocomplete result to usable object\n                transformAutocomplete(data, searchString) {\n                    this.autocompleteResult = [];\n                    this.selectedAutocompleteIndex = -1;\n                    this.autocompleteCategories = [];\n\n                    this.$store.dispatch(\"loadWholeNavigationTree\", null, true)\n                        .then(response => {\n                            this.$store.commit(\"setNavigationTree\", response);\n                        });\n\n                    let outputCatTmp = [];\n\n                    if (data && (typeof data.documents !== \"undefined\") && data.documents.length) {\n\n                        let sliceVal = 8;\n\n                        if (window.innerWidth > 991) {\n                            sliceVal = 10;\n                        }\n\n                        for (const item of data.documents.slice(0, sliceVal)) {\n                            const imagesArr = this.$options.filters.itemImages(item.data.images, \"urlPreview\");\n                            const images = this.$options.filters.itemImage(imagesArr);\n                            const url = this.$options.filters.itemURL(item.data);\n                            const name = item.data.texts.name2;\n                            //const price = item.data.price + \" €\";\n\n                            // filter RRP and default Price\n                            const defaultPrice = item.data.salesPrices.find(p => p.type === \"default\");\n                            const rrpPrice = item.data.salesPrices.find(p => p.type === \"rrp\");\n                            //const newVatPrice = item.data.salesPrices.find(p => p.id === 27);\n                            // move stringreplace to frontend\n                            let price = (defaultPrice.price).replace(\".\", \",\") + \" €\";\n                            //if(newVatPrice){\n                            //    price = (newVatPrice.price).replace(\".\", \",\") + \" €\";\n                            //}\n                            const rrp = rrpPrice && parseFloat(rrpPrice.price) > 0 ? (rrpPrice.price).replace(\".\", \",\") + \" €\" : \"\";\n\n                            let displayName = name;\n\n                            for (const split of searchString.split(\" \")) {\n                                displayName = displayName.replace(split, `<strong>${split}</strong>`);\n                            }\n\n                            this.autocompleteResult.push({\n                                images,\n                                url,\n                                name,\n                                displayName,\n                                price,\n                                rrp\n                            });\n\n\n                            if (typeof (item.data.defaultCategories) != \"undefined\" && typeof (item.data.defaultCategories[0]) != \"undefined\") {\n                                if (outputCatTmp.indexOf(item.data.defaultCategories[0].id) == -1) {\n                                    outputCatTmp.push(item.data.defaultCategories[0].id);\n                                }\n                            }\n\n\n                        }\n\n                        // Kategorien laden\n                        let outputCats = new Array();\n                        let them = this;\n\n                        this.navigationTree.forEach(function (category, index) {\n                            let categoryUrl = category.details[0].nameUrl;\n\n                            if (outputCatTmp.indexOf(category.id) > -1) {\n                                if (typeof (outputCats[category.id]) == \"undefined\") {\n                                    outputCats[category.id] = category;\n                                    outputCats[category.id][\"url\"] = them.getCategoryUrl(categoryUrl);\n                                }\n                            }\n\n                            if (category.childCount > 0 && typeof category.children !== \"undefined\") {\n                                category.children.forEach(function (category2, index2) {\n                                    let categoryUrl2 = categoryUrl + \"/\" + category2.details[0].nameUrl;\n\n                                    if (outputCatTmp.indexOf(category2.id) > -1) {\n                                        if (typeof (outputCats[category.id]) == \"undefined\") {\n                                            outputCats[category.id] = category;\n                                            outputCats[category.id][\"url\"] = them.getCategoryUrl(categoryUrl);\n                                        }\n                                        if (typeof (outputCats[category2.id]) == \"undefined\") {\n                                            outputCats[category2.id] = category2;\n                                            outputCats[category2.id][\"url\"] = them.getCategoryUrl(categoryUrl2);\n                                        }\n                                    }\n\n                                    if (category2.childCount > 0 && typeof category2.children !== \"undefined\") {\n                                        category2.children.forEach(function (category3, index3) {\n                                            let categoryUrl3 = categoryUrl2 + \"/\" + category3.details[0].nameUrl;\n\n                                            if (outputCatTmp.indexOf(category3.id) > -1) {\n\n                                                if (typeof (outputCats[category.id]) == \"undefined\") {\n                                                    outputCats[category.id] = category;\n                                                    outputCats[category.id][\"url\"] = them.getCategoryUrl(categoryUrl);\n                                                }\n                                                if (typeof (outputCats[category2.id]) == \"undefined\") {\n                                                    outputCats[category2.id] = category2;\n                                                    outputCats[category2.id][\"url\"] = them.getCategoryUrl(categoryUrl2);\n                                                }\n\n                                                if (typeof (outputCats[category3.id]) == \"undefined\") {\n                                                    outputCats[category3.id] = category3;\n                                                    outputCats[category3.id][\"url\"] = them.getCategoryUrl(categoryUrl3);\n                                                }\n                                            }\n\n                                            if (category3.childCount > 0 && typeof category3.children !== \"undefined\") {\n                                                category3.children.forEach(function (category4, index4) {\n                                                    let categoryUrl4 = categoryUrl3 + \"/\" + category4.details[0].nameUrl;\n\n                                                    if (outputCatTmp.indexOf(category4.id) > -1) {\n                                                        if (typeof (outputCats[category.id]) == \"undefined\") {\n                                                            outputCats[category.id] = category;\n                                                            outputCats[category.id][\"url\"] = them.getCategoryUrl(categoryUrl);\n                                                        }\n                                                        if (typeof (outputCats[category2.id]) == \"undefined\") {\n                                                            outputCats[category2.id] = category2;\n                                                            outputCats[category2.id][\"url\"] = them.getCategoryUrl(categoryUrl2);\n                                                        }\n\n                                                        if (typeof (outputCats[category3.id]) == \"undefined\") {\n                                                            outputCats[category3.id] = category3;\n                                                            outputCats[category3.id][\"url\"] = them.getCategoryUrl(categoryUrl3);\n                                                        }\n                                                        if (typeof (outputCats[category4.id]) == \"undefined\") {\n                                                            outputCats[category4.id] = category4;\n                                                            outputCats[category4.id][\"url\"] = them.getCategoryUrl(categoryUrl4);\n                                                        }\n                                                    }\n\n                                                    if (category4.childCount > 0 && typeof category4.children !== \"undefined\") {\n                                                        category4.children.forEach(function (category5, index5) {\n                                                            let categoryUrl5 = categoryUrl4 + \"/\" + category5.details[0].nameUrl;\n\n                                                            if (outputCatTmp.indexOf(category5.id) > -1) {\n                                                                if (typeof (outputCats[category.id]) == \"undefined\") {\n                                                                    outputCats[category.id] = category;\n                                                                    outputCats[category.id][\"url\"] = them.getCategoryUrl(categoryUrl);\n                                                                }\n                                                                if (typeof (outputCats[category2.id]) == \"undefined\") {\n                                                                    outputCats[category2.id] = category2;\n                                                                    outputCats[category2.id][\"url\"] = them.getCategoryUrl(categoryUrl2);\n                                                                }\n\n                                                                if (typeof (outputCats[category3.id]) == \"undefined\") {\n                                                                    outputCats[category3.id] = category3;\n                                                                    outputCats[category3.id][\"url\"] = them.getCategoryUrl(categoryUrl3);\n                                                                }\n                                                                if (typeof (outputCats[category4.id]) == \"undefined\") {\n                                                                    outputCats[category4.id] = category4;\n                                                                    outputCats[category4.id][\"url\"] = them.getCategoryUrl(categoryUrl4);\n                                                                }\n                                                                if (typeof (outputCats[category5.id]) == \"undefined\") {\n                                                                    outputCats[category5.id] = category5;\n                                                                    outputCats[category5.id][\"url\"] = them.getCategoryUrl(categoryUrl5);\n                                                                }\n                                                            }\n\n                                                            if (category5.childCount > 0 && typeof category5.children !== \"undefined\") {\n                                                                category5.children.forEach(function (category6, index6) {\n                                                                    let categoryUrl6 = categoryUrl5 + \"/\" + category6.details[0].nameUrl;\n\n                                                                    if (outputCatTmp.indexOf(category6.id) > -1) {\n                                                                        if (typeof (outputCats[category.id]) == \"undefined\") {\n                                                                            outputCats[category.id] = category;\n                                                                            outputCats[category.id][\"url\"] = them.getCategoryUrl(categoryUrl);\n                                                                        }\n                                                                        if (typeof (outputCats[category2.id]) == \"undefined\") {\n                                                                            outputCats[category2.id] = category2;\n                                                                            outputCats[category2.id][\"url\"] = them.getCategoryUrl(categoryUrl2);\n                                                                        }\n\n                                                                        if (typeof (outputCats[category3.id]) == \"undefined\") {\n                                                                            outputCats[category3.id] = category3;\n                                                                            outputCats[category3.id][\"url\"] = them.getCategoryUrl(categoryUrl3);\n                                                                        }\n                                                                        if (typeof (outputCats[category4.id]) == \"undefined\") {\n                                                                            outputCats[category4.id] = category4;\n                                                                            outputCats[category4.id][\"url\"] = them.getCategoryUrl(categoryUrl4);\n                                                                        }\n                                                                        if (typeof (outputCats[category5.id]) == \"undefined\") {\n                                                                            outputCats[category5.id] = category5;\n                                                                            outputCats[category5.id][\"url\"] = them.getCategoryUrl(categoryUrl5);\n                                                                        }\n                                                                        if (typeof (outputCats[category6.id]) == \"undefined\") {\n                                                                            outputCats[category6.id] = category6;\n                                                                            outputCats[category6.id][\"url\"] = them.getCategoryUrl(categoryUrl6);\n                                                                        }\n                                                                    }\n                                                                });\n                                                            }\n\n                                                        });\n                                                    }\n\n                                                });\n                                            }\n\n                                        });\n                                    }\n                                });\n                            }\n\n                        });\n                        let searchBaseURL = \"/search?query=\";\n                        let baseURL = \"\";\n                        if (App.defaultLanguage !== App.language) {\n                            searchBaseURL = \"/${App.language}/search?query=\";\n                            baseURL = \"/${App.language}\";\n                        }\n\n                        let acCategories = {};\n\n                        let maxArtCatCount = 3;\n\n                        if (outputCats.length > 0) {\n                            let i = 0;\n                            $(outputCats).each(function (index, category) {\n                                if (typeof (category) != \"undefined\" && i < maxArtCatCount) {\n                                    acCategories[category.id] = {};\n                                    acCategories[category.id][\"name\"] = category.details[0].name;\n                                    acCategories[category.id][\"url\"] = category.url;\n                                    acCategories[category.id][\"image\"] = baseURL + \"/documents/\" + category.details[0].image2Path;\n\n                                    i++;\n                                }\n                            });\n\n                        }\n                        this.autocompleteCategories = acCategories;\n                    }\n                },\n\n                getCategoryUrl(url) {\n                    const trailingSlash = url[0] === \"/\" ? \"\" : \"/\";\n                    const prefix = this.includeLanguage ? `/${App.language}${trailingSlash}` : \"\";\n\n                    return '/' + prefix + url;\n                },\n            },\n\n        computed:\n            {\n                isSearchOpen() {\n                    return this.currentSearchString.length >= 3 && this.isSearchFocused;\n                },\n                inputPlaceholder() {\n                    return TranslationService.translate(\"ODStylebreaker::Template.searchPlaceholderString\");\n                },\n                searchShowAll() {\n                    return TranslationService.translate(\"ODStylebreaker::Template.searchShowAll\");\n                },\n                ...mapState({\n                    navigationTree: state => state.navigation.tree\n                })\n            },\n\n        watch:{\n            isSearchOpen(oldVal, newVal){\n                if(newVal){\n                    document.querySelector(\"body\").classList.add(\"search-open\");\n                }else{\n                    document.querySelector(\"body\").classList.remove(\"search-open\");\n                }\n            }\n        }\n    }\n</script>\n\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ODSearch.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!./ODSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ODSearch.vue?vue&type=template&id=2f29650d&\"\nimport script from \"./ODSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./ODSearch.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/DIA-stylebreaker-v2/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2f29650d')) {\n      api.createRecord('2f29650d', component.options)\n    } else {\n      api.reload('2f29650d', component.options)\n    }\n    module.hot.accept(\"./ODSearch.vue?vue&type=template&id=2f29650d&\", function () {\n      api.rerender('2f29650d', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/odSearch/ODSearch.vue\"\nexport default component.exports"],"sourceRoot":""}