{"version":3,"sources":["webpack:///./src/views/components/vuesax/alert/Alert.vue?43b6","webpack:///./src/views/components/vuesax/alert/AlertDefault.vue?34bb","webpack:///./src/views/components/vuesax/alert/AlertDefault.vue","webpack:///./src/views/components/vuesax/alert/AlertTitle.vue?df74","webpack:///./src/views/components/vuesax/alert/AlertTitle.vue","webpack:///./src/views/components/vuesax/alert/AlertColor.vue?cf68","webpack:///./src/views/components/vuesax/alert/AlertColor.vue","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue?7eec","webpack:///src/views/components/vuesax/alert/AlertClosable.vue","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue?4e9f","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue","webpack:///./src/views/components/vuesax/alert/AlertIcon.vue?8f73","webpack:///./src/views/components/vuesax/alert/AlertIcon.vue","webpack:///./src/views/components/vuesax/alert/AlertExample.vue?e857","webpack:///src/views/components/vuesax/alert/AlertExample.vue","webpack:///./src/views/components/vuesax/alert/AlertExample.vue?5bc7","webpack:///./src/views/components/vuesax/alert/AlertExample.vue","webpack:///src/views/components/vuesax/alert/Alert.vue","webpack:///./src/views/components/vuesax/alert/Alert.vue?a68f","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","model","value","callback","$$v","value1","expression","inputValid"],"mappings":"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","file":"js/chunk-2d20795b.704b6912.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=359ae01d&\"\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=71bc96e3&\"\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=6c7983f2&\"\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 }","<!-- =========================================================================================\r\n    File Name: AlertClosable.vue\r\n    Description: Create closable alert\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=\"Closable\" code-toggler>\r\n        \r\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>\r\n        <p>The property to determine if the alert can be closed is <code>closable</code></p>\r\n\r\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>\r\n        <vs-button @click=\"active2=!active2\" color=\"primary\" type=\"filled\" class=\"mb-5\">{{ !active2 ? 'Open Alert' : 'Close Alert' }} 2</vs-button>\r\n\r\n        <vs-alert :active.sync=\"active1\" closable icon-pack=\"feather\" close-icon=\"icon-x\">\r\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\r\n        </vs-alert>\r\n\r\n        <p class=\"my-5\">You can also change the icon used for the close buton on the alerts</p>\r\n        \r\n        <div class=\"mt-5\"></div>\r\n        <vs-alert :active.sync=\"active2\" closable close-icon=\"icon-x-circle\" icon-pack=\"feather\">\r\n            Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\r\n        </vs-alert>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;vs-button @click=&quot;active1=!active1&quot;&gt;{{ !active1 ? 'Open Alert' : 'Close Alert' }} 1&lt;/vs-button&gt;\r\n&lt;vs-button @click=&quot;active2=!active2&quot;&gt;{{ !active2 ? 'Open Alert' : 'Close Alert' }} 2&lt;/vs-button&gt;\r\n\r\n&lt;vs-alert :active.sync=&quot;active1&quot; closable icon-pack=&quot;feather&quot; close-icon=&quot;icon-x&quot;&gt;\r\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\r\n&lt;/vs-alert&gt;\r\n\r\n&lt;vs-alert :active.sync=&quot;active2&quot; closable close-icon=&quot;icon-x-circle&quot; icon-pack=&quot;feather&quot;&gt;\r\n  Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\r\n&lt;/vs-alert&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\n    export default{\r\n        data() {\r\n            return {\r\n                active1: true,\r\n                active2: true,\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!./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/@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!./AlertClosable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertClosable.vue?vue&type=template&id=77e7d44a&\"\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=2cdcfa38&\"\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 }","<!-- =========================================================================================\r\n    File Name: AlertExample.vue\r\n    Description: Example of validation using alert\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<template>\r\n    <vx-card title=\"Example\" code-toggler>\r\n        \r\n        <p>An example would be to have an input and when a condition is met show the <strong>vs-alert</strong></p>\r\n\r\n        <vs-input label=\"Enter only numbers\" placeholder=\"0123456789\" v-model=\"value1\" class=\"my-4\" />\r\n        <vs-alert :active=\"inputValid\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-info\" >\r\n            <span>the value is <b>invalid</b> you can only enter numbers</span>\r\n        </vs-alert>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\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;\r\n  &lt;vs-alert :active=&quot;inputValid&quot; color=&quot;danger&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-info&quot;&gt;\r\n    &lt;span&gt;the value is &lt;b&gt;invalid&lt;/b&gt; you can only enter numbers&lt;/span&gt;\r\n  &lt;/vs-alert&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1: '',\r\n    }\r\n  },\r\n  computed: {\r\n    inputValid() {\r\n      if (/^\\d+$/.test(this.value1)) {\r\n        return false\r\n      } else {\r\n        return true\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        return {\r\n            value1: '',\r\n        }\r\n    },\r\n    computed: {\r\n        inputValid() {\r\n            if (/^\\d+$/.test(this.value1)) {\r\n                return false\r\n            } else {\r\n                return true\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!./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/@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!./AlertExample.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertExample.vue?vue&type=template&id=0d2fa15c&\"\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","<!-- =========================================================================================\r\n    File Name: Alert.vue\r\n    Description: Alert\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=\"alert-demo\">\r\n        <alert-default></alert-default>\r\n        <alert-title></alert-title>\r\n        <alert-color></alert-color>\r\n        <alert-closable></alert-closable>\r\n        <alert-icon></alert-icon>\r\n        <alert-example></alert-example>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport AlertDefault from './AlertDefault.vue'\r\nimport AlertTitle from './AlertTitle.vue'\r\nimport AlertColor from './AlertColor.vue'\r\nimport AlertClosable from './AlertClosable.vue'\r\nimport AlertIcon from './AlertIcon.vue'\r\nimport AlertExample from './AlertExample.vue'\r\n\r\nexport default{\r\n    components: {\r\n        AlertDefault,\r\n        AlertTitle,\r\n        AlertColor,\r\n        AlertClosable,\r\n        AlertIcon,\r\n        AlertExample,\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!./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/@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!./Alert.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Alert.vue?vue&type=template&id=3b08654a&\"\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":""}