{"version":3,"sources":["webpack:///resources/js/src/app/components/itemList/TonerFinder.vue","webpack:///./resources/js/src/app/components/itemList/TonerFinder.vue?893d","webpack:///./resources/js/src/app/components/itemList/TonerFinder.vue","webpack:///./resources/js/src/app/components/itemList/TonerFinder.vue?97ad","webpack:///./resources/js/src/app/components/itemList/TonerFinder.vue?3234"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA;AACA;AAEA;AACA,WADA;AAIA,MAJA,kBAIA;AACA;AACA,2BADA;AAEA,oBAFA;AAGA,gBAHA;AAIA,mBAJA;AAKA,0BALA;AAMA,0BANA;AAOA,+CAPA;AAQA,qBARA;AASA,eATA;AAUA,cAVA;AAWA;AAXA;AAaA,GAlBA;AAmBA;AACA,oBADA,8BACA;AAAA;;AACA;AACA,kEACA;AAAA;AAAA,OADA;AAGA;AACA;AAAA;AAAA;;AACA;AAAA;AAAA;;AACA;AACA,OAJA;AAKA;AACA,KAZA;AAaA,cAbA,wBAaA;AACA,qDACA;AAAA;AAAA,OADA;AAGA;AACA;AAAA;AAAA;;AACA;AAAA;AAAA;;AACA;AACA,OAJA;AAKA;AACA,KAvBA;AAwBA,aAxBA,uBAwBA;AACA;AACA;AAAA;AAAA;;AACA;AAAA;AAAA;;AACA;AACA,OAJA;AAKA,KA9BA;AA+BA,oBA/BA,8BA+BA;AACA;AACA,KAjCA;AAkCA,cAlCA,wBAkCA;AACA;AACA;AApCA,KAqCA;AACA;AAAA;AAAA;AADA,IArCA,CAnBA;AA4DA;AACA,gBADA,wBACA,QADA,EACA,QADA,EACA;AAAA;;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA,uBARA,CAUA;AACA;AACA;;AACA,+EACA,GADA,CACA,0DADA,EAEA,IAFA,CAEA;AACA;AACA,SAJA,EAIA,IAJA,CAIA;AACA;AACA,SANA,EAMA,MANA,CAMA;AAAA;AAAA,SANA;AAQA,+EACA,GADA,CACA,sDADA,EAEA,IAFA,CAEA;AACA;AACA;AACA;AACA,SANA,EAMA,IANA,CAMA;AACA;AACA,SARA,EAQA,MARA,CAQA;AAAA;AAAA,SARA;AASA;AACA,KAjCA;AAkCA,UAlCA,kBAkCA,QAlCA,EAkCA,QAlCA,EAkCA;AAAA;;AACA;AAEA;AACA;AACA;AAEA,+EACA,GADA,CACA,0DADA,EAEA,IAFA,CAEA;AACA;AACA,SAJA,EAIA,IAJA,CAIA;AACA;AACA,SANA,EAMA,MANA,CAMA;AACA;AACA;AACA,WAFA;AAGA,SAVA;AAWA;AACA;AArDA,GA5DA;AAmHA,SAnHA,qBAmHA;AAAA;;AACA,2EACA,GADA,CACA,kCADA,EAEA,IAFA,CAEA;AACA;AACA,KAJA,EAIA,IAJA,CAIA;AACA;AACA,KANA,EAMA,MANA,CAMA;AAAA;AAAA,KANA;AAQA;AACA,mDACA,qDADA,IAEA,sBAFA,IAGA,kCAHA;AAIA,KALA;AAMA,GAlIA;AAmIA;AACA,aADA,qBACA,QADA,EACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AAEA,KAbA;AAcA,gBAdA,0BAcA;AAAA;;AAEA,wCACA;AAAA;AAAA,OADA;AAIA,2CACA,oCADA,GACA,GADA,GAEA,yBAFA,GAEA,GAFA,GAGA,6BAHA;AAIA;AAxBA;AAnIA,G;;;;;;;;;;;;ACzHA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,8BAA8B;AAClD,eAAe,2BAA2B;AAC1C,iBAAiB,qBAAqB;AACtC,mBAAmB,wBAAwB;AAC3C,qBAAqB,qCAAqC;AAC1D,qBAAqB,gDAAgD;AACrE;AACA;AACA;AACA;AACA,2BAA2B,wCAAwC;AACnE,6BAA6B,wCAAwC;AACrE,+BAA+B,wBAAwB;AACvD,gCAAgC,qCAAqC;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,iCAAiC;AACpE;AACA;AACA,6BAA6B,4CAA4C;AACzE;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,gCAAgC;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,gCAAgC;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA,uCAAuC,oCAAoC;AAC3E;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,2BAA2B,qBAAqB;AAChD;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,kCAAkC,sCAAsC;AACxE;AACA;AACA;AACA;AACA;AACA,kCAAkC,wCAAwC;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,gCAAgC;AACpE;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,YAAY,sBAAsB,EAAE;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC,2BAA2B;AAC3B;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,kCAAkC,sCAAsC;AACxE;AACA;AACA;AACA;AACA;AACA,kCAAkC,wCAAwC;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,0BAA0B;AAC9D;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,YAAY,gBAAgB,EAAE;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC,2BAA2B;AAC3B;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,kCAAkC,sCAAsC;AACxE;AACA;AACA;AACA;AACA;AACA,kCAAkC,wCAAwC;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,yBAAyB;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,YAAY,eAAe,EAAE;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC,2BAA2B;AAC3B;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC7aA;AAAA;AAAA;AAAA;AAA0F;AAC3B;AACL;;;AAG1D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,sFAAM;AACR,EAAE,+FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAmM,CAAgB,+OAAG,EAAC,C;;;;;;;;;;;;ACAvN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-50.js","sourcesContent":["<template>\n    <div class=\"toner-finder\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"toner-finder__inner\">\n                      <p class=\"h1 text-white text-center pt-3\">Mit 3 Klicks zu Tinte und Toner</p>\n                        <div class=\"toner-finder__item-box\" v-if=\"showModelInfo\">\n                            <div class=\"row align-items-center\">\n                                <div class=\"col-12\">\n                                    <h3 class=\"toner-finder__title\">\n                                        {{ manufacturerName }} {{ currentCategory.details[0].name }}\n                                    </h3>\n                                </div>\n                                <div v-if=\"currentCategory.details[0].imagePath\" class=\"col-12 col-md-3\">\n                                    <div class=\"toner-finder__image m-auto\">\n                                        <img class=\"img-fluid\" :src=\"currentCategory.details[0].imagePath\">\n                                    </div>\n                                </div>\n                                <div class=\"col-4 col-md-3\">\n                                    <template v-if=\"manufacturerName\">\n                                        <strong>Hersteller:</strong> <span>{{ manufacturerName }}</span>\n                                    </template>\n                                    <br>\n                                    <strong>Model:</strong> <span>{{ currentCategory.details[0].name }}</span>\n                                </div>\n                                <div class=\"col-4 col-md-3\">\n                                    <template v-if=\"seriesName\">\n                                        <strong>Modelserie:</strong> <span>{{ seriesName }}</span>\n                                    </template>\n                                    <br>\n                                    <template v-if=\"currentCategory.details[0].shortDescription\">\n                                        <strong>Gerätetyp:</strong> <span>{{ currentCategory.details[0].shortDescription }}</span>\n                                    </template>\n                                </div>\n                                <div class=\"col-4 col-md-auto flex-grow-1 text-right\">\n                                    <div v-if=\"currentCategory.details[0].image2Path\" class=\"toner-finder__logo\">\n                                        <img class=\"img-fluid\" :src=\"currentCategory.details[0].image2Path\">\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"toner-finder__select-box\"\n                             :class=\"loading ? 'toner-finder__select-box--loading': ''\">\n                            <div class=\"row\">\n                                <div class=\"col-12 col-md-4 d-flex align-items-center\">\n                                    <span class=\"toner-finder__number\">\n                                        1\n                                    </span>\n                                    <span class=\"position-relative w-70\">\n                                        <select id=\"id--select-manufacturer\"\n                                                v-model=\"manufacturer\">\n                                            <option value=\"0\" disabled selected>\n                                                Bitte Hersteller wählen\n                                            </option>\n                                            <option v-for=\"manufacturer in manufacturerList\"\n                                                    :value=\"manufacturer\">\n                                                {{ manufacturer.details[0].name }}\n                                            </option>\n                                        </select>\n                                        <svg class=\"icon icon-chevron-down toner-finder__icon\" fill=\"currentColor\">\n                                            <use xlink:href=\"#chevron-down\" />\n                                        </svg>\n                                    </span>\n                                </div>\n                                <div class=\"col-12 col-md-4 d-flex align-items-center\"\n                                     :class=\"{'toner-finder--inactive': seriesList.length === 0, 'toner-finder__select--loading': seriesLoading }\">\n                                    <span class=\"toner-finder__number\">\n                                        2\n                                    </span>\n                                    <span class=\"position-relative w-70\">\n                                        <select id=\"id--select-series\"\n                                                v-model=\"series\">\n                                            <option value=\"0\" disabled selected>\n                                                Bitte Serie wählen\n                                            </option>\n                                            <option v-for=\"series in seriesList\"\n                                                    :value=\"series\">\n                                                {{ series.details[0].name }}\n                                            </option>\n                                        </select>\n                                        <svg class=\"icon icon-chevron-down toner-finder__icon\" fill=\"currentColor\">\n                                            <use xlink:href=\"#chevron-down\" />\n                                        </svg>\n                                    </span>\n                                </div>\n                                <div class=\"col-12 col-md-4 d-flex align-items-center\"\n                                     :class=\"{'toner-finder--inactive': models.length === 0, 'toner-finder__select--loading': modelsLoading }\">\n                                    <span class=\"toner-finder__number\">\n                                        3\n                                    </span>\n                                    <span class=\"position-relative w-70\">\n                                        <select id=\"id--select-model\"\n                                                v-model=\"model\"\n                                                @change=\"openCategory\">\n                                            <option value=\"0\" disabled selected>\n                                                Bitte Modell wählen\n                                            </option>\n                                            <option v-for=\"model in modelList\"\n                                                    :value=\"model\">\n                                                {{ model.details[0].name }}\n                                            </option>\n                                        </select>\n                                        <svg class=\"icon icon-chevron-down toner-finder__icon\" fill=\"currentColor\">\n                                            <use xlink:href=\"#chevron-down\" />\n                                        </svg>\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ApiService from 'ceres/app/services/ApiService';\nimport {mapState} from 'vuex';\n\nexport default {\n    props: {\n\n    },\n    data() {\n        return {\n            manufacturersData: [],\n            seriesData: [],\n            models: [],\n            loading: true,\n            seriesLoading: false,\n            modelsLoading: false,\n            excludedCategoryIds: [618, 621, 624, 626],\n            manufacturer: 0,\n            series: 0,\n            model: 0,\n            showModelInfo: false\n        };\n    },\n    computed: {\n        manufacturerList() {\n            //filter wrong imported categories\n            let manufacturerListFilterd = this.manufacturersData.filter(\n                item => !this.excludedCategoryIds.includes(item.id)\n            )\n          manufacturerListFilterd.sort(function(a, b){\n            if(a.details[0].name < b.details[0].name) { return -1; }\n            if(a.details[0].name > b.details[0].name) { return 1; }\n            return 0;\n          })\n          return manufacturerListFilterd\n        },\n        seriesList() {\n            let seriesListFilterd = this.seriesData.filter(\n                item => item.details[0].name !== 'ohne Serie'\n            )\n          seriesListFilterd.sort(function(a, b){\n            if(a.details[0].name < b.details[0].name) { return -1; }\n            if(a.details[0].name > b.details[0].name) { return 1; }\n            return 0;\n          })\n          return seriesListFilterd\n        },\n        modelList(){\n            return this.models.sort(function(a, b){\n                if(a.details[0].name < b.details[0].name) { return -1; }\n                if(a.details[0].name > b.details[0].name) { return 1; }\n                return 0;\n            })\n        },\n        manufacturerName() {\n            return this.currentCategory.details[0].description.split(';')[1]\n        },\n        seriesName() {\n            return this.currentCategory.details[0].description.split(';')[2]\n        },\n        ...mapState({\n            currentCategory: state => state.navigation.currentCategory\n        }),\n    },\n    watch: {\n        manufacturer(newValue, oldValue) {\n            if(newValue !== 0 && newValue.id !== oldValue.id) {\n\n                this.seriesLoading = true;\n                this.modelsLoading = true;\n\n                this.models     = [];\n                this.seriesData = [];\n                this.series     = 0;\n                this.model      = 0;\n\n                // request for complete tree is slow because plenty has no function for loading tree with linklist \"N\"\n                // so first load only the series for this manufacturer that series select is available faster\n                // next request loads the tree so models without series can be selected\n                ApiService\n                    .get('/rest/ODTitoExpress/toner-finder/children/'+newValue.id)\n                    .done(response => {\n                        this.seriesData = response;\n                    }).fail(error => {\n                    console.error(error)\n                }).always(() => { this.seriesLoading = false });\n\n                ApiService\n                    .get('/rest/ODTitoExpress/toner-finder/tree/'+newValue.id)\n                    .done(response => {\n                        if(this.models.length === 0) {\n                            this.setModels(response);\n                        }\n                    }).fail(error => {\n                        console.error(error)\n                    }).always(() => { this.modelsLoading = false });\n            }\n        },\n        series(newValue, oldValue) {\n            if(newValue !== 0 && newValue.id !== oldValue.id) {\n\n                this.modelsLoading = true;\n                this.models        = [];\n                this.model         = 0;\n\n                ApiService\n                    .get('/rest/ODTitoExpress/toner-finder/children/'+newValue.id)\n                    .done(response => {\n                        this.models = response;\n                    }).fail(error => {\n                        console.error(error)\n                    }).always(() => {\n                        this.$nextTick(() => {\n                            this.modelsLoading = false\n                        })\n                    })\n            }\n        }\n    },\n    mounted(){\n        ApiService\n            .get('/rest/ODTitoExpress/toner-finder')\n            .done(response => {\n                this.manufacturersData = response;\n            }).fail(error => {\n            console.error(error)\n        }).always(() => { this.loading = false });\n\n        this.$nextTick(() => {\n            this.showModelInfo = App.isCategoryView\n                && window.location.pathname.startsWith('/toner-finder/')\n                && this.currentCategory\n                && this.currentCategory.level === 4;\n        })\n    },\n    methods: {\n        setModels(response) {\n\n            let models = [];\n\n            for(let i = 0; i < response.length; i++) {\n                for(let ii = 0; ii < response[i]['_children'].length; ii++) {\n                    models.push(response[i]['_children'][ii]);\n                }\n            }\n\n          this.models = models;\n\n        },\n        openCategory() {\n\n            const series = this.seriesData.find(\n                item => item.id === this.model.parentCategoryId\n            )\n\n            window.location = '/toner-finder/'\n                + this.manufacturer.details[0].nameUrl + '/'\n                + series.details[0].nameUrl + '/'\n                + this.model.details[0].nameUrl;\n        }\n    }\n}\n</script>\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: \"toner-finder\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-12\" }, [\n          _c(\"div\", { staticClass: \"toner-finder__inner\" }, [\n            _c(\"p\", { staticClass: \"h1 text-white text-center pt-3\" }, [\n              _vm._v(\"Mit 3 Klicks zu Tinte und Toner\")\n            ]),\n            _vm._v(\" \"),\n            _vm.showModelInfo\n              ? _c(\"div\", { staticClass: \"toner-finder__item-box\" }, [\n                  _c(\"div\", { staticClass: \"row align-items-center\" }, [\n                    _c(\"div\", { staticClass: \"col-12\" }, [\n                      _c(\"h3\", { staticClass: \"toner-finder__title\" }, [\n                        _vm._v(\n                          \"\\n                                    \" +\n                            _vm._s(_vm.manufacturerName) +\n                            \" \" +\n                            _vm._s(_vm.currentCategory.details[0].name) +\n                            \"\\n                                \"\n                        )\n                      ])\n                    ]),\n                    _vm._v(\" \"),\n                    _vm.currentCategory.details[0].imagePath\n                      ? _c(\"div\", { staticClass: \"col-12 col-md-3\" }, [\n                          _c(\n                            \"div\",\n                            { staticClass: \"toner-finder__image m-auto\" },\n                            [\n                              _c(\"img\", {\n                                staticClass: \"img-fluid\",\n                                attrs: {\n                                  src: _vm.currentCategory.details[0].imagePath\n                                }\n                              })\n                            ]\n                          )\n                        ])\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"col-4 col-md-3\" },\n                      [\n                        _vm.manufacturerName\n                          ? [\n                              _c(\"strong\", [_vm._v(\"Hersteller:\")]),\n                              _vm._v(\" \"),\n                              _c(\"span\", [_vm._v(_vm._s(_vm.manufacturerName))])\n                            ]\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\"br\"),\n                        _vm._v(\" \"),\n                        _c(\"strong\", [_vm._v(\"Model:\")]),\n                        _vm._v(\" \"),\n                        _c(\"span\", [\n                          _vm._v(_vm._s(_vm.currentCategory.details[0].name))\n                        ])\n                      ],\n                      2\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"col-4 col-md-3\" },\n                      [\n                        _vm.seriesName\n                          ? [\n                              _c(\"strong\", [_vm._v(\"Modelserie:\")]),\n                              _vm._v(\" \"),\n                              _c(\"span\", [_vm._v(_vm._s(_vm.seriesName))])\n                            ]\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\"br\"),\n                        _vm._v(\" \"),\n                        _vm.currentCategory.details[0].shortDescription\n                          ? [\n                              _c(\"strong\", [_vm._v(\"Gerätetyp:\")]),\n                              _vm._v(\" \"),\n                              _c(\"span\", [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.currentCategory.details[0]\n                                      .shortDescription\n                                  )\n                                )\n                              ])\n                            ]\n                          : _vm._e()\n                      ],\n                      2\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"col-4 col-md-auto flex-grow-1 text-right\"\n                      },\n                      [\n                        _vm.currentCategory.details[0].image2Path\n                          ? _c(\"div\", { staticClass: \"toner-finder__logo\" }, [\n                              _c(\"img\", {\n                                staticClass: \"img-fluid\",\n                                attrs: {\n                                  src: _vm.currentCategory.details[0].image2Path\n                                }\n                              })\n                            ])\n                          : _vm._e()\n                      ]\n                    )\n                  ])\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              {\n                staticClass: \"toner-finder__select-box\",\n                class: _vm.loading ? \"toner-finder__select-box--loading\" : \"\"\n              },\n              [\n                _c(\"div\", { staticClass: \"row\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"col-12 col-md-4 d-flex align-items-center\"\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"toner-finder__number\" }, [\n                        _vm._v(\n                          \"\\n                                    1\\n                                \"\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"position-relative w-70\" }, [\n                        _c(\n                          \"select\",\n                          {\n                            directives: [\n                              {\n                                name: \"model\",\n                                rawName: \"v-model\",\n                                value: _vm.manufacturer,\n                                expression: \"manufacturer\"\n                              }\n                            ],\n                            attrs: { id: \"id--select-manufacturer\" },\n                            on: {\n                              change: function($event) {\n                                var $$selectedVal = Array.prototype.filter\n                                  .call($event.target.options, function(o) {\n                                    return o.selected\n                                  })\n                                  .map(function(o) {\n                                    var val = \"_value\" in o ? o._value : o.value\n                                    return val\n                                  })\n                                _vm.manufacturer = $event.target.multiple\n                                  ? $$selectedVal\n                                  : $$selectedVal[0]\n                              }\n                            }\n                          },\n                          [\n                            _c(\n                              \"option\",\n                              {\n                                attrs: {\n                                  value: \"0\",\n                                  disabled: \"\",\n                                  selected: \"\"\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                            Bitte Hersteller wählen\\n                                        \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _vm._l(_vm.manufacturerList, function(\n                              manufacturer\n                            ) {\n                              return _c(\n                                \"option\",\n                                { domProps: { value: manufacturer } },\n                                [\n                                  _vm._v(\n                                    \"\\n                                            \" +\n                                      _vm._s(manufacturer.details[0].name) +\n                                      \"\\n                                        \"\n                                  )\n                                ]\n                              )\n                            })\n                          ],\n                          2\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"svg\",\n                          {\n                            staticClass:\n                              \"icon icon-chevron-down toner-finder__icon\",\n                            attrs: { fill: \"currentColor\" }\n                          },\n                          [\n                            _c(\"use\", {\n                              attrs: { \"xlink:href\": \"#chevron-down\" }\n                            })\n                          ]\n                        )\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"col-12 col-md-4 d-flex align-items-center\",\n                      class: {\n                        \"toner-finder--inactive\": _vm.seriesList.length === 0,\n                        \"toner-finder__select--loading\": _vm.seriesLoading\n                      }\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"toner-finder__number\" }, [\n                        _vm._v(\n                          \"\\n                                    2\\n                                \"\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"position-relative w-70\" }, [\n                        _c(\n                          \"select\",\n                          {\n                            directives: [\n                              {\n                                name: \"model\",\n                                rawName: \"v-model\",\n                                value: _vm.series,\n                                expression: \"series\"\n                              }\n                            ],\n                            attrs: { id: \"id--select-series\" },\n                            on: {\n                              change: function($event) {\n                                var $$selectedVal = Array.prototype.filter\n                                  .call($event.target.options, function(o) {\n                                    return o.selected\n                                  })\n                                  .map(function(o) {\n                                    var val = \"_value\" in o ? o._value : o.value\n                                    return val\n                                  })\n                                _vm.series = $event.target.multiple\n                                  ? $$selectedVal\n                                  : $$selectedVal[0]\n                              }\n                            }\n                          },\n                          [\n                            _c(\n                              \"option\",\n                              {\n                                attrs: {\n                                  value: \"0\",\n                                  disabled: \"\",\n                                  selected: \"\"\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                            Bitte Serie wählen\\n                                        \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _vm._l(_vm.seriesList, function(series) {\n                              return _c(\n                                \"option\",\n                                { domProps: { value: series } },\n                                [\n                                  _vm._v(\n                                    \"\\n                                            \" +\n                                      _vm._s(series.details[0].name) +\n                                      \"\\n                                        \"\n                                  )\n                                ]\n                              )\n                            })\n                          ],\n                          2\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"svg\",\n                          {\n                            staticClass:\n                              \"icon icon-chevron-down toner-finder__icon\",\n                            attrs: { fill: \"currentColor\" }\n                          },\n                          [\n                            _c(\"use\", {\n                              attrs: { \"xlink:href\": \"#chevron-down\" }\n                            })\n                          ]\n                        )\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"col-12 col-md-4 d-flex align-items-center\",\n                      class: {\n                        \"toner-finder--inactive\": _vm.models.length === 0,\n                        \"toner-finder__select--loading\": _vm.modelsLoading\n                      }\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"toner-finder__number\" }, [\n                        _vm._v(\n                          \"\\n                                    3\\n                                \"\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"position-relative w-70\" }, [\n                        _c(\n                          \"select\",\n                          {\n                            directives: [\n                              {\n                                name: \"model\",\n                                rawName: \"v-model\",\n                                value: _vm.model,\n                                expression: \"model\"\n                              }\n                            ],\n                            attrs: { id: \"id--select-model\" },\n                            on: {\n                              change: [\n                                function($event) {\n                                  var $$selectedVal = Array.prototype.filter\n                                    .call($event.target.options, function(o) {\n                                      return o.selected\n                                    })\n                                    .map(function(o) {\n                                      var val =\n                                        \"_value\" in o ? o._value : o.value\n                                      return val\n                                    })\n                                  _vm.model = $event.target.multiple\n                                    ? $$selectedVal\n                                    : $$selectedVal[0]\n                                },\n                                _vm.openCategory\n                              ]\n                            }\n                          },\n                          [\n                            _c(\n                              \"option\",\n                              {\n                                attrs: {\n                                  value: \"0\",\n                                  disabled: \"\",\n                                  selected: \"\"\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                            Bitte Modell wählen\\n                                        \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _vm._l(_vm.modelList, function(model) {\n                              return _c(\n                                \"option\",\n                                { domProps: { value: model } },\n                                [\n                                  _vm._v(\n                                    \"\\n                                            \" +\n                                      _vm._s(model.details[0].name) +\n                                      \"\\n                                        \"\n                                  )\n                                ]\n                              )\n                            })\n                          ],\n                          2\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"svg\",\n                          {\n                            staticClass:\n                              \"icon icon-chevron-down toner-finder__icon\",\n                            attrs: { fill: \"currentColor\" }\n                          },\n                          [\n                            _c(\"use\", {\n                              attrs: { \"xlink:href\": \"#chevron-down\" }\n                            })\n                          ]\n                        )\n                      ])\n                    ]\n                  )\n                ])\n              ]\n            )\n          ])\n        ])\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./TonerFinder.vue?vue&type=template&id=6150435a&\"\nimport script from \"./TonerFinder.vue?vue&type=script&lang=js&\"\nexport * from \"./TonerFinder.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/florianhartwig/Sites/DIA-tito-express/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('6150435a')) {\n      api.createRecord('6150435a', component.options)\n    } else {\n      api.reload('6150435a', component.options)\n    }\n    module.hot.accept(\"./TonerFinder.vue?vue&type=template&id=6150435a&\", function () {\n      api.rerender('6150435a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/TonerFinder.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TonerFinder.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!./TonerFinder.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TonerFinder.vue?vue&type=template&id=6150435a&\""],"sourceRoot":""}