{"version":3,"file":"chunks/turboservice24-2.min.js","mappings":"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","sources":["webpack:///./resources/js/src/app/components/pageDesign/MobileNavigation.vue?e122","webpack:///resources/js/src/app/components/pageDesign/MobileNavigation.vue","webpack:///./resources/js/src/app/components/pageDesign/MobileNavigation.vue?8be2","webpack:///./resources/js/src/app/components/pageDesign/MobileNavigation.vue"],"sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"mobile-navigation\",\n      class: { open: _vm.isMobileNavigationOpen },\n    },\n    [\n      _c(\n        \"div\",\n        {\n          directives: [\n            {\n              name: \"show\",\n              rawName: \"v-show\",\n              value: _vm.isNavigationInitialized,\n              expression: \"isNavigationInitialized\",\n            },\n          ],\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"breadcrumb d-flex justify-content-end p-0\" },\n            [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn btn-lg btn-link\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.closeNavigation()\n                    },\n                  },\n                },\n                [_c(\"i\", { staticClass: \"fa fa-close\" })]\n              ),\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"ul\",\n            _vm._l(_vm.categories, function (category) {\n              return _c(\"li\", { key: category.id }, [\n                _c(\"a\", { attrs: { href: category.url } }, [\n                  _vm._v(_vm._s(category.name)),\n                ]),\n                _vm._v(\" \"),\n                category.childCount > 0\n                  ? _c(\"i\", {\n                      staticClass: \"fa fa-caret-down\",\n                      on: {\n                        click: function ($event) {\n                          return _vm.toggleCategory(\"child-\" + category.id)\n                        },\n                      },\n                    })\n                  : _vm._e(),\n                _vm._v(\" \"),\n                category.childCount > 0\n                  ? _c(\n                      \"ul\",\n                      {\n                        staticStyle: { height: \"0\" },\n                        attrs: {\n                          id: \"child-\" + category.id,\n                          \"data-collapsed\": \"false\",\n                        },\n                      },\n                      _vm._l(category.children, function (childCategory) {\n                        return _c(\"li\", { key: childCategory.id }, [\n                          _c(\"a\", { attrs: { href: childCategory.url } }, [\n                            _vm._v(_vm._s(childCategory.name)),\n                          ]),\n                          _vm._v(\" \"),\n                          childCategory.childCount > 0\n                            ? _c(\"i\", {\n                                staticClass: \"fa fa-caret-down\",\n                                on: {\n                                  click: function ($event) {\n                                    return _vm.toggleCategory(\n                                      \"child-\" + childCategory.id\n                                    )\n                                  },\n                                },\n                              })\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          childCategory.childCount > 0\n                            ? _c(\n                                \"ul\",\n                                {\n                                  staticStyle: { height: \"0\" },\n                                  attrs: {\n                                    id: \"child-\" + childCategory.id,\n                                    \"data-collapsed\": \"false\",\n                                  },\n                                },\n                                _vm._l(\n                                  childCategory.children,\n                                  function (childChildCategory) {\n                                    return _c(\n                                      \"li\",\n                                      { key: childChildCategory.id },\n                                      [\n                                        _c(\n                                          \"a\",\n                                          {\n                                            attrs: {\n                                              href: childChildCategory.url,\n                                            },\n                                          },\n                                          [\n                                            _vm._v(\n                                              _vm._s(childChildCategory.name)\n                                            ),\n                                          ]\n                                        ),\n                                      ]\n                                    )\n                                  }\n                                ),\n                                0\n                              )\n                            : _vm._e(),\n                        ])\n                      }),\n                      0\n                    )\n                  : _vm._e(),\n              ])\n            }),\n            0\n          ),\n        ]\n      ),\n      _vm._v(\" \"),\n      !_vm.isNavigationInitialized\n        ? [\n            _c(\"ul\", { staticClass: \"breadcrumb\" }, [\n              _c(\"li\", {\n                staticClass: \"btn-close\",\n                on: {\n                  click: function ($event) {\n                    return _vm.closeNavigation()\n                  },\n                },\n              }),\n              _vm._v(\" \"),\n              _vm._m(0),\n            ]),\n            _vm._v(\" \"),\n            _c(\"loading-animation\"),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"li\", { staticClass: \"breadcrumb-item\" }, [\n      _c(\"i\", { staticClass: \"fa fa-home\", attrs: { \"aria-hidden\": \"true\" } }),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"mobile-navigation\"\n    :class=\"{ 'open': isMobileNavigationOpen }\"\n  >\n    <div v-show=\"isNavigationInitialized\">\n      <div class=\"breadcrumb d-flex justify-content-end p-0\">\n        <button\n          class=\"btn btn-lg btn-link\"\n          @click=\"closeNavigation()\"\n        >\n          <i class=\"fa fa-close\" />\n        </button>\n      </div>\n      <ul>\n        <li\n          v-for=\"category in categories\"\n          :key=\"category.id\"\n        >\n          <a :href=\"category.url\">{{ category.name }}</a>\n          <i\n            v-if=\"category.childCount > 0\"\n            class=\"fa fa-caret-down\"\n            @click=\"toggleCategory('child-'+category.id)\"\n          />\n          <ul\n            v-if=\"category.childCount > 0\"\n            :id=\"'child-'+category.id\"\n            style=\"height: 0\"\n            data-collapsed=\"false\"\n          >\n            <li\n              v-for=\"childCategory in category.children\"\n              :key=\"childCategory.id\"\n            >\n              <a :href=\"childCategory.url\">{{ childCategory.name }}</a>\n              <i\n                v-if=\"childCategory.childCount > 0\"\n                class=\"fa fa-caret-down\"\n                @click=\"toggleCategory('child-'+childCategory.id)\"\n              />\n              <ul\n                v-if=\"childCategory.childCount > 0\"\n                :id=\"'child-'+childCategory.id\"\n                style=\"height: 0\"\n                data-collapsed=\"false\"\n              >\n                <li\n                  v-for=\"childChildCategory in childCategory.children\"\n                  :key=\"childChildCategory.id\"\n                >\n                  <a :href=\"childChildCategory.url\">{{ childChildCategory.name }}</a>\n                </li>\n              </ul>\n            </li>\n          </ul>\n        </li>\n      </ul>\n    </div>\n\n    <template v-if=\"!isNavigationInitialized\">\n      <ul class=\"breadcrumb\">\n        <li\n          class=\"btn-close\"\n          @click=\"closeNavigation()\"\n        />\n\n        <li class=\"breadcrumb-item\">\n          <i\n            class=\"fa fa-home\"\n            aria-hidden=\"true\"\n          />\n        </li>\n      </ul>\n\n      <loading-animation />\n    </template>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\n\nexport default {\n  name: 'Ts24MobileNavigation',\n\n  props: {\n    categories: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data: () => ({\n    isNavigationInitialized: true\n  }),\n\n  computed: {\n    ...mapState({\n      isMobileNavigationOpen: state => state.navigation.isMobileNavigationOpen\n    })\n  },\n\n  methods: {\n\n    collapseSection (element) {\n      const sectionHeight = element.scrollHeight\n      const elementTransition = element.style.transition\n      element.style.transition = ''\n\n      requestAnimationFrame(function () {\n        element.style.height = sectionHeight + 'px'\n        element.style.transition = elementTransition\n\n        requestAnimationFrame(function () {\n          element.style.height = 0 + 'px'\n        })\n      })\n\n      element.setAttribute('data-collapsed', 'false')\n    },\n\n    expandSection (element) {\n      const sectionHeight = element.scrollHeight\n\n      element.style.height = sectionHeight + 'px'\n\n      element.addEventListener('transitionend', function (e) {\n        // eslint-disable-next-line\n        element.removeEventListener('transitionend', arguments.callee)\n        element.style.height = null\n      })\n\n      element.setAttribute('data-collapsed', 'true')\n    },\n\n    toggleCategory (id) {\n      const element = document.querySelector('#' + id)\n      const isCollapsed = element.getAttribute('data-collapsed') === 'true'\n\n      if (isCollapsed) {\n        this.collapseSection(element)\n      } else {\n        this.expandSection(element)\n      }\n    },\n\n    closeNavigation () {\n      this.$store.commit('setIsMobileNavigationOpen', false)\n    }\n  },\n  directives:\n      {\n        menu: {\n          bind (el) {\n            // add \"activated\" classes when menu is activated\n            $(el).on('menu-activated', (event, params) => {\n              $(event.target).addClass('menu-active')\n              $(event.target).addClass(params.back ? 'animate-in-from-left' : 'animate-in-from-right')\n            })\n            // add \"deactivated\" classes when menu is deactivated\n            $(el).on('menu-deactivated', (event, params) => {\n              $(event.target).removeClass('menu-active')\n              $(event.target).addClass(params.back ? 'animate-out-to-right' : 'animate-out-to-left')\n            })\n            // this removes the animation class automatically after the animation has completed\n            $(el).on('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', () => {\n              $('.mainmenu').removeClass((index, className) => {\n                return (className.match(/(^|\\s)animate-\\S+/g) || []).join(' ')\n              })\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!./MobileNavigation.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!./MobileNavigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MobileNavigation.vue?vue&type=template&id=8786e754&\"\nimport script from \"./MobileNavigation.vue?vue&type=script&lang=js&\"\nexport * from \"./MobileNavigation.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/patrickbittner/plentyDrive/11585/15/d2gPmThemeTurboservice24/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('8786e754')) {\n      api.createRecord('8786e754', component.options)\n    } else {\n      api.reload('8786e754', component.options)\n    }\n    module.hot.accept(\"./MobileNavigation.vue?vue&type=template&id=8786e754&\", function () {\n      api.rerender('8786e754', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/pageDesign/MobileNavigation.vue\"\nexport default component.exports"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","open","isMobileNavigationOpen","directives","name","rawName","value","isNavigationInitialized","expression","on","click","$event","closeNavigation","_v","_l","categories","category","key","id","attrs","href","url","_s","childCount","toggleCategory","_e","staticStyle","height","children","childCategory","childChildCategory","_m","_withStripped","props","type","Array","default","data","computed","methods","collapseSection","element","style","transition","requestAnimationFrame","sectionHeight","elementTransition","setAttribute","expandSection","addEventListener","e","removeEventListener","arguments","callee","$store","commit","component","options","__file"],"sourceRoot":""}