{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/views/pages/extended/scrollspy.vue","webpack:///src/views/pages/extended/scrollspy.vue","webpack:///./src/views/pages/extended/scrollspy.vue?d322","webpack:///./src/views/pages/extended/scrollspy.vue?d56d"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","directives","name","rawName","arg","slot","on","scrollIntoView","ref","staticStyle","text","text2","page","meta","content","appConfig","description","Layout","PageHeader","data","href","active","methods","evt","preventDefault","target","getAttribute","el","document","querySelector","$refs","scrollTop","offsetTop","middleware"],"mappings":"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","file":"js/chunk-334cfaaf.a097fd4c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Scrollspy\")]),_c('p',{staticClass:\"text-muted font-14 mb-3\"},[_vm._v(\" Scroll the area below the navbar and watch the active class change. The dropdown items will be highlighted as well. \")]),_c('div',[_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-nav',{directives:[{name:\"b-scrollspy\",rawName:\"v-b-scrollspy:nav-scroller\",arg:\"nav-scroller\"}],attrs:{\"slot\":\"header\",\"pills\":\"\"},slot:\"header\"},[_c('b-nav-item',{attrs:{\"href\":\"#fat\"},on:{\"click\":_vm.scrollIntoView}},[_vm._v(\"@fat\")]),_c('b-nav-item',{attrs:{\"href\":\"#mdo\"},on:{\"click\":_vm.scrollIntoView}},[_vm._v(\"@mdo\")]),_c('b-nav-item-dropdown',{attrs:{\"right-alignment\":\"\"}},[_c('template',{slot:\"button-content\"},[_vm._v(\" Dropdown \"),_c('i',{staticClass:\"mdi mdi-chevron-down\"})]),_c('b-dropdown-item',{attrs:{\"href\":\"#one\"},on:{\"click\":_vm.scrollIntoView}},[_vm._v(\"one\")]),_c('b-dropdown-item',{attrs:{\"href\":\"#two\"},on:{\"click\":_vm.scrollIntoView}},[_vm._v(\"two\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"#three\"},on:{\"click\":_vm.scrollIntoView}},[_vm._v(\"three\")])],2)],1),_c('b-card-body',{ref:\"content\",staticStyle:{\"position\":\"relative\",\"height\":\"200px\",\"overflow-y\":\"scroll\"},attrs:{\"id\":\"nav-scroller\"}},[_c('h4',{attrs:{\"id\":\"fat\"}},[_vm._v(\"@fat\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"mdo\"}},[_vm._v(\"@mdo\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"one\"}},[_vm._v(\"one\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"two\"}},[_vm._v(\"two\")]),_c('p',[_vm._v(_vm._s(_vm.text)+\" \"+_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"three\"}},[_vm._v(\"three\")]),_c('p',[_vm._v(_vm._s(_vm.text)+\" \"+_vm._s(_vm.text)+\" \"+_vm._s(_vm.text))])])],1)],1)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Example with nested nav\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Scrollspy also works with nested \"),_c('code',[_vm._v(\".nav\")]),_vm._v(\"s. If a nested \"),_c('code',[_vm._v(\".nav\")]),_vm._v(\" is \"),_c('code',[_vm._v(\".active\")]),_vm._v(\", its parents will also be \"),_c('code',[_vm._v(\".active\")]),_vm._v(\". Scroll the area next to the navbar and watch the active class change. \")]),_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"4\"}},[_c('b-navbar',{directives:[{name:\"b-scrollspy\",rawName:\"v-b-scrollspy:scrollspy-nested\",arg:\"scrollspy-nested\"}],staticClass:\"flex-column\"},[_c('b-navbar-brand',{attrs:{\"href\":\"#\"}},[_vm._v(\"Navbar\")]),_c('b-nav',{attrs:{\"pills\":\"\",\"vertical\":\"\"}},[_c('b-nav-item',{attrs:{\"href\":\"#item-1\"}},[_vm._v(\"Item 1\")]),_c('b-nav',{attrs:{\"pills\":\"\",\"vertical\":\"\"}},[_c('b-nav-item',{staticClass:\"ml-3 my-1\",attrs:{\"href\":\"#item-1-1\"}},[_vm._v(\"Item 1-1\")]),_c('b-nav-item',{staticClass:\"ml-3 my-1\",attrs:{\"href\":\"#item-1-2\"}},[_vm._v(\"Item 1-2\")])],1),_c('b-nav-item',{attrs:{\"href\":\"#item-2\"}},[_vm._v(\"Item 2\")]),_c('b-nav-item',{attrs:{\"href\":\"#item-3\"}},[_vm._v(\"Item 3\")]),_c('b-nav',{attrs:{\"pills\":\"\",\"vertical\":\"\"}},[_c('b-nav-item',{staticClass:\"ml-3 my-1\",attrs:{\"href\":\"#item-3-1\"}},[_vm._v(\"Item 3-1\")]),_c('b-nav-item',{staticClass:\"ml-3 my-1\",attrs:{\"href\":\"#item-3-2\"}},[_vm._v(\"Item 3-2\")])],1)],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"8\"}},[_c('div',{staticStyle:{\"position\":\"relative\",\"height\":\"350px\",\"overflow-y\":\"auto\"},attrs:{\"id\":\"scrollspy-nested\"}},[_c('h4',{attrs:{\"id\":\"item-1\"}},[_vm._v(\"Item 1\")]),_c('p',[_vm._v(_vm._s(_vm.text2))]),_c('h5',{attrs:{\"id\":\"item-1-1\"}},[_vm._v(\"Item 1-1\")]),_c('p',[_vm._v(_vm._s(_vm.text2))]),_c('h5',{attrs:{\"id\":\"item-1-2\"}},[_vm._v(\"Item 2-2\")]),_c('p',[_vm._v(_vm._s(_vm.text2))]),_c('h4',{attrs:{\"id\":\"item-2\"}},[_vm._v(\"Item 2\")]),_c('p',[_vm._v(_vm._s(_vm.text2))]),_c('h4',{attrs:{\"id\":\"item-3\"}},[_vm._v(\"Item 3\")]),_c('p',[_vm._v(_vm._s(_vm.text2))]),_c('h5',{attrs:{\"id\":\"item-3-1\"}},[_vm._v(\"Item 3-1\")]),_c('p',[_vm._v(_vm._s(_vm.text2))]),_c('h5',{attrs:{\"id\":\"item-3-2\"}},[_vm._v(\"Item 3-2\")]),_c('p',[_vm._v(_vm._s(_vm.text2))])])])],1)],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Example with list-group\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Scrollspy also works with nested \"),_c('code',[_vm._v(\".nav\")]),_vm._v(\"s. If a nested \"),_c('code',[_vm._v(\".nav\")]),_vm._v(\" is \"),_c('code',[_vm._v(\".active\")]),_vm._v(\", its parents will also be \"),_c('code',[_vm._v(\".active\")]),_vm._v(\". Scroll the area next to the navbar and watch the active class change. \")]),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"4\"}},[_c('b-list-group',{directives:[{name:\"b-scrollspy\",rawName:\"v-b-scrollspy:listgroup-ex\",arg:\"listgroup-ex\"}]},[_c('b-list-group-item',{attrs:{\"href\":\"#list-item-1\"}},[_vm._v(\"Item 1\")]),_c('b-list-group-item',{attrs:{\"href\":\"#list-item-2\"}},[_vm._v(\"Item2\")]),_c('b-list-group-item',{attrs:{\"href\":\"#list-item-3\"}},[_vm._v(\"Item 3\")]),_c('b-list-group-item',{attrs:{\"href\":\"#list-item-4\"}},[_vm._v(\"Item 4\")]),_c('b-list-group-item',{attrs:{\"href\":\"#list-item-5\"}},[_vm._v(\"Item 5\")])],1)],1),_c('b-col',{attrs:{\"cols\":\"8\"}},[_c('div',{staticStyle:{\"position\":\"relative\",\"overflow-y\":\"auto\",\"height\":\"300px\"},attrs:{\"id\":\"listgroup-ex\"}},[_c('h4',{attrs:{\"id\":\"list-item-1\"}},[_vm._v(\"Item 1\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"list-item-2\"}},[_vm._v(\"Item 2\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"list-item-3\"}},[_vm._v(\"Item 3\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"list-item-4\"}},[_vm._v(\"Item 4\")]),_c('p',[_vm._v(_vm._s(_vm.text))]),_c('h4',{attrs:{\"id\":\"list-item-5\"}},[_vm._v(\"Item 5\")]),_c('p',[_vm._v(_vm._s(_vm.text))])])])],1)],1)])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * Scrollspy component\n */\nexport default {\n  page: {\n    title: \"Scrollspy\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Scrollspy\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"Extended UI\",\n          href: \"/\",\n        },\n        {\n          text: \"Scrollspy\",\n          active: true,\n        },\n      ],\n      text: `\n          Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.\n        `,\n      text2: `Labore sit culpa commodo elit adipisicing sit aliquip elit proident voluptate minim mollit nostrud aute reprehenderit do. Mollit excepteur eu Lorem ipsum anim commodo sint labore Lorem in exercitation velit incididunt. Occaecat consectetur nisi in occaecat proident minim enim sunt reprehenderit exercitation cupidatat et do officia. Aliquip consequat ad labore labore mollit ut amet. Sit pariatur tempor proident in veniam culpa aliqua excepteur elit magna fugiat eiusmod amet officia.`,\n    };\n  },\n  methods: {\n    /**\n     * Scrollspy\n     */\n    scrollIntoView(evt) {\n      evt.preventDefault();\n      const href = evt.target.getAttribute(\"href\");\n      const el = href ? document.querySelector(href) : null;\n      if (el) {\n        this.$refs.content.scrollTop = el.offsetTop;\n      }\n    },\n  },\n  middleware: \"router-auth\",\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Scrollspy</h4>\n            <p class=\"text-muted font-14 mb-3\">\n              Scroll the area below the navbar and watch the active class\n              change. The dropdown items will be highlighted as well.\n            </p>\n\n            <div>\n              <b-card no-body>\n                <b-nav slot=\"header\" v-b-scrollspy:nav-scroller pills>\n                  <b-nav-item href=\"#fat\" @click=\"scrollIntoView\"\n                    >@fat</b-nav-item\n                  >\n                  <b-nav-item href=\"#mdo\" @click=\"scrollIntoView\"\n                    >@mdo</b-nav-item\n                  >\n                  <b-nav-item-dropdown right-alignment>\n                    <template slot=\"button-content\">\n                      Dropdown\n                      <i class=\"mdi mdi-chevron-down\"></i>\n                    </template>\n                    <b-dropdown-item href=\"#one\" @click=\"scrollIntoView\"\n                      >one</b-dropdown-item\n                    >\n                    <b-dropdown-item href=\"#two\" @click=\"scrollIntoView\"\n                      >two</b-dropdown-item\n                    >\n                    <b-dropdown-divider></b-dropdown-divider>\n                    <b-dropdown-item href=\"#three\" @click=\"scrollIntoView\"\n                      >three</b-dropdown-item\n                    >\n                  </b-nav-item-dropdown>\n                </b-nav>\n\n                <b-card-body\n                  id=\"nav-scroller\"\n                  ref=\"content\"\n                  style=\"position: relative; height: 200px; overflow-y: scroll\"\n                >\n                  <h4 id=\"fat\">@fat</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"mdo\">@mdo</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"one\">one</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"two\">two</h4>\n                  <p>{{ text }} {{ text }}</p>\n                  <h4 id=\"three\">three</h4>\n                  <p>{{ text }} {{ text }} {{ text }}</p>\n                </b-card-body>\n              </b-card>\n            </div>\n          </div>\n        </div>\n        <!-- end card-box-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Example with nested nav</h4>\n            <p class=\"sub-header\">\n              Scrollspy also works with nested\n              <code>.nav</code>s. If a nested <code>.nav</code> is\n              <code>.active</code>, its parents will also be\n              <code>.active</code>. Scroll the area next to the navbar and watch\n              the active class change.\n            </p>\n            <b-container fluid>\n              <b-row>\n                <b-col cols=\"4\">\n                  <b-navbar v-b-scrollspy:scrollspy-nested class=\"flex-column\">\n                    <b-navbar-brand href=\"#\">Navbar</b-navbar-brand>\n                    <b-nav pills vertical>\n                      <b-nav-item href=\"#item-1\">Item 1</b-nav-item>\n                      <b-nav pills vertical>\n                        <b-nav-item class=\"ml-3 my-1\" href=\"#item-1-1\"\n                          >Item 1-1</b-nav-item\n                        >\n                        <b-nav-item class=\"ml-3 my-1\" href=\"#item-1-2\"\n                          >Item 1-2</b-nav-item\n                        >\n                      </b-nav>\n                      <b-nav-item href=\"#item-2\">Item 2</b-nav-item>\n                      <b-nav-item href=\"#item-3\">Item 3</b-nav-item>\n                      <b-nav pills vertical>\n                        <b-nav-item class=\"ml-3 my-1\" href=\"#item-3-1\"\n                          >Item 3-1</b-nav-item\n                        >\n                        <b-nav-item class=\"ml-3 my-1\" href=\"#item-3-2\"\n                          >Item 3-2</b-nav-item\n                        >\n                      </b-nav>\n                    </b-nav>\n                  </b-navbar>\n                </b-col>\n\n                <b-col cols=\"8\">\n                  <div\n                    id=\"scrollspy-nested\"\n                    style=\"position: relative; height: 350px; overflow-y: auto\"\n                  >\n                    <h4 id=\"item-1\" style>Item 1</h4>\n                    <p>{{ text2 }}</p>\n                    <h5 id=\"item-1-1\" style>Item 1-1</h5>\n                    <p>{{ text2 }}</p>\n                    <h5 id=\"item-1-2\" style>Item 2-2</h5>\n                    <p>{{ text2 }}</p>\n                    <h4 id=\"item-2\" style>Item 2</h4>\n                    <p>{{ text2 }}</p>\n                    <h4 id=\"item-3\" style>Item 3</h4>\n                    <p>{{ text2 }}</p>\n                    <h5 id=\"item-3-1\" style>Item 3-1</h5>\n                    <p>{{ text2 }}</p>\n                    <h5 id=\"item-3-2\" style>Item 3-2</h5>\n                    <p>{{ text2 }}</p>\n                  </div>\n                </b-col>\n              </b-row>\n            </b-container>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Example with list-group</h4>\n\n            <p class=\"sub-header\">\n              Scrollspy also works with nested\n              <code>.nav</code>s. If a nested <code>.nav</code> is\n              <code>.active</code>, its parents will also be\n              <code>.active</code>. Scroll the area next to the navbar and watch\n              the active class change.\n            </p>\n            <b-row>\n              <b-col cols=\"4\">\n                <b-list-group v-b-scrollspy:listgroup-ex>\n                  <b-list-group-item href=\"#list-item-1\"\n                    >Item 1</b-list-group-item\n                  >\n                  <b-list-group-item href=\"#list-item-2\"\n                    >Item2</b-list-group-item\n                  >\n                  <b-list-group-item href=\"#list-item-3\"\n                    >Item 3</b-list-group-item\n                  >\n                  <b-list-group-item href=\"#list-item-4\"\n                    >Item 4</b-list-group-item\n                  >\n                  <b-list-group-item href=\"#list-item-5\"\n                    >Item 5</b-list-group-item\n                  >\n                </b-list-group>\n              </b-col>\n\n              <b-col cols=\"8\">\n                <div\n                  id=\"listgroup-ex\"\n                  style=\"position: relative; overflow-y: auto; height: 300px\"\n                >\n                  <h4 id=\"list-item-1\">Item 1</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"list-item-2\">Item 2</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"list-item-3\">Item 3</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"list-item-4\">Item 4</h4>\n                  <p>{{ text }}</p>\n                  <h4 id=\"list-item-5\">Item 5</h4>\n                  <p>{{ text }}</p>\n                </div>\n              </b-col>\n            </b-row>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scrollspy.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scrollspy.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./scrollspy.vue?vue&type=template&id=2def8dd8\"\nimport script from \"./scrollspy.vue?vue&type=script&lang=js\"\nexport * from \"./scrollspy.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":""}