{"version":3,"sources":["webpack:///./resources/js/src/app/components/pageDesign/navigation.vue?0127","webpack:///resources/js/src/app/components/pageDesign/navigation.vue","webpack:///./resources/js/src/app/components/pageDesign/navigation.vue?12f0","webpack:///./resources/js/src/app/components/pageDesign/navigation.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ismobile","on","click","$event","showCarCats","attrs","xmlns","width","height","viewBox","fill","stroke","x1","y1","x2","y2","_v","d","_s","$translate","directives","name","rawName","value","activeCarL1Cat","expression","disabled","isLoading","change","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","_value","multiple","domProps","_l","carCategories","children","cat","id","details","activeCarL2Cat","carL1Category","cat2","activeCarL3Cat","carL2Category","cat3","redirectToCat","_e","class","showTypeCats","typeCategories","length","mouseover","switchActiveTypeCat","href","getCategoryUrl","nameUrl","title","typeCategoriesActiveChild","catChild","alt","_withStripped","component","__file"],"mappings":"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","file":"chunks/ceres-53.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"navigation__outer-wrapper\" }, [\n    _vm.ismobile\n      ? _c(\n          \"div\",\n          { staticClass: \"navigation__wrapper--mobile\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"primary-navigation__item--mobile\",\n                on: {\n                  click: function($event) {\n                    _vm.showCarCats = !_vm.showCarCats\n                  }\n                }\n              },\n              [\n                !_vm.showCarCats\n                  ? [\n                      _c(\n                        \"svg\",\n                        {\n                          attrs: {\n                            xmlns: \"http://www.w3.org/2000/svg\",\n                            width: \"44\",\n                            height: \"16\"\n                          }\n                        },\n                        [\n                          _c(\"path\", {\n                            attrs: {\n                              d:\n                                \"M38.616 4.772h2.294c.11 0 .22-.025.32-.071l1-.464.215-.1v5.575l-.088.041-3.723 1.725-.15.069-.057-.154-.114-.309a3.67 3.67 0 0 0-3.428-2.39A3.64 3.64 0 0 0 31.4 11.25l-.067.212-.033.106h-.111l-19.443.013h-.111l-.034-.106-.066-.214a3.64 3.64 0 0 0-3.49-2.568 3.638 3.638 0 0 0-3.49 2.573l-.065.214-.034.106h-.111l-1.587.001h-.12l-.028-.117-.964-4.113-.027-.118.108-.053.217-.107C3.35 6.39 5.564 5.9 8.527 5.621a54.99 54.99 0 0 1 4.966-.23c.388 0 .75.004 1.079.013h10.476a.76.76 0 0 0 0-1.518h-7.611l.515-.284 1.696-.938a7.375 7.375 0 0 1 1.905-.74c.96-.22 2.047-.33 3.228-.33 6.264 0 13.463 3.085 13.535 3.116.095.04.196.062.3.062zm-3.73 9.71a2.138 2.138 0 0 1-2.136-2.136c0-1.177.958-2.135 2.135-2.135 1.178 0 2.135.958 2.135 2.135a2.138 2.138 0 0 1-2.135 2.136zm-26.84 0a2.138 2.138 0 0 1-2.136-2.136c0-1.177.958-2.135 2.136-2.135 1.177 0 2.135.958 2.135 2.135a2.138 2.138 0 0 1-2.135 2.136zM24.786.076c-1.3 0-2.503.124-3.572.368a8.877 8.877 0 0 0-2.298.89 242.796 242.796 0 0 0-4.405 2.483l-.073.043-.037.02h-.042l-.084-.001c-.172-.003-.45-.007-.804-.007-2.937 0-10.1.234-13.152 2.407a.758.758 0 0 0-.299.793l1.276 5.448c.081.345.385.586.74.586l2.308-.002h.112l.033.107.066.214A3.638 3.638 0 0 0 8.045 16a3.683 3.683 0 0 0 3.493-2.58l.066-.214.033-.107h.112l19.43-.013h.112l.033.108.066.215A3.682 3.682 0 0 0 34.885 16a3.677 3.677 0 0 0 3.502-2.612l.053-.18.027-.09.092-.016.185-.033a.782.782 0 0 0 .191-.058l4.588-2.125a.761.761 0 0 0 .44-.69V4.029c0-.498-.25-.955-.67-1.222a1.446 1.446 0 0 0-1.389-.092l-1.131.526-.031.014H38.77l-.028-.012-.056-.023C37.417 2.694 30.783.076 24.787.076V0v.076z\",\n                              fill: \"#F9BA00\",\n                              \"fill-rule\": \"evenodd\"\n                            }\n                          })\n                        ]\n                      )\n                    ]\n                  : [\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: \"#ccd0d7\",\n                            \"stroke-width\": \"2\",\n                            \"stroke-linecap\": \"square\",\n                            \"stroke-linejoin\": \"arcs\"\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              ],\n              2\n            ),\n            _vm._v(\" \"),\n            _c(\"transition\", [\n              _vm.showCarCats\n                ? _c(\"div\", { staticClass: \"steps-navigation\" }, [\n                    _c(\"div\", { staticClass: \"steps-navigation__container\" }, [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"navi-steps tri-cta row animate-tri-cta\"\n                        },\n                        [\n                          _c(\"div\", { staticClass: \"col-12 h3\" }, [\n                            _c(\"span\", { staticClass: \"menu-two__headline\" }, [\n                              _vm._v(\":\")\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\"span\", { staticClass: \"visible-xs\" }, [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"TuningFanatics::Template.carPartsTitle\"\n                                  )\n                                )\n                              )\n                            ])\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\"div\", { staticClass: \"col-12\" }, [\n                            _c(\"div\", { staticClass: \"row\" }, [\n                              _c(\"div\", { staticClass: \"col-12 step active\" }, [\n                                _c(\"div\", { staticClass: \"select-wrap\" }, [\n                                  _c(\n                                    \"select\",\n                                    {\n                                      directives: [\n                                        {\n                                          name: \"model\",\n                                          rawName: \"v-model\",\n                                          value: _vm.activeCarL1Cat,\n                                          expression: \"activeCarL1Cat\"\n                                        }\n                                      ],\n                                      attrs: { disabled: _vm.isLoading },\n                                      on: {\n                                        change: function($event) {\n                                          var $$selectedVal = Array.prototype.filter\n                                            .call(\n                                              $event.target.options,\n                                              function(o) {\n                                                return o.selected\n                                              }\n                                            )\n                                            .map(function(o) {\n                                              var val =\n                                                \"_value\" in o\n                                                  ? o._value\n                                                  : o.value\n                                              return val\n                                            })\n                                          _vm.activeCarL1Cat = $event.target\n                                            .multiple\n                                            ? $$selectedVal\n                                            : $$selectedVal[0]\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"option\",\n                                        { attrs: { selected: \"\", value: \"\" } },\n                                        [_vm._v(\"Marke\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 693 } },\n                                        [_vm._v(\"VW\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 662 } },\n                                        [_vm._v(\"Audi\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 663 } },\n                                        [_vm._v(\"BMW\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 678 } },\n                                        [_vm._v(\"Mercedes\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 682 } },\n                                        [_vm._v(\"Opel\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 669 } },\n                                        [_vm._v(\"Ford\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 687 } },\n                                        [_vm._v(\"Seat\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        { domProps: { value: 688 } },\n                                        [_vm._v(\"Skoda\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\"option\", {\n                                        attrs: { value: \"\", disabled: \"\" }\n                                      }),\n                                      _vm._v(\" \"),\n                                      _vm._l(\n                                        _vm.carCategories.children,\n                                        function(cat) {\n                                          return _c(\n                                            \"option\",\n                                            { domProps: { value: cat.id } },\n                                            [\n                                              _vm._v(\n                                                _vm._s(cat.details[0].name)\n                                              )\n                                            ]\n                                          )\n                                        }\n                                      )\n                                    ],\n                                    2\n                                  )\n                                ])\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\"div\", { staticClass: \"col-12 step\" }, [\n                                _c(\"div\", { staticClass: \"select-wrap\" }, [\n                                  _c(\n                                    \"select\",\n                                    {\n                                      directives: [\n                                        {\n                                          name: \"model\",\n                                          rawName: \"v-model\",\n                                          value: _vm.activeCarL2Cat,\n                                          expression: \"activeCarL2Cat\"\n                                        }\n                                      ],\n                                      attrs: {\n                                        disabled:\n                                          _vm.isLoading || !_vm.activeCarL1Cat\n                                      },\n                                      on: {\n                                        change: function($event) {\n                                          var $$selectedVal = Array.prototype.filter\n                                            .call(\n                                              $event.target.options,\n                                              function(o) {\n                                                return o.selected\n                                              }\n                                            )\n                                            .map(function(o) {\n                                              var val =\n                                                \"_value\" in o\n                                                  ? o._value\n                                                  : o.value\n                                              return val\n                                            })\n                                          _vm.activeCarL2Cat = $event.target\n                                            .multiple\n                                            ? $$selectedVal\n                                            : $$selectedVal[0]\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"option\",\n                                        { attrs: { selected: \"\", value: \"\" } },\n                                        [_vm._v(\"Modell\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _vm._l(\n                                        _vm.carL1Category.children,\n                                        function(cat2) {\n                                          return _c(\n                                            \"option\",\n                                            { domProps: { value: cat2.id } },\n                                            [\n                                              _vm._v(\n                                                _vm._s(cat2.details[0].name)\n                                              )\n                                            ]\n                                          )\n                                        }\n                                      )\n                                    ],\n                                    2\n                                  )\n                                ])\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\"div\", { staticClass: \"col-12 step\" }, [\n                                _c(\"div\", { staticClass: \"select-wrap\" }, [\n                                  _c(\n                                    \"select\",\n                                    {\n                                      directives: [\n                                        {\n                                          name: \"model\",\n                                          rawName: \"v-model\",\n                                          value: _vm.activeCarL3Cat,\n                                          expression: \"activeCarL3Cat\"\n                                        }\n                                      ],\n                                      attrs: {\n                                        disabled:\n                                          _vm.isLoading || !_vm.activeCarL2Cat\n                                      },\n                                      on: {\n                                        change: function($event) {\n                                          var $$selectedVal = Array.prototype.filter\n                                            .call(\n                                              $event.target.options,\n                                              function(o) {\n                                                return o.selected\n                                              }\n                                            )\n                                            .map(function(o) {\n                                              var val =\n                                                \"_value\" in o\n                                                  ? o._value\n                                                  : o.value\n                                              return val\n                                            })\n                                          _vm.activeCarL3Cat = $event.target\n                                            .multiple\n                                            ? $$selectedVal\n                                            : $$selectedVal[0]\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"option\",\n                                        { attrs: { selected: \"\", value: \"\" } },\n                                        [_vm._v(\"Typ\")]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _vm._l(\n                                        _vm.carL2Category.children,\n                                        function(cat3) {\n                                          return _c(\n                                            \"option\",\n                                            { domProps: { value: cat3.id } },\n                                            [\n                                              _vm._v(\n                                                _vm._s(cat3.details[0].name)\n                                              )\n                                            ]\n                                          )\n                                        }\n                                      )\n                                    ],\n                                    2\n                                  )\n                                ])\n                              ])\n                            ])\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\"div\", { staticClass: \"col-12 step last\" }, [\n                            _c(\n                              \"button\",\n                              {\n                                staticClass:\n                                  \"menu-two__btn menu-two__btn--mobile\",\n                                attrs: {\n                                  disabled: _vm.isLoading || !_vm.activeCarL1Cat\n                                },\n                                on: { click: _vm.redirectToCat }\n                              },\n                              [_vm._v(\"Finden\")]\n                            )\n                          ])\n                        ]\n                      )\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        directives: [\n                          {\n                            name: \"show\",\n                            rawName: \"v-show\",\n                            value: _vm.isLoading,\n                            expression: \"isLoading\"\n                          }\n                        ],\n                        staticClass: \"steps-navigation__is-loading\"\n                      },\n                      [_c(\"i\", { staticClass: \"fa fa-refresh fa-spin\" })]\n                    )\n                  ])\n                : _vm._e()\n            ])\n          ],\n          1\n        )\n      : _c(\"div\", { staticClass: \"navigation__wrapper\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"navigation\" },\n            [\n              _c(\"div\", { staticClass: \"primary-navigation\" }, [\n                _c(\"div\", { staticClass: \"primary-navigation__container\" }, [\n                  _c(\"div\", { staticClass: \"primary-navigation__row\" }, [\n                    _c(\"div\", { staticClass: \"primary-navigation__item\" }, [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\"Ceres::Template.itemCategories\")\n                        ) + \" \"\n                      ),\n                      _c(\"i\", {\n                        staticClass: \"fa fa-angle-down\",\n                        class: { \"cat-open\": _vm.showTypeCats },\n                        attrs: { \"aria-hidden\": \"true\" }\n                      })\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"primary-navigation__item primary-navigation__item--teile\",\n                        on: {\n                          click: function($event) {\n                            _vm.showCarCats = !_vm.showCarCats\n                            _vm.showTypeCats = false\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\n                              \"TuningFanatics::Template.carPartsTitle\"\n                            )\n                          ) + \" \"\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"fa fa-angle-down\",\n                          class: { \"cat-open\": _vm.showCarCats },\n                          attrs: { \"aria-hidden\": \"true\" }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ]),\n              _vm._v(\" \"),\n              _vm.showTypeCats\n                ? _c(\"div\", { staticClass: \"megamenu\" }, [\n                    _vm.typeCategories.children.length\n                      ? _c(\"div\", { staticClass: \"megamenu__left\" }, [\n                          _c(\n                            \"ul\",\n                            { staticClass: \"megamenu__nav\" },\n                            _vm._l(_vm.typeCategories.children, function(cat) {\n                              return _c(\n                                \"li\",\n                                {\n                                  staticClass: \"megamenu__nav-item\",\n                                  on: {\n                                    mouseover: function($event) {\n                                      return _vm.switchActiveTypeCat(cat)\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"a\",\n                                    {\n                                      staticClass: \"megamenu__nav-link\",\n                                      attrs: {\n                                        href:\n                                          \"/\" +\n                                          _vm.getCategoryUrl(\n                                            _vm.typeCategories.details[0]\n                                              .nameUrl +\n                                              \"/\" +\n                                              cat.details[0].nameUrl\n                                          ),\n                                        title: cat.details[0].name\n                                      }\n                                    },\n                                    [_vm._v(_vm._s(cat.details[0].name))]\n                                  )\n                                ]\n                              )\n                            }),\n                            0\n                          )\n                        ])\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.typeCategoriesActiveChild.details\n                      ? _c(\"div\", { staticClass: \"megamenu__right\" }, [\n                          _c(\"div\", { staticClass: \"megamenu__sec-headline\" }, [\n                            _vm._v(\n                              _vm._s(\n                                _vm.typeCategoriesActiveChild.details[0].name\n                              )\n                            )\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\n                            \"ul\",\n                            { staticClass: \"megamenu__sec-nav\" },\n                            _vm._l(\n                              _vm.typeCategoriesActiveChild.children,\n                              function(catChild) {\n                                return _c(\n                                  \"li\",\n                                  { staticClass: \"megamenu__sec-nav-item\" },\n                                  [\n                                    _c(\n                                      \"a\",\n                                      {\n                                        staticClass: \"megamenu__sec-nav-link\",\n                                        attrs: {\n                                          href:\n                                            \"/\" +\n                                            _vm.getCategoryUrl(\n                                              _vm.typeCategories.details[0]\n                                                .nameUrl +\n                                                \"/\" +\n                                                _vm.typeCategoriesActiveChild\n                                                  .details[0].nameUrl +\n                                                \"/\" +\n                                                catChild.details[0].nameUrl\n                                            ),\n                                          title: catChild.details[0].name\n                                        }\n                                      },\n                                      [_vm._v(_vm._s(catChild.details[0].name))]\n                                    )\n                                  ]\n                                )\n                              }\n                            ),\n                            0\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"a\",\n                            {\n                              staticClass: \"megamenu__newsletter-banner\",\n                              attrs: {\n                                href:\n                                  \"https://www.tuning-fanatics.de/geschenkgutscheine/\"\n                              }\n                            },\n                            [\n                              _c(\"lazy-img\", {\n                                attrs: {\n                                  \"picture-class\": \"megamenu__newsletter\",\n                                  \"image-url\":\n                                    \"https://www.tuning-fanatics.de/layout/od_tuning_fanatics_v2/images/gutschein-banner.jpg\",\n                                  \"fallback-url\":\n                                    \"https://www.tuning-fanatics.de/layout/od_tuning_fanatics_v2/images/gutschein-banner.jpg\",\n                                  alt: \"Gutschein Banner\"\n                                }\n                              })\n                            ],\n                            1\n                          )\n                        ])\n                      : _vm._e()\n                  ])\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\"transition\", [\n                _vm.showCarCats\n                  ? _c(\"div\", { staticClass: \"steps-navigation\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"steps-navigation__container\" },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"navi-steps tri-cta row animate-tri-cta\"\n                            },\n                            [\n                              _c(\"div\", { staticClass: \"col-sm-2 h3\" }, [\n                                _c(\n                                  \"span\",\n                                  { staticClass: \"menu-two__headline\" },\n                                  [_vm._v(\":\")]\n                                ),\n                                _vm._v(\" \"),\n                                _c(\"span\", { staticClass: \"visible-xs\" }, [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"TuningFanatics::Template.myCar\"\n                                      )\n                                    )\n                                  )\n                                ])\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\"div\", { staticClass: \"col-sm-8\" }, [\n                                _c(\"div\", { staticClass: \"row\" }, [\n                                  _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"col-xs-12 col-sm-4 step active\"\n                                    },\n                                    [\n                                      _c(\n                                        \"div\",\n                                        { staticClass: \"select-wrap\" },\n                                        [\n                                          _vm.carCategories.children\n                                            ? _c(\n                                                \"select\",\n                                                {\n                                                  directives: [\n                                                    {\n                                                      name: \"model\",\n                                                      rawName: \"v-model\",\n                                                      value: _vm.activeCarL1Cat,\n                                                      expression:\n                                                        \"activeCarL1Cat\"\n                                                    }\n                                                  ],\n                                                  on: {\n                                                    change: function($event) {\n                                                      var $$selectedVal = Array.prototype.filter\n                                                        .call(\n                                                          $event.target.options,\n                                                          function(o) {\n                                                            return o.selected\n                                                          }\n                                                        )\n                                                        .map(function(o) {\n                                                          var val =\n                                                            \"_value\" in o\n                                                              ? o._value\n                                                              : o.value\n                                                          return val\n                                                        })\n                                                      _vm.activeCarL1Cat = $event\n                                                        .target.multiple\n                                                        ? $$selectedVal\n                                                        : $$selectedVal[0]\n                                                    }\n                                                  }\n                                                },\n                                                [\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      attrs: {\n                                                        selected: \"\",\n                                                        disabled: \"\",\n                                                        value: \"\"\n                                                      }\n                                                    },\n                                                    [_vm._v(\"Marke\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 693 }\n                                                    },\n                                                    [_vm._v(\"VW\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 662 }\n                                                    },\n                                                    [_vm._v(\"Audi\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 663 }\n                                                    },\n                                                    [_vm._v(\"BMW\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 678 }\n                                                    },\n                                                    [_vm._v(\"Mercedes\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 682 }\n                                                    },\n                                                    [_vm._v(\"Opel\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 669 }\n                                                    },\n                                                    [_vm._v(\"Ford\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 687 }\n                                                    },\n                                                    [_vm._v(\"Seat\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: { value: 688 }\n                                                    },\n                                                    [_vm._v(\"Skoda\")]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\"option\", {\n                                                    attrs: {\n                                                      value: \"\",\n                                                      disabled: \"\"\n                                                    }\n                                                  }),\n                                                  _vm._v(\" \"),\n                                                  _vm._l(\n                                                    _vm.carCategories.children,\n                                                    function(cat) {\n                                                      return _c(\n                                                        \"option\",\n                                                        {\n                                                          domProps: {\n                                                            value: cat.id\n                                                          }\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            _vm._s(\n                                                              cat.details[0]\n                                                                .name\n                                                            )\n                                                          )\n                                                        ]\n                                                      )\n                                                    }\n                                                  )\n                                                ],\n                                                2\n                                              )\n                                            : _vm._e()\n                                        ]\n                                      )\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _c(\n                                    \"div\",\n                                    { staticClass: \"col-xs-12 col-sm-4 step\" },\n                                    [\n                                      _c(\n                                        \"div\",\n                                        { staticClass: \"select-wrap\" },\n                                        [\n                                          _c(\n                                            \"select\",\n                                            {\n                                              directives: [\n                                                {\n                                                  name: \"model\",\n                                                  rawName: \"v-model\",\n                                                  value: _vm.activeCarL2Cat,\n                                                  expression: \"activeCarL2Cat\"\n                                                }\n                                              ],\n                                              attrs: {\n                                                disabled:\n                                                  _vm.isLoading ||\n                                                  !_vm.activeCarL1Cat\n                                              },\n                                              on: {\n                                                change: function($event) {\n                                                  var $$selectedVal = Array.prototype.filter\n                                                    .call(\n                                                      $event.target.options,\n                                                      function(o) {\n                                                        return o.selected\n                                                      }\n                                                    )\n                                                    .map(function(o) {\n                                                      var val =\n                                                        \"_value\" in o\n                                                          ? o._value\n                                                          : o.value\n                                                      return val\n                                                    })\n                                                  _vm.activeCarL2Cat = $event\n                                                    .target.multiple\n                                                    ? $$selectedVal\n                                                    : $$selectedVal[0]\n                                                }\n                                              }\n                                            },\n                                            [\n                                              _c(\n                                                \"option\",\n                                                {\n                                                  attrs: {\n                                                    selected: \"\",\n                                                    value: \"\"\n                                                  }\n                                                },\n                                                [_vm._v(\"Modell\")]\n                                              ),\n                                              _vm._v(\" \"),\n                                              _vm._l(\n                                                _vm.carL1Category.children,\n                                                function(cat2) {\n                                                  return _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: {\n                                                        value: cat2.id\n                                                      }\n                                                    },\n                                                    [\n                                                      _vm._v(\n                                                        _vm._s(\n                                                          cat2.details[0].name\n                                                        )\n                                                      )\n                                                    ]\n                                                  )\n                                                }\n                                              )\n                                            ],\n                                            2\n                                          )\n                                        ]\n                                      )\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _c(\n                                    \"div\",\n                                    { staticClass: \"col-xs-12 col-sm-4 step\" },\n                                    [\n                                      _c(\n                                        \"div\",\n                                        { staticClass: \"select-wrap\" },\n                                        [\n                                          _c(\n                                            \"select\",\n                                            {\n                                              directives: [\n                                                {\n                                                  name: \"model\",\n                                                  rawName: \"v-model\",\n                                                  value: _vm.activeCarL3Cat,\n                                                  expression: \"activeCarL3Cat\"\n                                                }\n                                              ],\n                                              attrs: {\n                                                disabled:\n                                                  _vm.isLoading ||\n                                                  !_vm.activeCarL2Cat ||\n                                                  !_vm.carL2Category.children ||\n                                                  _vm.carL2Category.children\n                                                    .length < 1\n                                              },\n                                              on: {\n                                                change: function($event) {\n                                                  var $$selectedVal = Array.prototype.filter\n                                                    .call(\n                                                      $event.target.options,\n                                                      function(o) {\n                                                        return o.selected\n                                                      }\n                                                    )\n                                                    .map(function(o) {\n                                                      var val =\n                                                        \"_value\" in o\n                                                          ? o._value\n                                                          : o.value\n                                                      return val\n                                                    })\n                                                  _vm.activeCarL3Cat = $event\n                                                    .target.multiple\n                                                    ? $$selectedVal\n                                                    : $$selectedVal[0]\n                                                }\n                                              }\n                                            },\n                                            [\n                                              _c(\n                                                \"option\",\n                                                {\n                                                  attrs: {\n                                                    selected: \"\",\n                                                    value: \"\"\n                                                  }\n                                                },\n                                                [_vm._v(\"Typ\")]\n                                              ),\n                                              _vm._v(\" \"),\n                                              _vm._l(\n                                                _vm.carL2Category.children,\n                                                function(cat3) {\n                                                  return _c(\n                                                    \"option\",\n                                                    {\n                                                      domProps: {\n                                                        value: cat3.id\n                                                      }\n                                                    },\n                                                    [\n                                                      _vm._v(\n                                                        _vm._s(\n                                                          cat3.details[0].name\n                                                        )\n                                                      )\n                                                    ]\n                                                  )\n                                                }\n                                              )\n                                            ],\n                                            2\n                                          )\n                                        ]\n                                      )\n                                    ]\n                                  )\n                                ])\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                { staticClass: \"col-xs-12 col-sm-2 step last\" },\n                                [\n                                  _c(\n                                    \"button\",\n                                    {\n                                      staticClass: \"menu-two__btn\",\n                                      attrs: {\n                                        disabled:\n                                          _vm.isLoading || !_vm.activeCarL1Cat\n                                      },\n                                      on: { click: _vm.redirectToCat }\n                                    },\n                                    [_vm._v(\"Finden\")]\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"show\",\n                                      rawName: \"v-show\",\n                                      value: _vm.isLoading,\n                                      expression: \"isLoading\"\n                                    }\n                                  ],\n                                  staticClass: \"steps-navigation__is-loading\"\n                                },\n                                [\n                                  _c(\"i\", {\n                                    staticClass: \"fa fa-refresh fa-spin\"\n                                  })\n                                ]\n                              )\n                            ]\n                          )\n                        ]\n                      )\n                    ])\n                  : _vm._e()\n              ])\n            ],\n            1\n          )\n        ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"navigation__outer-wrapper\">\n        <div v-if=\"ismobile\" class=\"navigation__wrapper--mobile\">\n            <div @click=\"showCarCats = !showCarCats\" class=\"primary-navigation__item--mobile\">\n                <template v-if=\"!showCarCats\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"16\"><path d=\"M38.616 4.772h2.294c.11 0 .22-.025.32-.071l1-.464.215-.1v5.575l-.088.041-3.723 1.725-.15.069-.057-.154-.114-.309a3.67 3.67 0 0 0-3.428-2.39A3.64 3.64 0 0 0 31.4 11.25l-.067.212-.033.106h-.111l-19.443.013h-.111l-.034-.106-.066-.214a3.64 3.64 0 0 0-3.49-2.568 3.638 3.638 0 0 0-3.49 2.573l-.065.214-.034.106h-.111l-1.587.001h-.12l-.028-.117-.964-4.113-.027-.118.108-.053.217-.107C3.35 6.39 5.564 5.9 8.527 5.621a54.99 54.99 0 0 1 4.966-.23c.388 0 .75.004 1.079.013h10.476a.76.76 0 0 0 0-1.518h-7.611l.515-.284 1.696-.938a7.375 7.375 0 0 1 1.905-.74c.96-.22 2.047-.33 3.228-.33 6.264 0 13.463 3.085 13.535 3.116.095.04.196.062.3.062zm-3.73 9.71a2.138 2.138 0 0 1-2.136-2.136c0-1.177.958-2.135 2.135-2.135 1.178 0 2.135.958 2.135 2.135a2.138 2.138 0 0 1-2.135 2.136zm-26.84 0a2.138 2.138 0 0 1-2.136-2.136c0-1.177.958-2.135 2.136-2.135 1.177 0 2.135.958 2.135 2.135a2.138 2.138 0 0 1-2.135 2.136zM24.786.076c-1.3 0-2.503.124-3.572.368a8.877 8.877 0 0 0-2.298.89 242.796 242.796 0 0 0-4.405 2.483l-.073.043-.037.02h-.042l-.084-.001c-.172-.003-.45-.007-.804-.007-2.937 0-10.1.234-13.152 2.407a.758.758 0 0 0-.299.793l1.276 5.448c.081.345.385.586.74.586l2.308-.002h.112l.033.107.066.214A3.638 3.638 0 0 0 8.045 16a3.683 3.683 0 0 0 3.493-2.58l.066-.214.033-.107h.112l19.43-.013h.112l.033.108.066.215A3.682 3.682 0 0 0 34.885 16a3.677 3.677 0 0 0 3.502-2.612l.053-.18.027-.09.092-.016.185-.033a.782.782 0 0 0 .191-.058l4.588-2.125a.761.761 0 0 0 .44-.69V4.029c0-.498-.25-.955-.67-1.222a1.446 1.446 0 0 0-1.389-.092l-1.131.526-.031.014H38.77l-.028-.012-.056-.023C37.417 2.694 30.783.076 24.787.076V0v.076z\" fill=\"#F9BA00\" fill-rule=\"evenodd\"/></svg>\n                </template>\n                <template v-else>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccd0d7\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"arcs\">\n                        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/>\n                        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n                    </svg>\n                </template>\n            </div>\n\n            <transition>\n                <div v-if=\"showCarCats\" class=\"steps-navigation\">\n                    <div class=\"steps-navigation__container\">\n                        <div class=\"navi-steps tri-cta row animate-tri-cta\">\n                            <div class=\"col-12 h3\">\n                                <span class=\"menu-two__headline\">:</span>\n                                <span class=\"visible-xs\">{{ $translate(\"TuningFanatics::Template.carPartsTitle\") }}</span>\n                            </div>\n                            <div class=\"col-12\">\n                                <div class=\"row\">\n                                    <div class=\"col-12 step active\">\n                                        <div class=\"select-wrap\">\n                                            <select  v-model=\"activeCarL1Cat\" :disabled=\"isLoading\">\n<!--                                                v-if=\"carCategories.children\"-->\n                                                <option selected value=\"\">Marke</option>\n                                                <option :value=\"693\">VW</option>\n                                                <option :value=\"662\">Audi</option>\n                                                <option :value=\"663\">BMW</option>\n                                                <option :value=\"678\">Mercedes</option>\n                                                <option :value=\"682\">Opel</option>\n                                                <option :value=\"669\">Ford</option>\n                                                <option :value=\"687\">Seat</option>\n                                                <option :value=\"688\">Skoda</option>\n                                                <option value=\"\" disabled></option>\n                                                <option v-for=\"cat in carCategories.children\" :value=\"cat.id\">{{ cat.details[0].name }}</option>\n                                            </select>\n                                        </div>\n                                    </div>\n                                    <div class=\"col-12 step\">\n                                        <div class=\"select-wrap\">\n                                            <select v-model=\"activeCarL2Cat\" :disabled=\"isLoading || !activeCarL1Cat\">\n                                                <option selected value=\"\">Modell</option>\n                                                <option v-for=\"cat2 in carL1Category.children\" :value=\"cat2.id\">{{ cat2.details[0].name }}</option>\n                                            </select>\n                                        </div>\n                                    </div>\n                                    <div class=\"col-12 step\">\n                                        <div class=\"select-wrap\">\n                                            <select  v-model=\"activeCarL3Cat\" :disabled=\"isLoading || !activeCarL2Cat\">\n                                                <option selected value=\"\">Typ</option>\n                                                <option v-for=\"cat3 in carL2Category.children\" :value=\"cat3.id\">{{ cat3.details[0].name }}</option>\n                                            </select>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 step last\">\n                                <button class=\"menu-two__btn menu-two__btn--mobile\" :disabled=\"isLoading || !activeCarL1Cat\" @click=\"redirectToCat\">Finden</button>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"steps-navigation__is-loading\" v-show=\"isLoading\">\n                        <i class=\"fa fa-refresh fa-spin\"></i>\n                    </div>\n                </div>\n            </transition>\n        </div>\n\n        <div v-else class=\"navigation__wrapper\">\n            <div class=\"navigation\">\n                <div class=\"primary-navigation\">\n                    <div class=\"primary-navigation__container\">\n                        <div class=\"primary-navigation__row\">\n                            <div class=\"primary-navigation__item\">{{ $translate(\"Ceres::Template.itemCategories\") }}&nbsp;<i :class=\"{'cat-open': showTypeCats}\" class=\"fa fa-angle-down\" aria-hidden=\"true\"></i></div>\n                            <div @click=\"showCarCats = !showCarCats; showTypeCats = false\" class=\"primary-navigation__item primary-navigation__item--teile\">{{ $translate(\"TuningFanatics::Template.carPartsTitle\") }}&nbsp;<i :class=\"{'cat-open': showCarCats}\" class=\"fa fa-angle-down\" aria-hidden=\"true\"></i></div>\n                        </div>\n                    </div>\n                </div>\n                <div v-if=\"showTypeCats\" class=\"megamenu\">\n                    <div class=\"megamenu__left\" v-if=\"typeCategories.children.length\">\n                        <ul class=\"megamenu__nav\">\n                            <li class=\"megamenu__nav-item\" v-for=\"cat in typeCategories.children\" @mouseover=\"switchActiveTypeCat(cat)\">\n                                <a class=\"megamenu__nav-link\" :href=\"'/'+getCategoryUrl(typeCategories.details[0].nameUrl + '/' + cat.details[0].nameUrl)\" :title=\"cat.details[0].name\">{{ cat.details[0].name }}</a>\n                            </li>\n                        </ul>\n                    </div>\n                    <div class=\"megamenu__right\" v-if=\"typeCategoriesActiveChild.details\">\n                        <div class=\"megamenu__sec-headline\">{{ typeCategoriesActiveChild.details[0].name }}</div>\n                        <ul class=\"megamenu__sec-nav\">\n                            <li class=\"megamenu__sec-nav-item\" v-for=\"catChild in typeCategoriesActiveChild.children\">\n                                <a class=\"megamenu__sec-nav-link\" :href=\"'/'+getCategoryUrl(typeCategories.details[0].nameUrl + '/' + typeCategoriesActiveChild.details[0].nameUrl + '/' +  catChild.details[0].nameUrl)\" :title=\"catChild.details[0].name\">{{ catChild.details[0].name }}</a>\n                            </li>\n                        </ul>\n                        <a href=\"https://www.tuning-fanatics.de/geschenkgutscheine/\" class=\"megamenu__newsletter-banner\">\n                            <lazy-img\n                                    picture-class=\"megamenu__newsletter\"\n                                    image-url=\"https://www.tuning-fanatics.de/layout/od_tuning_fanatics_v2/images/gutschein-banner.jpg\"\n                                    fallback-url=\"https://www.tuning-fanatics.de/layout/od_tuning_fanatics_v2/images/gutschein-banner.jpg\"\n                                    alt=\"Gutschein Banner\">\n                            </lazy-img>\n                        </a>\n                    </div>\n                </div>\n                <transition>\n                    <div v-if=\"showCarCats\" class=\"steps-navigation\">\n                        <div class=\"steps-navigation__container\">\n                            <div class=\"navi-steps tri-cta row animate-tri-cta\">\n                                <div class=\"col-sm-2 h3\">\n                                    <span class=\"menu-two__headline\">:</span>\n                                    <span class=\"visible-xs\">{{ $translate(\"TuningFanatics::Template.myCar\") }}</span>\n                                </div>\n                                <div class=\"col-sm-8\">\n                                    <div class=\"row\">\n                                        <div class=\"col-xs-12 col-sm-4 step active\">\n                                            <div class=\"select-wrap\">\n                                                <select v-if=\"carCategories.children\" v-model=\"activeCarL1Cat\">\n                                                    <option selected disabled value=\"\">Marke</option>\n                                                    <option :value=\"693\">VW</option>\n                                                    <option :value=\"662\">Audi</option>\n                                                    <option :value=\"663\">BMW</option>\n                                                    <option :value=\"678\">Mercedes</option>\n                                                    <option :value=\"682\">Opel</option>\n                                                    <option :value=\"669\">Ford</option>\n                                                    <option :value=\"687\">Seat</option>\n                                                    <option :value=\"688\">Skoda</option>\n                                                    <option value=\"\" disabled></option>\n                                                    <option v-for=\"cat in carCategories.children\" :value=\"cat.id\">{{ cat.details[0].name }}</option>\n                                                </select>\n                                            </div>\n                                        </div>\n                                        <div class=\"col-xs-12 col-sm-4 step\">\n                                            <div class=\"select-wrap\">\n                                                <select v-model=\"activeCarL2Cat\" :disabled=\"isLoading || !activeCarL1Cat\">\n                                                    <option selected value=\"\">Modell</option>\n                                                    <option v-for=\"cat2 in carL1Category.children\" :value=\"cat2.id\">{{ cat2.details[0].name }}</option>\n                                                </select>\n                                            </div>\n                                        </div>\n                                        <div class=\"col-xs-12 col-sm-4 step\">\n                                            <div class=\"select-wrap\">\n                                                <select  v-model=\"activeCarL3Cat\" :disabled=\"isLoading || !activeCarL2Cat || !carL2Category.children || carL2Category.children.length < 1\">\n                                                    <option selected value=\"\">Typ</option>\n                                                    <option v-for=\"cat3 in carL2Category.children\" :value=\"cat3.id\">{{ cat3.details[0].name }}</option>\n                                                </select>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-xs-12 col-sm-2 step last\">\n                                    <button class=\"menu-two__btn\" :disabled=\"isLoading || !activeCarL1Cat\" @click=\"redirectToCat\">Finden</button>\n                                </div>\n\n                                <div class=\"steps-navigation__is-loading\" v-show=\"isLoading\">\n                                    <i class=\"fa fa-refresh fa-spin\"></i>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </transition>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\n    import { mapState } from \"vuex\";\n    import { isNullOrUndefined } from \"ceres/app/helper/utils\";\n\n    export default {\n        props: {\n            ismobile: Boolean,\n        },\n        data() {\n            return {\n                autoRedirect: true,\n                showCarCats: false,\n                showTypeCats: false,\n                catMenuActive: false,\n                megamenuActive: false,\n                chunkSize: 12,\n                isLoading: false,\n                typeCategoriesActiveChild: [],\n                activeCarL1Cat: \"\",\n                activeCarL2Cat: \"\",\n                activeCarL3Cat: \"\",\n                carL1Category: {\n                    children: []\n                },\n                carL2Category: {\n                    children: []\n                },\n                carL3Category: {},\n          }\n        },\n\n        created() {\n            this.loadInitialCategories();\n        },\n\n        mounted(){\n            this.$nextTick(() =>\n            {\n                this.initMouseObserver();\n            });\n        },\n\n        methods:\n        {\n            initMouseObserver(){\n\n                let _this = this;\n\n                $(\"body\").mousemove(function(ev){\n                    if($(ev.target).closest('.megamenu').length || $(ev.target).hasClass(\"megamenu\") || ($(ev.target).hasClass('primary-navigation__item') &&\n                    !$(ev.target).hasClass(\"primary-navigation__item--teile\"))){\n                        _this.showTypeCats = true;\n                        _this.showCarCats = false;\n                    }else{\n                        _this.showTypeCats = false;\n                    }\n                });\n            },\n\n            getCategoryUrl(url)\n            {\n                const trailingSlash = url[0] === \"/\" ? \"\" : \"/\";\n                const prefix = App.urls.includeLanguage ? `/${ App.language }${ trailingSlash }` : \"\";\n\n                return prefix + url;\n            },\n            loadInitialCategories()\n            {\n                if (this.category.length <= 0)\n                {\n                    this.$store.dispatch(\"loadPartialNavigationTree\", null)\n                        .then(response =>\n                        {\n                            this.$store.commit(\"setNavigationTree\", response);\n                        });\n                    }\n            },\n            switchActiveTypeCat(cat){\n                if(cat.childCount > 0 && isNullOrUndefined(cat.children)){\n                    this.$store.dispatch(\"loadPartialNavigationTree\", cat.id)\n                        .then(response =>\n                        {\n                            const updtCat = response[0].children.find(c => c.id === cat.id);\n                            cat.children = updtCat.children;\n                            this.typeCategoriesActiveChild = cat;\n                        });\n                } else {\n                    this.typeCategoriesActiveChild = cat;\n                }\n            },\n            fillCatData(cat, isLvl2){\n                if (isNullOrUndefined(cat.children) || cat.childCount > cat.children.length){\n                    this.isLoading = true;\n                    return this.$store.dispatch(\"loadPartialNavigationTree\", cat.id)\n                        .then(response =>\n                        {\n                            console.log(cat.id);\n                            console.log(response);\n                            const updtCat = isLvl2 ? response[0].children[0].children.find(c => c.id === cat.id) :  response[0].children.find(c => c.id === cat.id);\n                            if (!updtCat) throw new Error(\"cannot find cat\");\n                            cat.children = updtCat.children;\n                            this.isLoading = false;\n                            return cat;\n                        }).catch(err => {\n                            console.log(err);\n                            this.isLoading = false;\n                            throw err;\n                        })\n                }\n                return Promise.resolve(cat);\n\n            },\n            redirectToCat(){\n                window.location.href = this.currentUrl;\n            }\n\n        },\n        computed:\n        {\n            typeCategories(){\n                // Used find instead of fill -> right return type + better performance\n                return this.category.find(catTmp => catTmp.id === 659);\n            },\n\n            carCategories(){\n                return this.category.find(catTmp => catTmp.id === 660);\n            },\n\n            currentUrl(){\n                if (this.activeCarL3Cat){\n                    return this.getCategoryUrl(this.carL3Category.url)\n                }\n                if (this.activeCarL2Cat){\n                    return this.getCategoryUrl(this.carL2Category.url)\n                }\n                if (this.activeCarL1Cat){\n                    return this.getCategoryUrl(this.carL1Category.url)\n                }\n            },\n\n            ...mapState({\n                category: state => state.navigation.tree\n            })\n        },\n        watch: {\n            activeCarL1Cat(id, oldId){\n                // handle default case\n                if (!id) this.carL1Category = { children: []};\n                else{\n                    // find cat Data and load children if not existing\n                    let cat = this.carCategories.children.find(cat => cat.id === id);\n                    this.fillCatData(cat)\n                        .then(res => this.carL1Category = res)\n                        .catch(()=> this.carL1Category = {...cat, children: []});\n                }\n\n                // reset selection: l1 -> l2 + l3\n                if (id !== oldId){\n                    this.activeCarL2Cat = \"\";\n                    this.activeCarL3Cat = \"\";\n                }\n            },\n            activeCarL2Cat(id, oldId){\n                // handle default case\n                if (!id) this.carL2Category = { children: []};\n                else {\n                    // find cat Data and load children if not existing\n                    let cat = this.carL1Category.children.find(cat => cat.id === id);\n                    this.fillCatData(cat, true)\n                        .then(res => this.carL2Category = res)\n                        .catch(()=> this.carL2Category = {...cat, children: []})\n                        .finally(()=>{\n                            // autoRedirect\n                            if(this.autoRedirect && (!this.carL2Category.children || this.carL2Category.children.length === 0))\n                                window.location.href = this.currentUrl;\n                        });\n                }\n\n                // reset selection: l2 -> l3\n                if (id !== oldId){\n                    this.activeCarL3Cat = \"\";\n                }\n\n\n            },\n            activeCarL3Cat(id, oldId){\n                // handle default case\n                if (!id) this.carL3Category = {};\n                else {\n                    // set cat Data\n                    this.carL3Category = this.carL2Category.children.find(cat => cat.id === id);\n                    // autoRedirect\n                    if(this.autoRedirect)\n                        window.location.href = this.currentUrl;\n                }\n            }\n\n        },\n    }\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./navigation.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!./navigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./navigation.vue?vue&type=template&id=539194f4&\"\nimport script from \"./navigation.vue?vue&type=script&lang=js&\"\nexport * from \"./navigation.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(\"/www/DIA-tuningFanatics/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('539194f4')) {\n      api.createRecord('539194f4', component.options)\n    } else {\n      api.reload('539194f4', component.options)\n    }\n    module.hot.accept(\"./navigation.vue?vue&type=template&id=539194f4&\", function () {\n      api.rerender('539194f4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/pageDesign/navigation.vue\"\nexport default component.exports"],"sourceRoot":""}