{"version":3,"sources":["webpack:///./src/views/components/vuesax/notifications/Notifications.vue?223d","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue?8582","webpack:///src/views/components/vuesax/notifications/NotificationsDefault.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue?0472","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsPosition.vue?e7a0","webpack:///src/views/components/vuesax/notifications/NotificationsPosition.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsPosition.vue?1e9d","webpack:///./src/views/components/vuesax/notifications/NotificationsPosition.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsIcon.vue?95f4","webpack:///src/views/components/vuesax/notifications/NotificationsIcon.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsIcon.vue?83d1","webpack:///./src/views/components/vuesax/notifications/NotificationsIcon.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue?9763","webpack:///src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue?9803","webpack:///./src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsTime.vue?c87f","webpack:///./src/views/components/vuesax/notifications/NotificationsTime.vue","webpack:///src/views/components/vuesax/notifications/Notifications.vue","webpack:///./src/views/components/vuesax/notifications/Notifications.vue?e49c","webpack:///./src/views/components/vuesax/notifications/Notifications.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticClass","_v","staticRenderFns","NotificationsDefaultvue_type_template_id_79d35e7e_render","title","code-toggler","color","type","on","click","$event","$vs","notify","text","random","slot","NotificationsDefaultvue_type_template_id_79d35e7e_staticRenderFns","NotificationsDefaultvue_type_script_lang_js_","methods","getRandomInt","min","max","Math","floor","concat","notifications_NotificationsDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","NotificationsDefault","NotificationsPositionvue_type_template_id_28255d14_render","list","listPosition","icon","active","position","randomCenter","NotificationsPositionvue_type_template_id_28255d14_staticRenderFns","NotificationsPositionvue_type_script_lang_js_","data","notifications_NotificationsPositionvue_type_script_lang_js_","NotificationsPosition_component","NotificationsPosition","NotificationsIconvue_type_template_id_88ed250a_render","href","target","iconPack","randomIcon","NotificationsIconvue_type_template_id_88ed250a_staticRenderFns","NotificationsIconvue_type_script_lang_js_","notifications_NotificationsIconvue_type_script_lang_js_","NotificationsIcon_component","NotificationsIcon","NotificationsFixedAndFunctionClickvue_type_template_id_2df1642b_render","myFunction","NotificationsFixedAndFunctionClickvue_type_template_id_2df1642b_staticRenderFns","NotificationsFixedAndFunctionClickvue_type_script_lang_js_","_this","fixed","notifications_NotificationsFixedAndFunctionClickvue_type_script_lang_js_","NotificationsFixedAndFunctionClick_component","NotificationsFixedAndFunctionClick","NotificationsTimevue_type_template_id_30a81118_render","time","NotificationsTimevue_type_template_id_30a81118_staticRenderFns","script","NotificationsTime_component","NotificationsTime","Notificationsvue_type_script_lang_js_","components","notifications_Notificationsvue_type_script_lang_js_","Notifications_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d208dc0.8df22afe.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"notifications-demo\"}},[_c('p',{staticClass:\"mb-4\"},[_vm._v(\"Nice, simple, and interactive notifications\")]),_c('notifications-default'),_c('notifications-position'),_c('notifications-icon'),_c('notifications-fixed-and-function-click'),_c('notifications-time')],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 we have the global function \"),_c('code',[_vm._v(\"$vs.notify\")]),_vm._v(\". The first parameter is a \"),_c('code',[_vm._v(\"json\")]),_vm._v(\" with all the necessary attributes, or if we only want the standard notification we can only add a string with the text of the notification\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Primary',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'primary'})}}},[_vm._v(\"Notification Primary\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Success',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'success'})}}},[_vm._v(\"Notification Success\")]),_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Danger',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'danger'})}}},[_vm._v(\"Notification Danger\")]),_c('vs-button',{attrs:{\"color\":\"warning\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Warning',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'warning'})}}},[_vm._v(\"Notification Warning\")]),_c('vs-button',{attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'dark',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'dark'})}}},[_vm._v(\"Notification Dark\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"gradient\"},on:{\"click\":function($event){return _vm.random()}}},[_vm._v(\"Notification Random Color\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"demo-alignment\\\">\\n\\n      <vs-button\\n        @click=\\\"$vs.notify({\\n          title:'Primary',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'primary'})\\\"\\n        color=\\\"primary\\\"\\n        type=\\\"flat\\\">Notification Primary</vs-button>\\n\\n      <vs-button\\n        @click=\\\"$vs.notify({\\n          title:'Success',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'success'})\\\"\\n        color=\\\"success\\\"\\n        type=\\\"flat\\\">Notification Success</vs-button>\\n\\n      <vs-button\\n        @click=\\\"$vs.notify({\\n          title:'Danger',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'danger'})\\\"\\n        color=\\\"danger\\\"\\n        type=\\\"flat\\\">Notification Danger</vs-button>\\n\\n      <vs-button\\n        @click=\\\"$vs.notify({\\n          title:'Warning',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'warning'})\\\"\\n        color=\\\"warning\\\"\\n        type=\\\"flat\\\">Notification Warning</vs-button>\\n\\n      <vs-button\\n        @click=\\\"$vs.notify({\\n          title:'dark',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'dark'})\\\"\\n        color=\\\"dark\\\"\\n        type=\\\"flat\\\">Notification Dark</vs-button>\\n\\n      <vs-button @click=\\\"random()\\\" color=\\\"success\\\" type=\\\"gradient\\\">Notification Random Color</vs-button>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  methods: {\\n    random() {\\n      function getRandomInt(min, max) {\\n        return Math.floor(Math.random() * (max - min)) + min;\\n      }\\n      let color = `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`\\n\\n      this.$vs.notify({\\n        title: 'Color',\\n        text: 'Lorem ipsum dolor sit amet, consectetur',\\n        color: color\\n      })\\n\\n    },\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NotificationsDefault.vue\r\n    Description: Rendering of default notifications\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 notification we have the global function <code>$vs.notify</code>. The first parameter is a <code>json</code> with all the necessary attributes, or if we only want the standard notification we can only add a string with the text of the notification</p>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Primary',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'primary'})\"\r\n                color=\"primary\"\r\n                type=\"flat\">Notification Primary</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Success',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'success'})\"\r\n                color=\"success\"\r\n                type=\"flat\">Notification Success</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Danger',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'danger'})\"\r\n                color=\"danger\"\r\n                type=\"flat\">Notification Danger</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Warning',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'warning'})\"\r\n                color=\"warning\"\r\n                type=\"flat\">Notification Warning</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'dark',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'dark'})\"\r\n                color=\"dark\"\r\n                type=\"flat\">Notification Dark</vs-button>\r\n\r\n            <vs-button @click=\"random()\" color=\"success\" type=\"gradient\">Notification Random Color</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n      &lt;vs-button\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Primary&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;primary&apos;})&quot;\r\n        color=&quot;primary&quot;\r\n        type=&quot;flat&quot;&gt;Notification Primary&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Success&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;success&apos;})&quot;\r\n        color=&quot;success&quot;\r\n        type=&quot;flat&quot;&gt;Notification Success&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Danger&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;danger&apos;})&quot;\r\n        color=&quot;danger&quot;\r\n        type=&quot;flat&quot;&gt;Notification Danger&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Warning&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;warning&apos;})&quot;\r\n        color=&quot;warning&quot;\r\n        type=&quot;flat&quot;&gt;Notification Warning&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;dark&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;dark&apos;})&quot;\r\n        color=&quot;dark&quot;\r\n        type=&quot;flat&quot;&gt;Notification Dark&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button @click=&quot;random()&quot; color=&quot;success&quot; type=&quot;gradient&quot;&gt;Notification Random Color&lt;/vs-button&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  methods: {\r\n    random() {\r\n      function getRandomInt(min, max) {\r\n        return Math.floor(Math.random() * (max - min)) + min;\r\n      }\r\n      let color = &grave;rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})&grave;\r\n\r\n      this.$vs.notify({\r\n        title: &apos;Color&apos;,\r\n        text: &apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n        color: color\r\n      })\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    methods: {\r\n        random() {\r\n            function getRandomInt(min, max) {\r\n                return Math.floor(Math.random() * (max - min)) + min;\r\n            }\r\n            let color = `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`\r\n\r\n            this.$vs.notify({\r\n                title: 'Color',\r\n                text: 'Lorem ipsum dolor sit amet, consectetur',\r\n                color: color\r\n            })\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!./NotificationsDefault.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!./NotificationsDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationsDefault.vue?vue&type=template&id=79d35e7e&\"\nimport script from \"./NotificationsDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationsDefault.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\":\"Position\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"We can change the place where the notification appears with the property position. A practical example would be: position: 'top-right'. The supported values are\")]),_c('vx-list',{staticClass:\"mt-3\",attrs:{\"list\":_vm.listPosition}}),_c('vs-alert',{staticClass:\"mb-1\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"The default notifications appear \"),_c('code',[_vm._v(\"bottom-right\")]),_vm._v(\", it is not necessary to add the position property if it is the desired position\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Position Default',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'primary'})}}},[_vm._v(\"Position Default\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Position top-right',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'success',\n                    position:'top-right'})}}},[_vm._v(\"Position Top Right\")]),_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Position top-left',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'danger',\n                    position:'top-left'})}}},[_vm._v(\"Position Top Left\")]),_c('vs-button',{attrs:{\"color\":\"warning\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Position bottom-left',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'warning',\n                    position:'bottom-left'})}}},[_vm._v(\"Position Bottom Left\")]),_c('vs-button',{attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                    title:'Position bottom-center',\n                    text:'Lorem ipsum dolor sit amet, consectetur',\n                    color:'dark',\n                    position:'bottom-center'})}}},[_vm._v(\" Position Bottom Center\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"gradient\"},on:{\"click\":function($event){return _vm.randomCenter()}}},[_vm._v(\"Position Top Center Random Color\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n      <vs-button color=\\\"primary\\\" type=\\\"flat\\\"\\n        @click=\\\"$vs.notify({\\n          title:'Position Default',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'primary'})\\\">Position Default</vs-button>\\n\\n      <vs-button color=\\\"success\\\" type=\\\"flat\\\"\\n        @click=\\\"$vs.notify({\\n          title:'Position top-right',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'success',\\n          position:'top-right'})\\\">Position Top Right</vs-button>\\n\\n      <vs-button color=\\\"danger\\\" type=\\\"flat\\\"\\n        @click=\\\"$vs.notify({\\n          title:'Position top-left',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'danger',\\n          position:'top-left'})\\\">Position Top Left</vs-button>\\n\\n      <vs-button color=\\\"warning\\\" type=\\\"flat\\\"\\n        @click=\\\"$vs.notify({\\n          title:'Position bottom-left',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'warning',\\n          position:'bottom-left'})\\\">Position Bottom Left</vs-button>\\n\\n      <vs-button color=\\\"dark\\\" type=\\\"flat\\\"\\n        @click=\\\"$vs.notify({\\n          title:'Position bottom-center',\\n          text:'Lorem ipsum dolor sit amet, consectetur',\\n          color:'dark',\\n          position:'bottom-center'})\\\"> Position Bottom Center</vs-button>\\n\\n      <vs-button @click=\\\"randomCenter()\\\" color=\\\"success\\\" type=\\\"gradient\\\">Position Top Center Random Color</vs-button>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  methods: {\\n    randomCenter() {\\n      function getRandomInt(min, max) {\\n        return Math.floor(Math.random() * (max - min)) + min;\\n      }\\n      let color = `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`\\n      this.$vs.notify({ title: 'Position top-center', text: 'Lorem ipsum dolor sit amet, consectetur', color: color, position: 'top-center' })\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NotificationsPosition.vue\r\n    Description: Change position of apperance of notification\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=\"Position\" code-toggler>\r\n        \r\n        <p>We can change the place where the notification appears with the property position. A practical example would be: position: 'top-right'. The supported values are</p>\r\n\r\n        <vx-list :list=\"listPosition\" class=\"mt-3\"></vx-list>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mb-1\">\r\n            <span>The default notifications appear <code>bottom-right</code>, it is not necessary to add the position property if it is the desired position</span>\r\n        </vs-alert>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Position Default',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'primary'})\"\r\n                color=\"primary\"\r\n                type=\"flat\">Position Default</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Position top-right',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'success',\r\n                    position:'top-right'})\"\r\n                color=\"success\"\r\n                type=\"flat\">Position Top Right</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Position top-left',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'danger',\r\n                    position:'top-left'})\"\r\n                color=\"danger\"\r\n                type=\"flat\">Position Top Left</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Position bottom-left',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'warning',\r\n                    position:'bottom-left'})\"\r\n                color=\"warning\"\r\n                type=\"flat\">Position Bottom Left</vs-button>\r\n\r\n            <vs-button\r\n                @click=\"$vs.notify({\r\n                    title:'Position bottom-center',\r\n                    text:'Lorem ipsum dolor sit amet, consectetur',\r\n                    color:'dark',\r\n                    position:'bottom-center'})\"\r\n                color=\"dark\"\r\n                type=\"flat\"> Position Bottom Center</vs-button>\r\n\r\n            <vs-button @click=\"randomCenter()\" color=\"success\" type=\"gradient\">Position Top Center Random Color</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n      &lt;vs-button color=&quot;primary&quot; type=&quot;flat&quot;\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Position Default&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;primary&apos;})&quot;&gt;Position Default&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button color=&quot;success&quot; type=&quot;flat&quot;\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Position top-right&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;success&apos;,\r\n          position:&apos;top-right&apos;})&quot;&gt;Position Top Right&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button color=&quot;danger&quot; type=&quot;flat&quot;\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Position top-left&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;danger&apos;,\r\n          position:&apos;top-left&apos;})&quot;&gt;Position Top Left&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button color=&quot;warning&quot; type=&quot;flat&quot;\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Position bottom-left&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;warning&apos;,\r\n          position:&apos;bottom-left&apos;})&quot;&gt;Position Bottom Left&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button color=&quot;dark&quot; type=&quot;flat&quot;\r\n        @click=&quot;$vs.notify({\r\n          title:&apos;Position bottom-center&apos;,\r\n          text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n          color:&apos;dark&apos;,\r\n          position:&apos;bottom-center&apos;})&quot;&gt; Position Bottom Center&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button @click=&quot;randomCenter()&quot; color=&quot;success&quot; type=&quot;gradient&quot;&gt;Position Top Center Random Color&lt;/vs-button&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  methods: {\r\n    randomCenter() {\r\n      function getRandomInt(min, max) {\r\n        return Math.floor(Math.random() * (max - min)) + min;\r\n      }\r\n      let color = &grave;rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})&grave;\r\n      this.$vs.notify({ title: &apos;Position top-center&apos;, text: &apos;Lorem ipsum dolor sit amet, consectetur&apos;, color: color, position: &apos;top-center&apos; })\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            listPosition: [\r\n            \"top-right\",\r\n            \"top-left\",\r\n            \"top-center\",\r\n            \"bottom-right\",\r\n            \"bottom-left\",\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        randomCenter() {\r\n            function getRandomInt(min, max) {\r\n                return Math.floor(Math.random() * (max - min)) + min;\r\n            }\r\n            let color = `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`\r\n            this.$vs.notify({ title: 'Position top-center', text: 'Lorem ipsum dolor sit amet, consectetur', color: color, position: 'top-center' })\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!./NotificationsPosition.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!./NotificationsPosition.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationsPosition.vue?vue&type=template&id=28255d14&\"\nimport script from \"./NotificationsPosition.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationsPosition.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(\"Notifications can include icons to improve the user experience and to construct a more pleasant and intuitive notification. To make this, use the \"),_c('code',[_vm._v(\"icon\")]),_vm._v(\" property. A practical example would be: \"),_c('code',[_vm._v(\"icon: 'chat'\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\"}},[_vm._v(\"Material Icons page\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"FontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n          title:'Icon mail',\n          text:'Lorem ipsum dolor sit amet, consectetur',\n          color:'primary',\n          iconPack: 'feather',\n          icon:'icon-mail'})}}},[_vm._v(\"Icon Mail\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n          title:'Icon mail',\n          text:'Lorem ipsum dolor sit amet, consectetur',\n          color:'success',\n          iconPack: 'feather',\n          icon:'icon-check'})}}},[_vm._v(\"Icon check_box\")]),_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n          title:'Icon mail',\n          text:'Lorem ipsum dolor sit amet, consectetur',\n          color:'danger',\n          iconPack: 'feather',\n          icon:'icon-heart'})}}},[_vm._v(\"Icon favorite\")]),_c('vs-button',{attrs:{\"color\":\"warning\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n          title:'Icon mail',\n          text:'Lorem ipsum dolor sit amet, consectetur',\n          color:'warning',\n          iconPack: 'feather',\n          icon:'icon-alert-circle'})}}},[_vm._v(\"Icon error\")]),_c('vs-button',{attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n          title:'Icon mail',\n          text:'Lorem ipsum dolor sit amet, consectetur',\n          color:'dark',\n          iconPack: 'feather',\n          icon:'icon-message-square'})}}},[_vm._v(\"Icon chat\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"gradient\"},on:{\"click\":function($event){return _vm.randomIcon()}}},[_vm._v(\"Icon Random Color\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-button color=\\\"primary\\\" type=\\\"flat\\\"\\n      @click=\\\"$vs.notify({\\n        title:'Icon mail',\\n        text:'Lorem ipsum dolor sit amet, consectetur',\\n        color:'primary',\\n        iconPack: 'feather',\\n        icon:'icon-mail'})\\\">Icon Mail</vs-button>\\n\\n    <vs-button color=\\\"success\\\" type=\\\"flat\\\"\\n      @click=\\\"$vs.notify({\\n        title:'Icon mail',\\n        text:'Lorem ipsum dolor sit amet, consectetur',\\n        color:'success',\\n        iconPack: 'feather',\\n        icon:'icon-check'})\\\">Icon check_box</vs-button>\\n\\n    <vs-button color=\\\"danger\\\" type=\\\"flat\\\"\\n      @click=\\\"$vs.notify({\\n        title:'Icon mail',\\n        text:'Lorem ipsum dolor sit amet, consectetur',\\n        color:'danger',\\n        iconPack: 'feather',\\n        icon:'icon-heart'})\\\">Icon favorite</vs-button>\\n\\n    <vs-button color=\\\"warning\\\" type=\\\"flat\\\"\\n      @click=\\\"$vs.notify({\\n        title:'Icon mail',\\n        text:'Lorem ipsum dolor sit amet, consectetur',\\n        color:'warning',\\n        iconPack: 'feather',\\n        icon:'icon-alert-circle'})\\\">Icon error</vs-button>\\n\\n    <vs-button color=\\\"dark\\\" type=\\\"flat\\\"\\n      @click=\\\"$vs.notify({\\n        title:'Icon mail',\\n        text:'Lorem ipsum dolor sit amet, consectetur',\\n        color:'dark',\\n        iconPack: 'feather',\\n        icon:'icon-message-square'})\\\">Icon chat</vs-button>\\n\\n      <vs-button @click=\\\"randomIcon()\\\" color=\\\"success\\\" type=\\\"gradient\\\">Icon Random Color</vs-button>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  methods: {\\n    randomIcon() {\\n      function getRandomInt(min, max) {\\n        return Math.floor(Math.random() * (max - min)) + min;\\n      }\\n      let color = `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`\\n\\n      this.$vs.notify({ title: &apos;Icon mail&apos;, text: &apos;Lorem ipsum dolor sit amet, consectetur&apos;, color: color, icon: &apos;verified_user&apos; })\\n    }\\n  }\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n  File Name: NotificationsIcon.vue\r\n  Description: Add Icons to notifications\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=\"Icon\" code-toggler>\r\n    \r\n    <p>Notifications can include icons to improve the user experience and to construct a more pleasant and intuitive notification. To make this, use the <code>icon</code> property. A practical example would be: <code>icon: 'chat'</code></p>\r\n\r\n    <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n      <p>Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official <a href=\"https://material.io/icons/\" target=\"_blank\">Material Icons page</a>.</p>\r\n      <p>FontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.</p>\r\n    </vs-alert>\r\n\r\n    <div class=\"demo-alignment\">\r\n      \r\n      <vs-button color=\"primary\" type=\"flat\"\r\n        @click=\"$vs.notify({\r\n          title:'Icon mail',\r\n          text:'Lorem ipsum dolor sit amet, consectetur',\r\n          color:'primary',\r\n          iconPack: 'feather',\r\n          icon:'icon-mail'})\">Icon Mail</vs-button>\r\n\r\n      <vs-button color=\"success\" type=\"flat\"\r\n        @click=\"$vs.notify({\r\n          title:'Icon mail',\r\n          text:'Lorem ipsum dolor sit amet, consectetur',\r\n          color:'success',\r\n          iconPack: 'feather',\r\n          icon:'icon-check'})\">Icon check_box</vs-button>\r\n\r\n      <vs-button color=\"danger\" type=\"flat\"\r\n        @click=\"$vs.notify({\r\n          title:'Icon mail',\r\n          text:'Lorem ipsum dolor sit amet, consectetur',\r\n          color:'danger',\r\n          iconPack: 'feather',\r\n          icon:'icon-heart'})\">Icon favorite</vs-button>\r\n\r\n      <vs-button color=\"warning\" type=\"flat\"\r\n        @click=\"$vs.notify({\r\n          title:'Icon mail',\r\n          text:'Lorem ipsum dolor sit amet, consectetur',\r\n          color:'warning',\r\n          iconPack: 'feather',\r\n          icon:'icon-alert-circle'})\">Icon error</vs-button>\r\n\r\n      <vs-button color=\"dark\" type=\"flat\"\r\n        @click=\"$vs.notify({\r\n          title:'Icon mail',\r\n          text:'Lorem ipsum dolor sit amet, consectetur',\r\n          color:'dark',\r\n          iconPack: 'feather',\r\n          icon:'icon-message-square'})\">Icon chat</vs-button>\r\n\r\n      <vs-button @click=\"randomIcon()\" color=\"success\" type=\"gradient\">Icon Random Color</vs-button>\r\n    </div>\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;vs-button color=&quot;primary&quot; type=&quot;flat&quot;\r\n      @click=&quot;$vs.notify({\r\n        title:&apos;Icon mail&apos;,\r\n        text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n        color:&apos;primary&apos;,\r\n        iconPack: &apos;feather&apos;,\r\n        icon:&apos;icon-mail&apos;})&quot;&gt;Icon Mail&lt;/vs-button&gt;\r\n\r\n    &lt;vs-button color=&quot;success&quot; type=&quot;flat&quot;\r\n      @click=&quot;$vs.notify({\r\n        title:&apos;Icon mail&apos;,\r\n        text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n        color:&apos;success&apos;,\r\n        iconPack: &apos;feather&apos;,\r\n        icon:&apos;icon-check&apos;})&quot;&gt;Icon check_box&lt;/vs-button&gt;\r\n\r\n    &lt;vs-button color=&quot;danger&quot; type=&quot;flat&quot;\r\n      @click=&quot;$vs.notify({\r\n        title:&apos;Icon mail&apos;,\r\n        text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n        color:&apos;danger&apos;,\r\n        iconPack: &apos;feather&apos;,\r\n        icon:&apos;icon-heart&apos;})&quot;&gt;Icon favorite&lt;/vs-button&gt;\r\n\r\n    &lt;vs-button color=&quot;warning&quot; type=&quot;flat&quot;\r\n      @click=&quot;$vs.notify({\r\n        title:&apos;Icon mail&apos;,\r\n        text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n        color:&apos;warning&apos;,\r\n        iconPack: &apos;feather&apos;,\r\n        icon:&apos;icon-alert-circle&apos;})&quot;&gt;Icon error&lt;/vs-button&gt;\r\n\r\n    &lt;vs-button color=&quot;dark&quot; type=&quot;flat&quot;\r\n      @click=&quot;$vs.notify({\r\n        title:&apos;Icon mail&apos;,\r\n        text:&apos;Lorem ipsum dolor sit amet, consectetur&apos;,\r\n        color:&apos;dark&apos;,\r\n        iconPack: &apos;feather&apos;,\r\n        icon:&apos;icon-message-square&apos;})&quot;&gt;Icon chat&lt;/vs-button&gt;\r\n\r\n      &lt;vs-button @click=&quot;randomIcon()&quot; color=&quot;success&quot; type=&quot;gradient&quot;&gt;Icon Random Color&lt;/vs-button&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  methods: {\r\n    randomIcon() {\r\n      function getRandomInt(min, max) {\r\n        return Math.floor(Math.random() * (max - min)) + min;\r\n      }\r\n      let color = &grave;rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})&grave;\r\n\r\n      this.$vs.notify({ title: &amp;apos;Icon mail&amp;apos;, text: &amp;apos;Lorem ipsum dolor sit amet, consectetur&amp;apos;, color: color, icon: &amp;apos;verified_user&amp;apos; })\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  methods: {\r\n    randomIcon() {\r\n      function getRandomInt(min, max) {\r\n        return Math.floor(Math.random() * (max - min)) + min;\r\n      }\r\n      let color = `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`\r\n\r\n      this.$vs.notify({ title: 'Icon Award', text: 'Lorem ipsum dolor sit amet, consectetur', color: color, icon: 'icon-award', iconPack: 'feather' })\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!./NotificationsIcon.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!./NotificationsIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationsIcon.vue?vue&type=template&id=88ed250a&\"\nimport script from \"./NotificationsIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationsIcon.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\":\"Fixed and function click\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Sometimes we need to execute a function when the user clicks on the notification. For this, pass a function to the click property. Example: \"),_c('code',[_vm._v(\"click:()=>{ ... }\")])]),_c('vs-button',{staticClass:\"mt-4\",attrs:{\"type\":\"gradient\",\"color\":\"success\"},on:{\"click\":function($event){return _vm.myFunction()}}},[_vm._v(\"Run Example\")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-button @click=\\\"myFunction()\\\" type=\\\"gradient\\\" color=\\\"success\\\" class=\\\"my-4\\\">Run Example</vs-button>\\n</template>\\n\\n<script>\\nexport default {\\n  methods: {\\n    myFunction() {\\n      this.$vs.notify({\\n        title: 'Function click',\\n        text: 'Click on me to execute function',\\n        color: 'primary',\\n        fixed: true,\\n        click: () => {\\n          // Secondary function\\n          this.$vs.notify({\\n            title: 'Secondary function',\\n            text: 'Executed the function when clicking',\\n            color: 'success',\\n            iconPack: 'feather',\\n            icon: 'icon-check'\\n          })\\n        },\\n      })\\n    },\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: NotificationsFixedAndFunctionClick.vue\r\n    Description: Rendering of default notifications\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=\"Fixed and function click\" code-toggler>\r\n        \r\n        <p>Sometimes we need to execute a function when the user clicks on the notification. For this, pass a function to the click property. Example: <code>click:()=>{ ... }</code></p>\r\n\r\n        <vs-button @click=\"myFunction()\" type=\"gradient\" color=\"success\" class=\"mt-4\">Run Example</vs-button>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-button @click=&quot;myFunction()&quot; type=&quot;gradient&quot; color=&quot;success&quot; class=&quot;my-4&quot;&gt;Run Example&lt;/vs-button&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  methods: {\r\n    myFunction() {\r\n      this.$vs.notify({\r\n        title: &apos;Function click&apos;,\r\n        text: &apos;Click on me to execute function&apos;,\r\n        color: &apos;primary&apos;,\r\n        fixed: true,\r\n        click: () =&gt; {\r\n          // Secondary function\r\n          this.$vs.notify({\r\n            title: &apos;Secondary function&apos;,\r\n            text: &apos;Executed the function when clicking&apos;,\r\n            color: &apos;success&apos;,\r\n            iconPack: &apos;feather&apos;,\r\n            icon: &apos;icon-check&apos;\r\n          })\r\n        },\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    methods: {\r\n        myFunction() {\r\n            this.$vs.notify({\r\n                title: 'Function click',\r\n                text: 'Click on me to execute function',\r\n                color: 'primary',\r\n                fixed: true,\r\n                click: () => {\r\n                    // Secondary function\r\n                    this.$vs.notify({\r\n                        title: 'Secondary function',\r\n                        text: 'Executed the function when clicking',\r\n                        color: 'success',\r\n                        iconPack: 'feather',\r\n                        icon: 'icon-check'\r\n                    })\r\n                },\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!./NotificationsFixedAndFunctionClick.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!./NotificationsFixedAndFunctionClick.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationsFixedAndFunctionClick.vue?vue&type=template&id=2df1642b&\"\nimport script from \"./NotificationsFixedAndFunctionClick.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationsFixedAndFunctionClick.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\":\"Time\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the total time that the notification stays on the screen with the \"),_c('code',[_vm._v(\"time\")]),_vm._v(\" property. Example: \"),_c('code',[_vm._v(\"time: 4000\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"By default the notifications have a time of \"),_c('strong',[_vm._v(\"2000\")]),_vm._v(\" (2s)\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$vs.notify({\n                title:'Time default',\n                text:'Lorem ipsum dolor sit amet consectetur',\n                color:'primary',\n                iconPack: 'feather',\n                icon: 'icon-clock'\n                })}}},[_vm._v(\"Time default\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){_vm.$vs.notify({\n                time:4000,\n                title:'Time 4s (4000)',\n                text:'Lorem ipsum dolor sit amet consectetur',\n                color:'primary',\n                iconPack: 'feather',\n                icon: 'icon-clock'\n                })}}},[_vm._v(\"Time 4s (4000)\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){_vm.$vs.notify({\n                time:8000,\n                title:'Time 8s (8000)',\n                text:'Lorem ipsum dolor sit amet consectetur',\n                color:'primary',\n                iconPack: 'feather',\n                icon: 'icon-clock'\n                })}}},[_vm._v(\"Time 8s (8000)\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-button @click=\\\"$vs.notify({\\n        title:'Time default',\\n        text:'Lorem ipsum dolor sit amet consectetur',\\n        color:'primary',\\n        iconPack: 'feather',\\n        icon: 'icon-clock'\\n        })\\\" color=\\\"primary\\\" type=\\\"flat\\\">Time default</vs-button>\\n\\n    <vs-button @click=\\\"$vs.notify({\\n        time:4000,\\n        title:'Time 4s (4000)',\\n        text:'Lorem ipsum dolor sit amet consectetur',\\n        color:'primary',\\n        iconPack: 'feather',\\n        icon: 'icon-clock'\\n        })\\\" color=\\\"primary\\\" type=\\\"flat\\\">Time 4s (4000)</vs-button>\\n        \\n    <vs-button @click=\\\"$vs.notify({\\n        time:8000,\\n        title:'Time 8s (8000)',\\n        text:'Lorem ipsum dolor sit amet consectetur',\\n        color:'primary',\\n        iconPack: 'feather',\\n        icon: 'icon-clock'\\n        })\\\" color=\\\"primary\\\" type=\\\"flat\\\">Time 8s (8000)</vs-button>\\n  </div>\\n</template>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./NotificationsTime.vue?vue&type=template&id=30a81118&\"\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","<!-- =========================================================================================\r\n    File Name: Notifications.vue\r\n    Description: Notifications - 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=\"notifications-demo\">\r\n\r\n        <p class=\"mb-4\">Nice, simple, and interactive notifications</p>\r\n\r\n        <notifications-default></notifications-default>\r\n        <notifications-position></notifications-position>\r\n        <notifications-icon></notifications-icon>\r\n        <notifications-fixed-and-function-click></notifications-fixed-and-function-click>\r\n        <notifications-time></notifications-time>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport NotificationsDefault from './NotificationsDefault.vue'\r\nimport NotificationsPosition from './NotificationsPosition.vue'\r\nimport NotificationsIcon from './NotificationsIcon.vue'\r\nimport NotificationsFixedAndFunctionClick from './NotificationsFixedAndFunctionClick.vue'\r\nimport NotificationsTime from './NotificationsTime.vue'\r\n\r\nexport default{\r\n    components: {\r\n        NotificationsDefault,\r\n        NotificationsPosition,\r\n        NotificationsIcon,\r\n        NotificationsFixedAndFunctionClick,\r\n        NotificationsTime,\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!./Notifications.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!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=13a88a50&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.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":""}