{"version":3,"sources":["webpack:///./src/views/components/vuesax/alert/Alert.vue?a3c7","webpack:///./src/views/components/vuesax/alert/AlertDefault.vue?4a06","webpack:///./src/views/components/vuesax/alert/AlertDefault.vue","webpack:///./src/views/components/vuesax/alert/AlertTitle.vue?575b","webpack:///./src/views/components/vuesax/alert/AlertTitle.vue","webpack:///./src/views/components/vuesax/alert/AlertColor.vue?765f","webpack:///./src/views/components/vuesax/alert/AlertColor.vue","webpack:///./src/views/components/vuesax/alert/AlertClosable.vue?2742","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?8cd6","webpack:///./src/views/components/vuesax/alert/AlertIcon.vue","webpack:///./src/views/components/vuesax/alert/AlertExample.vue?c663","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","id","staticRenderFns","AlertDefaultvue_type_template_id_359ae01d_render","title","code-toggler","_v","staticClass","active","slot","AlertDefaultvue_type_template_id_359ae01d_staticRenderFns","script","component","Object","componentNormalizer","AlertDefault","AlertTitlevue_type_template_id_71bc96e3_render","color","AlertTitlevue_type_template_id_71bc96e3_staticRenderFns","AlertTitle_script","AlertTitle_component","AlertTitle","AlertColorvue_type_template_id_6c7983f2_render","icon","AlertColorvue_type_template_id_6c7983f2_staticRenderFns","AlertColor_script","AlertColor_component","AlertColor","AlertClosablevue_type_template_id_77e7d44a_render","type","on","click","$event","active1","_s","active2","closable","icon-pack","close-icon","update:active","AlertClosablevue_type_template_id_77e7d44a_staticRenderFns","AlertClosablevue_type_script_lang_js_","data","alert_AlertClosablevue_type_script_lang_js_","AlertClosable_component","AlertClosable","AlertIconvue_type_template_id_2cdcfa38_render","href","target","rel","AlertIconvue_type_template_id_2cdcfa38_staticRenderFns","AlertIcon_script","AlertIcon_component","AlertIcon","AlertExamplevue_type_template_id_0d2fa15c_render","label","placeholder","model","value","callback","$$v","value1","expression","inputValid","AlertExamplevue_type_template_id_0d2fa15c_staticRenderFns","AlertExamplevue_type_script_lang_js_","computed","test","alert_AlertExamplevue_type_script_lang_js_","AlertExample_component","AlertExample","Alertvue_type_script_lang_js_","components","alert_Alertvue_type_script_lang_js_","Alert_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d20795b.40de6aa3.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":""}