{"version":3,"sources":["webpack:///./src/views/components/vuesax/notifications/Notifications.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue","webpack:///src/views/components/vuesax/notifications/NotificationsDefault.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue?d40e","webpack:///./src/views/components/vuesax/notifications/NotificationsDefault.vue?acfd","webpack:///./src/views/components/vuesax/notifications/NotificationsPosition.vue","webpack:///src/views/components/vuesax/notifications/NotificationsPosition.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsPosition.vue?23b4","webpack:///./src/views/components/vuesax/notifications/NotificationsPosition.vue?337a","webpack:///./src/views/components/vuesax/notifications/NotificationsIcon.vue","webpack:///src/views/components/vuesax/notifications/NotificationsIcon.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsIcon.vue?cc53","webpack:///./src/views/components/vuesax/notifications/NotificationsIcon.vue?12ac","webpack:///./src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue","webpack:///src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue?95eb","webpack:///./src/views/components/vuesax/notifications/NotificationsFixedAndFunctionClick.vue?3094","webpack:///./src/views/components/vuesax/notifications/NotificationsTime.vue","webpack:///./src/views/components/vuesax/notifications/NotificationsTime.vue?5f8e","webpack:///src/views/components/vuesax/notifications/Notifications.vue","webpack:///./src/views/components/vuesax/notifications/Notifications.vue?d464","webpack:///./src/views/components/vuesax/notifications/Notifications.vue?2931"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","staticRenderFns","on","$event","$vs","notify","title","text","color","random","slot","methods","getRandomInt","min","max","Math","floor","concat","component","listPosition","position","randomCenter","data","iconPack","icon","randomIcon","myFunction","_this","fixed","click","time","script","components","NotificationsDefault","NotificationsPosition","NotificationsIcon","NotificationsFixedAndFunctionClick","NotificationsTime"],"mappings":"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","file":"js/chunk-2d208dc0.1a53bbcc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/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=5c9f8622\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/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=b9110cc8\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/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=3943d90a\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/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=3a631eb2\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./NotificationsTime.vue?vue&type=template&id=78d2a953\"\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/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=036d60d3\"\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":""}