{"version":3,"sources":["webpack:///./src/views/components/vuesax/alert/Alert.vue?0e34","webpack:///./src/views/components/vuesax/alert/AlertDefault.vue?5efe","webpack:///./src/views/components/vuesax/alert/AlertDefault.vue","webpack:///./src/views/components/vuesax/alert/AlertTitle.vue?48bc","webpack:///./src/views/components/vuesax/alert/AlertTitle.vue","webpack:///./src/views/components/vuesax/alert/AlertColor.vue?27fb","webpack:///./src/views/components/vuesax/alert/AlertColor.vue","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue?4f2b","webpack:///src/views/components/vuesax/alert/AlertClosable.vue","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue?22d4","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue","webpack:///./src/views/components/vuesax/alert/AlertIcon.vue?02ea","webpack:///./src/views/components/vuesax/alert/AlertIcon.vue","webpack:///./src/views/components/vuesax/alert/AlertExample.vue?f3e2","webpack:///src/views/components/vuesax/alert/AlertExample.vue","webpack:///./src/views/components/vuesax/alert/AlertExample.vue?3e91","webpack:///./src/views/components/vuesax/alert/AlertExample.vue","webpack:///src/views/components/vuesax/alert/Alert.vue","webpack:///./src/views/components/vuesax/alert/Alert.vue?41f4","webpack:///./src/views/components/vuesax/alert/Alert.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","slot","script","component","on","$event","active1","_s","active2","data","model","value","callback","$$v","value1","expression","inputValid","computed","test","components","AlertDefault","AlertTitle","AlertColor","AlertClosable","AlertIcon","AlertExample"],"mappings":"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","file":"js/chunk-2d20795b.8fe4f933.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"alert-demo\"}},[_c('alert-default'),_c('alert-title'),_c('alert-color'),_c('alert-closable'),_c('alert-icon'),_c('alert-example')],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 notification use the \"),_c('code',[_vm._v(\"vs-alert\")]),_vm._v(\" component. For the main parameter, pass the active property that determines if the \"),_c('code',[_vm._v(\"alert\")]),_vm._v(\" is visible or not\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"active\":\"true\"}},[_vm._v(\"\\n        Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n        \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-alert active=\\\"true\\\">\\n    Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n</vs-alert>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AlertDefault.vue?vue&type=template&id=f94cb728&\"\nvar script = {}\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\":\"Title\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Add a title to the alert with the property \"),_c('code',[_vm._v(\"title\")])]),_c('vs-alert',{staticClass:\"mt-5 text-warning\",attrs:{\"title\":\"Lorem ipsum dolor sit amet\",\"color\":\"rgb(231, 154, 23)\",\"active\":\"true\"}},[_vm._v(\"\\n        Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n        \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-alert title=\\\"Lorem ipsum dolor sit amet\\\" color=\\\"rgb(231, 154, 23)\\\" active=\\\"true\\\" class=\\\"mt-5 text-warning\\\">\\n    Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n</vs-alert>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AlertTitle.vue?vue&type=template&id=57fbd965&\"\nvar script = {}\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 alert with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the Main Colors or \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors\")]),_c('vs-alert',{staticClass:\"my-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('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"success\",\"title\":\"Success\",\"active\":\"true\"}},[_vm._v(\"\\n            Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n        \")]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"danger\",\"title\":\"Danger\",\"active\":\"true\"}},[_vm._v(\"\\n            Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n        \")]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"warning\",\"title\":\"Warning\",\"active\":\"true\"}},[_vm._v(\"\\n            Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n        \")]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"dark\",\"title\":\"Dark\",\"active\":\"true\"}},[_vm._v(\"\\n            Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n        \")]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"rgb(41, 147, 138)\",\"title\":\"RGB\",\"active\":\"true\"}},[_vm._v(\"\\n            Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n        \")]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"#842993\",\"title\":\"HEX\",\"active\":\"true\"}},[_vm._v(\"\\n            Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n        \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-alert color=\\\"success\\\" title=\\\"Success\\\" active=\\\"true\\\">\\n  Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n</vs-alert>\\n\\n<vs-alert color=\\\"danger\\\" title=\\\"Danger\\\" active=\\\"true\\\">\\n  Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n</vs-alert>\\n\\n<vs-alert color=\\\"warning\\\" title=\\\"Warning\\\" active=\\\"true\\\">\\n  Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n</vs-alert>\\n\\n<vs-alert color=\\\"dark\\\" title=\\\"Dark\\\" active=\\\"true\\\">\\n  Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n</vs-alert>\\n\\n<vs-alert color=\\\"rgb(41, 147, 138)\\\" title=\\\"RGB\\\" active=\\\"true\\\">\\n  Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n</vs-alert>\\n\\n<vs-alert color=\\\"#842993\\\" title=\\\"HEX\\\" active=\\\"true\\\">\\n  Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\\n</vs-alert>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AlertColor.vue?vue&type=template&id=3579b62b&\"\nvar script = {}\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\":\"Closable\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"You can show and hide the alert by means of \"),_c('code',[_vm._v(\"active.sync\")]),_vm._v(\" and a Boolean bind as value\")]),_c('p',[_vm._v(\"The property to determine if the alert can be closed is \"),_c('code',[_vm._v(\"closable\")])]),_c('vs-button',{staticClass:\"mt-5 mr-4 mb-4\",attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){_vm.active1=!_vm.active1}}},[_vm._v(_vm._s(!_vm.active1 ? 'Open Alert' : 'Close Alert')+\" 1\")]),_c('vs-button',{staticClass:\"mb-5\",attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){_vm.active2=!_vm.active2}}},[_vm._v(_vm._s(!_vm.active2 ? 'Open Alert' : 'Close Alert')+\" 2\")]),_c('vs-alert',{attrs:{\"active\":_vm.active1,\"closable\":\"\",\"icon-pack\":\"feather\",\"close-icon\":\"icon-x\"},on:{\"update:active\":function($event){_vm.active1=$event}}},[_vm._v(\"\\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n        \")]),_c('p',{staticClass:\"my-5\"},[_vm._v(\"You can also change the icon used for the close buton on the alerts\")]),_c('div',{staticClass:\"mt-5\"}),_c('vs-alert',{attrs:{\"active\":_vm.active2,\"closable\":\"\",\"close-icon\":\"icon-x-circle\",\"icon-pack\":\"feather\"},on:{\"update:active\":function($event){_vm.active2=$event}}},[_vm._v(\"\\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n        \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-button @click=\\\"active1=!active1\\\">\"+_vm._s(!_vm.active1 ? 'Open Alert' : 'Close Alert')+\" 1</vs-button>\\n<vs-button @click=\\\"active2=!active2\\\">\"+_vm._s(!_vm.active2 ? 'Open Alert' : 'Close Alert')+\" 2</vs-button>\\n\\n<vs-alert :active.sync=\\\"active1\\\" closable icon-pack=\\\"feather\\\" close-icon=\\\"icon-x\\\">\\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n</vs-alert>\\n\\n<vs-alert :active.sync=\\\"active2\\\" closable close-icon=\\\"icon-x-circle\\\" icon-pack=\\\"feather\\\">\\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n</vs-alert>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: AlertClosable.vue\n    Description: Create closable alert\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Closable\" code-toggler>\n\n        <p class=\"mb-2\">You can show and hide the alert by means of <code>active.sync</code> and a Boolean bind as value</p>\n        <p>The property to determine if the alert can be closed is <code>closable</code></p>\n\n        <vs-button @click=\"active1=!active1\" color=\"primary\" type=\"filled\" class=\"mt-5 mr-4 mb-4\">{{ !active1 ? 'Open Alert' : 'Close Alert' }} 1</vs-button>\n        <vs-button @click=\"active2=!active2\" color=\"primary\" type=\"filled\" class=\"mb-5\">{{ !active2 ? 'Open Alert' : 'Close Alert' }} 2</vs-button>\n\n        <vs-alert :active.sync=\"active1\" closable icon-pack=\"feather\" close-icon=\"icon-x\">\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\n        </vs-alert>\n\n        <p class=\"my-5\">You can also change the icon used for the close buton on the alerts</p>\n\n        <div class=\"mt-5\"></div>\n        <vs-alert :active.sync=\"active2\" closable close-icon=\"icon-x-circle\" icon-pack=\"feather\">\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\n        </vs-alert>\n\n        <template slot=\"codeContainer\">\n&lt;vs-button @click=&quot;active1=!active1&quot;&gt;{{ !active1 ? 'Open Alert' : 'Close Alert' }} 1&lt;/vs-button&gt;\n&lt;vs-button @click=&quot;active2=!active2&quot;&gt;{{ !active2 ? 'Open Alert' : 'Close Alert' }} 2&lt;/vs-button&gt;\n\n&lt;vs-alert :active.sync=&quot;active1&quot; closable icon-pack=&quot;feather&quot; close-icon=&quot;icon-x&quot;&gt;\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\n&lt;/vs-alert&gt;\n\n&lt;vs-alert :active.sync=&quot;active2&quot; closable close-icon=&quot;icon-x-circle&quot; icon-pack=&quot;feather&quot;&gt;\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\n&lt;/vs-alert&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default{\n  data () {\n    return {\n      active1: true,\n      active2: true\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./AlertClosable.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/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!./AlertClosable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertClosable.vue?vue&type=template&id=6d9b4a64&\"\nimport script from \"./AlertClosable.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertClosable.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\":\"Icon\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add to the alert a descriptive icon with the property \"),_c('code',[_vm._v(\"icon\")]),_vm._v(\" and as a value the icon name of the icon in the currently selected icon pack. (Default is \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"Material Icons\")]),_vm._v(\")\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"active\":\"true\",\"icon-pack\":\"feather\",\"icon\":\"icon-star\"}},[_vm._v(\"\\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n        \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-alert active=\\\"true\\\" class=\\\"mt-5\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-star\\\">\\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\\n</vs-alert>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AlertIcon.vue?vue&type=template&id=67a970e8&\"\nvar script = {}\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\":\"Example\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"An example would be to have an input and when a condition is met show the \"),_c('strong',[_vm._v(\"vs-alert\")])]),_c('vs-input',{staticClass:\"my-4\",attrs:{\"label\":\"Enter only numbers\",\"placeholder\":\"0123456789\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-alert',{attrs:{\"active\":_vm.inputValid,\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-info\"}},[_c('span',[_vm._v(\"the value is \"),_c('b',[_vm._v(\"invalid\")]),_vm._v(\" you can only enter numbers\")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-input label=\\\"Enter only numbers\\\" placeholder=\\\"0123456789\\\" v-model=\\\"value1\\\" class=\\\"my-4\\\" />\\n  <vs-alert :active=\\\"inputValid\\\" color=\\\"danger\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-info\\\">\\n    <span>the value is <b>invalid</b> you can only enter numbers</span>\\n  </vs-alert>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: '',\\n    }\\n  },\\n  computed: {\\n    inputValid() {\\n      if (/^\\\\d+$/.test(this.value1)) {\\n        return false\\n      } else {\\n        return true\\n      }\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: AlertExample.vue\n    Description: Example of validation using alert\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <vx-card title=\"Example\" code-toggler>\n\n        <p>An example would be to have an input and when a condition is met show the <strong>vs-alert</strong></p>\n\n        <vs-input label=\"Enter only numbers\" placeholder=\"0123456789\" v-model=\"value1\" class=\"my-4\" />\n        <vs-alert :active=\"inputValid\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-info\" >\n            <span>the value is <b>invalid</b> you can only enter numbers</span>\n        </vs-alert>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;vs-input label=&quot;Enter only numbers&quot; placeholder=&quot;0123456789&quot; v-model=&quot;value1&quot; class=&quot;my-4&quot; /&gt;\n  &lt;vs-alert :active=&quot;inputValid&quot; color=&quot;danger&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-info&quot;&gt;\n    &lt;span&gt;the value is &lt;b&gt;invalid&lt;/b&gt; you can only enter numbers&lt;/span&gt;\n  &lt;/vs-alert&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1: '',\n    }\n  },\n  computed: {\n    inputValid() {\n      if (/^\\d+$/.test(this.value1)) {\n        return false\n      } else {\n        return true\n      }\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: ''\n    }\n  },\n  computed: {\n    inputValid () {\n      if (/^\\d+$/.test(this.value1)) {\n        return false\n      } else {\n        return true\n      }\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./AlertExample.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/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!./AlertExample.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertExample.vue?vue&type=template&id=4806a7b5&\"\nimport script from \"./AlertExample.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertExample.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","<!-- =========================================================================================\n    File Name: Alert.vue\n    Description: Alert\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"alert-demo\">\n        <alert-default></alert-default>\n        <alert-title></alert-title>\n        <alert-color></alert-color>\n        <alert-closable></alert-closable>\n        <alert-icon></alert-icon>\n        <alert-example></alert-example>\n    </div>\n</template>\n\n<script>\nimport AlertDefault from './AlertDefault.vue'\nimport AlertTitle from './AlertTitle.vue'\nimport AlertColor from './AlertColor.vue'\nimport AlertClosable from './AlertClosable.vue'\nimport AlertIcon from './AlertIcon.vue'\nimport AlertExample from './AlertExample.vue'\n\nexport default{\n  components: {\n    AlertDefault,\n    AlertTitle,\n    AlertColor,\n    AlertClosable,\n    AlertIcon,\n    AlertExample\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./Alert.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/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!./Alert.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Alert.vue?vue&type=template&id=3b413470&\"\nimport script from \"./Alert.vue?vue&type=script&lang=js&\"\nexport * from \"./Alert.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":""}