{"version":3,"sources":["webpack:///./resources/js/src/app/components/category/StepByStepNavigation.vue","webpack:///resources/js/src/app/components/category/StepByStepNavigation.vue","webpack:///./resources/js/src/app/components/category/StepByStepNavigation.vue?15af","webpack:///./resources/js/src/app/components/category/StepByStepNavigation.vue?358d"],"names":["render","_vm","this","_c","_self","isInitiallyLoaded","_e","_t","_v","staticClass","_l","categoryChildren","category","class","columnDivider","attrs","href","getCategoryUrl","url","title","details","metaTitle","name","imageSource","src","alt","_s","length","childrenCount","disabled","isWaiting","type","on","click","$event","loadChunk","$translate","icon","loading","_withStripped","props","categoryId","Number","required","chunkSize","default","String","columns","columnsMax","data","computed","_objectSpread","mapState","state","navigation","created","methods","_this","$store","dispatch","size","finally","trailingSlash","App","urls","includeLanguage","concat","language","component"],"mappings":"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","file":"chunks/ceres-client-16.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    [\n      !_vm.isInitiallyLoaded ? _vm._t(\"default\") : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"row\" },\n        [\n          _vm._l(_vm.categoryChildren, function (category) {\n            return _c(\n              \"div\",\n              {\n                staticClass: \"mb-3 col-6\",\n                class: \"col-md-\" + _vm.columnDivider,\n              },\n              [\n                _c(\n                  \"a\",\n                  {\n                    attrs: {\n                      href: _vm.getCategoryUrl(category.url),\n                      title:\n                        category.details[0].metaTitle ||\n                        category.details[0].name,\n                    },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"nav-item border d-flex\",\n                        class: { \"no-img\": _vm.imageSource === \"none\" },\n                      },\n                      [\n                        category.details[0][_vm.imageSource]\n                          ? _c(\"div\", { staticClass: \"prop-1-1\" }, [\n                              _vm.imageSource !== \"none\"\n                                ? _c(\"img\", {\n                                    attrs: {\n                                      src:\n                                        \"/documents/\" +\n                                        category.details[0][_vm.imageSource],\n                                      alt:\n                                        category.details[0].metaTitle ||\n                                        category.details[0].name,\n                                    },\n                                  })\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          { staticClass: \"nav-text d-flex align-center p-2\" },\n                          [\n                            _c(\n                              \"span\",\n                              {\n                                staticClass:\n                                  \"text-appearance mx-auto text-truncate\",\n                              },\n                              [_vm._v(_vm._s(category.details[0].name))]\n                            ),\n                          ]\n                        ),\n                      ]\n                    ),\n                  ]\n                ),\n              ]\n            )\n          }),\n          _vm._v(\" \"),\n          _vm.categoryChildren.length &&\n          _vm.categoryChildren.length < _vm.childrenCount\n            ? _c(\"div\", { staticClass: \"mb-3 mx-auto\" }, [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn btn-appearance px-4 py-3\",\n                    class: { disabled: _vm.isWaiting },\n                    attrs: { type: \"button\" },\n                    on: {\n                      click: function ($event) {\n                        return _vm.loadChunk()\n                      },\n                    },\n                  },\n                  [\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\n                            \"Ceres::Template.stepByStepNavigationShowMore\"\n                          )\n                        )\n                      ),\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"icon\", {\n                      staticClass: \"fa-fw\",\n                      attrs: {\n                        icon: \"plus-circle\",\n                        \"class-loading\": \"fa-repeat\",\n                        loading: _vm.isWaiting,\n                      },\n                    }),\n                  ],\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ],\n        2\n      ),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <slot v-if=\"!isInitiallyLoaded\"></slot>\n        <div class=\"row\">\n            <div class=\"mb-3 col-6\" :class=\"'col-md-' + columnDivider\" v-for=\"category in categoryChildren\">\n                <a :href=\"getCategoryUrl(category.url)\" :title=\"category.details[0].metaTitle || category.details[0].name\">\n                    <div class=\"nav-item border d-flex\" :class=\"{ 'no-img': imageSource === 'none' }\">\n                        <div v-if=\"category.details[0][imageSource]\" class=\"prop-1-1\">\n                            <img v-if=\"imageSource !== 'none'\" :src=\"'/documents/' + category.details[0][imageSource]\" :alt=\"category.details[0].metaTitle || category.details[0].name\">\n                        </div>\n                        <div class=\"nav-text d-flex align-center p-2\"><span class=\"text-appearance mx-auto text-truncate\">{{ category.details[0].name }}</span></div>\n                    </div>\n                </a>\n            </div>\n\n            <div class=\"mb-3 mx-auto\" v-if=\"categoryChildren.length && categoryChildren.length < childrenCount\">\n                <button type=\"button\" class=\"btn btn-appearance px-4 py-3\" @click=\"loadChunk()\" :class=\"{ 'disabled': isWaiting }\">\n                    <span>{{ $translate(\"Ceres::Template.stepByStepNavigationShowMore\") }}</span>\n                    <icon icon=\"plus-circle\" class=\"fa-fw\" class-loading=\"fa-repeat\" :loading=\"isWaiting\"></icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\n\nexport default {\n    props: {\n        categoryId:\n        {\n            type: Number,\n            required: true\n        },\n        chunkSize:\n        {\n            type: Number,\n            default: 8\n        },\n        imageSource:\n        {\n            type: String,\n            default: \"imagePath\"\n        },\n        columns:\n        {\n            type: Number,\n            default: 4\n        },\n        columnsMax:\n        {\n            type: Number,\n            default: 12\n        },\n        childrenCount:\n        {\n            type: Number,\n            required: true\n        }\n    },\n\n    data()\n    {\n        return {\n            isWaiting: false,\n            isInitiallyLoaded: false\n        };\n    },\n\n    computed:\n        {\n            columnDivider()\n            {\n                return this.columnsMax / this.columns;\n            },\n\n            ...mapState({\n                categoryChildren: state => state.navigation.categoryChildren\n            })\n        },\n\n    created()\n    {\n        this.loadChunk();\n    },\n\n    methods:\n    {\n        loadChunk()\n        {\n            if (!this.isWaiting)\n            {\n                this.isWaiting = true;\n\n                this.$store.dispatch(\"loadCategoryChildrenChunk\",\n                    { categoryId: this.categoryId, size: this.chunkSize })\n                    .finally(() =>\n                    {\n                        this.isWaiting = false;\n                        this.isInitiallyLoaded = true;\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    }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepByStepNavigation.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!./StepByStepNavigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepByStepNavigation.vue?vue&type=template&id=4345d222&\"\nimport script from \"./StepByStepNavigation.vue?vue&type=script&lang=js&\"\nexport * from \"./StepByStepNavigation.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}