{"version":3,"sources":["webpack:///./src/views/components/vuesax/navbar/Navbar.vue?ec0c","webpack:///./src/views/components/vuesax/navbar/NavbarDefault.vue?42ca","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?7815","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?0366","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?0b9b","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?8733","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","id","staticRenderFns","NavbarDefaultvue_type_template_id_6fc462ef_render","title","code-toggler","_v","staticClass","model","value","callback","$$v","activeItem","expression","slot","index","href","NavbarDefaultvue_type_template_id_6fc462ef_staticRenderFns","NavbarDefaultvue_type_script_lang_js_","data","navbar_NavbarDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","NavbarDefault","NavbarInputvue_type_template_id_78b48293_render","icon-pack","icon","placeholder","icon-no-border","size","search","NavbarInputvue_type_template_id_78b48293_staticRenderFns","NavbarInputvue_type_script_lang_js_","navbar_NavbarInputvue_type_script_lang_js_","NavbarInput_component","NavbarInput","NavbarTypevue_type_template_id_abc2e7aa_render","label","type","_l","item","key","text","_s","NavbarTypevue_type_template_id_abc2e7aa_staticRenderFns","NavbarTypevue_type_script_lang_js_","types","navbar_NavbarTypevue_type_script_lang_js_","NavbarType_component","NavbarType","NavbarColorvue_type_template_id_aefb5cfe_render","active","color","vs-value","colorx","directives","name","rawName","domProps","on","input","$event","target","composing","text-color","active-text-color","indexActive","color-text","NavbarColorvue_type_template_id_aefb5cfe_staticRenderFns","NavbarColorvue_type_script_lang_js_","navbar_NavbarColorvue_type_script_lang_js_","NavbarColor_component","NavbarColor","NavbarCollapsevue_type_template_id_05a60672_render","collapse","NavbarCollapsevue_type_template_id_05a60672_staticRenderFns","NavbarCollapsevue_type_script_lang_js_","navbar_NavbarCollapsevue_type_script_lang_js_","NavbarCollapse_component","NavbarCollapse","Navbarvue_type_script_lang_js_","components","navbar_Navbarvue_type_script_lang_js_","Navbar_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d0bfe9a.3ebbb969.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:'#633c92',\\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:'#633c92',\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: '#633c92',\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=aefb5cfe&\"\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":""}