{"version":3,"sources":["webpack:///./src/views/components/vuesax/navbar/Navbar.vue?fe2f","webpack:///./src/views/components/vuesax/navbar/NavbarDefault.vue?b491","webpack:///src/views/components/vuesax/navbar/NavbarDefault.vue","webpack:///./src/views/components/vuesax/navbar/NavbarDefault.vue?63d2","webpack:///./src/views/components/vuesax/navbar/NavbarDefault.vue","webpack:///./src/views/components/vuesax/navbar/NavbarInput.vue?9d44","webpack:///src/views/components/vuesax/navbar/NavbarInput.vue","webpack:///./src/views/components/vuesax/navbar/NavbarInput.vue?1a00","webpack:///./src/views/components/vuesax/navbar/NavbarInput.vue","webpack:///./src/views/components/vuesax/navbar/NavbarType.vue?e860","webpack:///src/views/components/vuesax/navbar/NavbarType.vue","webpack:///./src/views/components/vuesax/navbar/NavbarType.vue?3a3a","webpack:///./src/views/components/vuesax/navbar/NavbarType.vue","webpack:///./src/views/components/vuesax/navbar/NavbarColor.vue?d85f","webpack:///src/views/components/vuesax/navbar/NavbarColor.vue","webpack:///./src/views/components/vuesax/navbar/NavbarColor.vue?c95d","webpack:///./src/views/components/vuesax/navbar/NavbarColor.vue","webpack:///./src/views/components/vuesax/navbar/NavbarCollapse.vue?f104","webpack:///src/views/components/vuesax/navbar/NavbarCollapse.vue","webpack:///./src/views/components/vuesax/navbar/NavbarCollapse.vue?8c49","webpack:///./src/views/components/vuesax/navbar/NavbarCollapse.vue","webpack:///src/views/components/vuesax/navbar/Navbar.vue","webpack:///./src/views/components/vuesax/navbar/Navbar.vue?4f0e","webpack:///./src/views/components/vuesax/navbar/Navbar.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","model","value","callback","$$v","activeItem","expression","slot","component","search","type","_l","item","index","key","text","_s","colorx","directives","name","rawName","domProps","on","$event","target","composing","indexActive"],"mappings":"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","file":"js/chunk-2d0bfe9a.129a454f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"navbar-demo\"}},[_c('navbar-default'),_c('navbar-input'),_c('navbar-type'),_c('navbar-color'),_c('navbar-collapse')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To add a navbar we have the component \"),_c('code',[_vm._v(\"vs-navbar\")]),_vm._v(\", there is a series of sub components to determine internal elements \"),_c('code',[_vm._v(\"vs-navbar-title\")]),_vm._v(\", \"),_c('code',[_vm._v(\"vs-spacer\")])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-navbar',{staticClass:\"p-2\",model:{value:(_vm.activeItem),callback:function ($$v) {_vm.activeItem=$$v},expression:\"activeItem\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('vs-navbar-title',[_c('span',[_vm._v(\"Vuesax\")])])],1),_c('vs-navbar-item',{attrs:{\"index\":\"0\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"1\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"News\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"2\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Update\")])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-navbar v-model=\\\"activeItem\\\" class=\\\"p-2\\\">\\n  \\n    <div slot=\\\"title\\\">\\n      <vs-navbar-title>\\n        <span>Vuesax</span>\\n      </vs-navbar-title>\\n    </div>\\n\\n    <vs-navbar-item index=\\\"0\\\">\\n      <a href=\\\"#\\\">Home</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"1\\\">\\n      <a href=\\\"#\\\">News</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"2\\\">\\n      <a href=\\\"#\\\">Update</a>\\n    </vs-navbar-item>\\n  </vs-navbar>\\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    activeItem: 0\\n  })\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NavbarDefault.vue\r\n    Description: Rendering of default Navbar\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Default\" code-toggler>\r\n        \r\n        <p>To add a navbar we have the component <code>vs-navbar</code>, there is a series of sub components to determine internal elements <code>vs-navbar-title</code>, <code>vs-spacer</code></p>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-navbar v-model=\"activeItem\" class=\"p-2\">\r\n\r\n                <div slot=\"title\">\r\n                    <vs-navbar-title><span>Vuesax</span></vs-navbar-title>\r\n                </div>\r\n\r\n                <vs-navbar-item index=\"0\">\r\n                    <a href=\"#\">Home</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"1\">\r\n                    <a href=\"#\">News</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"2\">\r\n                    <a href=\"#\">Update</a>\r\n                </vs-navbar-item>\r\n            </vs-navbar>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-navbar v-model=&quot;activeItem&quot; class=&quot;p-2&quot;&gt;\r\n  \r\n    &lt;div slot=&quot;title&quot;&gt;\r\n      &lt;vs-navbar-title&gt;\r\n        &lt;span&gt;Vuesax&lt;/span&gt;\r\n      &lt;/vs-navbar-title&gt;\r\n    &lt;/div&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;0&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;1&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;News&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;2&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Update&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n  &lt;/vs-navbar&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: () =&gt; ({\r\n    activeItem: 0\r\n  })\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data: () => ({\r\n        activeItem: 0\r\n    })\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarDefault.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavbarDefault.vue?vue&type=template&id=6fc462ef&\"\nimport script from \"./NavbarDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./NavbarDefault.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Input\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You may need an entry in the menu to simply use the \"),_c('code',[_vm._v(\"vs-input\")]),_vm._v(\" component, for example if you need a search engine\")]),_c('div',{staticClass:\"mt-5\"},[_c('vs-navbar',{staticClass:\"p-2\",model:{value:(_vm.activeItem),callback:function ($$v) {_vm.activeItem=$$v},expression:\"activeItem\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('vs-navbar-title',[_c('span',[_vm._v(\"Vuesax\")])])],1),_c('vs-navbar-item',{attrs:{\"index\":\"0\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"1\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"News\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"2\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Update\")])]),_c('vs-input',{staticClass:\"input-rounded-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-search\",\"placeholder\":\"Search\",\"icon-no-border\":\"\",\"size\":\"small\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-navbar v-model=\\\"activeItem\\\" class=\\\"p-2\\\">\\n\\n    <div slot=\\\"title\\\">\\n      <vs-navbar-title>\\n        <span>Vuesax</span>\\n      </vs-navbar-title>\\n    </div>\\n\\n    <vs-navbar-item index=\\\"0\\\">\\n      <a href=\\\"#\\\">Home</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"1\\\">\\n      <a href=\\\"#\\\">News</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"2\\\">\\n      <a href=\\\"#\\\">Update</a>\\n    </vs-navbar-item>\\n\\n    <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-search\\\" placeholder=\\\"Search\\\" v-model=\\\"search\\\" />\\n  </vs-navbar>\\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    activeItem: 0,\\n    search: \\\"\\\",\\n  })\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NavbarInput.vue\r\n    Description: Navbar with input\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Input\" code-toggler>\r\n\r\n        <p>You may need an entry in the menu to simply use the <code>vs-input</code> component, for example if you need a search engine</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-navbar v-model=\"activeItem\" class=\"p-2\">\r\n                <div slot=\"title\">\r\n                    <vs-navbar-title>\r\n                        <span>Vuesax</span>\r\n                    </vs-navbar-title>\r\n                </div>\r\n\r\n                <vs-navbar-item index=\"0\">\r\n                    <a href=\"#\">Home</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"1\">\r\n                    <a href=\"#\">News</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"2\">\r\n                    <a href=\"#\">Update</a>\r\n                </vs-navbar-item>\r\n                <vs-input icon-pack=\"feather\" icon=\"icon-search\" placeholder=\"Search\" class=\"input-rounded-full\" icon-no-border v-model=\"search\" size=\"small\" />\r\n            </vs-navbar>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-navbar v-model=&quot;activeItem&quot; class=&quot;p-2&quot;&gt;\r\n\r\n    &lt;div slot=&quot;title&quot;&gt;\r\n      &lt;vs-navbar-title&gt;\r\n        &lt;span&gt;Vuesax&lt;/span&gt;\r\n      &lt;/vs-navbar-title&gt;\r\n    &lt;/div&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;0&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;1&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;News&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;2&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Update&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-search&quot; placeholder=&quot;Search&quot; v-model=&quot;search&quot; /&gt;\r\n  &lt;/vs-navbar&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: () =&gt; ({\r\n    activeItem: 0,\r\n    search: &quot;&quot;,\r\n  })\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data: () => ({\r\n        activeItem: 0,\r\n        search: \"\",\r\n    })\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavbarInput.vue?vue&type=template&id=78b48293&\"\nimport script from \"./NavbarInput.vue?vue&type=script&lang=js&\"\nexport * from \"./NavbarInput.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Type\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"If you want you can change the style of the buttons and the navbar by changing the property \"),_c('code',[_vm._v(\"type\")])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-select',{staticClass:\"selectExample mb-5\",attrs:{\"label\":\"Figuras\"},model:{value:(_vm.type),callback:function ($$v) {_vm.type=$$v},expression:\"type\"}},_vm._l((_vm.types),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-navbar',{staticClass:\"p-2\",attrs:{\"type\":_vm.type},model:{value:(_vm.activeItem),callback:function ($$v) {_vm.activeItem=$$v},expression:\"activeItem\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('vs-navbar-title',[_c('span',[_vm._v(\"Type \"+_vm._s(_vm.type))])])],1),_c('vs-navbar-item',{attrs:{\"index\":\"0\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"1\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"News\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"2\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Update\")])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div>\\n    <vs-select class=\\\"selectExample mb-5\\\" label=\\\"Figuras\\\" v-model=\\\"type\\\" class=\\\"p-2\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in types\\\" />\\n    </vs-select>\\n\\n    <vs-navbar :type=\\\"type\\\" v-model=\\\"activeItem\\\" class=\\\"nabarx\\\">\\n\\n      <div slot=\\\"title\\\">\\n        <vs-navbar-title>\\n          <span>Type \"+_vm._s(\"\\{\\{ type \\}\\}\")+\"</span>\\n        </vs-navbar-title>\\n      </div>\\n\\n      <vs-navbar-item index=\\\"0\\\">\\n        <a href=\\\"#\\\">Home</a>\\n      </vs-navbar-item>\\n\\n      <vs-navbar-item index=\\\"1\\\">\\n        <a href=\\\"#\\\">News</a>\\n      </vs-navbar-item>\\n\\n      <vs-navbar-item index=\\\"2\\\">\\n        <a href=\\\"#\\\">Update</a>\\n      </vs-navbar-item>\\n    </vs-navbar>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    activeItem: 0,\\n    type: 'flat',\\n    types: [{\\n        value: null,\\n        text: 'Default'\\n      },\\n      {\\n        value: 'flat',\\n        text: 'Flat'\\n      },\\n      {\\n        value: 'fund',\\n        text: 'Fund'\\n      },\\n      {\\n        value: 'border',\\n        text: 'border'\\n      },\\n      {\\n        value: 'gradient',\\n        text: 'Gradient'\\n      },\\n      {\\n        value: 'shadow',\\n        text: 'Shadow'\\n      }\\n    ]\\n  })\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NavbarType.vue\r\n    Description: change navbar type - styles\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Type\" code-toggler>\r\n        \r\n        <p>If you want you can change the style of the buttons and the navbar by changing the property <code>type</code></p>\r\n\r\n        <div class=\"mt-5\">\r\n\r\n            <vs-select class=\"selectExample mb-5\" label=\"Figuras\" v-model=\"type\">\r\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in types\" />\r\n            </vs-select>\r\n\r\n            <vs-navbar :type=\"type\" v-model=\"activeItem\" class=\"p-2\">\r\n\r\n                <div slot=\"title\">\r\n                    <vs-navbar-title>\r\n                        <span>Type {{type}}</span>\r\n                    </vs-navbar-title>\r\n                </div>\r\n\r\n                <vs-navbar-item index=\"0\">\r\n                    <a href=\"#\">Home</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"1\">\r\n                    <a href=\"#\">News</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"2\">\r\n                    <a href=\"#\">Update</a>\r\n                </vs-navbar-item>\r\n            </vs-navbar>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div&gt;\r\n    &lt;vs-select class=&quot;selectExample mb-5&quot; label=&quot;Figuras&quot; v-model=&quot;type&quot; class=&quot;p-2&quot;&gt;\r\n      &lt;vs-select-item :key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in types&quot; /&gt;\r\n    &lt;/vs-select&gt;\r\n\r\n    &lt;vs-navbar :type=&quot;type&quot; v-model=&quot;activeItem&quot; class=&quot;nabarx&quot;&gt;\r\n\r\n      &lt;div slot=&quot;title&quot;&gt;\r\n        &lt;vs-navbar-title&gt;\r\n          &lt;span&gt;Type {{ \"\\{\\{ type \\}\\}\" }}&lt;/span&gt;\r\n        &lt;/vs-navbar-title&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;vs-navbar-item index=&quot;0&quot;&gt;\r\n        &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;\r\n      &lt;/vs-navbar-item&gt;\r\n\r\n      &lt;vs-navbar-item index=&quot;1&quot;&gt;\r\n        &lt;a href=&quot;#&quot;&gt;News&lt;/a&gt;\r\n      &lt;/vs-navbar-item&gt;\r\n\r\n      &lt;vs-navbar-item index=&quot;2&quot;&gt;\r\n        &lt;a href=&quot;#&quot;&gt;Update&lt;/a&gt;\r\n      &lt;/vs-navbar-item&gt;\r\n    &lt;/vs-navbar&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: () =&gt; ({\r\n    activeItem: 0,\r\n    type: &apos;flat&apos;,\r\n    types: [{\r\n        value: null,\r\n        text: &apos;Default&apos;\r\n      },\r\n      {\r\n        value: &apos;flat&apos;,\r\n        text: &apos;Flat&apos;\r\n      },\r\n      {\r\n        value: &apos;fund&apos;,\r\n        text: &apos;Fund&apos;\r\n      },\r\n      {\r\n        value: &apos;border&apos;,\r\n        text: &apos;border&apos;\r\n      },\r\n      {\r\n        value: &apos;gradient&apos;,\r\n        text: &apos;Gradient&apos;\r\n      },\r\n      {\r\n        value: &apos;shadow&apos;,\r\n        text: &apos;Shadow&apos;\r\n      }\r\n    ]\r\n  })\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data: () => ({\r\n        activeItem: 0,\r\n        type: 'gradient',\r\n        types: [{\r\n                value: null,\r\n                text: 'Default'\r\n            },\r\n            {\r\n                value: 'flat',\r\n                text: 'Flat'\r\n            },\r\n            {\r\n                value: 'fund',\r\n                text: 'Fund'\r\n            },\r\n            {\r\n                value: 'border',\r\n                text: 'border'\r\n            },\r\n            {\r\n                value: 'gradient',\r\n                text: 'Gradient'\r\n            },\r\n            {\r\n                value: 'shadow',\r\n                text: 'Shadow'\r\n            }\r\n        ]\r\n    })\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarType.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavbarType.vue?vue&type=template&id=abc2e7aa&\"\nimport script from \"./NavbarType.vue?vue&type=script&lang=js&\"\nexport * from \"./NavbarType.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the color of the Topbar with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the Main Colors or RGB and HEX colors\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('div',[_c('div',{staticClass:\"demo-alignment my-5\"},[_c('vs-radio',{attrs:{\"vs-value\":\"primary\"},model:{value:(_vm.colorx),callback:function ($$v) {_vm.colorx=$$v},expression:\"colorx\"}},[_vm._v(\"Primary\")]),_c('vs-radio',{attrs:{\"color\":\"danger\",\"vs-value\":\"danger\"},model:{value:(_vm.colorx),callback:function ($$v) {_vm.colorx=$$v},expression:\"colorx\"}},[_vm._v(\"Danger\")]),_c('vs-radio',{attrs:{\"color\":\"success\",\"vs-value\":\"success\"},model:{value:(_vm.colorx),callback:function ($$v) {_vm.colorx=$$v},expression:\"colorx\"}},[_vm._v(\"Success\")]),_c('vs-radio',{attrs:{\"color\":\"warning\",\"vs-value\":\"warning\"},model:{value:(_vm.colorx),callback:function ($$v) {_vm.colorx=$$v},expression:\"colorx\"}},[_vm._v(\"Warning\")]),_c('vs-radio',{attrs:{\"color\":\"dark\",\"vs-value\":\"dark\"},model:{value:(_vm.colorx),callback:function ($$v) {_vm.colorx=$$v},expression:\"colorx\"}},[_vm._v(\"Dark\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.colorx),expression:\"colorx\"}],staticClass:\"input-color\",attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.colorx)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.colorx=$event.target.value}}})],1),_c('vs-navbar',{staticClass:\"myNavbar text-white\",attrs:{\"color\":_vm.colorx,\"text-color\":\"rgba(255,255,255,.6)\",\"active-text-color\":\"rgba(255,255,255,1)\"},model:{value:(_vm.indexActive),callback:function ($$v) {_vm.indexActive=$$v},expression:\"indexActive\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('vs-navbar-title',[_vm._v(\"\\n                        Navbar Color\\n                    \")])],1),_c('vs-navbar-item',{attrs:{\"index\":\"0\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"1\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"News\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"2\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Update\")])]),_c('vs-spacer'),_c('vs-button',{attrs:{\"color-text\":\"rgb(255, 255, 255)\",\"color\":\"rgba(255, 255, 255, 0.3)\",\"type\":\"flat\",\"icon\":\"more_horiz\"}})],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n\\n  <input class=\\\"input-color\\\" v-model=\\\"colorx\\\" type=\\\"color\\\">\\n  <vs-navbar v-model=\\\"indexActive\\\" :color=\\\"colorx\\\" text-color=\\\"rgba(255,255,255,.6)\\\" active-text-color=\\\"rgba(255,255,255,1)\\\" class=\\\"myNavbar text-white\\\">\\n    <div slot=\\\"title\\\">\\n      <vs-navbar-title>\\n        Navbar Color\\n      </vs-navbar-title>\\n    </div>\\n\\n    <vs-navbar-item index=\\\"0\\\">\\n      <a href=\\\"#\\\">Home</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"1\\\">\\n      <a href=\\\"#\\\">News</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"2\\\">\\n      <a href=\\\"#\\\">Update</a>\\n    </vs-navbar-item>\\n\\n    <vs-spacer></vs-spacer>\\n\\n    <vs-button color-text=\\\"rgb(255, 255, 255)\\\" color=\\\"rgba(255, 255, 255, 0.3)\\\" type=\\\"flat\\\" icon=\\\"more_horiz\\\"></vs-button>\\n  </vs-navbar>\\n</template>\\n\\n<script>\\nexport default {\\n  data: ()=>({\\n    colorx:'#7367F0',\\n    indexActive: 0\\n  })\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NavbarColor.vue\r\n    Description: Chnage background color of navbar\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n\r\n        <p>You can change the color of the Topbar with the property <code>color</code>. You are able to use the Main Colors or RGB and HEX colors</p>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n        </vs-alert>\r\n\r\n        <div>\r\n      <div class=\"demo-alignment my-5\">\r\n        <vs-radio v-model=\"colorx\" vs-value=\"primary\">Primary</vs-radio>\r\n        <vs-radio v-model=\"colorx\" color=\"danger\" vs-value=\"danger\">Danger</vs-radio>\r\n        <vs-radio v-model=\"colorx\" color=\"success\" vs-value=\"success\">Success</vs-radio>\r\n        <vs-radio v-model=\"colorx\" color=\"warning\" vs-value=\"warning\">Warning</vs-radio>\r\n        <vs-radio v-model=\"colorx\" color=\"dark\" vs-value=\"dark\">Dark</vs-radio>\r\n        <input class=\"input-color\" v-model=\"colorx\" type=\"color\">\r\n      </div>\r\n            <vs-navbar\r\n                v-model=\"indexActive\"\r\n                :color=\"colorx\"\r\n                text-color=\"rgba(255,255,255,.6)\"\r\n                active-text-color=\"rgba(255,255,255,1)\"\r\n                class=\"myNavbar text-white\">\r\n\r\n                <div slot=\"title\">\r\n                    <vs-navbar-title>\r\n                        Navbar Color\r\n                    </vs-navbar-title>\r\n                </div>\r\n\r\n                <vs-navbar-item index=\"0\">\r\n                    <a href=\"#\">Home</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"1\">\r\n                    <a href=\"#\">News</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"2\">\r\n                    <a href=\"#\">Update</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-spacer></vs-spacer>\r\n\r\n                <vs-button color-text=\"rgb(255, 255, 255)\" color=\"rgba(255, 255, 255, 0.3)\" type=\"flat\" icon=\"more_horiz\"></vs-button>\r\n            </vs-navbar>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n\r\n  &lt;input class=&quot;input-color&quot; v-model=&quot;colorx&quot; type=&quot;color&quot;&gt;\r\n  &lt;vs-navbar v-model=&quot;indexActive&quot; :color=&quot;colorx&quot; text-color=&quot;rgba(255,255,255,.6)&quot; active-text-color=&quot;rgba(255,255,255,1)&quot; class=&quot;myNavbar text-white&quot;&gt;\r\n    &lt;div slot=&quot;title&quot;&gt;\r\n      &lt;vs-navbar-title&gt;\r\n        Navbar Color\r\n      &lt;/vs-navbar-title&gt;\r\n    &lt;/div&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;0&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;1&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;News&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;2&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Update&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-spacer&gt;&lt;/vs-spacer&gt;\r\n\r\n    &lt;vs-button color-text=&quot;rgb(255, 255, 255)&quot; color=&quot;rgba(255, 255, 255, 0.3)&quot; type=&quot;flat&quot; icon=&quot;more_horiz&quot;&gt;&lt;/vs-button&gt;\r\n  &lt;/vs-navbar&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: ()=&gt;({\r\n    colorx:'#7367F0',\r\n    indexActive: 0\r\n  })\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data: () => ({\r\n        colorx: '#7367F0',\r\n        indexActive: 0\r\n    })\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavbarColor.vue?vue&type=template&id=5ae16b43&\"\nimport script from \"./NavbarColor.vue?vue&type=script&lang=js&\"\nexport * from \"./NavbarColor.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Collapse\",\"code-toggler\":\"\"}},[_c('p',[_c('code',[_vm._v(\"collapse\")]),_vm._v(\" property determines if the component starts hidden and with the option of clicking on the menu to open or show the options\")]),_c('div',{staticClass:\"mt-5\"},[_c('vs-navbar',{staticClass:\"p-2\",attrs:{\"collapse\":\"\"},model:{value:(_vm.activeItem),callback:function ($$v) {_vm.activeItem=$$v},expression:\"activeItem\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('vs-navbar-title',[_c('span',[_vm._v(\"Vuesax\")])])],1),_c('vs-navbar-item',{attrs:{\"index\":\"0\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"1\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"News\")])]),_c('vs-navbar-item',{attrs:{\"index\":\"2\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Update\")])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-navbar collapse v-model=\\\"activeItem\\\" class=\\\"p-2\\\">\\n  \\n    <div slot=\\\"title\\\">\\n      <vs-navbar-title>\\n        <span>Vuesax</span>\\n      </vs-navbar-title>\\n    </div>\\n\\n    <vs-navbar-item index=\\\"0\\\">\\n      <a href=\\\"#\\\">Home</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"1\\\">\\n      <a href=\\\"#\\\">News</a>\\n    </vs-navbar-item>\\n\\n    <vs-navbar-item index=\\\"2\\\">\\n      <a href=\\\"#\\\">Update</a>\\n    </vs-navbar-item>\\n  </vs-navbar>\\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    activeItem: 0\\n  })\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NavbarCollapse.vue\r\n    Description: Rendering of Navbar collapsed\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Collapse\" code-toggler>\r\n        \r\n        <p><code>collapse</code> property determines if the component starts hidden and with the option of clicking on the menu to open or show the options</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-navbar collapse v-model=\"activeItem\" class=\"p-2\">\r\n\r\n                <div slot=\"title\">\r\n                    <vs-navbar-title><span>Vuesax</span></vs-navbar-title>\r\n                </div>\r\n\r\n                <vs-navbar-item index=\"0\">\r\n                    <a href=\"#\">Home</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"1\">\r\n                    <a href=\"#\">News</a>\r\n                </vs-navbar-item>\r\n\r\n                <vs-navbar-item index=\"2\">\r\n                    <a href=\"#\">Update</a>\r\n                </vs-navbar-item>\r\n            </vs-navbar>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-navbar collapse v-model=&quot;activeItem&quot; class=&quot;p-2&quot;&gt;\r\n  \r\n    &lt;div slot=&quot;title&quot;&gt;\r\n      &lt;vs-navbar-title&gt;\r\n        &lt;span&gt;Vuesax&lt;/span&gt;\r\n      &lt;/vs-navbar-title&gt;\r\n    &lt;/div&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;0&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;1&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;News&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n\r\n    &lt;vs-navbar-item index=&quot;2&quot;&gt;\r\n      &lt;a href=&quot;#&quot;&gt;Update&lt;/a&gt;\r\n    &lt;/vs-navbar-item&gt;\r\n  &lt;/vs-navbar&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: () =&gt; ({\r\n    activeItem: 0\r\n  })\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data: () => ({\r\n        activeItem: 0\r\n    })\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarCollapse.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavbarCollapse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavbarCollapse.vue?vue&type=template&id=05a60672&\"\nimport script from \"./NavbarCollapse.vue?vue&type=script&lang=js&\"\nexport * from \"./NavbarCollapse.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","<!-- =========================================================================================\r\n    File Name: Navbar.vue\r\n    Description: Navbar - Imports all page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"navbar-demo\">\r\n        <navbar-default></navbar-default>\r\n        <navbar-input></navbar-input>\r\n        <navbar-type></navbar-type>\r\n        <navbar-color></navbar-color>\r\n        <navbar-collapse></navbar-collapse>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport NavbarDefault from './NavbarDefault.vue'\r\nimport NavbarInput from './NavbarInput.vue'\r\nimport NavbarType from './NavbarType.vue'\r\nimport NavbarColor from './NavbarColor.vue'\r\nimport NavbarCollapse from './NavbarCollapse.vue'\r\n\r\nexport default{\r\n    components: {\r\n        NavbarDefault,\r\n        NavbarInput,\r\n        NavbarType,\r\n        NavbarCollapse,\r\n        NavbarColor,\r\n    }   \r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Navbar.vue?vue&type=template&id=a78e22d6&\"\nimport script from \"./Navbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Navbar.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":""}