{"version":3,"sources":["webpack:///./src/views/components/vuesax/notifications/Notifications.vue?23c5","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue?327d","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?4ec4","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?58e9","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?2dd7","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?820c","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","staticClass","_v","staticRenderFns","on","$event","$vs","notify","title","text","color","random","slot","component","listPosition","position","randomCenter","iconPack","icon","randomIcon","methods","getRandomInt","min","max","Math","floor","myFunction","time","script"],"mappings":"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","file":"js/chunk-2d208dc0.f2bf5b42.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":""}